* {
margin: 0;
padding: 0;
}

html, body{
  height: 100%;
  width: 100%;
  background-color: #fff;
}

.fade-image { 
            position: absolute; /* Позиционируем изображение относительно родителя */ 
            display: none; /* Скрываем изначально */ 
            opacity: 0; /* Начальная непрозрачность */ 
            transition: opacity 1s; /* Плавный переход для эффекта появления/исчезновения */ 
        } 

small{opacity: 1!important;}

a.slphon{
font-size:18px!important;
line-height:18px!important;
font-weight:700!important;
font-family:Montserrat!important;
color:#565656!important;
text-decoration:none!important;
background-color:transparent!important;

}


.uca{
  margin-top: -70px; 
  background-color: #fff; 
  height: 70px;
    width: 100%;
    z-index: 999;
    position: relative;
}


td, tr, p, div {
    font-family: 'Montserrat', sans-serif;
    color: #3a3a3a;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
}


a:link, a:visited {
font-family: 'Montserrat', sans-serif;
    color: #00aa8d;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    text-decoration: underline;   
    
}
a:hover {
  color: #3a3a3a;
  text-decoration:underline;
}

p { 
   text-indent: 0px;
} 

ul, ol {
list-style-position: outside;
margin-left: 20px;
}

#content100 ul, #content80 ul{
    list-style-type: square;
    padding-bottom: 15px;
}

#content100 ol, #content80 ol{
     padding-bottom: 15px;
}

strong{font-family: 'Montserrat', sans-serif;  font-weight: bold;}


h1 {
   font-size: 30px;
    color: #3a3a3a;
    line-height: 37px;
    padding: 0px 0px 10px 0px;
    font-weight: 600;
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    margin: 0px 0px;
    text-decoration: none;
    text-transform: none;
}

h2 {
   font-size: 25px;
    color: #3a3a3a;
    line-height: 33px;
    padding: 0px 0px 10px 0px;
    font-weight: 600;
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    margin: 0px 0px;
    text-decoration: none;
    text-transform: none;
}


h3 {
   font-size: 20px;
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    color: #3a3a3a;
    line-height: 30px;
    margin: 0px auto;
    text-decoration: none;
    padding: 10px 0px;
    font-weight: 600;
}

h4{
    font-size: 23px;
    color: #3a3a3a;
    line-height: 36px;
    padding: 12px 0px 12px 0px;
    font-weight: 500;
    text-align: right;
    font-family: 'Montserrat', sans-serif;
    margin: 0px 0px;
    text-decoration: none;
}

h5{
    font-size: 13px;
    color: #3a3a3a;
    line-height: 20px;
    padding: 27px 10px 10px 0;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    margin: 0px 0px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: right;
    width: 50%;
    position: absolute;
    top: 0;
    right: 0;
}

h6{
    font-size: 16px;
    color: #3a3a3a;
    line-height: 20px;
    padding: 12px 10px 6px 10px;
    font-weight: 700;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    margin: 0px 0px;
    text-decoration: none;
    text-align: right;
}

#bodypage {
  min-height: 100%;
  height:auto !important;
  height:100%;
  text-align: left;
  min-height: 100%;   
  margin: 0 auto;
  position: relative;
  max-width: 1920px;
}

#plav{
  width: 100%;
  padding: 0px;
}


#shapkawrap{
	width: 100%;
	padding: 8px 0%;
    background-color: #fff;
    overflow: hidden;	
}

#shapka{
    width: 96%;
	padding: 0px 2% 10px 2%;
    margin: 0 auto;
    max-width: 1140px;
    overflow: hidden;
}



#logo{
	float: left;
    width: 45%;
}

.log0 {display: table;}

.log1 {display: table-cell;}

.log2 {
    display: table-cell;
    vertical-align: middle;
    padding: 6px 10px 0 10px;
}

.log0 p.big, .log0 p.big a, #logob .log0 p.big{
    color: #3a3a3a;
    text-decoration: none;
    font-size: 31px;
    line-height: 31px;
    font-weight: 700;
}

.log0 p, .log0 p a, #logob .log0 p{
    color: #3a3a3a;
    text-decoration: none;
    font-size: 11px;
    line-height: 16px;
    font-weight: 400;
}


.log0 p.min, .log0 p.min a, #logob .log0 p.min{
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    padding-top: 15px;
}


#teltop{
	float: left;
    width: 55%;
    padding: 15px 0 0 0;
}

#teltop .fa{
   font-size: 16px; 
}

#teltop .fa-whatsapp{color: #00aa8d; font-size: 17px; font-weight: 600;}

.top1{width: 32%; float: left;}
.top2{width: 26%; float: left;}
.top3{width: 42%; float: left;}


#teltop p, #teltop a, #logob p, .top3 a{
    color: #3a3a3a;
    font-size: 12px;
    line-height: 17px;
    font-weight: 600;
    text-decoration: none;
    padding-bottom: 12px;
}

#teltop a:hover{
   color: #00aa8d; 
}

.top3 p.reestr{
  display: inline-block;
    background: #dfe1e7;
    padding: 10px 10px 0px 90px;
    background-image: url(../images/gerb.png);
    background-position: 15px center;
    background-repeat: no-repeat;
    width: 150px;
    border-radius: 5px;
}

#teltop .top3 p.vhod {
    text-align: center;
    margin-right: 14px;
    padding: 0;
    margin-bottom: 10px;
}

#teltop .top3 p.vhod a {
    text-decoration: none;
    text-align: center;
    background: #00aa8d;
    color: #fff;
    display: block;
    border-radius: 4px;
    padding: 7px 0;
    font-size: 15px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

#teltop .top3 p.vhod a:hover{
   background: #787878;
}

.fa-phone.white{color: #fff;}


#plav{
	width: 100%;
	padding: 0px 0%;
    background-color: #dfe1e7;
    /*overflow: hidden;*/
    height: 60px;
}

#gmenuwrap{
   width: 96%;
	padding: 0px 2%;
    margin: 0 auto;
    max-width: 1140px;
}

#plav.fixed {
   position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    max-width: 1920px;
    box-shadow: 0 0 5px #ccc;
}

.dj-megamenu-default{
    background: transparent !important;
}

.dj-megamenu-default {
    padding: 0 0 0 0px !important;
    width: 100%;
    float: left;
}

.dj-megamenu-default li.dj-up {
    padding: 20px 0 !important;
}

.dj-megamenu-default li.dj-up.itemid107 a.dj-up_a{
     padding: 0px 20px 0px 0px !important;
}

.dj-megamenu-default li a.dj-up_a {
        height: auto;
    font-size: 15px;
    font-weight: bold;
    padding: 0px 20px;
    margin: 0px 0px;
    cursor: pointer;
    color: #354550;
    border: none;
    text-transform: none;
    font-family: 'Montserrat', sans-serif;
    border-left: none;
   
}

/*.dj-megamenu-default li.dj-up.itemid109 a.dj-up_a{
     padding: 0px 20px 0px 0px !important;
}*/

.dj-megamenu-default li a.dj-up_a span {
   float: left;
    display: block;
    padding: 0 0 0 !important;
    height: auto;
    line-height: 20px;
    background: transparent;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
}

.dj-megamenu-default li a.dj-up_a .arrow {
	top: calc(50% - 8px);
	right: 22px;
}

.dj-megamenu-default li:hover a.dj-up_a .arrow,
.dj-megamenu-default li.hover a.dj-up_a .arrow,
.dj-megamenu-default li.active a.dj-up_a .arrow {
	top: calc(50% - 8px);
	
}

.dj-megamenu-default li:hover a.dj-up_a,
.dj-megamenu-default li.hover a.dj-up_a, 
.dj-megamenu-default li.active a.dj-up_a {
    color: #354550;
    text-decoration: none;
    border-left-color: #dfe1e7;
    background: transparent;
}

.dj-subwrap-in{
    background:  #dfe1e7;
    width: 350px !important;
}

