a {
        color:#1D5F7F;
}
a:hover {
        transition: all 0.3s linear 0s;
}
a:not(:hover) {
        transition: all 0.3s linear 0s;
}

.white-text a {
        color:#fff;
}
.article p a, .article li a {
        border-bottom:1px solid #1D5F7F;

}
nav ul a {
        font-size: 1rem;
}
 @media (max-width: 1280px){
 nav ul a {
        font-size: .8rem;
}

 }
.page ul li.no-decor {
    list-style: none !important;
    margin-left: 0;
}

.img-box img {
    border: 1px solid #f3efef;
    padding: 3px;
}





.margin-bottom-min {
        margin-bottom:-50px;
}
.page ul li {
        list-style-type: square !important;
        list-style-position: inside;
}


.page ul li {
    margin-left: 20px;
    list-style-position: outside !important;
}

.hide {
        display: none !important;
}


.logo {
        text-align: center;
        margin-top: 15px;
        display: block;
}
.banner-img-text h3 {
        font-size:1.6rem;
}


.banner1 {
        background: #FFFFFF;
        color: #DE6062;
        margin-bottom:20px;
        box-shadow: 0 0 52px #DE6062 inset;
}

.banner2 {
        background: #FFFFFF;
        color: #187386;
        box-shadow: 0 0 52px #187386 inset;
}


.banner3 {
        background: #FFFFFF;
        color: #5C5C5D;
        box-shadow: 0 0 52px #5C5C5D inset;
}
.img-banner img {
        border-radius: 15px ;
}
.banner-img-text .row {
        margin: 20px 20px 50px 20px;
        text-align: center;
        border-radius: 20px;
}
.col.m3.s12.img-banner {
        margin: 0 0 -6px 0 !important;
        padding: 0 !important;
}
.margin-0 {
        margin:-25px auto -5px;
}
strong {
        font-weight:bold;

}
.date {
        font-size: 0.7rem;
}

.programms img {
    margin-top: 47px;
}

.color {
        background-color:#2F3254;
        color:#768488
}
.logo-text {
        font-family: 'Yanone Kaffeesatz', sans-serif;
        font-size:3.5rem;
        border-radius: 3px;
        background: rgba(255, 255, 255, 0.79);
        padding: 10px;
        color: #24424A;
        line-height: 37px;
        margin-top: 55px;

}

.logo-text small {
        font-size: 1.5rem;
}
.menu-dop {
        margin-bottom: 0;
        margin-top: 30px;
        padding:20px;
        background:#ECECEC;
}
.menu-dop a:hover {
        color: #000
}
.menu-dop h5 {
        font-size: 1.3rem;
        color: #315C67;
}

.programms h5 {
        min-height: 3rem;
        font-family: 'Yanone Kaffeesatz', sans-serif;
}
.border-color {
        border: solid 5px #86A235;

}
.banners img {
        float:left;
        margin:5px;
}
.color-footer {
        background-color: #1A1D38 !important;
        padding: 5px;
        color: #fff;
        text-align: center;

}
.dropdown-content {
        min-width: 300px;
}
.dropdown-content li > a, .dropdown-content li > span {
        color: #315C67;
}

.amber.darken-3 {
        background:#86A235 !important;
        color:#fff

}
.push {
        background:#AD0A37 ;
        font-weight:bold;
}
.box {
        padding: 1rem;
        border-radius: 2px;
        box-shadow: 2px 2px 15px rgba(38, 50, 56, 0.31);
}



.brand-logo {
        font-size: 2.5rem;
        font-family: 'Yanone Kaffeesatz', sans-serif;

}
.blue-grey.darken-3 {
        background-color: #2F4B52 !important;
}
.blue-grey .darken-4 {
        background-color: #315C67 !important;
}
@media screen and (max-width: 992px) {

        nav .brand-logo {
                font-size: 1.1rem !important;

}}


.menu-programms li {
        font: 1.3rem 'Yanone Kaffeesatz', sans-serif;
        color: #003B4C;
        margin-bottom: 10px;
        padding: 15px;
        box-shadow: 0 0 35px #C3D5DA inset;
        background: #F7FDFF;
}

.readmore a {
        color: #5B93A0;
        border: 1px solid #5B93A0;
        border-radius: 50px;
        padding: 5px 8px;
        display: inline;
        font-size: 11px;
}
.readmore a:hover {
        transition: all 0.3s linear 0s;
        border: 1px solid #ffffff;
        color: #2D5F6B;    background:  #5B93A0;
        color:#fff;border-radius: 10px;

}
.readmore a:not(:hover) {
        transition: all 0.3s linear 0s;
}
footer .container {
        padding-top:50px;
}
.readmore a {
        color: #315C67;
}
.btn:hover, .btn-large:hover{
        border: 2px solid #125E6F;
        color: #2D5F6B;
        transition: all 0.3s linear 0s;
}
.btn, .btn-large {
        color: #5B93A0;
        border: 2px solid #5B93A0;
        border-radius: 50px;
}

