:root {
  --curr-color: #00c1af;
  --curr-color-white:
  rgba(255,255,255,0.5);
  --big-text: 42px;
}
.tooltip-inner {
    font-size: 13px;
}
form{
    transition: all ease 0.3s;
}
header .tel{
   margin: 18px 0px 0px 0px;
}
header .tel a img{
   height: 28px;
}
.text-medium{
    font-size: medium;
}
.h-name{
   font-size: 24px;
   font-weight: 300;
}
.fl-l{
    float: left;
}
.fl-r{
    float: right;
}

.contacts .line{
    padding: 20px 0px 10px 0px;
}
.contacts .c_icon, .contacts .c_text{
    display: inline-block;
    margin: 0px 0px 30px 0px;
}
.c_text p{
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-weight: 300 !important;
    margin: 0;
}
.c_text p a{
    font-size: 20px !important;
   
}
.contacts .c_icon{
    padding:0;
    vertical-align: top !important;
    font-size: 20px;
    color: #00c1af;
    width: 64px;
}
.bg-f{
  background: #5788ad;
  text-align: left;
  margin: -5px -5px -5px 0px;
  z-index: 50;
}
.bg-s{
  background: #3d6585;
  margin: -20px 0px -20px 0px;
  z-index: 60;
  position: relative;
  text-align: left;
}
.bg-th{
  background: #5788ad;
  text-align: left;
  margin: -5px 0px -5px 0px;
  z-index: 50;
}


.caption span{
    font-size: var(--big-text);
    padding-bottom: 25px;
    text-align: left;
}
.text-blue{
   color:#3883bc;
}
.caption{
    /* text-align: left; */
    font-weight: 500;
    font-size: 20px;
    text-transform: unset;
}
h1.caption{
    font-size: 22px;
   
}
#Portfolio .caption{
   font-size: 19px;
   margin: 10px 0px 0px;
}
.white{
    color: #f9f9f9 !important;
}
.center{
    text-align: center !important;
}
.not-white{
    color: #333 !important;
}
.bg-f .white,.bg-s .white,.bg-th .white{
    line-height: 30px;
    padding: 20px 0px 0px 0px;
    font-size: 1.15rem;
}
.soc a.whatsapp span{
    color: #43d854;
    font-size: 20px !important;
}
.soc a.telegram span{
    color: #0088cc;
    font-size: 20px !important;
}
.soc{
    padding: 0px 0px 0px 0px;
}
#PageFooter .soc{
    padding: 30px 0px 20px 0px;
}
.btn-circle {
  width: 65px;
  height: 65px;
  line-height: 40px; 
  padding:0;
  border-radius: 50%;
}
#portfolio{
   background: #ededed;
}
#Services .card{
    background-repeat: no-repeat;
    background-position: 90% 106%;
    border: none;
    background-size: 90%;
}

#FooterMenu a{
   color:#fff;
   font-size: 14px;
}
#FooterMenu.second a{
   color:#00c1af;
   font-size: 14px;
}
#PageFooter a.callback {
    margin-top: -25px;
}
.f-tel a{
    font-size: 24px !important;
    font-weight: 400;
    color: #00c1af;
}
.f-email{
    font-size: 14px !important;
    color: #999;
    padding: 0px 0px 0px 32px;
    /* padding-left: 94px; */
}
#PageFooter .soc a.telegram span, #PageFooter .soc a.whatsapp span{
    font-size: 40px !important;
    margin: 0px 0px 0px 10px;
}
ul.pull{
    
}

ul.pull li a{
    
    font-size: medium;
}
ul.pull li{
    position: relative;
    list-style: none;
    padding: 10px 0px 10px 20px;
    font-size: medium;
}
ul.pull li:after, ul.pull li:before{background: #00c1af;content: '';position: absolute;left: 0;top: 20px;display: block;transition: all ease-in 0.4s;}
ul.pull li:after{
    width: 10px;
    height: 2px;
}
ul.pull li:before{
    width: 2px;
    height: 10px;
    top: 16px;
    left: 4px;
}

ul.pull>li:hover:before,ul.pull>li:hover:after{
    transform: rotate(90deg);
    background: #333;
}
.mm-listview>li>a, .mm-listview>li>span {
    color: inherit;
    display: block;
    padding: 15px 10px 15px 15px;
    margin: 0;
    font-weight: 500;
    color: #ececec!important;
    font-size: 17px !important;
}
*{
   margin: 0px;
   padding: 0px;
   box-sizing:
   border-box;
   -o-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   text-indent: 0px;
   font-size: 13px;
   /* color: #111; */
   /* line-height: 22px; */
   font-weight: normal;
   font-family: 'Roboto', Arial !important;
   tline: none;
}
div.name{
   font-size: 2rem;
}
div.msg{
   font-size: 1.3rem;
}
#main{height: 820px;padding: 42px 0px 10px 0px;background: url(../images/6.png) no-repeat center top; 
background-size: cover ;
}
#main .line{
   position:
   relative;
   top: 14px;
   height: 2px;
   background: #8f8f8f;
   border: none;
}
#main .d-1 h3{
   text-align:
   center;
   font-size: 21px;
   color: #343434;
   font-weight: 400;
}
#main .d-1 h2 {
    text-align: center;
    font-size: 50px;
    font-weight: 600;
    color: #333;
    text-shadow: 6px 11px 2px rgb(69 94 117 / 8%);
}
#main .d-1 h2 span{
   text-align: center;
   font-size: 30px;
   font-weight: 400;
   color: #333;
}
#top-menu a span, #top-menu a i {
    position: relative;
    top: -2px;
    left: 5px;
    font-size: 11px;
    font-weight: 500;
    color: #cccccc;
    display: inline-block;
    padding-right: 10px;
}
#Content{
   padding: 0px 0px 30px 0px;
}
#Content b, #Content strong{
   font-size: inherit;
}
#Content p{
   font-size: 18px;
   font-weight: 300;
   line-height: 1.6;
   color: #111;
}
#Content ul, #Content ol{
    list-style-position:inside;
}
#Content li{
   font-size: 18px;
   font-weight: 300;
   line-height: 1.6;
}
#Advantages .boxes span{
    z-index: 100;
    position: relative;
    background: #00c1af;
    border: 10px solid #ffffff;
    border-radius: 50%;
    display: block;
    width: 75px;
    line-height: 55px;
    height: 75px;
    margin: 0px auto 0px;
    font-size: 25px;
    font-weight: 600;
    padding: 0 0 0 0px;
    text-align: center;
    color: #ffffff;
    }
