* {margin:0;padding:0;outline:none;border:none;}
@font-face{font-family: 'Avenir';
src: url('fonts/avenir-regular.eot'), url('fonts/avenir-regular.eot?iefix') format('eot'),
url('fonts/avenir-regular.woff') format('woff'), 
url('fonts/avenir-regular.ttf') format('truetype'),
url('fonts/avenir-regular.svg#webfont') format('svg');
font-weight: normal;font-style: normal;}
@font-face{font-family: 'Avenir';
src: url('fonts/avenir-italic.eot'),url('fonts/avenir-italic.eot?iefix') format('eot'), 
url('fonts/avenir-italic.woff') format('woff'),
url('fonts/avenir-italic.ttf') format('truetype'),
url('fonts/avenir-italic.svg#webfont') format('svg');
font-weight: normal;font-style: italic;}
@font-face{font-family: 'Avenir';
src: url('fonts/avenir-bold.eot'),url('fonts/avenir-bold.eot?iefix') format('eot'),
url('fonts/avenir-bold.woff') format('woff'),
url('fonts/avenir-bold.ttf') format('truetype'),
url('fonts/avenir-bold.svg#webfont') format('svg');
font-weight: bold;font-style: normal;}
@font-face{font-family: 'Avenir';
src: url('fonts/avenir-bolditalic.eot'),url('fonts/avenir-bolditalic.eot?iefix') format('eot'),
url('fonts/avenir-bolditalic.woll') format('woff'),
url('fonts/avenir-bolditalic.ttf') format('truetype'),
url('fonts/avenir-bolditalic.svg#webfont') format('svg');
font-weight: bold;font-style: italic;}
@font-face{font-family: 'Avenir';
src: url('fonts/avenir-light.eot'),url('fonts/avenir-light.eot?iefix') format('eot'),
url('fonts/avenir-light.woff') format('woff'),
url('fonts/avenir-light.ttf') format('truetype'),
url('fonts/avenir-light.svg#webfont') format('svg');font-weight: 300;font-style: normal;}
body{font-family:Avenir;}
.ff{width:100%;}
.wp{width:90%;margin:0 auto; max-width:1200px;}