.footer-soc a {
        margin-right:20px;
}
.people a img:hover {
        box-shadow: 0 8px 10px 5px
        rgba(0, 0, 0, 0.14), 0 3px 14px 2px
        rgba(0, 0, 0, 0.12), 0 5px 5px -3px
        rgba(0, 0, 0, 0.3);


}
.btn-footer {
        border: 2px solid #ffffff;
        color:#fff
}
.text-banner {
        text-align: center;
        background:#ECECEC;
        font-size: 2rem;
        border-left: solid 55px #2F3254;
        border-right: solid 55px #2F3254;
        padding: 20px;
        margin: 5% 0;
        font-family: 'Yanone Kaffeesatz', sans-serif;

}



.people-name {
        font-size: 1.3rem;
        margin-top: 1rem;
        display: block;
}


.collapsible-header {
        line-height: 1.7rem;

}

img {
        max-width: 100%;
        height: auto;
}

.article img {
        max-width: 100%;
        height: auto !important;
}

.page--img {
        float:left;
        margin:0 20px 20px 0;
}
.pagination li.active {
        background-color: #7195A0;
}

.page .short-text, .page .date {
        display:none
}

.article-preview .col {
        margin-bottom: 2rem;
}
.pagination {
        width: 500px;
        margin: auto;
}

.page img {
        padding:1px;
        border:1px solid #ccc;
}
.page a[href^="mailto:"]:before {
        font-family:FontAwesome;
        content:'\f0e0  ';
    border: solid 1px #fff;
    padding-bottom: 1px;
}
.page a[href^="tel:"]:before {
        font-family:FontAwesome;
        content:'\f095  ';
    border: solid 1px #fff;
    padding-bottom: 1px;

}
a.fax:before {
        font-family:FontAwesome;
        content:'\f1ac   ' !important;
    border: solid 1px #fff;
    padding-bottom: 1px;
}
a.picture:after {
        font-family:FontAwesome;
        content:'   \f1c5 ' !important;
}

a[href$=".xls"]:after, a[href$=".xlsx"]:after {
        font-family:FontAwesome;
        content: '  \f1c3';
        color:#2B4D0C;

}
.page a[href$=".doc"]:after, .page a[href$=".docx"]:after {
        font-family:FontAwesome;
        content: '  \f1c2';
        color: #134C72;
}
.page a[href$=".pdf"]:after {
        font-family:FontAwesome;
        content: '  \f1c1';
        color: #B61E1E;
}

span.metro {
        background: red;
        padding: 5px;
        text-align: center;
        height: 30px;
        color: #fff;
        display: inline-block;
        margin-right: 20px;
        font-weight: 600;
        width: 30px;
        border-radius: 50%;
}

hr {
        box-sizing: content-box;
        height: 0;
        border: 0;
        border-bottom: 1px solid #91BECC;
        margin: 50px 0;
}

.h6 {
    font-size: 1.0rem;
    }



.rotator .indicators {
    z-index: 5;
       top: 350px;
        }

.rotator .indicators .indicator-item {
background:#fff
}
.article-gallery .rotator, .article-gallery .rotator .rotator-slides {
   height: 513px !important;
}

.article-gallery .rotator  .indicators {
    z-index: 5;
    top: 513px !important;
}
.article-gallery .rotator  .indicators .indicator-item.active {
    background-color: #B2B6E4;
}
.article-gallery .rotator  .indicators .indicator-item {
    background: #172F67;
}

.rotator  .indicators .indicator-item.active {
    background-color: #E26B72;
}

table.ui-datepicker-calendar td {
    height: 60px;
}

@font-face {
  font-family: 'logo';
  src:  url('../fonts/logo.eot?d3c3i9');
  src:  url('../fonts/logo.eot?d3c3i9#iefix') format('embedded-opentype'),
    url('../fonts/logo.ttf?d3c3i9') format('truetype'),
    url('../fonts/logo.woff?d3c3i9') format('woff'),
    url('../fonts/logo.svg?d3c3i9#logo') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'logo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-logo:before {
  content: "\6c";
}
nav ul li.active {
    background-color: #4B518E;
}
.dropdown-content {
    margin: 70px 0;
}