.dj-megamenu-default li div.dj-subcol{
    width: 350px !important;
}

.dj-megamenu-default li ul.dj-submenu > li > a:hover, 
.dj-megamenu-default li ul.dj-submenu > li > a.active, 
.dj-megamenu-default li ul.dj-submenu > li.hover:not(.subtree) > a{
    background: transparent;
     font-family: 'Montserrat', sans-serif
}

.dj-megamenu-default li ul.dj-submenu > li{
    border-top: none;
}


.dj-megamenu-default li ul.dj-submenu > li > a {
    font-size: 14px !important;
    color: #354550 !important;
    padding: 10px 20px !important;
    font-weight: 500;
}

.dj-megamenu-default li ul.dj-submenu > li > a:hover, 
.dj-megamenu-default li ul.dj-submenu > li > a.active, 
.dj-megamenu-default li ul.dj-submenu > li.hover:not(.subtree) > a{
    color: #00aa8d !important;
}

.dj-megamenu-default li ul.dj-submenu > li > a .dj-icon {
   display: none;
}

.dj-megamenu-default li:hover a.dj-up_a span, 
.dj-megamenu-default li.hover a.dj-up_a span, 
.dj-megamenu-default li.active a.dj-up_a span{
    text-decoration: none;
    color: #00aa8d;
}

.dj-megamenu-default li:hover, 
.dj-megamenu-default li.active{
    /*background: #f9c154;*/
}

.dj-megamenu-default li ul.dj-submenu li:hover,
.dj-megamenu-default li ul.dj-submenu li.active{
    background: transparent !important;
}

.zakav{
    float: right;
    width: 20%;
}


a.more1, a.more2 {
    color: #282828;
    font-size: 14px;
    line-height: 60px;
    font-weight: 600;
    text-decoration: none;
    padding: 15px 30px;
    text-transform: none;
    border-radius: 5px;
    background: #00dec1;
    -webkit-transition: all .3s;
    transition: all .3s;
}


a.more1:hover, a.more2:hover{
    background: #4bddc1;
}



#sliderwrap{
  clear: both;
  width: 100%;
  overflow: hidden;
  background-image: url(../images/bg_banner.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 470px;
}

#slider{
    clear: both;
    width: 96%;
    max-width: 1140px;
    margin: 0px auto;
    padding: 20px 2% 0px 2%;
}

#slider p{text-align: right;}

#slider .custom{
    /*padding-top: 7%;*/
    padding-top: 4%;
}


#slider p.cer1{
    font-size: 26px;
    line-height: 30px;
    font-weight: 800;
    color: #282828;
}

#slider p.cer1 img{
    vertical-align: middle;
}

#slider p.cer2{
    font-size: 16px;
    line-height: 24px;
    font-weight: 800;
    color: #353535;
    padding: 7px 0;
}

#slider p.cer3{
    font-size: 18px;
    line-height: 28px;
    font-weight: 800;
    color: #282828;
}

#slider p.cer3 span{
    font-size: 23px;
    font-size: 23.5px;
    font-weight: 900;
}

#slider p.cer4{
    font-size: 18px;
    line-height: 28px;
    font-weight: 800;
    color: #282828;
}

#slider h1{
    font-size: 42px;
    color: #282828;
    line-height: 50px;
    padding: 0px 0px 40px 0px;
    font-weight: 700;
    text-align: right;
}


#crumbs{
    clear: both;
    width: 100%;
    max-width: 1140px;
    margin: 0px auto;
    padding: 5px 0 20px 0;
}

#crumbs ul{
  padding: 0px 0px 0px 0px;
  margin:0;
  text-align: left;
}

#crumbs ul li{
 padding: 0px 0px 0px 0px;
    margin: 0;
    list-style: none;
    display: inline-block; 
    font-size: 13px;
    color: #606060;	
}
#crumbs ul li a{
	font-size: 13px;
    color: #606060;	
}

#crumbs ul li a:hover{	
	text-decoration:underline;
}



.bl33{
    width: 28%;
    float: left;
    margin: 10px 3% 30px 0%;
    padding: 1.5%;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    border-radius: 8px;
    background-color: #dfe1e7;
}

.bl33:hover{
    cursor: pointer;
   
}

.bl33.u01, .bl33.u04{ margin: 10px 2% 30px 0%;}
.bl33.u02, .bl33.u05{ margin: 10px 1% 30px 1%;}
.bl33.u03, .bl33.u06{ margin: 10px 0% 30px 2%;}



.bl55{
    width: 45%;
    float: left;
    margin: 10px 2% 30px 0%;
    padding: 1.5%;
    border: none;
    border-radius: 8px;
     background-color: #dfe1e7;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    min-height: 150px;
}


.bl55:hover{
    cursor: pointer;
}

.bl55.u07{ margin: 10px 1.6% 30px 0%;}
.bl55.u08{ margin: 10px 0% 30px 1.6%;}



.bl33.u01, .bl33.u02, .bl33.u03,
.bl33.u04, .bl33.u05, .bl33.u06,
.bl55.u07, .bl55.u08{
    min-height: 135px;
}

.bl33.u01, .bl33.u02, .bl33.u03, .bl33.u04, .bl33.u05,
.bl33.u06, .bl55.u07, .bl55.u08{
  background-position: right bottom;
  background-repeat: no-repeat;  
}

.bl33.u01{background-image: url(../images/img_usl_01.png);}
.bl33.u02{background-image: url(../images/img_usl_02.png);}
.bl33.u03{background-image: url(../images/img_usl_03.png);}
.bl33.u04{background-image: url(../images/img_usl_04.png);}
.bl33.u05{background-image: url(../images/img_usl_05.png);}
.bl33.u06{background-image: url(../images/img_usl_06.png);}
.bl55.u07{background-image: url(../images/img_usl_07.png);}
.bl55.u08{background-image: url(../images/akt.png);}



.bl33 h3 a, .bl55 h3 a{
    color: #383a3a;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}

.bl33 h3 a:hover, .bl55 h3 a:hover{color: #00aa8d;}



#columncenter100{
    float: left;
    width: 100%;
    overflow: hidden;
    padding: 10px 0%;
    position: relative;
}

#content100{
    width: 96%;
    max-width: 1140px;
    margin: 20px auto 0 auto;
    padding: 0px 2% 30px 2%;
    overflow: hidden;
}

#dopus {
    width: 96%;
    max-width: 1140px;
    margin: 50px auto 10px auto;
    padding: 0px 2% 30px 2%;
    overflow: hidden;
}


#columncenter80{
    width: 96%;
    max-width: 1140px;
    margin: 30px auto 0 auto;
    padding: 0px 2% 30px 2%;
    overflow: hidden;
  
}

#content80{
   width: 71%;
    margin-left: 4%;
    float: left;
}

#content80 p.del {display: none;}


/*img.lic{
    max-width: 240px;
    padding-right: 20px;
}*/


.white100{
    width: 96%;
    max-width: 1140px;
    margin: 0px auto;
    padding: 70px 2% 30px 2%;
    overflow: hidden;
}

#content100 .white100{
   width: 100%; 
   padding: 30px 0% 30px 0%;
}

.bl300{
    width: 35%; 
    padding: 0px 5% 0px 0%;
    float: left;
}

.bl600{
    width: 60%;
    float: right;
}

.bl600 img{
    width: 90%; 
}


#content100 .white100 .bl501 img{max-width: 90%; box-shadow: 2px 3px 7px #ccc;-webkit-transition: .2s ease-out;
    transition: .2s ease-out;}
#content100 .white100 .bl501 img:hover {box-shadow: 2px 3px 7px #afadad;}

.white100 p{padding-bottom: 12px;}

.white100 .bl501 img{max-width: 100%;}
.white100 .bl502 {width: 46%; padding: 0 2%;}

.white100 .bl33 {
    width: 27%;
    padding-top: 65px;
    text-align: center;
    margin: 20px 0 10px 0;
    background: #fff;
}