#Advantages .boxes span::after{
    content:"";
    /* background: #00c1af; */
    border: 5px solid #01a393bf;
    border-radius: 50%;
    display: block;
    text-align: center;
    width: 56px;
    height: 56px;
    position: relative;
    top: -55px;
    /* left: -17px; */
    margin: 0 auto;
    z-index: 0;
}
#Advantages h4{
   padding: 20px 0px 20px 0px;
}
 #Advantages{
   background: linear-gradient(0deg, #fafafa, #00c1af2e, #fafafa);
   padding: 20px 0px;
   background-size: cover;
}
#Blocks{
   background: #fafafa url(../images/62.jpg) repeat center top;
   padding: 20px 0px;
}
#Blocks .block-name, #Advantages .block-name{
   /* color: #555; */
   font-size: 31px;
   font-weight: 300;
   text-align: center;
   padding: 20px 0px 20px;
   margin: 0px 0px 20px;
   /* border-bottom: 1px dotted #ccc; */
}
 .block-name h2,  .block-name h3{
   /* color: #555; */
   font-size: 30px;
   font-weight: 400;
   text-align: center;
   margin: 0px 0px 20px;
   /* border-bottom: 1px dotted #ccc; */
}
#Advantages .block-name{
   padding: 20px 0px 0px;
   color: #333;
}
#Blocks .descr, #Blocks .descr span{
    color: #555;
    font-size: 15px;
}
#Blocks .descr{
   padding: 0px 0px 35px 72px;
}
#Blocks h3 b{
    font-size: 24px;
    font-weight: 400;
    padding: 5px 0px 0px 72px;
    display: block;
}
#Advantages h4 b{
    color: #222;
    font-size: 16px;
    font-weight: 400;
    padding: 14px 0px 25px 0px;
    display: block;
}
#Advantages .line{
   width: 20px;
   border-top-color: #00c1af;
   border-top-width: 20px;
   border-top-style: solid;
   border-radius: 50%;
   margin: 0px auto;
}
#Blocks h3 span svg{
   
    font-size: 25px;
}
#Blocks h3 span{
   color:#fff!important;
   display: inline-block;
    font-size: 25px;
   height: 50px;
   width: 50px;
   text-align: center;
   background: #00c1af;
   border-radius: 50%;
   position: absolute;
   top: 2px;
   line-height: 50px;
   margin: 0px 10px 0px 0px;
}
#Sale{
   background: #09e5d1;
   padding: 20px 0px;
   color: #fff;
}
#Services{
   background: url(../images/15.png) no-repeat center bottom;
   background: #f9f9f9;
   margin-top: 0px;
   position: relative;
   z-index: 20;
}
#Services h2, #Services i{
   display: inline-block;
   margin: 0px 10px 0px 0px;
}
#Services .h3{
   color: #222;
   font-size: 25px;
}
#Services i{
   color: #555;
   font-size: 10px;
   background: #fff;
}
#Services .card {
   /* transition: all 0.3s; */
}
#Services .card:hover{
   box-shadow: 0px 2px 13px #00c1af !important;
}
#Services h2 a{
   font-size: 27px;
   color: #333;
    position: relative;
    cursor: pointer;
    text-decoration: none; /* Убираем подчеркивание */
}

#Services h2 a:after {
   content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: -3px;
    width: 0;
    height: 2px; /* Высота линии */
    background-color: #00c1af; /* Цвет подчеркивания при исчезании линии*/
    transition: width 0.5s; /* Время эффекта */
}
#Services h2 a:hover{
   color: #333;
}
#Services h2 a:hover:after {
   content: "";
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    height: 2px; /* Высота линии */
    background-color: #333; /* Цвет подчеркивания при появлении линии*/
    transition: width 0.5s;  /* Время эффекта */
}

#Services h2 a svg{
   font-size: 20px;
   color: #919191;
}
.align-center {
    text-align: center !important;
}
.align-right {
    text-align: right !important;
}
.nfo > div {
    padding: 0.3em;
   line-height:1.3;3УЛЬЬ42БИ3Ъ\8
    color: #343434;
    font-weight: 300;
}
.nfo > div > span{
    font-size: 15px;
    color: #555;
}
.nfo > div > span:before {
    display: inline-block;
    height: 6px;
    width: 6px;
    content: '';
    background: #ccc;
    border-radius: 50%;
    position: relative;
    top: -3px;
    margin: 0px 10px 0px 0px;
    transition: background 0.3s;
}
   .nfo > div > span:hover:before {
      
    background: #333;
   }