.time-start {
    background: #b71414;
    padding: 20px;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    font-size: 20px;
}

 .margin-top-0 {
margin-top:15px !important;
}
li.sub-menu-mobile {
    margin: 0 0 0 32px;
    color:#000;
    font-weight:bold;
}

 .side-nav .sub-menu-mobile li > a {
line-height:12px;
    height: 32px;
    padding: 0 30px;
}

#search:before {
       font-family: FontAwesome;
        content: '\f002';
            }


.search  {
    border: 0;
    margin-top: 50px;
}


.search button {
    background: #fff;
    border: 0;
    color: #2F3254;
}

footer input {
    color: #2f3254;
    margin-top: 20px;
        border-radius: 41px;
    padding: 5px;
    border: 0;
}

/*tabs*/



.tabz
{
	position:relative;
	height:48px;
	background-color:#fff;
	margin:0 auto;
	width:100%;
	white-space:nowrap
}
.tabz .tab
{
	display:block;
	float:left;
	text-align:center;
	line-height:48px;
	height:48px;
	padding:0 20px;
	margin:0;
	text-transform:uppercase;
	letter-spacing:.8px;
	width:15%}
    .tabz .tab a
{
	color: #1a1d38;
	display:block;
	width:100%;
	height:100%;
-webkit-transition:color .28s ease;
-moz-transition:color .28s ease;
-o-transition:color .28s ease;
-ms-transition:color .28s ease;
	transition:color .28s ease
}
.tabz .tab a:hover
{
	color:#6269b5
}
.tabz .indicator
{
	position:absolute;
	bottom:0;
	height:2px;
	background-color:#2f3254;
	will-change:left, right
}
.tabz .tab
{
	padding:0
}
/*--------------------calendarik--------------------*/

 a.ui-datepicker-today {
    border-radius: 3px;
    margin: 5px;
}
.myClass a {
    border-radius: 8px;
    margin: 5px;
    color: #fff !important;
    background: #50688c !important;
}
.myClass .ui-state-default {
    border-radius: 3px;
    margin: 5px;
    color: #fff !important;
    background: #50688c !important;


}


a.ui-state-active {
       border-radius: 3px;
            margin: 5px;
        }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: none;
        background: #fff;
        font-weight: normal;
        color: #555;
        padding: .75rem 0;
        text-align: center;
}
.tab_item img {
        margin-top:0.5rem;
}

td.ui-datepicker-today {
        border: 1px solid #2f3253;
 border-radius: 3px;
}


td.ui-datepicker-today a.ui-state-default.ui-state-active {
        background-color:#fff;
}
a.ui-state-default.ui-state-active {
         background: #8fbcdc !important;

}
.ui-icon {
        background-image:none !important

}
.ui-datepicker-prev:before {
        font-family:'FontAwesome';
        color:#939393;
        content: "\f0a8"
}
.ui-datepicker-next:before {
        font-family:'FontAwesome';
        color:#939393;
        content: "\f0a9"
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        border: 0 !important;
        background: none;
        color: #000000;
}


.ui-datepicker-calendar td {
        text-align:center;
}
.ui-widget-header {
        border: none;
        background: #fff;
        color:#2f3254;
        font-weight: normal;
}
.ui-widget-content {
        border: none ;
        background: #fff;
        padding:5px;
        width: 100%;
        color: #222;
        -webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
        -moz-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
        box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
        border-radius:0;
}
thead {
        border:none;
}
.ui-datepicker th{
        width: 14.285714286%;
        font-size: .75em;
        padding-bottom: .25em;
        color: #999999;
        font-weight: 500;
}

.label {
    padding: 1px 5px;
    line-height: 19px;
    color: #56597d;
    display: inline-block;
    margin-left: 8px;
    border-radius: 4px;
    box-shadow: 0 0 12px #ccc;
}
.no-child li:nth-last-child(3), .no-child li:last-of-type {
    display: none;
}


.ui-datepicker .ui-datepicker-title {

    font-weight: bold;
    color: #474e9a;
}




/*меню*/

.menu-expanded {
        background-color: transparent;
        position: fixed;
        height:100%;
        top: -10px;
        left: 0px;

        overflow: hidden !important;
        z-index: 1000;
        color: #ccc !important;
}

@media only screen and (min-width: 1025px) {
.menu-expanded {
display: none;
}

}


.menu-dot, .linee {
        cursor: pointer;
}
.menu-dot {
        float: right;
        margin: 15px 15px ;
        height: 49px;
        width: 49px;
        border-radius: 50%;
        background: #2F3254;
        border: none;
        transition: all 0.40s ease-out;
}
.over {
        transform: scale(100);
        transition: all 0.350s ease-in;
        cursor: default;
        width: 310px;
}