.white100 h2{margin: 20px 0 10px 0;}
/*.white100 h2{margin: 100px 0 10px 0;}*/

.bl33.pr01, .bl33.pr02, .bl33.pr03,
.bl33.pr04, .bl33.pr05, .bl33.pr06,
.bl33.pr07, .bl33.pr08{
    background-position: center top;
  background-repeat: no-repeat;  
}

.bl33.pr01{background-image: url(../images/ico_01.png);}
.bl33.pr02{background-image: url(../images/ico_02.png);}
.bl33.pr03{background-image: url(../images/ico_03.png);}
.bl33.pr04{background-image: url(../images/ico_04.png);}
.bl33.pr05{background-image: url(../images/ico_05.png);}
.bl33.pr06{background-image: url(../images/ico_06.png);}
.bl33.pr07{background-image: url(../images/ico_07.png);}
.bl33.pr08{background-image: url(../images/ico_08.png);}

.white100 p {font-size: 14px; line-height: 17px;}

#dopblokwrap{
    width: 100%;
    overflow: hidden;
    background: #dfe1e7;
}

#dopblokcontent {
    clear: both;
    width: 100%;
    margin: 30px auto;
    padding: 0;
    overflow: hidden;
   
}

#dopblok{
    width: 100%;
    max-width: 1140px;
    margin: 30px auto;
    overflow: hidden;
    
}

#dopblok a{
    color: #292929;
    border: 1px solid #8c8c8c;
    text-decoration: none;
    border-radius: 5px;
    padding: 3px 8px;
    margin: 5px 9px 5px 0px;
    display: inline-block;
    font-size: 14px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

#dopblok a:hover{
    background: #ececec;
    box-shadow: 2px 3px 7px #ccc;
}

#dopblok a:hover{
    
}


#zakazwrap{
    width: 100%;
    overflow: hidden;
    background: #dfe1e7;
}

#zakaz{
    width: 96%;
    padding: 20px 2%;
    margin: 0 auto;
    max-width: 840px;
    overflow: hidden;
}

.bl501, .bl502{
    width: 48%;
    float: left;
}

.bl501{
    margin-right: 2%;
}


.bl502vn{background: #dfe1e7;
    padding: 2% 5% 22px 5%;
    border-radius: 5px;
}

.bl502vn h2{padding: 15px 0px 22px 0px;}


.white100.min .bl501{width: 33%;}
.white100.min .bl502{width: 60%;}

.white100.min p{
    font-size: 15px;
    line-height: 24px;
}

#zakaz .bl501 p{color: #383a3a;
    font-size: 23px;
    font-weight: 600;}
    
.kbs1, .kbs2{float: left;}
    
    
.bl501 .kbs1 p{
        padding-left: 25px;
    }
.bl501 .kbs1 a{
    color: #383a3a;
    text-decoration: none;
    font-size: 25px;
    font-weight: 600;
    line-height: 40px;
    padding-right: 0px;
}

.bl501 .kbs2 p{
        padding-left: 15px;
    text-align: left;
    padding-top: 8px;
}

.bl501 .kbs2 a{
    color: #383a3a;
    text-decoration: none;
    font-size: 10px;
    line-height: 12px;
    padding-right: 0px;
}

.bl501 .kbs2 a:hover{
    color: #00aa8d;
}

#zakaz .bl502 p{
    padding-left: 60px;
}



#zakaz a.more2{
    background: transparent;
    border: 2px solid #4bddc1;
}

#zakaz a.more2:hover{
    background: #4bddc1;
}


/*#otzyv{
    width: 96%;
    padding: 0px 2%;
    margin: 0 auto;
    max-width: 1140px;
    overflow: hidden;
}

#otzyv .custom{
    background: #2c2c2c;
    padding: 50px 2%;
}

#otzyv h2{
    color: #fff;
    padding-left: 40px;
font-size: 30px;
}

.slick-slider{
    margin-top: 40px;
}

.slick-slider .vn{
    width: 85%;
    margin: 0 auto;
}

.slick-prev{
    left: 0px !important;
    top: 35% !important;
    z-index: 100;
}

.slick-next{
    right: 0px !important;
    top: 35% !important;
}

#otzyv a.more1{margin: 0 auto;}


.foto{
    width: 35%;
    float: left;
    padding: 0 5% 0 0;
}

.foto img{
    width: 100%;
}

.opisanie{
    width: 60%;
    float: left;
}

.opisanie p{
    padding-bottom: 12px;
    font-size: 15px;
    line-height: 21px;
    color:#fff;
    font-weight: 400;
}

.opisanie p.min{
    color: #0daab9;
    font-size: 14px;
    padding-bottom: 10px;
}

.slick-prev, .slick-next{
    height: 35px !important;
}

.slick-next{
    background-image: url(../images/ico_right.png) !important;
  background-position: left top !important;
  background-repeat: no-repeat !important;
  opacity: 0.8 !important;
}

.slick-prev{
    background-image: url(../images/ico_left.png) !important;
  background-position: left top !important;
  background-repeat: no-repeat !important;
  opacity: 0.8 !important;
}

.slick-next:hover, .slick-prev:hover{
    opacity: 1 !important;
}

.slick-prev:before, .slick-next:before{
    display: none !important;
}

/*.slick-slide img {
    display: block;
    border: 4px solid #e6e6e6;
    font-weight: 700;
    color: #08091b;
    border-radius: 50%;
    margin-right: 20px;
}*/


/*.opisanie h3{
    padding: 0 0 10px 0;
    color: #f3b93f;
    font-size: 30px;
    line-height: 40px;
}*/


/* ==== УСЛУГИ ===== */

.blokfon{
    overflow: hidden;
    padding: 5%;
    margin: 10px 0;
    text-align: center;
    background-image: url(../images/us_vagon/img_bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.blokfon p, .blokfon h2{color: #fff;}
.blokfon h2{padding: 0px 0px 20px 0px;}



#blogwrap{
  clear: both;
  width: 100%;
  padding-top: 30px;
  
}

#blog{
    clear: both;
	width: 96%;
	padding: 0px 2% 30px 2%;
    margin: 0 auto;
    max-width: 1140px;
    overflow: hidden;
}

#blog h2, #blog p.min{
    text-align: center;
}

#blog figure {
    margin-block-start: 0 !important;
    margin-block-end: 0!important;
    margin-inline-start: 0!important;
    margin-inline-end: 0!important;
}

#blog p.centr{clear: both;}

img.stmax{
   max-width: 100%; 
}

ul.newsflash-horiz{
   width: 100%;
  display: block;
  padding: 0px;
  margin:0px 0px 0px 0px !important;
}

ul.newsflash-horiz li, .item{
        position: relative;
}

ul.newsflash-horiz li, .cols-4 .column-1, .cols-4 .column-2, .cols-4 .column-3, .cols-4 .column-4{
    width: 23%;
    float: left;
    padding: 0;
    margin: 2% 1% 3% 1%;
    list-style-type: none !important;
    background-color: #f1f1f1;
}

.newsflash-image img, .blog .pull-left.item-image{
    width: 100%;
    margin: 0px;
}

.cont {
    padding: 15px;;
}

#content100 p.readmore{padding:0;}


h3.newsflash-title, h3.newsflash-title a, .cols-4 .column-1 h2, .cols-4 .column-2 h2, .cols-4 .column-3 h2, .cols-4 .column-4 h2{
    font-size: 15px;
    color: #333333;
    line-height: 22px;
    padding: 0px 0px 20px 0px;
    font-weight: 600;
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    margin: 0px 0px;
    text-decoration: none;
    text-transform: none;
    min-height: 67px;
}

h3.newsflash-title a{
     border-bottom: none;
}

.date{
    color: #aaaaaa;
    font-size: 14px;
    display: none;
}