.price > span{
     font-size: 16px;
    font-weight: 400;
}
.price{
    color: var(--curr-color);
    font-size: 28px;
    font-weight: 500;
    text-align: right;
    margin: 10px 0px 10px;
}
.bg-breadcrumbs{
    /* background: #ececec; */
    /* background: url(../images/bgbreadcrums.jpg) repeat right top; */
    /* background: linear-gradient(45deg, #00c1af, #fff);;/* background-size: 170px; */
    /* background: linear-gradient(90deg, #004640, #fff); */
}
#bredcrumbs{
    color: #616161;
    font-size: 13px;
}
#bredcrumbs .bg{
    /* background: rgb(33 33 33 / 2%); */
    padding: 6px 10px;
    display: inline-block;
}
#bredcrumbs a{
    text-decoration: none;
    color: #616161;
}
#bredcrumbs a:hover{
    color: #000;
    text-decoration: underline;
}
.contacts-main span{
    font-size: 15px;
}
#main{
     width: 100%;
     position: relative;
     z-index: 50;
}
#main:after,
#main:before {
  border-bottom: 3vw solid #00c1af;
  bottom: 0;
  content: "";
  position: absolute;
}
#main:before {
  border-right: 50vw solid transparent;
  left: 0;
}
#main:after {
  border-left: 50vw solid transparent;
  right: 0;
}
.form-mobile{
    display: block;
}
.about .h5, .about .h3{
   font-weight: 400 !important;
   color: #fbfbfb;
}.about .caption{
   font-weight: 400 !important;
   color: #333;
}
.about{
   background: #00c1af url(../images/lines.png) no-repeat center top;
   background-size: 1307px;
   width: 100%;
   position: relative;
   z-index: 50;
   /* padding-bottom: 50px; */
}
.about:after,
.about:before{
   background: #f9f9f9;
   border-top: 3vw solid #00c1af;
   bottom: 0px;
   content: "";
   position: absolute;
}
.about:before {
  border-right: 50vw solid transparent;
  left: -15px;
}
.about:after {
  border-left: 50vw solid transparent;
  right: 0;
}
a.callback{
    transition: 0.3s;
    color:#fff!important;
    background: #00c1af;
    width: min-content;
    margin: 0px auto;
    /* border: 2px solid #00c1af!important; */
    font-size: 18px !important;
    padding: 9px 20px !important;
    /* text-transform: uppercase; */
}
a.callback:hover{color:#fff!important;
    background: #000;
    border: 2px solid #000!important;
}
.form h2{
    font-size: 22px;
}
.form h3{
    font-size: 14px;
    color: #585858;
}
.form{
    
    font-family: 'Roboto';
}
button.loading, a.loading, input.loading, button.loading:hover{
   background-image: url(../images/loading-25.gif.webp);
   background-size: 27px;
   background-position: 10px center;
   background-repeat: no-repeat;
   padding-left: 50px !important;
}
.button{
    transition: 0.3s !important;
    background: #ffffff;
    border: 2px solid #008174 !important;
    font-size: 18px !important;
    padding: 8px 10% !important;
    color: #008174 !important;
    border-radius: 6rem;
    /* text-transform: uppercase; */
}
.button-b{
    transition: 0.3s !important;
    background: #fff;
    border: 2px solid #00998a !important;
    font-size: 18px !important;
    padding: 8px 10% !important;
    color: #00998a!important;
    border-radius: 6rem;
    /* text-transform: uppercase; */
}
.button:hover,.button-b:hover{
    color:#fff!important;
    background: #000;
    border: 2px solid #000!important;
}
.button-back{
   
    transition: 0.3s !important;
}
.button-back:hover{
     background: #00c1af!important;
     border: 1px solid #00c1af!important;
}
.b.relative .bg svg{
    
font-size: 40px;
}
.b.relative .bg{
    position: absolute;
    bottom: 30px;
    right: 40px;
    color: #fff;
    font-size: 60px;
}
.b.relative .b1,.b.relative .b2,.b.relative .b3,.b.relative .b4 {
      width: 20px;
    height: 20px;
    position: absolute;
    border-color: #fff;
    border-style: solid;
    transition: 0.3s ease-in;
    z-index: 10;
}
.b.relative .b1{
    border-left-width: 2px;
    border-top-width: 2px;
    top: 10px;
    left: 10px;
}
.b.relative .b2{
    border-right-width: 2px;
    border-top-width: 2px;
    top: 10px;
    right: 10px;
}
.b.relative .b3{
    border-right-width: 2px;
    border-bottom-width: 2px;
    bottom: 10px;
    right: 10px;
}
.b.relative .b4{
    border-left-width: 2px;
    border-bottom-width: 2px;
    bottom: 10px;
    left: 10px;
}

.b.relative:hover .b1{
     top: 15px;
    left: 15px;
}
.b.relative:hover .b2{
     top: 15px;
    right: 15px;
}
.b.relative:hover .b3{
     bottom: 15px;
    right: 15px;
}
.b.relative:hover .b4{
     bottom: 15px;
    left: 15px;
}

.bg-sites{
    background-position: center center;
    background-size: 100% 100% !important;
    position: relative;
}

.bg-sites > .name{
    font-size: 13px;
    color: #333 !important;
    font-weight: 400;
    transition: all ease-in-out 0.3s;
}

.bg-sites > .name:before,.bg-sites > .name:after,.bg-sites > .name i:before,.bg-sites > .name i:after{
  height: 15px;
  width: 15px;
  position: absolute;
  content: '';
  visibility: hidden;
  -webkit-transition: all .45s ease;
  -o-transition: all .45s ease;
  -moz-transition: all .45s ease;
  transition: all .45s ease;
  opacity: 0;
  z-index: 1;
  margin: 20px;
      display: block;
    opacity: 1;
    visibility: visible;
}

.bg-sites > .name:before{
    left: 0;
    bottom: 0;
    border-left: 2px solid var(--curr-color-white);
    border-bottom: 2px solid var(--curr-color-white);
}

.bg-sites > .name:after{
    left: 0;
    top: 0;
    border-top: 2px solid var(--curr-color-white);
    border-left: 2px solid var(--curr-color-white);
}

.bg-sites > .name i:before{
    right: 0;
    bottom: 0;
    border-right: 2px solid var(--curr-color-white);
    border-bottom: 2px solid var(--curr-color-white);
}

