@import url('https://fonts.googleapis.com/css?family=Comfortaa:300,400,500,600,700&display=swap&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Comfortaa:300,400,500,600,700|Open+Sans:300,400,700&display=swap&subset=cyrillic');
body {font-family: 'Open Sans', ;  font-size: 14px; font-weight: 300;-webkit-animation:fadeinout .3s ease-in 1 forwards;animation:fadeinout .3s ease-in 1 forwards;}
@-webkit-keyframes fadeinout{0%{opacity:0} 100%{opacity:1};} @keyframes fadeinout{0%{opacity:0} 100%{opacity:1};}
.flex-col {float: none !important; flex-direction: row;} 
.flex-row {display: flex;}
.wraper {margin-left:auto; margin-right: auto;}
.red {background-color:#D21113}
.blue {background-color: #0094CB;}
.dark-blue {background-color: #121A73;} 
.white {background-color: #fff;}
.black {background-color: #000;}
.silver {background-color: #F3F3F3}

.red-text {color:#D21113}
.blue-text {color: #0094CB;}
.dark-blue-text {color: #121A73;} 
.white-text {color: #fff !important;} 
.black-text {color: #000;}
.font2 {font-family: 'Comfortaa';}
a {color: inherit;}
.bordered {border: solid 1px rgba(212,212,212,1.00); padding: 15px;}
.bordered-top {border-top: solid 1px rgba(255,255,255,0.25);}
.cmspage p {margin-bottom: 15px;}
.cmspage ul {padding-left: 20px; margin-bottom: 15px;}
.cmspage strong {font-weight: bold;}

.cmspage h2 {color: #121A73; margin-bottom: 30px; text-transform: uppercase;font-family: 'Comfortaa'; font-size: 1.8em;  font-weight: bold;}
/*Header*/
header {width: 100%; box-shadow: rgba(0,0,0,0.3) 0px 2px 5px; position: fixed; top: 0px; background-color: #FFF; z-index: 50;left:0;}
header .logo {text-align: center; padding: 10px;}
header .menu-call{top:25px;right:15px;z-index:80}

.menu-call{width:30px;position:absolute;z-index:101;cursor:pointer;padding-top:8px;padding-bottom:8px}
.menu-call span{width:100%;height:2px;background-color:#121A73;display:block;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.menu-call span:before{content:'';height:2px;width:100%;margin-bottom:5px;display:block;background-color:#121A73;position:absolute;top:0;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.menu-call span:after{content:'';height:2px;width:100%;margin-top:5px;display:block;background-color:#121A73;position:absolute;bottom:0;-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.menu-call.open span{-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;width:0}
.menu-call.open span:before{content:'';height:2px;width:100%;margin-bottom:5px;display:block;background-color:#121A73;position:absolute;top:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-moz-transition:all .2s linear;-webkit-transition:all .2s linear}
.menu-call.open span:after{content:'';height:2px;width:100%;margin-top:5px;display:block;background-color:#121A73;position:absolute;bottom:8px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-moz-transition:all .2s linear;-webkit-transition:all .2s linear}

.menu {max-height:0; overflow:hidden;position: fixed; z-index: 19; top:0; left: 0; right: 0; font-size:1.2em; 100%; background-color:#121A73 ; ;-o-transition: all  .5s ease;-moz-transition: all  .5s ease;-webkit-transition: all  .5s ease;transition: all  .5s ease; opacity: .00001; overflow: hidden;}
.menu.open {max-height:1900px; overflow:auto;display: block;-o-transition: all  .3s ease;-moz-transition: all  .3s ease;-webkit-transition: all  .3s ease;transition: all  .3s ease; bottom:0; opacity: 1;}
.menu nav ul {list-style: none;}
.menu nav ul li {display: block}
.menu nav ul a {text-decoration: none;display: inline-block; line-height: 25px;position: relative}
.menu nav ul a:after {content: '';height: 1px;width: 0;background-color: rgba(255,255,255,0.50);bottom: 2px;left: 0;position: absolute;-o-transition: all .2s linear;-moz-transition: all .2s linear;-webkit-transition: all .2s linear;transition: all .2s linear;}
.menu nav ul a:hover:after {width:100%;-o-transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;transition:all .2s linear}
.menu nav ul ul {padding-left: 20px;}

.lngbar {position:absolute; top:20px; right:80px; z-index: 30;}
.lngbar .lng {width:30px; height:30px; text-align:center; line-height:30px;color:#fff; font-weight:600;background-color:#cc0000; }
.lngbar ul {list-style:none; position:absolute; top:30px;left:0;background-color:#E8E8E8; width:30px; text-align:center;opacity:0; height:0px; overflow:hidden;  -o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.lngbar ul.open {opacity:100;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;height:auto;}
.lngbar ul li {color:#000;cursor:pointer; height:30px; line-height:30px;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.lngbar ul li:hover {color:#fff;background-color:#121A73; -o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.lngbar ul li:hover a {color:#fff;}
.lngbar ul li a{text-decoration:none;color:#000;}
.lngbar .select {border-color:  #cc0000 transparent; border-style: solid solid none ; border-width: 7px 7px medium; height: 7px;right: -20px;position: absolute;top: 10px; width: 0; text-decoration:none; color:#fff;}

main div {text-align: center; font-size: 40px; height: 100%; vertical-align: middle; color: #454545; font-style: oblique;}
main .title {color: white; font-size: 83px; padding-top: 400px; padding-bottom: 100px;}
main .text {color: white; padding-bottom: 600px;}

.h90p {height: 100%; overflow: hidden;}
.fullscreen-video {width: auto;min-height: 100%; height: auto; min-width: 100%; position: relative;z-index: 4;}
.mask {background-image:url(/public/images/mask.png); position: absolute; width: 100%; height: 100%;z-index: 5; top:0; left: 0; background-color: rgba(0,0,0,0.46);}
.home-title {position: absolute; top:40%; width: 80%; margin-left: auto; margin-right: auto; left:1%; right: 1%; z-index: 6; font-size: 2.3vh; max-width: 1060px; font-weight: 100;}
.home-title h1 {font-size: 4vh; margin-bottom:10px}


.serv .col-50{background-color:#fff;position:relative;-moz-transition: all  .5s ease;-webkit-transition: all  .5s ease;transition: all  .5s ease;}
.serv .col-50 div:first-child{min-height:40px}
.serv .col-50 img {min-width: 100%;}
.serv a{text-decoration:none}
.serv span.font1 {padding-right: 25px; color: #000; font-weight: 500;}
.serv span:nth-child(2){font-size:4em;color:#707378;text-align:center;position:absolute;top:-10px;right:10px; font-weight: 100;}
.serv .col-50:hover {transform:scale(1.2);-moz-transition: all  .5s ease;-webkit-transition: all  .5s ease;transition: all  .5s ease;}

.template-header {padding-top: 150px; padding-bottom: 50px;}
.copyright-menu ul {list-style:none;display:inline-block}
.copyright-menu ul li{display:inline-block}
.copyright-menu ul li a {color:#fff;}
.copyright-menu ul li:after{content:'|';margin-left:5px;margin-right:5px}
.copyright-menu ul li:last-child:after{content:'';margin-left:5px}

.breadcrumbs {font-size: 12px; opacity: .7;}

.gallery .img {float: left; width: 25%; padding: 10px;}
.pagemenu ul {list-style: none; padding-left: 0; padding-top: 5px;}
.pagemenu ul li {display: block; margin-bottom: 3px;}
.pagemenu ul li a {display: block; text-decoration: none; color:#fff; background-color: #cc0000; line-height: 30px; padding-left: 10px; padding-right: 10px;-o-transition: all .2s linear;-moz-transition: all .2s linear;-webkit-transition: all .2s linear;transition: all .2s linear;}
.pagemenu ul li a:hover {background-color: rgba(0,0,0,1.00);-o-transition: all .2s linear;-moz-transition: all .2s linear;-webkit-transition: all .2s linear;transition: all .2s linear;}
footer strong{display: inline-block; padding-bottom: 3px}
.partnersPage{text-align: center;padding-top: 30px}
.partnersPage img{max-width: 350px;}

.news .row {display: flex; margin-top: 40px;}
.news .col-25 {background-color: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0 0 20px;float: none !important; flex-direction: row; position: relative; z-index: 2;}
.news .col-25 .cont {position: relative; z-index: 4;background-color: #fff; flex:1; height: 100%; } 
.news .col-25 .title a {display: block; padding: 20px; font-size: 1.2em; font-weight: bold; font-family: 'Tenor Sans', sans-serif; color: #213153; text-decoration: none;}
.news .col-25 .date {padding-left: 20px;color:#E2211C ; font-weight: bold; display: none;}
.news .col-25 .descr {padding-left: 20px; padding-right: 20px; padding-bottom: 20px; font-size: .8em; line-height: 1.5;}

dl[humge-type=accordion] dt {
 display:block;
 background-color:#333333;
 padding:10px 20px;
 color:#fff;
 cursor:pointer;
	font-size: 1.2em;
	
}
dl[humge-type=accordion] dt.active {
 background-color:#cc0000;
}
dl[humge-type=accordion] dd {
 display:block;
	background-color: #fff;
	color: #000;
border: solid 1px rgba(199,199,199,1.00);
 overflow:hidden;
	box-sizing: border-box; 
	 margin-bottom: 10px;

}
dl[humge-type=accordion] dd div {padding: 20px;}
dl[humge-type=accordion] dd.open {
 display:block;
 overflow:inherit;

}

@media (max-width:900px) { 
//	body {overflow-x:hidden !important;}
	.logo{width: 80px!important}
	.wraper {width:100%; padding-left:10px; padding-right:10px; max-width: inherit; min-width: inherit;}
	.row *[class*=col-] {float:none !important; width:100% !important; margin:0px;margin-bottom:10px}
	.flex-row, .news .row {display: block !important;}
	.row{margin-bottom: 0px!important;}
	.menu-call{top: 15px!important}
	.menu.open nav{padding-top: 5px!important}
	.menu.open .wraper.pad-top-40{padding-top: 5px}
	.menu.open .wraper .pad-top-40{padding-top: 5px}
	.menu.open .mrg0bottom-10{margin-bottom: 5px}
	footer {text-align: center !important;}
	footer .col-25.text-left {text-align: center; padding-bottom: 50px;}
	.template-header {height: auto; padding-top: 70px; padding-bottom: 15px;}
	.template-header h1 {font-size: 1.8em;}
	.template-header .descr {font-size: 1em;}
	.mask {background-color: rgba(0,0,0,0.76);}

	.home-slide {padding-top: 48px;}
	.home-slide .slider {height: 400px !important; width: 100% !important; }
	.home-slide .slider .img {position: relative !important;}
.home-slide .slider .frame {height: 100% !important; position: absolute; }
.home-slide .slider .frame img {height: 100%; max-width: inherit; min-width: 100%; width: auto; margin-left: -30%;}
.home-slide .slider .slider {height: 400px !important;}
.home-title {top:28%}
.lngbar {top:10px}
}