:root {
    --mainbgright: #f9fafc;
}
@font-face { 
    font-family: "DaysRegular";
    src: url("../fonts/DaysRegular.eot");
    src: url("../fonts/DaysRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/DaysRegular.woff") format("woff"),
    url("../fonts/DaysRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}

* {box-sizing: border-box;   }
input[type="text"]:focus { outline: none; }
input, button { -webkit-appearance: none;-moz-appearance: none;appearance: none; } 
input:focus { outline: none; -webkit-appearance: none;-moz-appearance: none;appearance: none; } 
img {border:0px;} 
body{padding: 0; margin: 0;  height:100%;	background:#fff;  box-sizing: border-box;   
    font-family: "DaysRegular"; }
a { -moz-transition: all 1s;  -webkit-transition: all 1s;   -o-transition: all 1s;    transition: all 1s;}
.wrapper {width:1240px; margin: 0px auto; position:relative;}
.wrappo {width:1100px; margin: 0px auto; position:relative;}
.flexy {display:flex; flex-wrap: wrap; justify-content: space-between;   box-sizing: border-box;}
.flexyr {display:flex; flex-wrap: wrap; justify-content: center;   box-sizing: border-box;}
.flex {display:flex; flex-wrap: wrap;   box-sizing: border-box;}
.flextop {display:flex; flex-wrap: wrap; justify-content: space-between;   box-sizing: border-box;}
 
.main {width: 100%; box-sizing: border-box;   position: relative; z-index: 1; min-height: calc(100vh - 400px);}
.main .main_colon_one {width:calc(100% - 270px); box-sizing: border-box;}
.main .main_colon_two {width: 240px; box-sizing: border-box; padding-top: 20px;}




.callwhatsapp {
  position:fixed;
  left:50px;
  bottom:1px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  width:60px;
  height:60px;
  
  border:1px solid #0b77e3;
  z-index:100;
  background:#0b77e3 url("/tg_icon_.png");
  background-size:50%;
  background-repeat:no-repeat;
  background-position:50% 50%
 }
 .callwhatsapp:before,
 .callwhatsapp:after {
  content:" ";
  display:block;
  position:absolute;
  border:50%;
  border:1px solid #0b77e3;
  left:-20px;
  right:-20px;
  top:-20px;
  bottom:-20px;
  border-radius:50%;
  animation:border-animate 1.5s linear infinite;
  opacity:0
 }
 .callwhatsapp:after {
  animation-delay:.5s
 }
 @keyframes border-animate {
  0% {
   transform:scale(.5);
   opacity:0
  }
  50% {
   opacity:1
  }
  100% {
   transform:scale(1.2);
   opacity:0
  } 
 }



.toper {width: 100%; height: 697px; background: url(../img/bgtop.jpg) 50% 50%; position: relative;}
img.sun {
    animation: 25s linear 0s normal none infinite running rot;
    -webkit-animation: 25s linear 0s normal none infinite running rot;
 
  }
  img.logos {
    animation: 10s linear 0s normal none infinite   rota;
    -webkit-animation: 10s linear 0s normal none infinite   rota;
 
  }
  @keyframes rot {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @-webkit-keyframes rot {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }

  @keyframes rota {
    0% {
        transform: rotate(0deg);
      }

      25% {
        transform: rotate(10deg);
      }
      50% {
        transform: rotate(0deg);
      }

      75% {
        transform: rotate(-10deg);
      }
    100% {
      transform: rotate(0deg);
    }
  }
  @-webkit-keyframes rota {
    0% {
        transform: rotate(0deg);
      }

      25% {
        transform: rotate(10deg);
      }
      50% {
        transform: rotate(0deg);
      }

      75% {
        transform: rotate(-10deg);
      }
    100% {
      transform: rotate(0deg);
    }
  }
  .bl22 a p { 
    font-family: "MuseoSansCyrl500" !important;

  }
.toper .logo{ width: 40%; position: relative;  }
.toper .logo .sun{ width: 100%; position: absolute; top:-80px; left:0; opacity: 0.7; left: 50px;}
.toper .logo .logos{   position: relative;  width: 176px; margin:auto; display: block; left: 60px;
    top: 30px;
    height: 170px;}
.toper .namer{ width: 35%; padding-top: 35px;margin-left: -50px; }
.toper .intext{ font-size: 13px;  color:#4a8fa6;}
.toper .nnm{ font-size: 13px; color:#324208;}
.toper .namo{ font-size: 34px; color:#324208;}
.toper .cadr{   color:#4a8fa6;}
.toper .adr{ font-size: 14px;color:#4a8fa6; margin-top: 25px; width:100%;}

.toper .adr img {float:left; padding-right: 15px;}
.toper .social{ width: 25%;padding-top: 35px;}
.bmenu {height: 55px; width: 80%; position: relative; top: -35px; z-index: 2; background-color: #eec55d;   margin: auto !important;}
.ncal { font-size: 14px;color:#4a8fa6; }
.mobys { font-size: 24px;color:#4a8fa6; }
.ourmob {margin-top:30px;}
.ourmob img {float:left; padding-right: 15px; margin-top:5px;}
.soco {width:160px;}
.soco .vk {background:url(../img/ic_soc.png); width: 35px; height:35px; }
.soco .tg {background:url(../img/ic_soc.png) -50px 0px; width: 35px; height:35px; }
.soco .wh {background:url(../img/ic_soc.png) 35px 0px; width: 35px; height:35px; }

.soco .ml {background:url(../img/ic_soc.png) -100px 0px; width: 37px; height:35px; }
.bmenu:before {content: "";
    width: 134px;
    height: 64px;
    background: url(../img/r_bgm.png);
    position: absolute;
    z-index: 55;
    display: inline-block;
    right: -45px;}


    .bmenu:after {content: "";
        width: 134px;
        height: 64px;
        background: url(../img/l_bgm.png);
        position: absolute;
        z-index: 55;
        display: inline-block;
        left: -45px;}

 .bgmes {height: 455px; width: 100%;  background: url(../img/bgmes.jpg) 50%  0px repeat-x; padding-top: 60px }
 main { position: relative; top: -55px; min-height: 800px;}
 .foot {height: 867px; width: 100%; position: relative;   background: url(../img/bgfoot.png) 50% 50%; }

 .c1 {position: absolute; left:370px; top: 205px;}
 .c2 {position: absolute; left:100px; top: 105px;}
 .c3 {position: absolute; left:430px; top: 245px;}
 .c4 {position: absolute; left:580px; top: 300px;}
 .c5 {position: absolute; right:160px; top: 245px;}
 .c6 {position: absolute; right:0px; top: 275px;} 
 .bl45 {width:45%; margin-bottom: 25px; font-family: "MuseoSansCyrl300";}
 .bl40 {width:44%;}
 .bl55 {width: 55%;    font-family: "MuseoSansCyrl300";}
.bl22 {width: 32%;    font-family: "MuseoSansCyrl500"; margin-bottom: 25px;}
.sadv  {  width: 100%; min-height: 455px; background: url(../img/bgg.jpg) 50% 50% no-repeat; padding: 40px 0px; }
.sadvideo {width: 380px; height: 380px; position: relative; left: 10%; overflow: hidden; border-radius: 15px;}

.sadvideo2 {width: 80%; height: 350px; position: relative; left: 10%; overflow: hidden; border-radius: 15px;}
.sadvideo2 img {width: 100%; position: absolute; z-index: 1;}
.sadvideo2:after {content: ""; width: 66px; height: 65px; position: absolute; z-index: 2; top: calc(100% - 50% - 32px); background: url(../img/play.png); left: calc(100% - 50% - 33px);}

.sadvideo img {width: 100%;
  position: absolute;
  z-index: 1;
  height: 100%;
  object-fit: cover; }
.sadvideo:after {content: ""; width: 66px; height: 65px; position: absolute; z-index: 2; top: calc(100% - 50% - 32px); background: url(../img/play.png); left: calc(100% - 50% - 33px);}
.imag {width: 90%; margin-bottom: 25px; box-shadow: 10px 10px 0px #cacaca;  height: unset; 
 
  border-radius: 10px;
  overflow: hidden;}
.imag img {width: 100%;      object-fit: cover;
  height: 100%; }
.about {width: 90%; margin: auto; margin-bottom: 40px;;}

.butgreen {width: 300px; height: 55px; line-height: 55px; color:#fff;  margin-top: 70px; background: rgb(140,155,62); box-shadow: 0px 3px 0px #b5c7b3; border: 1px solid #c0c9ab; cursor: pointer;  -moz-transition: all 1s;  -webkit-transition: all 1s;   -o-transition: all 1s;    transition: all 1s;
  background: linear-gradient(0deg, rgba(140,155,62,1) 31%, rgba(193,208,118,1) 100%);  font-size: 14px; text-align: center; font-family: "DaysRegular"; border-radius: 50px; }
  .butgreen:hover{opacity: 0.6;}


  .bgteam {  background: url(../img/bgteam.png) 50% 50% repeat-x; width: 100%;   }


.blo_name { text-align: center;  font-family: "MuseoSansCyrl900"; font-size:24px; color:#323536;}
.blo_price { text-align: center;  font-family: "MuseoSansCyrl700"; margin: 8px 0px; color:#705186;}
.blo_time { font-family: "MuseoSansCyrl300"; font-size:14px; margin-bottom: 25px; background: url(../img/timer.png) no-repeat; padding-left: 25px; }
.blo_pun {font-family: "MuseoSansCyrl300"; font-size:14px; margin-bottom: 15px; background: url(../img/punkt.png) no-repeat; padding-left: 25px;}

.bltar {width: 300px;padding: 15px; margin: 0px 2%;
  border: 1px solid #d9d9d9;
  border-radius: 15px;}


.blo_pod {width: 100%; height: 55px; line-height: 55px; color:#fff;  background: rgb(140,155,62); box-shadow: 0px 3px 0px #b5c7b3; border: 1px solid #c0c9ab; cursor: pointer;  -moz-transition: all 1s;  -webkit-transition: all 1s;   -o-transition: all 1s;    transition: all 1s;
  background: linear-gradient(0deg, rgba(140,155,62,1) 31%, rgba(193,208,118,1) 100%);  font-size: 17px; font-weight: 300 !important; text-align: center; font-family: "MuseoSansCyrl700"; border-radius: 10px; }
  .blo_pod:hover{opacity: 0.6;}


.namos { font-family: "MuseoSansCyrl700"; font-size:25px; color:#34393b;   margin-bottom: 15px;}
.polosa { width: 100%; height: 45px;   background: url(../img/polosa.png) 50% 50%; }


.teams {width: 100%;  }
.tm {width: 170px; background: #fff;        cursor: pointer;
   height:340px; overflow: hidden; position: relative; border-radius: 8px; box-sizing: border-box; padding: 25px 10px; font-family: "MuseoSansCyrl300"; color:#2c6a99;}
.tm:hover {height:unset !important;  transition: all 5.5s ease-in;}
.tm_name {font-family: "MuseoSansCyrl700"; margin-bottom: 8px;}
.tm_vosp { margin-bottom: 8px; font-size:13px;}
.tm_pic { margin-bottom: 28px; width: 150px; height: 170px; margin: auto; position: relative; overflow: hidden; border-radius: 5px;   object-fit: cover; margin-bottom: 18px; }
.tm_pic img {width: 100%; height: 100%;  object-fit: cover;}
.toblock_name {width: 100%;  font-size: 34px; text-align: center; font-family: "DaysRegular"; margin-bottom: 40px;}
.toblock_name_info {width: 150px;  margin: auto; border-bottom: 1px solid #78a3c4; padding-bottom: 10px; font-size: 14px; text-align: center; font-family: "MuseoSansCyrl300"; margin-bottom: 0px; }
  .razprog {width: 100%; margin-bottom: 100px;}
.razprog .dv { text-align: center;  font-family: "MuseoSansCyrl700";}
.razprog .dv img {display: block;  margin: auto;}
.razprog .dv span {color:#70801f; text-decoration: underline;}
.razprog .dv a {text-decoration: none; color: #333;}
.razprog .dv a:hover {text-decoration: underline;  opacity: 0.7;}
.formfeed {width: 450px; margin: auto; padding-top: 210px}
.formfeed .prih{font-size:45px; color:#99725e;}
.formfeed .zap{font-size:25px; color:#cbaf66;}

.tm:after {
  content: "";
  position: absolute;
  bottom: -5px;    
  width: 100%;
  height: 35px;
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgb(255, 255, 255) 31%, rgba(140,115,163,0) 100%);
}

.parents {width: 90%; margin: auto; margin-bottom: 50px;}

.news_name { margin: auto; margin-bottom: 20px; font-size:19px; width: 90%; }
.parnt {width: 24%; margin-bottom: 20px;}
.p_pic { width: 80px; height: 80px; border-radius: 40px; margin: auto; overflow: hidden; }
.p_pic img{width: 100%;}
.p_name {font-size: 16px; text-align: center; font-family: "MuseoSansCyrl700"; color:#6f6868;}
.p_text {text-align: center;  font-family: "MuseoSansCyrl300"; color:#6f6868; font-size:14px; line-height: 1.3; margin-top: 25px;}
.p_star { margin: 10px 0px;text-align: center;  }

p {font-family: "MuseoSansCyrl300" !important; line-height: 1.3;}
.bggal {width:100%; height: 554px; background: url(../img/bggal.jpg) 50% 50% no-repeat; margin-bottom: 80px;}

.fotog {margin-top: 80px;}
.ftos {width: 19%; margin-bottom: 15px; height: 250px; position: relative; overflow: hidden; border-radius: 16px;}
.ftos img {height: 100%;
  object-fit: cover;
  width: 100%;

}
.ftos:hover {opacity: 0.6;}
.allfoto {text-align: center; font-size:14px; color: #508966 !important; margin-top: 30px;}
.allfoto a {text-align: center; font-size:14px; color: #508966 !important;}
.bgnews {background: url(../img/gbnew.png) repeat-x #eef3e0; padding: 25px 0px;margin-bottom: 50px;}
.news { width: 90%; margin: auto;}
.newsa {width:24%; font-family: "MuseoSansCyrl300"; font-size:14px;}
.n_name { margin-top: 8px; margin-bottom: 8px;font-family: "MuseoSansCyrl700"; font-size:14px;border-bottom: 1px solid #c0c0c0; padding-bottom: 8px; }
.n_name a {color:#324208}
.n_text {}
.n_data {width: 80px; background-color: #779623; color:#fff; border-radius: 10px; text-align: center; padding: 2px 0px; font-size:12px}
.nameous {font-size:24px; color:#484848; font-family: "DaysRegular"; margin-bottom: 10px;}
.director {width: 80%; margin: auto;}
.dm {width: 60%;font-family: "MuseoSansCyrl300"; }
.dm2 {width: 25%}
.dm2 img {width: 100%; border-radius: 6px;}
.podp{text-align: left; font-size:14px; width:100%;float:right; color:#7c7c7c; font-style: italic;}
.osade {margin: auto; margin-bottom: 50px; width: 90%;}

.formfeed .inp{margin-top:25px}
.formfeed .inp input{width:48%;   color:#654433; font-family: "DaysRegular"; border: 4px solid #cbaf66; height: 55px; border-radius: 35px; box-sizing: border-box; padding: 0px 15px; font-size:19px;}
.formfeed .but{margin-top:25px}
.formfeed .but input{width:55%; cursor: pointer;    background: rgb(255,217,97);color:#654433; text-transform: uppercase; text-shadow: 0px 1px 0px #fff;
    background: linear-gradient(0deg, rgba(255,217,97,1) 31%, rgba(244,183,126,1) 100%);    font-family: "DaysRegular"; border: 1px solid #fff1cd; box-shadow: 0px 3px 0px #cbaf66; height: 55px; border-radius: 35px; box-sizing: border-box; padding: 0px 15px; font-size:19px;}
    .formfeed .but input:hover { background: rgb(255,206,51);
        background: linear-gradient(0deg, rgba(255,206,51,1) 31%, rgba(234,161,92,1) 100%); }





        #formorder {
          background: rgba(22, 150, 54, 0.93);
                  width: 100%;
                  height: 100%;
                  position: fixed;
                  top: 0;
                  left: 0;
                  display: none; z-index: 9998;
                }
             
              .okorder {
                  width: 300px;
                  height: 350px;
                  text-align: center;
                  padding: 15px;  
                  color: #333;
                  position: fixed; 
                  top: 9%;
                  right: 0;
                  left: 0;
               border-radius:5px;
                  margin: auto; box-shadow: 10px 10px 0px #1c6952;
                background-attachment: scroll;
          background-color: #fbf8ff;
          background-image: url(../img/bggal.jpg);
          background-position: 0 6.5%;
          background-repeat: no-repeat;
          background-size: cover;  box-sizing: border-box;  z-index: 9999;
                }
           
            .closorder {
                  display: inline-block;
                  width: 20px; height: 20px; 
                  padding: 0px;
                  margin: 10px;
                  text-decoration: none;
                  font-size: 21px;
                  cursor:pointer;
              position:absolute;
              top: 5px; right: 5px;
                }
              .closorder:before, .closorder:after {
          position: absolute;
          left: 10px;
          content: ' ';
          height: 20px;
          width: 2px;
          background-color: #000;
          }
          .closorder:before {
          transform: rotate(45deg);
          }
          .closorder:after {
          transform: rotate(-45deg);
          }
                .closorder:hover {opacity:0.5;} 



             
                .okorder3 {
                  width: 300px;
                  height: 350px;
                  text-align: center;
                  padding: 15px;  
                  color: #333;
                  position: fixed; 
                   
                  right: 40px;
                  bottom: 40px;
               border-radius:5px;
                  margin: auto; box-shadow: 1px 1px 10px #1c6952;
                background-attachment: scroll;
          background-color: #fbf8ff;
          background-image: url(../img/bggal.jpg);
          background-position: 0 6.5%;
          background-repeat: no-repeat;
          background-size: cover;  box-sizing: border-box;  z-index: 9999;
                }
           
            .closorder3 {
                  display: inline-block;
                  width: 20px; height: 20px; 
                  padding: 0px;
                  margin: 10px;
                  text-decoration: none;
                  font-size: 21px;
                  cursor:pointer;
              position:absolute;
              top: 5px; right: 5px;
                }
              .closorder3:before, .closorder3:after {
          position: absolute;
          left: 10px;
          content: ' ';
          height: 20px;
          width: 2px;
          background-color: #000;
          }
          .closorder3:before {
          transform: rotate(45deg);
          }
          .closorder3:after {
          transform: rotate(-45deg);
          }
                .closorder3:hover {opacity:0.5;} 

 
             
              .okorder2 {
                  width: 300px;
                  height: 350px;
                  text-align: center;
                  padding: 15px;  
                  color: #333;
                  position: fixed; 
                   
                  right: 40px;
                  bottom: 40px;
               border-radius:5px;
                  margin: auto; box-shadow: 1px 1px 10px #1c6952;
                background-attachment: scroll;
          background-color: #fbf8ff;
          background-image: url(../img/bggal.jpg);
          background-position: 0 6.5%;
          background-repeat: no-repeat;
          background-size: cover;  box-sizing: border-box;  z-index: 9999;
                }
           
            .closorder2 {
                  display: inline-block;
                  width: 20px; height: 20px; 
                  padding: 0px;
                  margin: 10px;
                  text-decoration: none;
                  font-size: 21px;
                  cursor:pointer;
              position:absolute;
              top: 5px; right: 5px;
                }
              .closorder2:before, .closorder2:after {
          position: absolute;
          left: 10px;
          content: ' ';
          height: 20px;
          width: 2px;
          background-color: #000;
          }
          .closorder2:before {
          transform: rotate(45deg);
          }
          .closorder2:after {
          transform: rotate(-45deg);
          }
                .closorder2:hover {opacity:0.5;} 


              .sending select {padding:5px 10px; width: 100%;  box-sizing: border-box;  background:#fff;  font-family: MuseoSansCyrl300;
            font-size: 16px; border: 1px solid #c0c0c0; margin: 20px 0px; }
            .selectname {font-family: "DaysRegular";  font-size: 24px; margin-bottom: 3px; color: #22a880;}
              .sending option {  font-family: Arial;   font-size: 14px; }
            .form_send {background: rgb(18,67,162); margin-top: 10px; 
              background: linear-gradient(0deg, rgb(11, 161, 126) 0%, rgb(138, 201, 136) 100%); color:#fff; font-family: "DaysRegular";   font-size: 18px; border:0; width: 100%; padding: 9px 0px; cursor:pointer; border-radius:5px;}
            .form_send:hover {background: linear-gradient(0deg, rgb(20, 139, 94) 0%, rgb(144, 211, 35) 100%); }



.inpsa {width:100%; border: 2px solid rgba(110, 192, 134, 0.7);  color: #1c6952; margin: 8px 0px;  border-radius:5px; padding: 10px 10px; box-sizing: border-box; font-family: "DaysRegular";  }


        .copy { margin-top: 320px;position: relative; width: 60%; left:20%; padding: 18px; }
        .fr { position: relative; width: 100%; left:0%; }
        .fr a {text-decoration: none; color:#654433; font-size:14px; text-shadow: 0px 1px 1px #fbe8ad;}
        .fr a:hover{text-decoration: underline;color:#8d5c01; }
        .cops { font-size:14px; margin-top: 10px; color:#654433;}
        .wr { position: absolute; width: 80%; left:10%; padding: 18px 0px;}
        .wr a {text-decoration: none; color:#1b1b1b; font-size:18px; text-shadow: 0px 1px 1px #fbe8ad;}
        .wr a:hover{text-decoration: underline;color:#8d5c01; }

    @media (max-width:1240px) {
      .wrapper {width:90%; margin: 0px auto; position:relative;}
      .wrappo {width:90%; margin: 0px auto; position:relative;}
    }

    .mobmen {width: 30px; height: 40px; margin-top: 15px; display: none;}
.mm {width: 100%; height: 3px; background-color: #4a8fa6; margin: 5px 0px; border-radius: 5px;}
.play2 {width: 800px; margin: 0px calc(100% - 50% - 400px);}

.mobmenu { background: url(../img/sun2.png) 50% -211px no-repeat #238fef ; width: 100%;  height: 100%;  box-sizing: border-box; padding: 30px 10px; display:none;  font-family: MuseoSansCyrl700;  position:fixed;  z-index:9999; top:0px; right:0;}		
.mobmenu .mam {font-size:18px; width:80%;  padding-top:9px;  padding-bottom:9px; margin-left:10%; margin-bottom:6px; font-family: 'MuseoSansCyrl700'; border-bottom: 1px solid #8cc4f4; }
.mobmenu .mam a {color:#fff !important; text-decoration:none;  }
.mobmenu .mam a:hover {color:#c0c0c0 !important; text-decoration:none; font-weight:300;}
.mobmenu .mams {font-size:21px; width:80%;  margin-top:50px;  padding-bottom:20px; margin-left:10%; margin-bottom:10px;  }
.mobmenu .icos {font-size:21px; width:80%;  margin-top:70px;  padding-bottom:0px; margin-left:10%; margin-bottom:10px;  }
.mobmenu .icos img { padding-right: 15px;  cursor:pointer;   }
.mobmenu .mobysa {font-size:16px; width:80%;  padding-top:5px; color:#fff;  margin-top: 15px; padding-bottom:6px; margin-left:10%; margin-bottom:6px; font-family: 'MuseoSansCyrl100';   }
.mobmenu .mobysad {font-size:16px; width:80%;  padding-top:5px; color:#fff;  padding-bottom:6px; margin-left:10%; margin-bottom:6px; font-family: 'MuseoSansCyrl100';   }
.mobmenu .mobysa   a {color:#fff !important; font-size:20px;  font-family: 'MuseoSansCyrl300';}
.close {
  display: inline-block;
  z-index: 99;
  width: 30px;
  height: 30px;
  padding: 0px;
  margin: 10px;
  text-decoration: none;
  font-size: 21px;
  cursor: pointer;
  position: absolute;
  top: 16px;
  right: 10px;
  }
  .close:before, .close:after {
  position: absolute;
  left: 10px;
  content: ' ';
  height: 30px;
  width: 2px;
  background-color: #fff;
  border-radius:10px;
  }
  .close:before {
  transform: rotate(45deg);
  }
  .close:after {
  transform: rotate(-45deg);
  }
   
  .close:hover {opacity:0.5;}
    @media (max-width:600px) {

      .bggal {
        width: 100%;
        height:  unset !important;

      }
      .soco {width:120px; order: 2;}
      .soco .vk {background:url(../img/ic_soc2.png); width: 26px; height:25px; }
.soco .tg {background:url(../img/ic_soc2.png) -35px 0px; width: 26px; height:25px; }
.soco .wh {background:url(../img/ic_soc2.png) 26px 0px; width: 26px; height:25px; }
.soco .ml {background:url(../img/ic_soc2.png) -70px 0px; width: 27px; height:25px; }
      .mobmen {width: 30px; height: 40px; margin-top: 15px; display: block;}
      .play2 {width: 100%; margin: unset;}

      .toper .logo {
        width: 100px;
        position: relative;
      }
      .toper .logo .sun {
       left: -40%;
       width: 180%;
       position: absolute;
       top: -40%; 
       opacity: 0.7;
       left: -40%;
      }
      .toper .namer {
        width: calc(100% - 145px);
        padding-top: 5px;
        margin-left: 0px;
      }
      .bmenu {
        height: 55px;
        width: 80%;
        position: relative;
        top: -35px;
        z-index: 2;
        background-color: #eec55d;
        margin: auto !important;
        display: none;
      }
      .bl22 {
        width: 100%;
        font-family: "MuseoSansCyrl500";
        margin-bottom: 25px;
      }

  
      .tm {
        width: 100%;
        background: #fff;
      margin-bottom: 10px;
        border-radius: 8px;
        box-sizing: border-box;
        padding: 25px 10px;
        font-family: "MuseoSansCyrl300";
        color: #2c6a99; height:unset !important; 
      }
      .sadvideo img {
        width: 100%;
        position: absolute;
        z-index: 1;
        object-fit: cover;
        height: 100%;
      }
      .sadvideo2 {
        width: 100%;
        height: 350px;
        position: relative;
        left: 0%;
        overflow: hidden;
        border-radius: 15px;
      }
      .sadvideo2 img {
        width: 100%;
        position: absolute;
        z-index: 1;
        object-fit: cover;
        height: 100%;
      }
      .parnt {
        width: 100%;
        margin-bottom: 20px;
      }
      .copy {
        margin-top: 250px;
        position: relative;
        width: 100%;
        left: 0px;
        padding: 0px;
      }
      .formfeed {
        width: 100%;
        margin: auto;
        padding-top: 210px;
      }
      .formfeed .prih {
        font-size: 25px;
        color: #99725e;
      }
      .formfeed .zap {
        font-size: 17px;
        color: #cbaf66;
      }
      .podp {
        text-align: left;
        font-size: 12px;
        width: 100%;
        float: right;
        color: #5e5a5a;
        font-style: italic;
      }
      .formfeed .inp input {
        width: 100%;
        color: #654433;
        font-family: "DaysRegular";
        border: 4px solid #cbaf66;
        height: 55px;
        border-radius: 35px;
        box-sizing: border-box;
        padding: 0px 15px;
        font-size: 19px;
        margin-bottom: 15px;
      }

      .toper {
        width: 100%;
        height: 697px;
        background: url(../img/bgtop.jpg) 50% 50%;
        position: relative;
        overflow-y: hidden;
      }
      .formfeed .but input {
        width: 100%;
        cursor: pointer;
        background: rgb(255,217,97);
        color: #654433;
        text-transform: uppercase;
        text-shadow: 0px 1px 0px #fff;
        background: linear-gradient(0deg, rgba(255,217,97,1) 31%, rgba(244,183,126,1) 100%);
        font-family: "DaysRegular";
        border: 1px solid #fff1cd;
        box-shadow: 0px 3px 0px #cbaf66;
        height: 55px;
        border-radius: 35px;
        box-sizing: border-box;
        padding: 0px 15px;
        font-size: 19px;
      }
      .imag img {
        width: 100%;
        object-fit: cover;
        height: 100%;
      }
      .imag {
        width: 100%;  }
      .formfeed .but {
        margin-top: 5px;
      }
      .director {
        width: 100%;
        margin: auto;
      }
      .bltar {
        width: 100%;
        padding: 15px;
        margin: 10px 2%;
        border: 1px solid #d9d9d9;
        border-radius: 15px;
      }
      .bl55 {
        width: 100%;
        font-family: "MuseoSansCyrl300";
      }
      .sadvideo {
        width: 100%;
        height: 250px;
        position: relative;
        left: 0%;
        overflow: hidden;
        border-radius: 15px;
      }
      .bgmes {
        height: auto;
        width: 100%;
        background: url(../img/bgmes.jpg) 50% 0% no-repeat;
        padding-top: 60px;
      }
      .c4 {
   display: none;
      }
      .bl40 {
        width: 100%;
        font-family: "MuseoSansCyrl300";
      }
      .c6 {
        display: none;
        position: absolute;
        right: -50px;
        top: 375px;
      }
      .dm {
        width: 100%;
        font-family: "MuseoSansCyrl300";
      }
      .dm2 {
        width: 100%;  margin-top: 30px;
      }

      .tm_pic {
        margin-bottom: 28px;
        width: 220px;
        height: 280px;
      }
      .ftos {
        width: 100%;
        margin-bottom: 15px;
        height: 250px;
        position: relative;
        overflow: hidden;
        border-radius: 16px;
      }
      .newsa {
        width: 100%;
        font-family: "MuseoSansCyrl300";
        font-size: 14px;
      }
      .bl45 {
        width: 100%;
        margin-bottom: 25px;
        font-family: "MuseoSansCyrl300";
      }
      .toper .namo {
        font-size: 24px;
        color: #324208;
      }
      .c5 {
        position: absolute;
        right: 160px;
        top: 245px;
        display: none;
      }
      .c2 {
        position: absolute;
        left: -120px;
        top: 192px;
      }
      .c1 {
        position: absolute;
        left: 100px;
        top: 225px;
      }
      .c3 {
        position: absolute;
        left: 155px;
        top: 325px;
      }
      .toper .logo .logos {
        position: relative;
        width: 100px;
        margin: auto;
        display: block;
        left: 0px;
        top: 0px;
        height: unset;
      }
      .toper .adr {
        display: none;
      }
      .ourmob {
        width: 100%;
        order: 1;
        margin-top: 0;
        margin-bottom: 10px;
      }
      .ourmob img {
        float: left;
        padding-right: 8px;
        margin-top: 5px;
        height: 20px;
      }
      .ncal {
        font-size: 14px;
        color: #4a8fa6;
        display: none;
      }
      .mobys {
        font-size: 20px;
        color: #4a8fa6;
      }
      .toper .social {
        width: 100%;
        padding-top: 5px;
        justify-content: right;
        display: flex;
      }
      .wrappo {
        width: 90%;
        margin: 0px auto;
        position: relative;
        top: 50px;
      }
      .toper .namo {
        font-size: 19px;
        color: #324208;
        margin-top: 8px;
      }

      .toper .social {
        width: calc(100% - 100px);
        padding-top: 5px;
        justify-content: left;
        display: flex;
        margin-left: 110px;
        flex-wrap: wrap;
      }
   
    }

    .bgnob {display:none;}

    .nexto {position: relative; height: 100px; overflow: hidden; width: 100%;}
    .nexto:after {content: ""; position: absolute; bottom: -5px; width: 100%; height: 35px; background: rgb(255,255,255);

      background: linear-gradient(0deg, rgb(255, 255, 255) 31%, rgba(140,115,163,0) 100%); }
      .dalee {color: #3c5e34; cursor: pointer;
        font-family: "MuseoSansCyrl500";
        text-decoration: underline;
        font-size: 15px;}
    @media (max-width: 420px) {

      .butgreen {
        width: 300px;
        height: 55px;
        line-height: 55px;
        color: #fff;
        background: rgb(140,155,62);
        box-shadow: 0px 3px 0px #b5c7b3;
        border: 1px solid #c0c9ab;
        cursor: pointer;
        -moz-transition: all 1s;
        -webkit-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s; margin-top: 0px;
        background: linear-gradient(0deg, rgba(140,155,62,1) 31%, rgba(193,208,118,1) 100%);
        font-size: 14px;
        text-align: center;
        font-family: "DaysRegular";
        border-radius: 50px;
        margin: auto;
      }

      .razprog {
        width: 100%;
        margin-bottom: 10px;
      }
      .wrapper {width:96%; margin: 0px auto; position:relative;}
      .wrappo {width:98; margin: 0px auto; position:relative; top: 15px;}
      .toper {
        width: 100%;
        height: auto !important;
        background: url(../img/bgtop.jpg) 50% 0%;
        position: relative;
        overflow-y: hidden;
      }

      .bgnob {display:block; width: 100%; padding-top:0px; padding-bottom: 15px;}
      main { border-top: 6px solid #ecd169;
        position: relative; background: #fff;
        top: -15px;
        min-height: 800px;
      }
      .toblock_name {
        width: 100%;
        font-size: 28px;
        text-align: center;
        font-family: "DaysRegular";
        margin-bottom: 40px;
      }
      .toper .nnm {
        font-size: 12px;  font-family: "MuseoSansCyrl300";
        color: #324208;
      }
      .toper .intext{ font-size: 12px; font-family: "MuseoSansCyrl300";  color:#4a8fa6;}
    }
    @media (max-width: 380px) {
      .toper .namo {
        font-size: 17px;
        color: #324208;
        margin-top: 8px;
      }
    }