.linea1 {
        background: #fff;
        height: 2px;
        width: 15px;
        position: absolute;
        right: 32px;
        top: 33px;
        transition: all 0.3s;
    z-index: 100;
}
.linea2 {
        background: #fff;
        height: 2px;
        width: 15px;
        position: absolute;
        right: 32px;
        top: 38px;
        opacity: 1;
        transition: opacity 0.5s;
        z-index: 100;
}
.linea3 {
        background: #fff;
        height: 2px;
        width: 15px;
        position: absolute;
        right: 32px;
        z-index: 100;
        top: 43px;
}
.overL1 {
        animation: closetop 1s forwards;
        animation-direction: alternate;
        cursor: pointer;
}

.overL2 {
        opacity: 0;
        transition: opacity 0.5s;
        cursor: pointer;
}
.overL3 {
        animation: closebottom 1s forwards;
        animation-direction: alternate;
        cursor: pointer;
}
@keyframes closetop {
        0% {transform: translateY(5px) rotate(0deg);}
        25% {transform: translateY(5px) rotate(0deg);}
        75% {transform: translateY(5px) rotate(-45deg);}
        100% {transform: translateY(5px) rotate(-45deg);}
}
@keyframes closebottom {
        0% {transform: translateY(0px) rotate(0deg);}
        25% {transform: translateY(-5px) rotate(0deg);}
        75% {transform: translateY(-5px) rotate(45deg);}
        100% {transform: translateY(-5px) rotate(45deg);}
}
.main-menu {
        visibility: hidden;
        position: absolute;
        right: 10px;
        top: 10px;
        opacity: 0;
        transition: all 0.300s;
        transition-delay: 0s;
overflow-y: auto;
    max-height: 100%;
}

.main-menu li.sub-menu-mobile

{
color: #ccc !important;
}

.overmain {
        visibility: visible;
        opacity: 1;
        transition: all 0.400s;
        transition-delay: 0.370s;
}
.main-menu ul {
        list-style-type: none;
        margin-left: 15px !important;
}
.main-menu ul li {
        margin: 5px 0px;
        line-height: 15px;
}
.main-menu ul li a {
        color: #fff;
        text-decoration: none;
        border: 0;
}
.main-menu ul li a:hover {
        opacity: 0.7;
}
.top-logo {
    display: grid;
    width: 430px;
    grid-template-columns: repeat(3, 1fr);
    position: absolute;
    grid-gap: 20px;
    right: 18%;
    top: 140px;;
    z-index: 2000;

}
.top-logo div {
    background: #ffffffde;
    border-radius: 99px;
    box-shadow: 0 0 13px #000;
}
@import url('https://fonts.googleapis.com/css?family=Russo+One&display=swap');

.header img {
    margin: 16px;
}
.header h2{
font-family: 'Russo One' ;
text-transform: uppercase;
color: #003b4c;
font-size: 2.1rem;
}
/*--------------------calendar--------------------*/
.calendar hr {
    margin: 14px 0;
}


.calendar h6 {
    font-weight: 700;
    background: #5b93a0;
    color: #fff;
    padding: 7px;
    text-align: center;
    border-radius: 2px;
}

.calendar .text-banner {
    margin-bottom: 24px;
}

.calendar h5 {
    font-size: 1.4rem;
}
.title-decor {
    background: #ececec;
    padding: 1rem 0;
}
.phone-left {
text-align: right;

}
@media (max-width: 769px) {
.phone-left {
text-align: left !important;

}
.header h2{
text-align: center;
font-size: 1.3rem;
}
.header .m1 {
display: none;
}
.top-logo {
    width: 235px;
    top: 204px;
}
}
[class*=grid-]  {
    display: grid;
    grid-gap: .1vw
}
 [class*=grid-] > li {
margin: 0 0 20px 0;
list-style: none;
}

.gap-2 {
    grid-gap: 2vw !important;
}
.grid-2 {
    grid-template-columns: repeat(2, 1fr);
}
.grid-3 {
    grid-template-columns: repeat(3, 1fr);
}
.grid-4 {
    grid-template-columns: repeat(4, 1fr);
}
.grid-5 {
    grid-template-columns: repeat(5, 1fr);
}
.grid-6 {
    grid-template-columns: repeat(6, 1fr);
}
.grid-1-3 {
    grid-template-columns: 1fr 3fr;
}
.grid-3-1 {
    grid-template-columns: 3fr 1fr;
}
@media (max-width: 769px) {
    [class*=grid-] {
        display: block;
    }
    [class*=grid-] > * {
        margin-bottom: 10px;
        display: block;
    }
    .phone-grid {
        display: grid !important;
    }
}
.no-img {
display: none;
}
.left-img {
max-width:300px;
	float:left;
	margin: 0 20px 10px 0;

}