.bg-sites > .name i:after{
    right: 0;
    top: 0;
    border-top: 2px solid var(--curr-color-white);
    border-right: 2px solid var(--curr-color-white);
}
.bg-sites > .dinamic > span.white{
    font-size: 16px;
}
.bg-sites  .dinamic{
    padding: 35px;
    background: rgba(0, 0, 0, 0.62);
    transition: ease all 0.5s;
}
.bg-sites:hover .name i:after,.bg-sites:hover .name i:before,.bg-sites:hover .name:before,.bg-sites:hover .name:after{
    margin: 0px;
}
.bg-sites:hover .name{
}
.bg-sites:hover .dinamic{
    opacity: 1;
    visibility: visible;
      right: 0;
    bottom: 0;
    left: 0;
    top:0;
}
.w990{
   margin: 0 auto;
   position:relative;
}
#Animation{
   width: 100%;
   background: #ccc url(../images/bg.jpg) no-repeat center center;
   background-size:cover;
   height: 400px;
   padding: 10px;
   z-index: 0;
   position: relative;
}
#A_block{/* position: absolute; *//* left: 10%; */padding: 40px 0px 0px 0px;}

#A_block .a_caption{text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.2);color: #000;font-size: 31px;}
a.logo:hover{
   text-decoration:none;
   color: #f9f9f9;
}
#A_block .a_descr{
   margin:30px 0px 0px 0px;
}

#A_block .a_img{
   margin:0px 0px 0px 0px;
   position: absolute;
   right: 0;
   top: 60px;
   padding: 0px 0px 0px 0px;
   width: 470px;
   height: 300px;
   background: url(../images/1.png) no-repeat;
   background-size: cover;
}
#PageTel{
   float: right;
   margin: 0px 0px 0px 0px;
   color: #fff;
}
#PageTel div a.phone, #PageTel .times,  a.mobile.phone{
   transition: all ease-in-out 0.3s;
   display: inline-block;
   text-align: right;
   color: #fff;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 2px 0px;
   font-size: 19px;
   font-weight: 400;
   text-decoration: none;
   /* border-bottom: 2px solid #000; */
}
#PageTel div a.phone:hover,  a.mobile.phone:hover{
   color: #f5f5f5;
}
#PageTel .times{
   font-size: 13px;
   color: #b3b3b3;
}
#PageFooter #PageTel{
   float: none;
   padding: 0px 0px 20px 0px;
}
#PageFooter #PageTel .f-logo-text{
               text-transform: uppercase;
               font-size: 26px;
               font-weight: 600;
               padding: 0px 0px 10px 0px;
               }
   #PageFooter #PageTel .f-logo-text span{
      font-size: 16px;
      text-transform: lowercase;
   }
.slicks  div{
    /* box-sizing: border-box; */
    /* overflow: hidden; */
    /* min-height: 450px; */
}
 .slicks .slick-prev:before,
   .slicks .slick-next:before {
      color: black;
    }
.iviewSlider > div{
    width: 100% !important;
}
#PageHeader.fixed a.logo{
   margin: 13px 0px 10px 10px;
}
a.logo{
   font-size: 26px;
   color:#fff;
   text-decoration:none;
   margin: 30px 0px 10px 0px;
   display:inline-block;
   padding: 0px;
   }
 
   /* =Shadow Nav   -------------------------------------------------------------------------- */     
   #top-menu{
      transition:
      all ease-in-out 0.2s;
      left: 0;
   }  
   #top-menu.fixed{position:absolute;left: 0;top: 10px;}
   #top-menu.fixed > ul{
      float: left;
   }

   #top-menu.fixed #nav-shadow{
      
margin: 5px 0px 0px 0px;
   }
   #nav-shadow {
   padding: 0;
   margin: 0;
   text-align: center;
   display: block;
   list-style: none;
   }   
   #nav-shadow   li:hover > ul{

  visibility: visible;
  opacity: 1;
   }          
   #nav-shadow   li {
    margin: 0px 0px;
    padding: 0px 1px;
    /* min-width: 90px; */
    position: relative;
    display: inline-block;
    float: left;
    z-index: 10;
    transition:  all ease-in-out 0.5s;
    }   
   #nav-shadow   li:hover ul{
      opacity:1;
   }
   #nav-shadow ul li.active{
      background: #00c1af;
   }
#nav-shadow ul li.active > a{
   color: #ffffff;
} 
#nav-shadow li.active > a{
   color: #00c1af;
} 

#nav-shadow li.active > a span.ic svg{
   color: #00c1af !important;
} 
   #nav-shadow ul li:hover {
    border-bottom: 1px solid #f3f3f3;
}      
   #nav-shadow   a, #nav-shadow a:visited, #nav-shadow a, #nav-shadow a:hover {
   font-size: 16px;
   margin: 0px 13px;
   display: block;
   padding: 0px 0px 0px 0px;
   line-height: 37px;
   position: relative;
   transition: all ease-in-out 0.2s;
   }
   #nav-shadow   li a {
   color: #fff;
   text-decoration: none;
   } 

   #nav-shadow   li a .large_icon{
      color: #ffffff !important;
      size: 2x;
   }       
   #nav-shadow
   li a:hover, #nav-shadow li a.on {
   color: #00c1af;
   text-decoration: none;
   /* border-bottom: 3px solid #1080b5; */
   }       
   #nav-shadow
   li ul{
   visibility: hidden;
   opacity:  0;
   position: absolute;
   left: 20px;
   margin: 0;
   border-radius: 3px;
   width: auto;
   min-width: 210px;
   padding: 3px;
   top: 100%;
   background:#fff;
   box-shadow: 1px 2px 3px #060a0e2b;
   transition:  all ease-in-out 0.5s;
   } 
   #nav-shadow
   li ul li{display: block;border-bottom: 1px solid #f3f3f3;width: 100%;float: none;text-align: left;padding: 0px 0px;position: relative;white-space: nowrap;}  
   #nav-shadow > li> ul> li> a, #nav-shadow > li> ul> li> a:hover{
   margin: 0;
   color: #333;
   padding: 2px 16px;
   text-align: left;
   font-size: 15px !important;
   position:relative;
   }
   #nav-shadow   li ul li a:hover{
   color: #333;
   background: #f7f7f7;
   }
   #nav-shadow   li ul li a:after{
      visibility:hidden;
      content:'';
      display: block;
      position: absolute;
      left: 0;
      top: 50%;
      width: 3px;
      height: 0%;
      background: var(--curr-color);
      opacity:0;
      transition: all ease-in-out 0.3s;

   }
   #nav-shadow   li ul li a:hover:after{
      
      top: 0;
      height: 100%;
      opacity:1;
      visibility:visible;
   }