ul.newsflash-horiz li a.readmore, .item a.btn{
  color: #0daab9;
    font: 500 15px/15px 'Montserrat', sans-serif;
    margin: 0px 0px 0px 0px;
    padding: 0px 0 10px 0;
    text-align: left;
    text-decoration: none;
    display: inline-block;
}

ul.newsflash-horiz li a.readmore:hover, .item a.btn:hover{
    color: #353535;
}

.article-separator{display:none;}

.blog .article-info{
    display: none;
}

.blog .pull-left{
    float: none;
}

.blog .pull-left img{
    width: 100%;
    /*border-radius: 0 15px 0 0;*/
}

.vse{display: none;}

/*.cols-3 .column-1, .cols-3 .column-2, .cols-3 .column-3{
  width: 31%;
    float: left;
    padding: 0;
    margin: 2% 1%;
    list-style-type: none !important;
    background-color: #fff;
    background-image: url(../images/fon-blog0.png);
    background-position: right bottom;
    background-repeat: no-repeat;
     -webkit-box-shadow: 0px 10px 12px 0px rgba(204,204,204,0.75);
-moz-box-shadow: 0px 10px 12px 0px rgba(204,204,204,0.75);
box-shadow: 0px 10px 12px 0px rgba(204,204,204,0.75);
}

.cols-3 .column-1 h2, .cols-3 .column-2 h2, .cols-3 .column-3 h2,
.cols-3 .column-1 h2 a, .cols-3 .column-2 h2 a, .cols-3 .column-3 h2 a{
    font-size: 18px;
    color: #0074a2;
    line-height: 24px;
    padding: 0px 0px 20px 0px;
    font-weight: 600;
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    margin: 0px 0px;
    text-decoration: none;
    text-transform: none;
    min-height: 75px;
}*/

.pull-left.item-image{
    margin: 0px 0px 0px 0px;
    float: none;
}

.cat-children{
    display: none;
}

/*.cols-3 .column-1 h2 a, .cols-3 .column-2 h2 a, .cols-3 .column-3 h2 a{
    border-bottom: none;
}

.cols-3 .column-1 p.readmore a.btn, .cols-3 .column-2 p.readmore a.btn, .cols-3 .column-3 p.readmore a.btn{
   color: #0074a2;
    font: 500 15px/15px 'Montserrat', sans-serif;
    margin: 0px 0px 0px 0px;
    padding: 14px 0;
    text-align: left;
    text-decoration: underline;
    display: inline-block;
}



.cols-3 .column-1 p.readmore a.btn:hover, .cols-3 .column-2 p.readmore a.btn:hover, .cols-3 .column-3 p.readmore a.btn:hover{
    color: #353535;
}

.cols-3 .column-1 p.readmore, .cols-3 .column-2 p.readmore, .cols-3 .column-3 p.readmore{
  
    text-align: right;
}*/

.items-row {
    display: block;
    overflow: hidden;
}

span.date{display: none;}

div.pagination{
 margin: 0 auto;
    display: table;
}
div.pagination ul {
  padding-left:  0px;
}

div#pg-pagination ul li, div.pagination ul li{
  float: left;
  padding-right: 5px;
  padding-left: 0px;
  list-style-image: none;
  list-style-type: none;

}

#kontact {
  width: 100%;
  max-width: 1920px;
  position: relative; 
  overflow: hidden;
  border-top: 1px solid #d6dcdf;
}

#podval{
    width: 96%;
    max-width: 1140px;
    margin: 0px auto;
    padding: 20px 2% 20px 2%;
    overflow: hidden;
}

.podval100{
    width: 100%;
    overflow: hidden;
    clear: both;
}



#logob{
	float: left;
    width: 40%;
    padding: 0px 0px 20px 0px;
}

#logob .log0 .log2 p{
    padding-bottom: 0px;
}

#logob .log0 {
    padding: 0 0 20px 0;
}

#logob .log0 p.min {
   padding-top: 5px;
}

#telbot{
   float: left;
    width: 100%; 
}

#telbot p, #telbot p a {
    color: #3a3a3a;
    font-size: 12px;
    line-height: 17px;
    font-weight: 600;
    text-decoration: none;
    padding-bottom: 12px;
}

#telbot a:hover{
   color: #00aa8d; 
}


#telbot .fa{
   font-size: 16px; 
}

#telbot .fa-whatsapp{color: #00aa8d; font-size: 17px; font-weight: 600;}

#telbot .top1, #telbot .top2 {
    width: 50%;
    float: left;
    text-align: left;
    padding-bottom: 20px;
}



#polit {
    float: left;
    width: 50%;
    padding: 35px 0px 0px 0px;
    text-align: right;
}

#menubot{
	float: left;
    width: 30%;
    padding: 10px 0px 20px 0px;
}

#menubot ul li {
    list-style-type: none;
    padding: 3px 4% 0px 0px;
    
}

#menubot ul li a {
   color: #282828;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    text-decoration: none;
}

#menubot a:hover, #menubot li.current.active a{
    text-decoration: none;
    color: #00aa8d;
}


#dru{
   width: 30%;
    float: right;
    display: inline-block;
    padding-top: 10px;
    max-width: 260px;
}


#dru .top3 a{
    color: #3a3a3a;
    font-size: 12px;
    line-height: 17px;
    font-weight: 600;
    text-decoration: none;
    padding-bottom: 12px;
}


#dru .top3 p{padding-bottom: 12px;}

#dru p.polit{
  clear: both;
    padding-top: 15px;
}

#dru p.polit a{
    font-size: 14.5px;
    line-height: 17px;
}

#dru a.druz{
    text-decoration: none;
    font-size: 13px;
    line-height: 16px;
}

#dru a.druz:hover{
    color: #353535;
}

#dru table{
    width: 200px;
    text-align: right;
    float: right;
    margin-top: 50px;
}

#copy{
    width: 100%;
    padding: 18px 0;
   border-top: 1px solid #dfe1e7;
    text-align: center;
}


#copy p a{
    font-size: 14px;
    
}


/*#leftwrap{
    width: 25%;
    float: left;
}

#leftmenu{
    border: 3px solid #dfe1e7;
}

#leftmenu h2{
    background: #dfe1e7;
    text-transform: uppercase;
    font-size: 20px;
    padding: 8px 0px 10px 20px;
}

#leftmenu ul{
    margin-left: 0px;
}

#leftmenu ul li{
   list-style: none;
    display: inline-block;
    padding: 15px 0; 
    width: 100%;
}

#leftmenu ul li a{
    color: #303b41;
    padding: 0 22px;
}

#leftmenu ul li:hover, #leftmenu ul li.current{
    background: #f9c154;
}


#sovet{
    margin: 30px 0;
}

#sovet span.date{
    display: none;
}



#sovet p.big{
    color: #303b41;
    padding: 0px 0px 0px 7px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 25px;
    background-color: #fff;
    margin: 0;
}

#sovet table p{
      font-size: 14px;
    line-height: 20px;
    color: #272727;
    position: relative;
    background-color: #f2d592;
    padding: 20px;
    margin: 10px 0;
}

#sovet p.min{
   color: #0daab9;
    font-size: 14px;
    padding: 0px 0px 0px 7px;
    text-align: left;
    background-color: #fff;
    margin: 0;
    border-radius: none;
}

#sovet p.phon, #sovet p.phon a{
   color: #303b41;
    padding: 0px 0px 0px 7px;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 25px;
    background-color: #fff;
    margin: 0;
}

#sovet p.phon a{
    text-decoration: none;
     padding: 0px 0px 0px 0px;
}

#sovet p.phon a:hover{
   color: #0daab9; 
}

#sovet table p.min:before,
#sovet table p.big:before,
#sovet table p.phon:before{
    display: none;
}

#sovet img{
    border-radius: 50%;
   
    padding: 5px;
}

#sovet .cont{
   padding: 0; 
}


#sovet table p:before{
    content:"";
    background-image: url(../images/st.png);
  background-position: 65px top;
    background-repeat: no-repeat;
    width: 100%;
    height: 24px;
    display: block;
    position: absolute;
    top: -22px;
}*/