.slider {width: 100%;margin: 0; }

    .slick-slide { margin: 0px;}

    .slick-slide img { width: 100%;}

    .slick-prev:before, .slick-next:before {color: #fff;}

    .slick-slide { transition: all ease-in-out .3s; }
    
    .slick-active {  opacity: .5;}

    .slick-current { opacity: 1;}
    .fr{}
    .fr:before{  content: "";  display: block;  padding-top: 100%;}

.popups{display:none;width:96%;max-width:500px !important;padding:20px; font-size:18px;}

.top{padding:100px 0;}
.top img{width:160px;display:inline-block;}
.top .tel{display:inline-block;vetrical-align:center;float:right;color:#fff;font-size:28px;text-align:right;}
h1.h1{color:#fff;font-size:60px;text-align:center;}
.cards{display:flex; justify-content:space-around; align-items:stretch; flex-wrap: wrap;margin-bottom:50px;padding-bottom:40px;border-bottom:solid 20px #ddd;}
.card{width:280px;max-width:280px;padding:0 0 60px 0;border:solid 1px #ddd; margin-top:20px;position:relative;}
.card:hover{background:#f8f8f8;}
.cardheader{margin-top:8px; margin-bottom:20px; text-transform:uppercase; font-size:20px;font-weight:600;text-align:center;}
.secondpart{font-size:18px;padding:0 20px;}
.price{display:inline-block;margin:15px auto; background:#51b937; color:#fff;position:absolute;bottom:0;padding:7px 20px; font-size:21px;
  background: #52B839;background: -webkit-linear-gradient(bottom, #52B839, #61D745);background: -moz-linear-gradient(bottom, #52B839, #61D745);
  background: linear-gradient(to top, #52B839, #61D745);}
h3.h32{display:inline-block;font-weight:bold;text-transform: uppercase;border-left:solid 12px #52b838;padding:4px 18px; font-size:26px; margin:20px 0 10px;background:#e2fadc;}

#popup_toggle, #popup_toggle_mob{bottom:25px;right:0px;position:fixed;z-index:8;}
#popup_toggle_mob{display:none;z-index:8;}
.img-circle{background-color:#db0000;box-sizing:content-box;-webkit-box-sizing:content-box;}
.circlephone{box-sizing:content-box;-webkit-box-sizing:content-box;border: 2px solid #db0000;width:150px;height:150px;
  bottom:-25px;right:10px;position:absolute;-webkit-border-radius:100%;-moz-border-radius: 100%;border-radius: 100%;
  opacity: .5;-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;
  -moz-animation: circle-anim 2.4s infinite ease-in-out !important;-ms-animation: circle-anim 2.4s infinite ease-in-out !important;
  -o-animation: circle-anim 2.4s infinite ease-in-out !important;animation: circle-anim 2.4s infinite ease-in-out !important;
  -webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.circle-fill{box-sizing:content-box;-webkit-box-sizing:content-box;background-color:#db0000;width:100px;height:100px;
  bottom:0px;right:35px;position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;
  border: 2px solid transparent;-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;
  -moz-animation: circle-fill-anim 2.3s infinite ease-in-out;-ms-animation: circle-fill-anim 2.3s infinite ease-in-out;
  -o-animation: circle-fill-anim 2.3s infinite ease-in-out;animation: circle-fill-anim 2.3s infinite ease-in-out;
  -webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all 0.5s;}
.img-circle{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;bottom: 14px;right: 49px;
  position:absolute;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 2px solid transparent;opacity: .7;}
.img-circleblock{box-sizing:content-box;-webkit-box-sizing:content-box;width:72px;height:72px;
  background-image:url("mini.png");background-position: center center;background-repeat:no-repeat;
  animation-name: tossing;-webkit-animation-name: tossing;animation-duration: 1.5s;-webkit-animation-duration: 1.5s;
  animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}
.img-circle:hover{opacity: 1;}
@keyframes pulse {0% {transform: scale(0.9);opacity: 1;}
  50% {transform: scale(1); opacity: 1; }   
  100% {transform: scale(0.9);opacity: 1;}}
 @-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 1;}
  50% {-webkit-transform: scale(1);opacity: 1;}   
  100% {-webkit-transform: scale(0.95);opacity: 1;}}
@keyframes tossing {
  0% {transform: rotate(-8deg);}
  50% {transform: rotate(8deg);}
  100% {transform: rotate(-8deg);}}
@-webkit-keyframes tossing {
  0% {-webkit-transform: rotate(-8deg);}
  50% {-webkit-transform: rotate(8deg);}
  100% {-webkit-transform: rotate(-8deg);}}
@-moz-keyframes circle-anim {
  0% {-moz-transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;-moz-opacity: .1;-webkit-opacity: .1;-o-opacity: .1;}
  30% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;-moz-opacity: .5;-webkit-opacity: .5;-o-opacity: .5;}
  100% {-moz-transform: rotate(0deg) scale(1) skew(1deg);opacity: .6;-moz-opacity: .6;-webkit-opacity: .6;-o-opacity: .1;}}
@-webkit-keyframes circle-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-webkit-opacity: .1;}
  30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-webkit-opacity: .5;}
  100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-webkit-opacity: .1;}}
@-o-keyframes circle-anim {
  0% {-o-transform: rotate(0deg) kscale(0.5) skew(1deg);-o-opacity: .1;}
  30% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);-o-opacity: .5;}
  100% {-o-transform: rotate(0deg) scale(1) skew(1deg);-o-opacity: .1;}}
@keyframes circle-anim {
  0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
  30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
  100% {transform: rotate(0deg) scale(1) skew(1deg);
opacity: .1;}}
@-moz-keyframes circle-fill-anim {
  0% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);opacity: .2;}
  100% {-moz-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-webkit-keyframes circle-fill-anim {
  0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;  }
  50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;  }
  100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@-o-keyframes circle-fill-anim {
  0% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {-o-transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {-o-transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}
@keyframes circle-fill-anim {
  0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}

.mytop{}
.menu{background:#593e37;display:block;width:100%;max-width:1600px;margin:0 auto !important;z-index:9;position:fixed;}
.menu span{display:inline-block;background:#fff;padding:0;border-radius:10px; margin:3px 3px 0; padding:15px;}
.menu p{margin:0; padding:0; color:#fff;}
      .menu ul{margin:0;padding:0; text-align:center;}
      .menu div{background: #53B839;
background: -webkit-linear-gradient(top, #53B839, #459D30);
background: -moz-linear-gradient(top, #53B839, #459D30);
background: linear-gradient(to bottom, #53B839, #459D30);}
      .menu{background:none;}
      /*.menu:hover ul{display:block;border:solid 1px #876359;margin:5px;}
      .menu:hover p{display:none;}*/
      /*.menu ul:active{display:none;}*/
      .menu ul li{display:inline-block;padding:0; margin:6px;list-style:none; text-align:center;vertical-align:middle;}
      .menu ul li a{display:inline-block; padding:4px 14px; text-decoration:none; font-family:"Avenir"; font-size:18px; border:solid 1px #68b855; border-radius:14px;
        font-weight:500; text-transform:uppercase;color:#fff;}
      .menu ul li:hover a{color:#ffeec6;}


/***************************************************************************************************************/
@media screen and (max-width: 980px) {
  .card{width:48%;max-width:48%;}
}

@media screen and (max-width: 740px) {
  .top{padding-top:200px;}
  .top img{display:block;text-align:center;margin:0 auto;}
  .top .tel{text-align:center;display:block;float:none;}
  h1.h1{margin-top:15px;font-size: 45px;}
  #popup_toggle{diaplay:none;} 
  #popup_toggle_mob{display:inline-block;}
  .mytop{padding-top:0;}
     .menu{}
       /*.menu span{display:inline-block;background:#fff;padding:0;border-radius:10px; margin:3px 3px 0; padding:15px;}
      .menu span img{width:28px !important;}
      .menu p{display:none;}
      .menu div{background:#593e37;width:auto;}
      .menu ul{display:none;border:solid 1px #876359;}*/

      .menu ul li{margin:3px;list-style:none; text-align:center;vertical-align:middle;}
      .menu ul li a{font-size:12px;padding:2px 7px;}
.info{display:none;}
}

@media screen and (max-width: 500px) {
  .top .tel{font-size:22px;} 
  h1.h1{font-size: 40px}
  .card{width:100%;max-width:100%;}

}