#show-total {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #690;
    text-decoration: none;
}
#num-pages {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
   color: #F60;
   text-decoration: none;    
}
#num-pages a.arr{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #06F;
    text-decoration: none;
}
#num-pages b{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    padding: 3px 5px 3px 5px;
    width: 25px;
    text-align: center;
    margin: 0px 3px 0px 3px;
    background-color: #EAE4EA;
    color: #690;
}
#num-pages b i{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #690;
    text-decoration: none;
    padding: 8px;
    width: 25px;
    text-align: center;
    margin: -5px -7px 0px -7px;
    background-color: #FFF;
    }
#num-pages a{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #690;
    text-decoration: underline;
    padding: 3px;
    width: 25px;
    text-align: center;
    margin: 0px 3px 0px 3px;
}
#show-pages {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   color: #EF7000;
   text-decoration: none;
}
#show-pages b{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #690;
    text-decoration: none;
    background-color: #EAE4EA;
    padding: 3px 5px 3px 5px;
    width: 25px;
    text-align: center;
    margin: 0px 3px 0px 3px;
}
#show-pages a{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #690;
    text-decoration: underline;
    padding: 3px;
    width: 25px;
    text-align: center;
    margin: 0px 3px 0px 3px;
}

#Page 
{
   margin: 0px auto;
   padding: 0px;
   width: 100%;
   position: relative;
   overflow: hidden;
}
#p-left {
   width: 200px;
   margin: 40px 0px 0px 0px;
   padding: 0px;
   position: absolute;
   left: 0px;
}
#p-right {
   width: 150px;
   margin: 40px 10px 0px 0px;
   padding: 0px;
   position: absolute;
   right: 0px;
}
#PageHead 
{
   margin: 0px auto 0px auto;
   text-align: center;
}
#PageHeader .tel{
   opacity:0;
   visibility:hidden;
}

#PageHeader.fixed .tel{
   opacity:1;
   visibility:visible;
   margin: 9px 0px 0px 0px;
}

#PageHeader  
{
   margin: 0px auto 0 auto;
   padding: 10px 0px;
   background: #222;
   position: fixed;
   top: 0;
   left:  0;
   right: 0;
   z-index: 200;
   box-shadow: 0px 1px 7px 1px rgb(0 0 0 / 35%);
   transition: all ease-out 0.15s;
   background-color: #222;
   background-image: linear-gradient(90deg, #00423d 0%, rgba(24, 24, 24, 1) 100%);
}
   #PageHeader .line{
      position: relative;
   }
#PageHeader:before{
   background: transparent;
   border-top: 2vw solid #00c1af;
   top: 100%;
   z-index: 1;
   content: "";
   position: absolute;
   border-right: 110vw solid transparent;
   left: -50%;
}
   
#PageTopMenu a.h-logo{
   padding: 0px 10px 0px 0px;
   display: inline-block !important;
}
#PageHeader.fixed{
   height: 65px;
   background: rgba(0, 0, 0, 0.92);
}
   .toup svg{
      color:#00c1af !important;
      border-radius: 50%;
   }
.under-header{
   margin-top: 59px;
}
#PricePage{
   background: #00bdab;
   background: linear-gradient(59deg, #2ccabc3b, #00c0ae);
   border: 10px solid #00998a;
   border-width: 17px 3px 0px 0px;
   border-radius: 65% 0 94% 25px;
   /* transform: rotate(
28deg); */
   padding: 20px;
}
#PricePage .sale-price{
   text-align: right;
   font-size: 17px;
   font-weight: 400;
   padding: 0px 0px 20px;
}

#PricePage .sale-price span{
   color: #ffffff;
   font-size: 22px;
   font-weight: 500;
   text-align: right;
   margin: 0px 50px 10px 0;
}   
#PricePage .sale-comment{
   padding: 20px 0px 10px 0px;
   font-size: 13px;
   font-weight: 400;
   text-align: right;
   color: #000;
}

#PricePage .price{
   color: #333;
   padding: 0px 0px 3px 0px;
   margin: 10px 0px 0px;
   font-size: 41px;
   font-weight: 400;
}
#PageContent  
{
   background: #fafafa;
   clear: both;
   margin: 0px 0px 0px 0px;
   transition: all ease 0.1s;
   padding: 0px 0;
   position: relative;
   z-index: 0;
   min-height: 50vh;
}
#PageContent h1{
   font-weight: 300 !important;
   color: #fff;
}
#PageContent h2.name, #PageContent h1.name{
      
   font-size: 41px;
   font-weight: 500 !important;
   margin: 0px 0px 50px 0px;
      color: #333;
   }
#PageContent.fixed{
}
#PageContentLeft {
   width: 20px;
   margin: 0px;
   padding: 0px;
   float: left;
   color: #F30;
}
#PageContentCenter {
   margin: -10px 210px 0px 210px;
   padding: 0px 0px 0px 0px;
   min-height: 400px;
}
#PageContentRight {
   width: 210px;
   margin: 0px;
   padding: 0px;
   float: right;
   color: #F30;
}
#PageMenu {
   margin: 0px 0px 0px 10px;
   padding: 0px;
   font-family: "Times New Roman", Times, serif;
   font-size: 16px;
   text-decoration: none;
   font-style: italic;
}
#PageKategorii {
   margin: 0px 10px 0px 0px;
   padding: 0px;
   text-decoration: none;
   font-style: italic;
}