table.cena{
     border-collapse: collapse;
	 margin: 20px auto;
	 width: 100%;
}

table.cena td{
	border: 1px solid #dfe1e7;
    padding: 10px;	
}

table.cena td p{
	font-size: 15px;	
}




#content100 p, #content80 p{
    padding-bottom: 12px;
}

iframe{
    border: none;
}


.thumb-wrap {
    width: 100%;
    margin: 0 auto;
  position: relative;
  padding-bottom: 56.25%; 
  height: 0;
  overflow: hidden;
}
.thumb-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}



#content0.padd{
    padding-top: 60px;
}


.karta-tx{
    float: left;
    width: 45%;
    padding-right: 5%;
}

.karta-map{
    float: left;
    width: 50%;
}


.fancybox-opened .fancybox-title {
    display: none;
}


.fancybox-close {
    top: 0px!important;
    right: 0px!important;
}

.fancybox-skin {
    background: #fff!important;
}

#zak2, #zak3, #zak24 {
    display: none;
    width: 360px;
    padding: 20px 20px 10px 20px;
}


.txt{
   width: 95%;
    padding: 15px 1% 12px 4%;
    margin: 15px 0 8px 0px;
    background: #e7e9ea;
    float: left;
    border: none;
    border-radius: 3px;
}

#zakaz2-form .txt, #zakaz2-form textarea{
background: #fff;
}


.txt21{
    width: 44%;
    padding: 15px 2% 12px 2%;
    margin: 15px 2% 8px 0px;
    background: #e7e9ea;
    float: left;
    border: none;
    border-radius: 3px;
    float: left;
}

.txt22{
   width: 44%;
    padding: 15px 2% 12px 2%;
    margin: 15px 0 8px 2%;
    background: #e7e9ea;
    float: left;
    border: none;
    border-radius: 3px;
}

textarea{
  width: 95%;
    height: 70px;
    padding: 14px 1% 13px 4%;
    margin: 5px 5% 20px 0px;
    background: #e7e9ea;
    float: left;
    border: none;
   border-radius: 3px;
    resize: none;
}

#zak textarea{
    margin: 15px 5% 5px 0px;
    width: 97%;
    padding: 14px 1% 13px 2%;
    
}

.send{
  color: #282828;
    font-size: 15px;
    line-height: 27px;
    font-weight: 600;
    text-decoration: none;
    padding: 8px 30px;
    text-transform: none;
    border-radius: 5px;
    background: #00dec1;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: none;
    margin: 10px auto;
    font-family: 'Montserrat', sans-serif;
    display: block;
}

.send:hover{
 background: #4bddc1;
 cursor: pointer;

}


#zakaz2-form .send{
    background: #fff;
    border: 2px solid #00dec1;
}

#zakaz2-form .send:hover{
    background: #00dec1;
    
}



p.uslov{
  clear: both; 
  text-align: center;
}
p.uslov, p.uslov a{
    font-size: 11px;
    line-height: 17px;
    color: #7b8292;
}

p.uslov a{
    color: #dbb022;
}

