@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:130px; background-color:white;clear:both;overflow:hidden;}
.header .logo{float:left;margin-top:40px;margin-left:46px; width:105px;height:46px;}
.header .logo img{height:46px;width:auto;}

.header #menuopener {width:30px; height:20px;display:none;position:absolute;left:27px;top:25px;}
.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:#0093D5;
    padding:25px 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 #0093D5;
    border-bottom:1px solid #0093D5;
    z-index:99999;
    }
.ttop a {display:block;color:#0093D5;font-size:16px;padding:7px 30px;border-bottom:1px solid #0093D5;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;background-color:#0093D5;width:100%;box-shadow:0 10px 10px rgba(0,0,0,0.5);}
.mobimenu .logo{float:left;margin:30px 40px;overflow:hidden;}
.mobimenu .logo img {height:45px;margin:0;float:left;}
.mobimenu .menu {width:100%;margin:30px;}
.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:#0093D5;color:white;padding-bottom:5px;}

.clo {float:right;height:30px;overflow:hidden;margin:35px;}
.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;}

/*-------------------------------------------------------------------*/
.footer {position:absolute;bottom:0;width:100%;height:85px; background-color:#0093D5; overflow:hidden;}
.footer-wrapper {max-width:1440px; height:100%;margin:0 auto 0; padding:30px; border-top:2px solid white;}

.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:100%;height:auto;}
.news-wrapper div.news-wrapper-title{margin-top:0px;}
.news-wrapper div.small {color:#ccc;font-size:15px;}

.file-item {width:200px;height:200px;margin:0 20px 50px 0;float:left;}
.file-item div {min-height:60px;clear:both;font-size:12px;}
.file-item div:last-child {margin:0 10px;}
div.text_fotos{float:left; margin:10px 30px 20px 0;}
#qs_fotos {width:100%;overflow:hidden;clear:both;}
#qs_content td{padding:10px;}
.mainimg img{width:100%;}
.maincolor {background-color:#0093D5;color:white;}
.body-inner.maincolor {padding:50px;line-height:180%;}
.mainbody {margin-bottom:-20px; height:100%}
/*-------------------------------------------------------------------*/
#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:#0093D5;}
#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: 1220px) {
    .body{padding-top:30px;margin:40px 30px 40px 30px }
    .big {padding-right:0;}
    
}
@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:80px;}
    .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;}
}


@media (max-width: 650px) {
    * {font-size:18px;}
    p {padding-bottom:25px;font-size:15px;}
    video {width:100%;height:auto;margin:0 0 20px 0;}
    h1{font-size:18px;margin-bottom:30px;}
    #qs_content td{padding:5px;}
    div.good_fotos{margin:5px 30px 5px 0;}
    div.good_fotos img,.file-item ,.file-item img,.file-item a{width:120px;font-size:14px;}
    .header {height:80px;}
    .header .logo img, .footer .logo img{ margin:0;}
    .body{padding:0;margin:0px 18px 0px 18px }
    .body-inner{padding:0}
    .bold,.big{font-size:18px;line-height:25px;}
    .topmenu-right {top:25px;}
    .footer .topmenu-right {right:20px;top:20px;}
    .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;}
    
    .text_fotos {width:calc(50% - 30px);height:auto;}
    .qs_fotos {clear:both;}
    .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;}
    .mainimg {margin:0 -5vw;}
    .footer *{font-size:14px;}
}