#PageNews {
   margin: 0px 10px 0px 10px;
   padding: 0px;
   font-family: "Times New Roman", Times, serif;
   font-size: 16px;
   text-decoration: none;
   font-style: italic;
}
#Work{
   padding: 40px 0px;
   background: -webkit-linear-gradient(left,#fff,#f9f9f9);
   background: linear-gradient(180deg,#fff,#f9f9f9);
}
#Work a{
   color: #000;
   font-weight: 500;
}
   a.q-link{
      display:inline-block;
      position: relative;
      padding: 0px 10px;
      text-align: center!important;
      color: #00c1af !important;
      transition: ease 0.3s all;
   }
   a.q-link span{font-size: inherit;}
   a.q-link:hover{
      text-decoration: none;
      transform: scale(1.05);
   }
a.q-link:before{
   display: block;
   content: "";
   position: absolute;
    right: 5px;
    top: 4px;
   height: 6px;
   width: 6px;
    border-right: 2px solid var(--curr-color);
    border-top: 2px solid var(--curr-color);
    transform: translate(100%,-50%);
}
   a.q-link span:before{
   display: block;
   content: "";
   position: absolute;
    left: -5px;
    top: 4px;
   height: 6px;
   width: 6px;
    border-left: 2px solid var(--curr-color);
    border-top: 2px solid var(--curr-color);
    transform: translate(100%,-50%);
}
a.q-link:after{
      display: block;
   content: "";
   position: absolute;
    left: -5px;
    bottom: -4px;
   height: 6px;
   width: 6px;
    border-left: 2px solid var(--curr-color);
    border-bottom: 2px solid var(--curr-color);
    transform: translate(100%,-50%);
   }
a.q-link span:after{
   display: block;
   content: "";
   position: absolute;
    right: 5px;
    bottom: -4px;
   height: 6px;
   width: 6px;
    border-right: 2px solid var(--curr-color);
    border-bottom: 2px solid var(--curr-color);
    transform: translate(100%,-50%);
   }
#PageFooter    
{
   margin: 0px auto 0px auto;
   padding: 20px 0px;
   font-size: 12px;
   background: #000;
   background-image: linear-gradient(45deg, #00312d 0%, rgba(24, 24, 24, 1) 100%);
   color: #fff;
   font-weight: 300;
   text-shadow: none;
}
#PageFooterKarta    
{
   margin: 5px auto;
   color: #FF8819;
   font-size: 12px;
   width: 980px;
   text-align: center;
}
#FooterMenu div{
   /* display: inline-block; */
}
#PageFooter .f-name{
   padding: 0px 0px 15px 0px;
   color: #fff;
   font-size: 19px;
}    
.news{
   color: #aa2d2e;
   text-decoration: none;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 16px;
   font-style: italic;
}
.left-line {
   color: #333;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-style: normal;
   font-weight: normal;
   letter-spacing: normal;
   text-align: left;
   word-spacing: normal;
   text-decoration: none;
   line-height: normal;
   font-variant: normal;
   text-indent: 0px;
   border-left-width: 2px;
   border-left-style: solid;
   border-left-color: #F60;
   margin-left: 20px;
   padding-left: 5px;
}
.line
{
   height: 1px;
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color: #999;
}
.line-orange
{
   height: 1px;
   border-top-width: 1px;
   border-top-style: dashed;
   border-top-color: #FF8819;
}
.line-grey
{
   height: 1px;
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color: #999;
}
.line-grey-min
{
   height: 1px;
   border-top-width: 1px;
   border-top-style: solid;
   border-top-color: #333;
}
a.green{
   color: #090;
   text-decoration: underline;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
}
a.green:hover{
   color: #090;
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
}
.portf-bg {
   background-repeat: no-repeat;
}
.portf-box {
   width:160px;
   border: 1px solid #663;
   overflow:hidden;
   display:block;
   margin: 0px 0px 0px 43px;
   padding:0px;
   -webkit-box-shadow: 0 0 5px #666;
   -moz-box-shadow: 0 0 5px #666;
   box-shadow: 0 0 5px #666;
   -moz-border-radius: 7px;
   -webkit-border-radius: 7px;
   border-radius: 7px;
}
.portf-name {
   font-family: Verdana, Geneva, sans-serif;
   font-size: 17px;
   font-weight: normal;
   color: #F60;
   text-decoration: none;
   text-shadow: 1px 0px 0px  #999
}
.portf-descr {
   font-size: 12px;
   color: #999;
   margin: 0px 0px 0px 30px;
}

.portf-descr p{
   font-size: 12px;
   color: #666;
}
.portf_round_box {
   border: 1px solid #b7a8aa;
   padding: 0px;
   margin: 5px 5px 10px 5px;
   -webkit-box-shadow: 0 0 10px #fff;
   -moz-box-shadow: 0 0 10px #fff;
   box-shadow: 0 0 10px #fff;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
}