p.uslov a:hover{
    color: #7b8292;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus::-moz-placeholder {color:transparent; }
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus::-moz-placeholder {color:transparent; }


input::-webkit-input-placeholder {color: #343434; font-weight: 400; font: 15px/15px 'Montserrat';}
input::-moz-placeholder {color: #343434; font-weight: 400; font: 15px/15px 'Montserrat';}/* Firefox 19+ */
input:-moz-placeholder {color: #343434; font-weight: 400; font: 15px/15px 'Montserrat';}/* Firefox 18- */
input:-ms-input-placeholder {color: #343434; font-weight: 400; font: 15px/15px 'Montserrat';}

textarea::-webkit-input-placeholder {color: #343434; font-weight: 400; font: 15px/15px 'Montserrat';}
textarea::-moz-placeholder {color: #343434; font-weight: 400; font: 15px/15px 'Montserrat';}
textarea:-moz-placeholder {color: #343434; font-weight: 400; font: 15px/15px 'Montserrat';}
textarea:-ms-input-placeholder {color: #343434; font-weight: 400; font: 15px/15px 'Montserrat';}



#zak2 h2, #zak3 h2, #zak24 h2{
    text-align: center;
}



#zak2 p.min, #zak3 p.min, #zak24 p.min{text-align: center;}

#zakaz-form-info, #zakaz2-form-info, #zakaz3-form-info, #zakaz-form-info24{color: #636363; font-size: 18px; text-align: center;}


p.vvo{
    background-color:#dfe1e7;
     background-image: url(../images/vvo.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 22px 20px 22px 80px !important;
    font-weight: 600;
    border-radius: 5px;
    margin: 10px 0 20px 0;
}


.bug{
    background-color:#fff;
    background-image: url(../images/bug2.png);
    background-position: 20px 30px;
    background-repeat: no-repeat;
    display: inline-block;
    padding: 15px 20px 15px 90px !important;
    border-radius: 5px;
    margin: 10px 0 60px 0;
    border: 2px solid #dfe1e7;
}

.technology div {
    font-size: 17px;
    color: #383838;
    font-style: normal;
    border: 1px #ccc solid;
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 0px;
    background-color: #fff;
    width: 90%;
    font-family: 'Montserrat';
    padding: 15px 0 15px 5%;
}

.technology.openlanguage div, .technology div:hover{
    background-color: #f7f7f7;
}

.thelanguage p.doc {
     background-image: url(../images/doc.jpg);
    background-position: 10px 13px;
    background-repeat: no-repeat;
    display: block;
    padding: 12px 20px 12px 50px !important;
    margin: 10px 0 10px 0;
}

.thelanguage p.doc a{
    color: #3a3a3a;
}

.thelanguage p.doc a:hover{
    color: #00aa8d;
}

/*======ТАБЫ=======*/


.vertical-tab-container{
/* z-index: 10;
 background-color: #ffffff;
 padding: 0 !important;
 border-radius: 4px;
 -moz-border-radius: 4px;
 border:1px solid #ddd;
 background-clip: padding-box;
 opacity: 0.97;
 filter: alpha(opacity=97);*/
}
.vertical-tab-menu{
 padding-right: 0;
 padding-left: 0;
 padding-bottom: 0;
}
.vertical-tab-menu div.list-group{
 margin-bottom: 0;
/* padding-top: 25px;*/
}
.vertical-tab-menu div.list-group>a{
 margin-bottom: 0;
}
.vertical-tab-menu div.list-group>a{
    text-decoration: none;
}
.vertical-tab-menu div.list-group>a:first-child{
 border-top-right-radius: 0;
 -moz-border-top-right-radius: 0;
}
.vertical-tab-menu div.list-group>a:last-child{
 border-bottom-right-radius: 0;
 -moz-border-bottom-right-radius: 0;
}
.vertical-tab-menu div.list-group>a.active div{
 border-bottom: 2px solid #ccc;
   
}

.vertical-tab-menu div.list-group>a div{
    margin: 20px 10px 10px 10px;
    padding: 12px 20px;
    border: 3px solid #f2f2f2;
    border-radius: 7px;
}

.vertical-tab-menu div.list-group>a div span.grey{
font-size: 20px;
    color: #7a828a;
    line-height: 25px;
     font-weight: 600;
    text-indent: 0px;
}

.vertical-tab-menu div.list-group>a.active div span.grey,
.vertical-tab-menu div.list-group>a.active div span.blue,
.vertical-tab-menu div.list-group>a:hover div span.grey,
.vertical-tab-menu div.list-group>a:hover div span.blue{
  color: #353535;
   
}


.vertical-tab-menu div.list-group>a:hover div{
 border: 3px solid #dfe1e7;
 background: #dfe1e7;
 
}

.vertical-tab-menu div.list-group>a.active div{
border: 3px solid #dfe1e7;
 background: #dfe1e7;
 border-radius: 7px;
}
.vertical-tab-content{
 padding-left: 3px;
    background-color: #dfe1e7;
    padding: 25px 25px;
    border-radius: 7px;
    margin-top: 10px;
    margin-left: 20px;
    position:relative;
}


.vertical-tab-content p{
    font-size: 20px;
    color: #353535;
    font-weight: 600;
    line-height: 30px;
    width: 75%;
}

.vertical-tab div.vertical-tab-content:not(.active){
 display: none;
}
.col-lg-3.col-md-3.col-sm-3.col-xs-3.vertical-tab-menu{
    width: 46%;
    padding-right: 0%;
    float: left;
}
.col-lg-9.col-md-9.col-sm-9.col-xs-9.vertical-tab{
    width: 54%;
    float: left;
    margin-top: 10px;
}

.container{
    margin-bottom: 60px;
        overflow: hidden;
}


.con1{
     background-image: url(../images/us_vagon/img_03.png);
    background-position: right bottom;
    background-repeat: no-repeat; 
    min-height: 210px;
}

.con1-1{
     background-image: url(../images/doski.png);
    background-position: right bottom;
    background-repeat: no-repeat; 
    min-height: 210px;
}


.con2{
     background-image: url(../images/us_vagon/img_04.png);
    background-position: right bottom;
    background-repeat: no-repeat; 
    min-height: 210px;
}


.con3{
     background-image: url(../images/calendar.png);
    background-position: right bottom;
    background-repeat: no-repeat; 
    min-height: 210px;
}


.slick-slider{
    margin-top: 40px;
}

.opisanie{
    width: 92%;
    margin: 0 auto;
}

.opisanie p{
    padding-bottom: 12px;
    font-style: italic;
    font-size: 17px;
    line-height: 21px;
}

.slick-prev, .slick-next{
    height: 35px !important;
}

.slick-next{
    background-image: url(../images/ico_right.png) !important;
  background-position: left top !important;
  background-repeat: no-repeat !important;
  opacity: 0.8 !important;
}

.slick-prev{
    background-image: url(../images/ico_left.png) !important;
  background-position: left top !important;
  background-repeat: no-repeat !important;
  opacity: 0.8 !important;
}

.slick-next:hover, .slick-prev:hover{
    opacity: 1 !important;
}

.slick-prev:before, .slick-next:before{
    display: none !important;
}

.slick-slide img {
    width: 100%;
    box-shadow: 0 0 10px #ccc;
    margin-top: 10px;
}

img.max{
    max-width: 100%;
}


.logos, .logos0{
    width: 96%;
    max-width: 1140px;
    margin: 0px auto;
    padding: 20px 2% 20px 2%;
    overflow: hidden;
    text-align: center;
}


.logos h2, .logos0 h2{text-align: center;}

.logos img, .logos0 img{padding: 0 12px; }


.ny15{
    background: url(../images/ny15.jpg);
    background-size: cover;
    padding: 20px 150px 20px 20px;
    margin: 0 0 20px 0;
    border-radius: 7px;
    
}

.ny15 p{color: #e9bba5; text-align: left !important;}



#new2025{
    /*background: url(../images/topp.jpg);
    background-repeat: repeat-x;
    background-position: center top;
    width: 100%;
    height: 104px;
    display: table;*/
    background: url(https://chim-servis.ru/images/ng2025.jpg); 
            background-repeat: repeat-x; 
            background-position: center top; 
            width: 100%; 
            height: 74px; 
            display: block; 
            position: relative; /* Для абсолютного позиционирования дочерних элементов */ 
            overflow: hidden; /* Скрыть элементы, выходящие за пределы */
}


.ny2022{
    background: url(../images/22/god20.jpg);
    background-size: cover;
    padding: 45px 20px 30px 20px;
    margin: 0 0 20px 0;
    border-radius: 7px;
    background-position: center top;
}

.ny2022.aklk{
    background: url(../images/god2004.jpg);
}

.ny2022 p{color: #000; text-align: center; font-weight: 700;}


#overlay {
position: fixed;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.65);
z-index: 999;
-webkit-animation: fade .6s;
-moz-animation: fade .6s;
animation: fade .6s;
overflow: auto;
z-index:100000;
}
/* модальный блок */
.popup {
top: 15%;
left: 0;
right: 0;
font-size: 14px;
margin: auto;
/*width: 500px;*/
width: 800px;
/*height: 290px;*/
height: auto;
position: absolute;
/*padding: 15px 20px 30px 20px;
border: 1px solid #383838;*/
/*background: #060f16;
background-image: url(../images/22/god20.jpg);
background-position: center top;
background-repeat: no-repeat;
background-size: cover;*/
z-index: 1000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
font: 14px/18px 'Tahoma', Arial, sans-serif;
-webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
-moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
-ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
-webkit-animation: fade .6s;
-moz-animation: fade .6s;
animation: fade .6s;
}

/* кнопка закрытия */
.close {
top: 10px;
right: 10px;
width: 32px;
height: 32px;
position: absolute;
border: none;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
background-color: #071019;
-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
cursor: pointer;
outline: none;

}
.close:before {
color: rgba(255, 255, 255, 0.9);
content: "X";
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
text-decoration: none;
text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/* кнопка закрытия при наведении */
.close:hover {
background-color: rgba(2, 6, 8, 0.8);
}


.popup p.vhod {
    text-align: center;
    padding: 0;
    margin: 20px auto;
    width: 250px;
}

.popup p.vhod a {
    text-decoration: none;
    text-align: center;
    background: #00aa8d;
    color: #fff;
    display: block;
    border-radius: 4px;
    padding: 7px 0;
    font-size: 15px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.popup p.vhod a:hover{
   background: #787878;
}


a.z1 {
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    font: 500 16px/24px 'Montserrat', sans-serif;
    padding: 8px 45px;
    color: #fff;
    background: #00aa8d;
    text-shadow: none;
    border-radius: 4px;
    -webkit-transition: all .3s!important;
    transition: all .3s!important;
}

a.z1:hover{
    background: #787878;  
    color: #ffffff !important;
}


#slider {
    padding: 0px 2% 0px 2%;
}

#sliderwrap {
    min-height: auto;
    background-image: none;
}

.tp-leftarrow.default, .tp-rightarrow.default{
    opacity: 0.4 !important;
}

#slider2wrap{
    display: none;
}

#topcontrol{
    z-index: 1000;
}


.bl33.pr05{margin-left: 80px;}


.log0{
float: left;
}

.log0-24 p{
text-align: center;
}

/*.log0-24 img{
width: 80px;
    margin-top: 15px;
}*/

.log0-24-01 img {
    width: 55px;
    margin-top: 3px;
}

.log0-24-02 img {
    width: 50px;
    margin-top: 10px;
}

.dost{
    width: 100%;
    padding: 30px 0% 30px 0%;
    max-width: 1140px;
    margin: 0px auto;
    overflow: hidden;
}

.dosti{
   display: flex;  
}

.dst{
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.02), 0px 16px 25px rgba(0, 0, 0, 0.04);
    margin: 10px;
    padding: 30px;
    width: 26%;
    border-radius: 10px;
}

.dst img{
    width: 74px;
    margin: 0 10px;
}

p.txcen{
    text-align: center;
}

.god{
    margin-top: 20px;
}

.god p{
   text-align: center;
    display: block;
    width: 71px;
    margin: 0 auto;
    background: #ebebeb;
    border-radius: 19px;
    padding: 2px 0!important;
    font-size: 13px;
}


.sost{
    display: flex;
}


.sost2, .sost3{
    display: flex;
    margin-left: 20px;
}



/*==============================1======================================*/
/*====================================================================*/

@media (max-width: 479px) {
  
  p.cennn{
    text-align: center;
  }

  .tp-leftarrow.default, .tp-rightarrow.default{
    opacity: 0.2 !important;
}
  
  #slider2wrap{
    display: block;
}

#sliderwrap{
    display: none;
}
  
    
    #teltop .top3 p.vhod {
  max-width: 250px;
  margin: 20px auto;
}

#teltop .top3 p.vhod a {
  padding: 12px 0;
}
 
  .white100 h2{margin: 20px 0 10px 0;}
  
   #teltop .top3 p.vhod {
    text-align-last: center;
  }
    
    .ny15{
    background: url(../images/ny15-1.jpg);
    background-size: cover;
    padding: 20px 20px 50px 20px;
    background-position: center right;
}

.ny15 p{color: #e9bba5; text-align: center !important;}
  
  .ny2022 p{line-height: 19px;}
  .ny2022{padding: 55px 10px 30px 10px;}
  
  .popup {
top: 25%;
width: 325px;
/*height: 300px;*/
height: auto;
}
  
  .uca {
    margin-top: -100px;  
    height: 100px;
  }
    
#content0.padd{padding-top: 0px;}
p.pnone{display: none !important;}
    
h1 {font-size: 24px; line-height: 34px; text-align: center;}    
h2 {font-size: 22px; line-height: 32px; text-align: center;}
h3 {font-size: 20px; line-height: 30px; text-align: center;}
h4 {font-size: 18px; line-height: 28px; text-align: center;}
    
#dj-megamenu90mobile {
    position: fixed;
    top: 15px;
    right: 15px;
    z-index: 1001;
}

.slick-next {right: -10px !important;}
.slick-prev {left: -10px !important;}

#logo {width: 100%; padding: 65px 0px 0px 0px; text-align: center;}
.log2 {padding: 10px 0px 10px 0px;}
.log2 p.min{display: none;}
.log0 p {font-size: 16px; text-align: left;}
.gmenu {display: none;}

#teltop {width: 90%; padding: 20px 5% 30px 5%;}
.top1, .top2, .top3 {width: 100%; padding-right: 0%; text-align: center;}
.top3{margin-top: 20px;}

#plav {height: auto; position: inherit;}
#plav.fixed {position: unset; background: transparent;}
#plav.fixed #shapka{display: block;}

/*#sliderwrap {min-height: 680px; background-image: url(../images/bg-mob.jpg);}*/
#sliderwrap {min-height: 780px; background-image: url(../images/bg-mob1.jpg);}

#slider p.cer1 {
    font-size: 22px;
    padding-top: 20px;
}


#slider .custom {padding-top: 5%; text-align: center;}
#slider h1 {font-size: 26px; line-height: 36px; text-align: center; padding: 10px 0 10px 0;}
#slider p{text-align: center;}

a.more1{margin: 0 auto;}
#zakaz .bl501 p {font-size: 19px;}
.kbs1, .kbs2 {
    float: none;
    width: 100%;
    text-align: center;
}
.bl501 .kbs1 p {
    padding-left: 0px;
}
.bl501 .kbs2 p {
    padding-left: 0px;
    text-align: center;
    padding-top: 8px;
}

#zakaz .bl502 p {
    padding-left: 0px;
}

