@import url('fonts.css');
@import url('reset.css');
@import url('slider.css');
@import url('cats.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:30px;margin-left:42px; width:380px;height:50px;}
.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:530px
}
.topslider .toptxt h1 {font-size:96px;margin:20px 0 0 0;padding:0;line-height:100%}
.topslider .toptxt p  {font-size:24px;margin:30px 0;padding:0;}
/*-------------------------------------------------------------------*/
.blocks {overflow:hidden; width:100%;height:auto;}
.block  {width:calc(50% - 31px); height:190px; float:left;margin:0 30px 30px 0;overflow:hidden;}
.block .h {font-size:36px;font-family:AlegreyaSCbold;margin:0px 0 20px 0; color:#000;}
.block .txt { padding:0px;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);
}
/*-------------------------------------------------------------------*/
/*-------------------------------------------------------------------*/

.inner {margin:100px 200px; padding:30px;background-color:white;height:calc(100vh - 100px);border:10px solid rgba(45, 101, 137, 1);border-radius:30px}
.inner *{font-family:Montserrat;font-weight:500;}
.leftcolumn  {float:left; width:calc(50% - 160px);}
.rightcolumn {float:right;width:calc(50% - 160px);}
.slide-img {border:0;margin-top:-120px;height:630px;}
.slide-img .good img{position:absolute;width:304px;left:50%;margin-left:-152px;}

.h{font-weight:bold;height:30px;margin-top:20px;}
.t{}
/*-------------------------------------------------------------------*/
@media only screen and (max-width: 1414px) {
    .slider{width:100vw;overflow:hidden;}
    h1,h2,h3 {padding:0 20px;}
    .block {width:50%;height:240px;margin:0;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;}
    .topslider .toptxt h1 {font-size:40px}
    .topslider .toptxt p  {font-size:20px}
}
@media (max-width: 1000px) {
    .inner {margin:50px 20px 00px 20px;height:calc(100vh - 50px);}
    .leftcolumn,.slider .popup  .rightcolumn {width:calc(50% - 80px);}
    .slide-img{position:absolute;top:150px;left:50%;width:240px;margin-left:-120px;}
    .t{height:270px;}
}
@media only screen and (max-width: 850px) {
    .topslider .toptxt{padding:0 15px;background-color:rgba(255,255,255,0.75);border-radius:15px;top:250px;bottom:20px;left:20px;width:calc(100% - 80px);}
    
    h1,h2,h3 {text-align:left;}
    h2 {font-size:45px;}
    
    .block .h   {font-size:22px;}
    .block .txt {font-size:16px;}
}
@media (max-width: 600px) {
    .topslider .toptxt{}
    .block {width:100%;height:160px;margin:0;font-size:16px;}
    .footer .logo,.footer .contact {float:none; width:calc(100% - 60px);margin-top:10px;}
}