div#myDialog {
    display: none;
    position: absolute;
    top: 50%;
    right: 5%;
    width: 100px;
    height: 100px;
    margin: 0px 0 0 50px;    
   -webkit-box-shadow: 0 0 5px #999;
   -moz-box-shadow: 0 0 5px #999;
   box-shadow: 0 0 5px #999;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   background-color: #FFF;
    border: 1px solid #b7a8aa;
}
div#tmpButtons {
    position: absolute;
    bottom: 5px;
    right: 5px;
}
.raschet-minibox1 {
   border: 1px solid #b7a8aa;
   padding: 3px 10px;
   margin: 2px 10px 10px 10px;
   -webkit-box-shadow: 0 0 5px #999;
   -moz-box-shadow: 0 0 5px #999;
   box-shadow: 0 0 5px #999;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   background-color: #DFEFAF;
   width: 125px;
   display: inline-block;
}
.raschet-minibox2 {
   border: 1px solid #b7a8aa;
   padding: 3px 10px;
   margin: 2px 10px 10px 10px;
   -webkit-box-shadow: 0 0 5px #999;
   -moz-box-shadow: 0 0 5px #999;
   box-shadow: 0 0 5px #999;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   background-color: #e4eea1;
   width: 145px;
   display: inline-block;
}
.raschet-minibox2 a:hover{
   text-decoration: none;   
}
.raschet-zag {
   padding: 0px 10px;
   margin: 15px 0px 12px 0px;
   display: block;
   text-decoration: none;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 17px;
   color: #690;
}
.raschet-sum {
   background-image: url(../images/bg-sum.png);
   padding: 30px 10px 10px 40px;
   margin: 50px 0px 0px 0px;
   width: 158px;
   display: block;
   position: fixed;
   float: right;
   color: #F60;
   height: 83px;
   background-repeat: no-repeat;
   background-position: center top;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 14px;
   text-decoration: none;
}
.raschet-box1 {
   border: 1px solid #b7a8aa;
   margin: 5px 10px 0px 10px;
   -webkit-box-shadow: 0 0 5px #999;
   -moz-box-shadow: 0 0 5px #999;
   box-shadow: 0 0 5px #999;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   background-color: #FFEBCA;
   width: 640px;
   position: relative;
}
.raschet-box2 {
   border: 1px solid #b7a8aa;
   margin: 5px 10px 0px 10px;
   -webkit-box-shadow: 0 0 5px #999;
   -moz-box-shadow: 0 0 5px #999;
   box-shadow: 0 0 5px #999;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   background-color: #FFD8B0;
   width: 640px;
   position: relative;
}
.raschet-name {
   padding: 0px 10px;
   margin: 0px;
   line-height: 30px;
   top: 0px;
   left: 10px;
   display: inline;
   position: absolute;
}
.raschet-name img{
   clear: both;
   height: 19px;
   padding-top: 4px;
}
.raschet-tooltip {
   margin: 0px;
   display: block;
   width: auto;
   height: 19px;
   text-decoration: none;
   padding-left: 450px;
   display: inline;
   line-height: 30px;
   padding-right: 10px;
}
.raschet-tooltip a:hover{
   text-decoration: none;
}
.raschet-prise {
   margin: 0px;
   width: auto;
   border-left-width: 1px;
   border-left-style: solid;
   border-left-color: #999;
   height: 19px;
   padding-top: 0px;
   padding-right: 10px;
   padding-bottom: 0px;
   padding-left: 10px;
   display: inline;
   line-height: 30px;
}
.raschet-checkbox {
   margin: 0px;
   width: auto;
   border-left-width: 1px;
   border-left-style: solid;
   border-left-color: #999;
   height: 19px;
   padding-left: 15px;
   display: inline;
}
.function-site a:hover{
   text-decoration: none;
}
.function-site a img{
   opacity: 0.8;
}
.function-site a img:hover{
   opacity: 1;
}
/* tooltip */
a.tooltip  
{
   text-decoration: none;
   position: relative;
}

/* tooltip */
a.tooltip span 
{
   display:none;
   box-shadow: 0px 1px 14px #fff;
   border-radius: 3px;
   border: 0;
   z-index: 20;
   left: 0;
}
li a.tooltip:hover span{
   display:block;
   position:absolute;
   color:#FFF;
   text-decoration:none;
   background-color: #737373;
   font-size:12px;
   z-index:100;
   text-decoration:none;
   width: 180px;
   opacity: 0.96;
   margin: 10px 0px 0px 10px;
   padding: 8px;
}
a.tooltip:hover span {
   display:block;
   position:absolute;
   color:#FFF;
   text-decoration:none;
   background-color: #7bbc52;
   font-size:12px;
   z-index:100;
   text-decoration:none;
   width: 180px;
   opacity: 0.96;
   margin: 10px 0px 0px 10px;
   padding: 8px;
}
.zag1 a.tooltip:hover span {
   display:block;
   position:absolute;
   color:#FFF;
   text-decoration:none;
   background-color: #5F801A;
   font-size:12px;
   z-index:100;
   text-decoration:none;
   width: 180px;
   opacity: 0.96;
   margin: 10px 0px 0px 10px;
   padding: 8px;
}
a.orange {
   color: #ff6600;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 16px;
   font-style: normal;
   font-weight: normal;
   letter-spacing: normal;
   text-align: left;
   word-spacing: normal;
   text-decoration: underline;
   line-height: normal;
   font-variant: normal;
   text-indent: 0px;
}
a.orange:hover {
   color: #000;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 16px;
   font-style: normal;
   font-weight: normal;
   letter-spacing: normal;
   text-align: left;
   word-spacing: normal;
   text-decoration: underline;
   line-height: normal;
   font-variant: normal;
   text-indent: 0px;
}
.bottext {
}
.hh {
   font-family: Arial, "Lucida Grande", sans-serif;
   font-size: 16px;
   font-weight: bold;
   text-decoration: none;
   color: #F90;
}
.clear{
   clear: both;
   height: 0px;
}
img, div { 
border: 0px;
   
   }
.about .slick-slider{
   padding: 0px 0px 60px 0px;}
.top-padd {
   padding: 0px 0px 0px 0px;
}

a.left-menu{
   color: #333;
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
}
.left-news{
   color: #000;
   text-decoration: none;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 11px;
   font-style: normal;
}
.date{
   color: #666;
   text-decoration: none;
   font-size: 14px;
   font-style: normal;
   text-align: right;
}