#dopus {width: 92%; padding: 0px 4% 30px 4%; text-align: center;}

.technology div { width: 80%; padding: 15px 0 15px 15%;}

#content100 p.doc, #content80 p.doc {text-align: left;}
.thelanguage p.doc {background-position: 0px 13px;
    padding: 12px 0px 12px 30px !important;
}

.bug {background-position: center 30px;
    padding: 100px 20px 15px 20px !important;
}
    

.white100{text-align: center; padding: 30px 2% 30px 2%;}

.white100 .bl33 {width: 45%; min-height: 40px !important;}

.bl501, .bl502, .white100 .bl502 {
    width: 90%;
    float: left;
    padding: 30px 5% 10px 5%;
    text-align: center;
}

.bl502{padding: 10px 5% 30px 5%;}

.bl502 p {float: none;}

#dopblok p{text-align: center;}
#dopblok a {padding: 2px 4px;  margin: 5px 5px 5px 0px; font-size: 9px; line-height: 18px;}

#crumbs {width: 95%; padding: 0px 5% 20px 0%;}
#content80 {width: 92%; margin-right: 0%; padding: 0 0%;}

/*#content100 p, #content80 p {text-align: center;}*/
#content100, #okom {width: 90%; padding: 30px 5%;}

#menubot{display: none;}


#logob{width: 90%; padding: 40px 5% 20px 5%;}
#telbot{width: 90%; padding: 0px 5% 20px 5%;} 
#infobot, #dru{ width: 100%}
#dru {text-align: center; float: none; padding-top: 0px; max-width: none;}

#dru p a{padding: 25px 0 10px 0;}
#dru p a, #dru p {text-align: center;}
#dru table {float: none; margin: 0px auto 0 auto;}

#polit {width: 100%; padding: 0px 0px 30px 0px; text-align: center;}

#telbot .top1, #telbot .top2, #telbot {text-align: center;}
#telbot .top1, #telbot .top2{width: 100%;}
#dru .top3 {display: none;}

.karta-tx, .karta-map {float: none; width: 100%;}

.thumb-wrap {width: 100%;}
.cols-4 .column-1, .cols-4 .column-2, .cols-4 .column-3, .cols-4 .column-4, ul.newsflash-horiz li {
    width: 98%;}


.log0 {max-width: 360px; margin: 0 auto;}
.bl33, .bl55{display: block; text-align: center; width: 96%; margin: 10px 1% 30px 1% !important; min-height: 180px !important;}

.bl55{min-height: 255px !important;}

.bl33 br, .bl55 br{display: none;}

.usl h3 {text-align: center;}
.usl01, .usl02, .usl03, .usl04, .usl05, .usl06, .usl07, .usl08{
    background-position: center top;
}

figure {display: block;}

#dopblokcontent .deckvn, #dopblok .deckvn {margin: 80px 7% 30px 7%; text-align: center;}



#zak2, #zak3, #zak24 {width: auto; padding: 0px 10px 10px 10px;}

#zakaz {width: 100%; padding: 0;}
.txt, .txt2, .txt21, .txt22 {width: 96%; margin: 0px 0% 15px 0px;}
p.uslov {clear: both; padding: 10px 0 0 0; font-size: 10px; line-height: 15px;}
.send {margin-bottom: 20px; float: none; width: 98%;}
#zak2 h2, #zak3 h2, #zak24 h2{text-align: center; padding: 20px 0px 10px 0px;}
.txt21, .txt22, .txt2{padding: 12px 2% 12px 2%;}


.bl501 a {display: block; padding-right: 0px;}

#crumbs ul {text-align: center;}


.col-lg-3.col-md-3.col-sm-3.col-xs-3.vertical-tab-menu {
    width: 100%;
    padding-right: 0;
}

.col-lg-9.col-md-9.col-sm-9.col-xs-9.vertical-tab {
    width: 96%;
}

.vertical-tab-content {margin-left: 10px;}
.vertical-tab-content p {width: 100%;}
.con1 {padding-bottom: 150px;}
.con2 {padding-bottom: 100px;}
.con3 {padding-bottom: 50px;}
.con1-1 {padding-bottom: 150px;}
.white100.min .bl501, .white100.min .bl502 {width: 90%;}
.bl300 {width: 90%;    padding: 0px 0% 0px 0%;}
.bl600 {width: 100%;padding-top: 20px;}
img.mark{float: none !important;}
.logos img, .logos0 img {
    padding: 0 10px;
    width: 90px;
}

.log0-24{
    clear: both;
    display: flex;
    justify-content: center;
}  

.log0-24-01 img {
    margin-right: 25px;
}

.log0-24-02 img {
    margin-top: 5px;
}

.sost{
    flex-direction: column;
}

.sost1, .sost2{
    margin-bottom: 20px;
}


.dosti{
    flex-direction: column;
}

.dst{
    width: 74%;
}

}	


