@import url('fonts.css');
@import url('reset.css');
@import url('slider.css');
html,body {min-height: 100vh;}


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

.header   {max-width:1413px; margin:0 auto 0;  width:100%; height:122px; background-color:white;}
.header .logo{float:left;margin-top:19px;margin-left:42px; width:235px;height:75px;}
.header .logo img{height:100%;width:auto;}
.body    {margin:0px;padding:0px 0 0 0;}
/*-------------------------------------------------------------------*/

.topslider {
    width:100%;height:588px;background-color:#D5D9D1;border-radius:30px;overflow:hidden;
    background-color: #D5D9D1;
    margin-bottom:30px;
}
.topslider .topimg{
    position:absolute;height:100%;width:1413px; right:0;
    background: url(/img/topimg.png);
}
.topslider .toptxt{
    position:absolute;left:55px;top:55px;width:30%
}
.topslider .toptxt h1 {font-size:40px;font-family:aMavickFont;margin:20px 0 0 0;padding:0;}
.topslider .toptxt p  {font-size:16px;margin:30px 0;padding:0;}
/*-------------------------------------------------------------------*/
.blocks {overflow:hidden; width:100%;height:auto;}
.block  {width:33%; height:200px; float:left;margin:30px 0;overflow:hidden;}
.block .h {font-size:120px;font-family:aMavickFont;margin:20px 0 -40px 0; color:#85A7A4;}
.block .txt { background-color:white;padding:10px 40px 15px 30px;overflow:hidden;font-size:20px;} 
/*-------------------------------------------------------------------*/

.footer {width:100%;height:170px;margin-top:30px; background-color:#85a7a4;overflow:hidden;border-radius:30px 30px 0 0;}
.footer * {color:white;font-size:14px;}
.footer .contact {float:left;margin:40px;}
.footer .contact,.footer .contact a{font-size:18px;}
.footer a:link,.footer a:active,.footer a:visited {color:white}

.footer .logo{float:left;margin-top:30px;margin-left:30px; width:347px;}

.totop {
  display: block;
  position: fixed;
  right:30px;
  bottom:30px;
  
  margin-top:-325px;
  font-size:0px;
  cursor: pointer;
  z-index: 10;
  
  width: 40px;
  height: 40px;
  background: #eee url(/img/arrow.svg) -0px -0px no-repeat;
  background-size:cover;
  transform:rotate(-90deg);
  transition-duration:0.5s;
  border-radius:30px;
  box-shadow: 0 0 30px 10px rgba(0,0,0,0.3);
}
/*-------------------------------------------------------------------*/

@media only screen and (max-width: 1414px) {
    .slide, .slider,.slides,.slidesContainer {width:100vw;}
    h1,h2,h3 {padding:0 20px;}
}
@media only screen and (max-width: 1200px) {
    .topslider .toptxt{width:40%;padding:15px;background-color:rgba(255,255,255,0.75);border-radius:15px;}
}
@media only screen and (max-width: 1100px) {

}
@media only screen and (max-width: 850px) {
    .topslider .toptxt{width:75%;top:25px;padding:0 15px;background-color:rgba(255,255,255,0.75);border-radius:15px;}
    
    h1,h2,h3 {text-align:center;}
    .block {width:50%;height:240px;margin:0;}
    .block .txt {font-size:16px;}
}
@media (max-width: 600px) {
    .block {width:100%;height:240px;margin:0;font-size:16px;}
    .footer .logo,.footer .contact {float:none; width:calc(100% - 60px);margin-top:10px;}
}