a.left-menu-news-on{
   display: block;
   margin: 0px 0px 5px 0px;
   padding: 0px 0px 2px 7px;
   color: #FFF;
   text-decoration: none;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 13px;
   font-style: normal;
   background-color: #FF8A3C;
   opacity: 0.9;
   -webkit-box-shadow: 0 0 6px #fff;
   -moz-box-shadow: 0 0 6px #fff;
   box-shadow: 0 0 6px #fff;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
}
a.left-menu-news-on:hover{
   display: block;
   margin: 0px 0px 5px 0px;
   padding: 0px 0px 2px 7px;
   color: #FFF;
   text-decoration: none;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 13px;
   font-style: normal;
   background-color: #FF6A06;
   opacity: 0.9;
   -webkit-box-shadow: 0 0 6px #fff;
   -moz-box-shadow: 0 0 6px #fff;
   box-shadow: 0 0 6px #fff;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
}

.btl, .btr, .bbr, .bbl {
   position: absolute;
   width: 5px;
   height: 5px;
   background-image: url(../images/star.gif);
   background-repeat: no-repeat;
   overflow: hidden;
}
.btl { background-position: -5px -5px; top: -1px; left: -1px; }
.btr { background-position: 0 -5px; top: -1px; right: -1px; }
.bbr { background-position: 0 0; bottom: -1px; right: -1px; }
.bbl { background-position: -5px 0; bottom: -1px; left: -1px; }
.box-mail {
   width:600px;
   height:100%;
   overflow:auto;
   font-family: Verdana, Geneva, sans-serif;
   font-size: 14px;
   color: #333;
}
.online-ok {
   border: 1px solid #b3d334;
   width: auto;
   margin: 0px auto;
}
.sites-about {
   color: #666;
   text-decoration: none;
}
a.podrobnee {
   height: 25px;
   width: 150px;
   background-image: url(../images/podrobnee.png);
   background-repeat: no-repeat;
   display: block;
}
#wrapper {
   margin: 0px auto;
   display: block;
   position: absolute;
}
#wrapl {
   position: fixed;
   left: 0px;
   top: 10px;
   display: block;
   z-index: 1000;
}
#wrapr {
   position: fixed;
   right: 0px;
   top: 10px;
   display: block;
   z-index: 1000;
}

#wrapper ul{
   margin:0;
   padding: 0;
   top:0;
   z-index:100;
   visibility: visible;
   display: block;
}
#wrapper ul li{
   padding: 0px;
   margin:0;
   list-style:none;
}
#wrapper ul li a{
   _background: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/images/black.png', sizingMethod='crop');
   display: block;
   width: 44px;
   padding:0;
   text-align:center;
   text-decoration:none;
   color:#E4E4E4;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 8pt;
   height: 225px;
   visibility: visible;
   overflow: visible;
}
#wrapper ul li a span {
   display:block;
   height:0px;
   overflow:hidden;
}
#wrapper ul li a.zakaz {
   background: url(../images/zakaz.png) right top no-repeat;
   display:block;
}
#wrapper ul li a.contacts {
   background: url(../images/contacts.png) left top no-repeat;
   display:block;
}
.Price_round_box {
   border: 1px solid #b7a8aa;
   padding: 10px;
   margin: 5px 5px 10px 5px;
   -webkit-box-shadow: 0 0 10px #fff;
   -moz-box-shadow: 0 0 10px #fff;
   box-shadow: 0 0 10px #fff;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
}

.Price_round_box:hover {
   border: 1px solid #690;
   padding: 10px;
   margin: 5px 5px 10px 5px;
   -webkit-box-shadow: 0 0 10px #fff;
   -moz-box-shadow: 0 0 10px #fff;
   box-shadow: 0 0 10px #fff;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
   cursor:default;
}

.Price_period {
   border: 1px solid #b7a8aa;
   padding: 5px;
   margin: 1px 1px 10px 140px;
   -webkit-box-shadow: 0 0 10px #fff;
   -moz-box-shadow: 0 0 10px #fff;
   box-shadow: 0 0 10px #fff;
   -moz-border-radius: 6px;
   -webkit-border-radius: 6px;
   border-radius: 6px;
}
   
   
.Price_sel{
   width: auto;
   color: #690;
   text-decoration: none;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-size: 22px;
   font-style: italic;
   text-align: left;
   padding: 4px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
   text-shadow: 0px 2px 4px #fff;
}

a.top-menu {
   text-decoration: none;
   font-size: 14px;
   color: #000;
   font-family:  Verdana, Geneva, sans-serif;
   float: left;
   height: auto;
   display: inline;
   text-align: center;
   margin: 20px 10px 10px 10px;
   font-style: normal;
}
a.top-menu:hover {
   text-decoration: underline;
   font-size: 14px;
   color: #000;
   font-family:  Verdana, Geneva, sans-serif;
   float: left;
   height: auto;
   display: inline;
   text-align: center;
   margin: 0px 10px;
   font-style: normal;
}
a.top-menu-on {
   text-decoration: none;
   font-size: 14px;
   font-family:  Verdana, Geneva, sans-serif;
   color: #aa2d2e;
   float: left;
   height: auto;
   display: block;
   text-align: center;
   margin: 0px 10px;
}
a.top-menu-on:hover {
   text-decoration: underline;
   font-size: 14px;
   color: #F03;
   font-family:  Verdana, Geneva, sans-serif;
   float: left;
   height: auto;
   display: block;
   text-align: center;
   margin: 0px 10px;
}
.sl-arr-prev, .sl-arr-next {
    color: rgb(255 255 255 / 85%);
    line-height: 0;
    position: absolute;
    font-size: 33px;
    top: -10%;
    display: block;
    /* width: 20px; */
    /* height: 20px; */
    padding: 0;
    cursor: pointer;
    border: none;
    outline: none !important;
    background: transparent;
    transition: all 0.3s;
}
.sl-arr-prev:hover, .sl-arr-next:hover {
    color: rgb(51 51 51 / 88%);
    
}
.sl-arr-prev {
    left: -5px;
}
.sl-arr-next {
    right: -5px;
}

.btn-callback{
    display: inline-block;
    font-size: 26px;
    transition: 0.3s all;
    color: #00c1af;
}
.btn-callback:hover{
    color: #fff;
}
.row-flex {
  display: flex;
  flex-wrap: wrap;
}