/*====================================2================================*/
/*====================================================================*/

@media (min-width: 480px) and (max-width: 767px){
 
  .white100 h2{margin: 20px 0 10px 0;}
   #teltop .top3 p.vhod {
    text-align-last: center;
  }
    
.ny15{background-position: center center;}
    
#content0.padd{padding-top: 0px;}
p.pnone{display: none !important;}

h1 {font-size: 24px; line-height: 34px; text-align: center;}    
h2 {font-size: 22px; line-height: 32px; text-align: center;}
h3 {font-size: 20px; line-height: 30px; text-align: center;}
h4 {font-size: 18px; line-height: 28px; text-align: center;}
    
#dj-megamenu90mobile {
    position: fixed;
    top: 15px;
    right: 15px;
    z-index: 1001;
}

#logo {width: 100%; padding: 65px 0px 0px 0px; text-align: center;}
.log2 {padding: 10px 0px 10px 0px;}
.log2 p.min{display: none;}
.log0 p {font-size: 16px; text-align: left;}
.gmenu {display: none;}

#teltop {width: 90%; padding: 20px 5% 30px 5%;}
.top1, .top2, .top3 {width: 100%; padding-right: 0%; text-align: center;}
.top3{margin-top: 20px;}

#plav {height: auto; position: inherit;}
#plav.fixed {position: unset; background: transparent;}
#plav.fixed #shapka{display: block;}

#sliderwrap {min-height: 680px; background-image: url(../images/bg-mob.jpg);}

#slider .custom {padding-top: 5%; text-align: center;}
#slider h1 {font-size: 26px; line-height: 36px; text-align: center; padding: 10px 0 10px 0;}
#slider p{text-align: center;}

a.more1{margin: 0 auto;}
#zakaz .bl501 p {font-size: 19px;}
.kbs1, .kbs2 {
    float: none;
    width: 100%;
    text-align: center;
}
.bl501 .kbs1 p {
    padding-left: 0px;
}
.bl501 .kbs2 p {
    padding-left: 0px;
    text-align: center;
    padding-top: 8px;
}

#zakaz .bl502 p {
    padding-left: 0px;
}

#dopus {width: 92%; padding: 0px 4% 30px 4%; text-align: center;}

.technology div { width: 80%; padding: 15px 0 15px 15%;}

#content100 p.doc, #content80 p.doc {text-align: left;}
.thelanguage p.doc {background-position: 0px 13px;
    padding: 12px 0px 12px 30px !important;
}

.bug {background-position: center 30px;
    padding: 100px 20px 15px 20px !important;
}
    

.white100{text-align: center; padding: 30px 2% 30px 2%;}

.white100 .bl33 {width: 45%; min-height: 100px !important;}

.bl501, .bl502, .white100 .bl502 {
    width: 90%;
    float: left;
    padding: 30px 5% 10px 5%;
    text-align: center;
}

.bl502{padding: 10px 5% 30px 5%;}

.bl502 p {float: none;}

#dopblok p{text-align: center;}
#dopblok a {padding: 2px 4px;  margin: 5px 5px 5px 0px; font-size: 9px; line-height: 18px;}

#crumbs {width: 95%; padding: 0px 5% 20px 0%;}
#content80 {width: 92%; margin-right: 0%; padding: 0 0%;}

/*#content100 p, #content80 p {text-align: center;}*/
#content100, #okom {width: 90%; padding: 30px 5%;}

#menubot{display: none;}


#logob{width: 90%; padding: 40px 5% 20px 5%;}
#telbot{width: 90%; padding: 0px 5% 20px 5%;} 
#infobot, #dru{ width: 100%}
#dru {text-align: center; float: none; padding-top: 0px; max-width: none;}

#dru p a{padding: 25px 0 10px 0;}
#dru p a, #dru p {text-align: center;}
#dru table {float: none; margin: 0px auto 0 auto;}

#polit {width: 100%; padding: 0px 0px 30px 0px; text-align: center;}

#telbot .top1, #telbot .top2, #telbot {text-align: center;}
#telbot .top1, #telbot .top2{width: 100%;}
#dru .top3 {display: none;}

.karta-tx, .karta-map {float: none; width: 100%;}

.thumb-wrap {width: 100%;}
.cols-4 .column-1, .cols-4 .column-2, .cols-4 .column-3, .cols-4 .column-4, ul.newsflash-horiz li {
    width: 98%;}


.log0 {max-width: 360px; margin: 0 auto;}
.bl33, .bl55{display: block; text-align: center; width: 96%; margin: 10px 1% 30px 1% !important; min-height: 180px !important;}

.bl55{min-height: 255px !important;}

.bl33 br, .bl55 br{display: none;}

.usl h3 {text-align: center;}
.usl01, .usl02, .usl03, .usl04, .usl05, .usl06, .usl07, .usl08{
    background-position: center top;
}

figure {display: block;}

#dopblokcontent .deckvn, #dopblok .deckvn {margin: 80px 7% 30px 7%; text-align: center;}



#zak2, #zak3, #zak24 {width: auto; padding: 0px 10px 10px 10px;}

#zakaz {width: 100%; padding: 0;}
.txt, .txt2, .txt21, .txt22 {width: 96%; margin: 0px 0% 15px 0px;}
p.uslov {clear: both; padding: 10px 0 0 0; font-size: 10px; line-height: 15px;}
.send {margin-bottom: 20px; float: none; width: 98%;}
#zak2 h2, #zak3 h2, #zak24 h2{text-align: center; padding: 20px 0px 10px 0px;}
.txt21, .txt22, .txt2{padding: 12px 2% 12px 2%;}


.bl501 a {display: block; padding-right: 0px;}

#crumbs ul {text-align: center;}

.col-lg-3.col-md-3.col-sm-3.col-xs-3.vertical-tab-menu {
    width: 100%;
    padding-right: 0;
}

.col-lg-9.col-md-9.col-sm-9.col-xs-9.vertical-tab {
    width: 96%;
}

.vertical-tab-content {margin-left: 10px;}
.vertical-tab-content p {width: 100%;}
.con1 {padding-bottom: 150px;}
.con2 {padding-bottom: 100px;}
.con3 {padding-bottom: 50px;}
.con1-1 {padding-bottom: 150px;}
.white100.min .bl501, .white100.min .bl502 {width: 90%;}
.bl300 {width: 90%;    padding: 0px 0% 0px 0%;}
.bl600 {width: 100%;padding-top: 20px;}
img.mark{float: none !important;}
.logos img, .logos0 img {
    padding: 0 10px;
    width: 120px;
}

#sliderwrap {
  min-height: auto;
  background-image: none;
}

.log0-24{
    clear: both;
    display: flex;
    justify-content: center;
}  

.log0-24-01 img {
    margin-right: 25px;
}

.log0-24-02 img {
    margin-top: 5px;
}

}

/*===================================3=================================*/
/*====================================================================*/

@media (min-width: 768px) and (max-width: 989px) {

.bl33.u01, .bl33.u02, .bl33.u03, .bl33.u04, .bl33.u05, .bl33.u06, .bl55.u07, .bl55.u08{
    min-height: 200px;
}

.bl55.u07 br, #menubot{display: none;}
.dj-megamenu-default li a.dj-up_a {padding: 0px 12px;}
#logob {width: 60%;}

#logo {width: 40%;}
log0 p.big, .log0 p.big a, #logob .log0 p.big {font-size: 25px;}
.log0 p, .log0 p a, #logob .log0 p {font-size: 9px;}
.log0 p.min, .log0 p.min a, #logob .log0 p.min {font-size: 12px;}





}

@media (min-width: 990px) and (max-width: 1099px) {
    
.bl33.u01, .bl33.u02, .bl33.u03, .bl33.u04, .bl33.u05,
.bl33.u06, .bl55.u07, .bl55.u08 {min-height: 155px;}

#dopblok {width: 90%;}
    
}

@media (min-width: 1100px){
    
    
}