@import url('reset.css');
@import url('slider.css');
@font-face {
  font-family: 'Montserrat';
  src: url('/fonts/Montserrat/Montserrat-Medium.ttf');
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat-bold';
  src: url('/fonts/Montserrat/Montserrat-Bold.ttf');
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat-light';
  src: url('/fonts/Montserrat/Montserrat-Light.ttf');
  font-display: swap;
}
@font-face {
	font-family: 'MyriadProBold';
	src: url('/fonts/myriadpro-bold.eot'); /* IE 9 Compatibility Mode */
	src: url('/fonts/myriadpro-bold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('/fonts/myriadpro-bold.woff2') format('woff2'), /* Super Modern Browsers */
		url('/fonts/myriadpro-bold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('/fonts/myriadpro-bold.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/fonts/myriadpro-bold.svg#myriadpro-bold') format('svg'); /* Chrome < 4, Legacy iOS */
    font-display: swap;
}

html,body {min-height: 100vh;background-color:#efefef;}
p h1 {margin-bottom:40px}
.big {font-size:30px;line-height:40px;padding-right:200px; text-align:justify;font-family:Montserrat-bold;}
.bold {font-size:27px;font-weight:700;}


.fancybox-container * {position:none;}
.wrapper  {max-width:1440px; margin:0 auto 0; padding-bottom:100px; min-height: 100vh; overflow:hidden; background-color:white;}

.header   {max-width:1440px; margin:0 auto 0;  width:100%; height:172px; background-color:white;}
.header .logo{float:left;margin-top:60px;margin-left:46px; width:105px;height:46px;}
.header .logo img{height:46px;width:auto;}

.header #menuopener {width:20px; height:20px;display:none;position:absolute;left:27px;top:27px;}
.header #menuopener  img {cursor:pointer;width:100%;}

/*-------------------------------------------------------------------*/
.topmenu {float:left;background-color:white;margin:30px 0 0px 50px; }
.topmenu div {
    float:left;
    margin:0px 2px 0px 0px ; 
    border-right:2px solid white;
    display:inline-block; 
    font: normal 20px FuturaPT; 
    font-weight:bold;
    color:#2D6AE8;
    padding:45px 15px;
    font-family:Montserrat-light;
    font-size:16px;
    height:50px;
    text-align:center;
    }
.topmenu div.topmenu-margin{float:left; width:10px;height:50px;}
.topmenu a.top div{width:200px}

.ttop      {
    background-color:white;
    position:absolute;
    overflow:hidden;
    display:none;padding-bottom:20px;
    margin-left:480px;
    bottom:-100px;width:280px;height:200px;
    background-color:white;
    box-shadow:0 10px 10px rgba(0,0,0,0.5);
    border-top:1px solid #2D6AE8;
    border-bottom:1px solid #2D6AE8;
    z-index:99999;
    }
.ttop a {display:block;color:#2D6AE8;font-size:16px;padding:7px 30px;border-bottom:1px solid #2D6AE8;line-height:200%;height:50px;width:280px}
.ttop a:hover{color:#977BE5;}
.logo a:link,.logo a:active,.logo a:visited {}
/*-------------------------------------------------------------------*/
.mobimenu {display:none;position:fixed;z-index:99999;background-color:white;width:100%;box-shadow:0 10px 10px rgba(0,0,0,0.5);}
.mobimenu .logo{float:none;margin:30px 40px;overflow:hidden;}
.mobimenu .logo img {height:45px;margin:0;float:left;}
.mobimenu .menu {width:100%;margin:20px;}
.mobimenu .menu * {text-align:left;font-size:22px;margin:15px 0;}
.mobimenu .menu2 * {font-size:14px;}
.mobimenu .menu2 .big {font-size:17px;}
.mobimenu div,.mobimenu a:link,.mobimenu a:active,.mobimenu a:visited {color:#3F98F7;padding-bottom:5px;}


.clo {height:30px;overflow:hidden;margin:25px 50px 0 0;}
.clo img {height:30px;cursor:pointer;float:right;}

/*-------------------------------------------------------------------*/
.body    {margin:0px 78px 40px 78px ;padding:0px 0 0 0;}
.body-inner{padding:0px 50px;}
.body-inner-small{padding:0px 278px;}

.dleft img {float:left;clear:both;margin:0 50px 25px 0;}

.itembaner {margin:0px 0 30px; width:100%; height:530px; overflow:hidden;}
.itembaner img {width:100%; height:auto;}
.itembaner h1 {margin: -150px 0 150px 50%;color:white}
/*-------------------------------------------------------------------*/
.grayplato{margin-top:-20px;width:100%;height:208px;background:url(/img/grayplato/grayplato.png);overflow:hidden;}
.grayplato-inner{margin:40px 0 0 150px ;}
.grayplato img {vertical-align: top;height:105px;width:auto; margin:0 15px;}
.grayplato img:hover {height:108px; border-bottom:3px solid #0065a6;}
/*-------------------------------------------------------------------*/
.grayplato2{margin-top:-2px;width:100%;height:188px;}
.grayplato2-bg  {position:absolute;top: 0px; display:block;width:100%;height:188px;background: linear-gradient(to right, #9E9E9D, #F2F2F2);}
.grayplato2-out {position:absolute;top:-20px;display:block;width:100%;height:188px;}
.grayplato2-inner{
    margin:0px 110px 20px 110px ; padding:20px 10px 0 10px; border-radius:25px; background: rgba(255,255,255,0.7);
    display:flex;flex-direction: row; flex-wrap: wrap;justify-content: center;
    }
.grayplato2-inner a {display:block;margin:20px 5px 40px 0px;}
.grayplato2 img {vertical-align: top;height:105px;width:auto; margin:0 15px;}
.grayplato2 img:hover {height:108px; border-bottom:3px solid #0065a6;}
/*-------------------------------------------------------------------*/
.footer-wrapper {max-width:1440px; height:100%;margin:0 auto 0; }
.footer {position:absolute;bottom:0;width:100%;height:85px; background-color:#2D6AE8; overflow:hidden;}
.footer * {color:white;font-size:18px;}
.footer a:link,.footer a:active,.footer a:visited {color:white}
.footer .logo{position:absolute; left:71px; top:10px; height:64px;width:145px;}
.footer .logo img{height:64px;width:auto;}
.footer .topmenu {top:20px;}
.footer .topmenu div {border:1px solid white;}
.footer .topmenu-right {top:25px;}
.confidence {float:right;margin:30px;max-width:50%;}
/*-------------------------------------------------------------------*/
.news-wrapper div{float:right; width: calc(100% - 230px);}
.news-wrapper div.news-wrapper-foto{float:left; width:200px;}
.news-wrapper-foto, .news-wrapper-foto img {width:200px;}
.news-wrapper div.news-wrapper-title{margin-top:0px;}
.news-wrapper div.small {color:#ccc;font-size:15px;}
/*-------------------------------------------------------------------*/
.whitebox {
    background-color:white;   margin:20px;padding:20px 30px; color:#2D6AE8;border-radius:0 20px 0 20px; width:514px;text-align:center;
    box-shadow:0 10px 10px rgba(0,0,0,0.4);
    font-size:32px;
    }
.bluebox  {
    background-color:#2D6AE8; margin:20px;padding:20px 20px; color:white;  border-radius:0 20px 0 20px; width:514px;text-align:center;
    box-shadow:0 10px 10px rgba(0,0,0,0.4);
    font-size:32px;
}
.imgbox {
    margin:0 20px 30px;margin-left:50px;padding: 30px;border-radius:0 20px 0 20px;
    box-shadow:10px 10px 10px rgba(0,0,0,0.4);
    }
.isept {display:none;}
.isept .big {font-size:48px;font-weight:bold}
.isept .mid {font-size:32px;}
/*-------------------------------------------------------------------*/
#vhod {
    position:absolute;
    left:50%;
    width:400px;
    margin:65px;
    margin-left:-200px;
    border:1px solid #cccccc;
    background-color:white;
    background-repeat:no-repeat;
}
#vhod img {margin-top:-20px;margin-bottom:-50px;}
#vhod h1{font-size:26px;margin:0;color:#FFB807;}
#vhod td {text-align:right;padding:10px;font-family: Segoe UI; font-size: 14px; color:black;vertical-align:middle;}
#vhod td#vhod_title {padding:0 10px;height:32px;background:url(/core/adm/img/vhod_title.png) top right;background-repeat:no-repeat;text-align:left;}
#vhod input {font-size: 14px; width:150px;padding:2px;border:1px solid #ccc;}
#vhod td#vhod_remem {padding:0 10px;}
/*-------------------------------------------------------------------*/
@media (max-width: 1400px) {
    .body .block0 img, .body .block0 a[rel=fancy] {height: 33vw;width:auto;margin:0;} 
    .body .block0:first-child {float:left;}
    .body .block0:last-child {float:right;}
    .grayplato2-inner img {height:90px} 
}
@media (max-width: 1220px) {
    .body{padding-top:30px;margin:40px 30px 40px 30px }
    .big {padding-right:0;}
    .grayplato2{height:276px;}
    .grayplato2-bg  {height:276px;}
    .grayplato2-out {height:276px;}
    .grayplato2-inner a {margin:20px 5px 20px 0px;}
    
}
@media (max-width: 1000px) {
    h1, h1 span,.big{font-size:24px;}
    .body .block0 img, .body .block0 a[rel=fancy] {height: 35vw;width:auto;margin:0;} 
    .body{padding:0;margin:40px 18px 40px 18px }
    .body img, .body a[rel=fancy]  {width:100%; height:auto}
    
    .header {height:100px;}
    .header .logo { margin:20px 0 0 80px;}
    .header #menuopener {display:block;}
    .topmenu,.ttop {display:none;}
    .topmenu-right {display:block;right:18px;}
    .topmenu-right a {font-size:16px;}
    .itembaner {height:43vw;}
    .bluline  {display:none}
    .footer .logo {left:20px;}
    .footer .topmenu-right {right:20px;}
    
    .grayplato2-inner{margin:0px 30px 0 30px ;}
}
@media (max-width: 850px) {
    
}

@media (max-width: 650px) {
    * {font-size:18px;line-height:25px;}
    p {padding-bottom:25px;}
    video {width:100%;height:auto;margin:0 0 20px 0;}
    h1{font-size:18px;margin-bottom:30px;}
    .header {height:100px;}
    .header .logo img, .footer .logo img{ margin:0;}
    .itembaner h1{font-size:18px;}
    .body{padding:0;margin:0px 18px 0px 18px }
    .bold,.big{font-size:18px;line-height:25px;}
    .topmenu-right {top:25px;}
    .footer .topmenu-right {right:20px;top:20px;font-size:18px;}
    .body .block0 img, .body .block0 a[rel=fancy] {height: 34vw;width:auto;margin:0;} 
    .confidence {float:right;margin:20px;max-width:50%;}
    
    .news-wrapper {margin-bottom:30px;}
    .news-wrapper div{float:none; width:100%;margin-bottom:0px;}
    .news-wrapper div.news-wrapper-foto{float:none; width:100%;}
    .news-wrapper-foto, .news-wrapper-foto img {width:100%;}
    .news-wrapper div.news-wrapper-title{margin-top:0px;}
    .news-wrapper div.small {color:#ccc;font-size:12px;}
    
    .grayplato2-inner{margin:0px 10px 0 10px ;}
    .footer .confidence a div{font-size:12px;text-align:right;line-height:100%;}
    .whitebox,.bluebox{font-size:24px;width:calc(100% - 50px);}
    .isept .big {font-size:38px;line-height:40px;}
    .isept img {width:50%;height:auto;}
}
@media (max-width: 550px) {
    .grayplato2{height:494px;}
    .grayplato2-bg  {height:494px;}
    .grayplato2-out {height:464px;}
    .grayplato2-inner img {height:80px} 
}