/*----*/

/* callBackPage */

.callBackPage{
    position: fixed;
    right: 0;
    width: 177px;
    top: 138px;
    z-index: 3;
}
.callBackPage img{
    width:100%;
    height: auto;
}
.callBackPage a{
    outline: none;
}
.CallBackImgMedia{display:none;}
@media screen and (min-width: 768px) and (max-width: 1490px ){
    .callBackPage{
     -webkit-transition: all 0.5s ease-out 0.5s;
     -moz-transition: all 0.5s ease-out 0.5s;
     -o-transition: all 0.5s ease-out 0.5s;
     transition: all 0.5s ease-out 0.5s;
     right: -116px;
    }
     .callBackPage:hover{
        right: 0px;
     }
}
@media screen and (max-width: 767px ){
    
    
    .callBackPage{
        top: 65px;
        width: 65px;
    }
    .CallBackImgMedia{display:block;}
    .CallBackImg{display:none;}
}
@media screen and (max-width: 400px ){
    .callBackPage{
         top: 80px;
    }
    .callBackPage{
            width: 45px;
    }
    #sell h1 {text-align: left;}
}
/*----*/

body{
	overflow-x: hidden;
	background: white;
	font: 16px 'HelveticaNeueCyrRoman',sans-serif;
}
#catalog {
    overflow-x: hidden;
}
#container{
    overflow-x: hidden;
}
#certifications{
    overflow-x: hidden;
}
h1{
	font-size: 20px;
	color: #1d1d1b;
	font-weight: 700;
}
p{
	font-size: 14px;
}
h3{
	font-size: 14px;
	color: #1d1d1b;
	font-weight: 700;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 3px;
}
#sum{
    font-weight: 800;
    font-size: 16px;
}
.show-phone{
    display:inline-block;
    width:145px;
}
h1 span{
/*	color: rgb(8, 114, 219);*/
    color: white;
	background-image: url(../img/table_bg.png);
	background-size: 8px;
	padding: 8px 20px ;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type='number'] {
    -moz-appearance: textfield;
}
.red-border-form{
    border: 1px solid #a94442;
}

/*______NAVBAR__________________________*/
.dropdown{
	display: none;
}
.lang-links {
	float: right;
	margin-right: 11.3%;
	margin-top: 7px;
	display: none;
}
.lang-links li{
	display: inline-block;
	margin-right: 10px;
}
.lang-links li a{
	color: black;
}
.nav>li>a {padding: 10px 14px;}
.lang-links li a:hover{text-decoration: underline;}
.lang-links li .active{font-weight: 600;}
.bread{
	font-size: 11px;
	text-align: left;
	margin: 59px 0 0 23px;
        text-transform: lowercase;
}

ul#breadcrumb{
       margin-left: -41px;
    margin-top: 8px;
}

ul#breadcrumb li {
    display: inline;
    float: left;
    font-size: 12px;
    text-transform: lowercase;
}
.container-fluid_2 {
	max-width: 1450px;
}
.container-fluid .logo_bg{
	padding: 0px;
}
.container-fluid .logo_bg .logo-title{
	color: #1d1d1b;
	font-weight: 800;
	text-align: right;
	margin-bottom: 0px;
	cursor: default;
}
.container-fluid .nav-logo img{
	width: 100%;
	margin: 0px;
	padding: 10px 0 10px;

}
.container-fluid .nav-menu{
	font-size: 16px;
	font-weight: 500;
	color: #1d1d1b;
	text-align: center;
	padding: 9px 10px 0px;
}
.container-fluid .nav-menu li{
	margin-right: 5px;
	margin-left: 5px;
}

.container-fluid .nav-menu-buy{
	font-size: 15px;
	font-weight: 800;
	color: #1d1d1b;
	padding : 10px 2px 0;
  position: relative;

}
.container-fluid .nav-menu a{
	color: #1d1d1b;
}
.container-fluid .nav-menu-buy .a_buy{
  display: block !important;
  text-align: center;
  width: 120px;
  float: left;
  color: #1176da;
  border: 3px solid #1176da;
  color: #000;
  border: 3px solid #000;
  padding: 12px 5px;
  white-space: nowrap;
  box-sizing: border-box;
  text-transform: uppercase;
}
.container-fluid .nav-menu-buy a:hover{
	background-color: #ececed;
	text-decoration: none;
}
.container-fluid .nav-menu-buy a:active{
	background-color: #ececed;
	text-decoration: none;
}
.container-fluid .nav-menu-buy li .active{
	background-color: #ececed;
	text-decoration: none;
}
.line_top img{
	width: 100%;
	margin-top: -25px;
}

.img-left {
  float: left;
  margin: 0 15px 5px 0;
}

.img-right {
  float: right;
  margin: 0 0 5px 15px;
}

/*________________________MATERIALS COLOR_________________*/
#roof{
	padding-bottom: 20px;
}
#roof h1{
	margin-bottom: 30px;
}
.materials_mar{
	margin-top: 20px;
    height: auto;

}
.materials-img{
	width: 100%;
	height: auto;
}


.materials-img{
	border: 1px solid #eee;
	padding: 10px;
}

.calc_brand h3{
	font-size: 16px;
	font-family: 'HelveticaNeueCyrMedium',sans-serif;
	color: #1d1d1d;
}


#home .col-lg-4{
	padding:0 8px;}

.materials-img > a > img {
	width: 100%;
	height: auto;
	cursor: pointer;
}
.materials-img > a > img:hover {
	width: 100%;
	height: auto;
	outline: 8px solid rgb(8, 114, 219);
	cursor: pointer;

}
.type-of-roof{
	max-height: 250px;
	width: 100%;
}
.type-of-roof > img{
	max-height: 250px;
}
.type-of-roof:hover {
	max-height: 250px;
	outline: 8px solid rgb(8, 114, 219);

}

#about_brand .brand_item:after {
	top: -20px;
	left: 0;
	content: "";
	position: absolute;
	background: #0872db;
	height: 20px;
	width: 97%;
}

#about_brand .brand_item:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 92%;
	background: #0872db;
}

.materials-size{
	margin-left: 3px;
}
/*--TABLE--*/

.table-responsive{
	padding-left: 5px;
	padding-right: 5px;
}
#roof{
	margin-top: 40px;
}
.form-control{
	color: black;
	font-weight: 600;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 5px;
	-webkit-border: 0px;
       -moz-border: 0px;
         -o-border: 0px;
            border: 0px;
}
.visible-h-elem{
    visibility: hidden;
}
.visible-v-elem{
    visibility:visible;
}
thead{
	-webkit-border: 2px solid grey;
       -moz-border: 2px solid grey;
         -o-border: 2px solid grey;
            border: 2px solid grey;
}
.container #td_background{
	background-image: url(../img/table_bg.png);
	background-size: 10px;
	height: 45px;
	margin-bottom: -45px;
	margin-left: 5px;
	margin-right: 5px;
}
tbody{
		-webkit-border: 3px solid black;
	       -moz-border: 3px solid black;
	         -o-border: 3px solid black;
	            border: 3px solid black;
}
.table-responsive .table td{
	text-align: center;
	-webkit-border: 0px;
       -moz-border: 0px;
         -o-border: 0px;
            border: 0px;
}
.carousel-caption{
text-shadow: none;!important;
}
.table-responsive .table .material-td{
	color: black;
	text-align: left;
	font-size: 16px;
	font-weight: 800;
    padding-left: 40px;
}
.table>tbody > tr > td{
	padding-right: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.table-responsive .table .line_table{
	height: 10px;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-right: 25px;
}
hr{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	-webkit-border-top: 2px solid black;
       -moz-border-top: 2px solid black;
         -o-border-top: 2px solid black;
            border-top: 2px solid black;
}
/*   TD  variant 2    */

.table-2{
	margin-bottom: 0px;
}
.form-group-2{
	margin-top: 0px;
	-webkit-border: 0px;
       -moz-border: 0px;
         -o-border: 0px;
            border: 0px;
}
.table .tr-2{
	text-align: center;
	color: white;
}
.table .tr-2 td{
	text-align: center;
	padding-top: 12px;
}

#asko_perf_price,#asko_no_perf_price,#J_prof_price,#H_prof_price,#sum{
	text-align: right;
	padding-right: 45px;
}
#sum{padding-bottom: 25px;}
    #asko_perf  {padding-top: 25px;}
    #asko_perf_res{padding-top: 25px;}
    #asko_perf_price{padding-top: 25px;}

.table>tbody > tr > td {
		padding-bottom: 2px;
		padding-top: 5px;
	}



/*________BUTTONS_______________*/
.pull-left{
	margin-left: 15px;
}
.pull-left .btn{
	margin-left: 3px;
	margin-top: 15px;
	padding: 8px 15px;
	color: white;
	background-image: url(../img/table_bg.png);
	background-size: 7px;
	opacity: 0.9;
	-webkit-border-radius: 0;
       -moz-border-radius: 0;
         -o-border-radius: 0;
            border-radius: 0;
}
.pull-right{
	margin-right: 15px;
}
.pull-right .btn-cansel{
	margin-right: 15px;
	color: black;
	margin-top: 13px;
	padding: 7px 15px;
	-webkit-border-radius: 0;
       -moz-border-radius: 0;
         -o-border-radius: 0;
            border-radius: 0;
    -webkit-border: 3px solid black;
       -moz-border: 3px solid black;
         -o-border: 3px solid black;
            border: 3px solid black;
}
.hide-elem{
    display: none;
}
.inline-grid{
   display:inline-grid;
}
/*___________ABOUTE AS____________________*/
#about_us .about_img img{
	width: 100%;
	margin-top: -40px;
	margin-bottom: 25px;
}
#about_us .container img{
	height: 170px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
  	margin: 55px auto;
}
#about_us .column{
	-webkit-column-count: 3;
   	   -moz-column-count: 3;
   		    column-count: 3;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    margin-top: 15px;
}
/*_________END__ABOUTE AS__________________*/
/*____________installation______________*/

#inst_back1{
	background-image: url(../img/back_1.png);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 300px;

}
.container #instal_img_1{
	background-image: url(../img/pic_1.png);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 300px;

}
#inst_back2{
	background-image: url(../img/back_2.png);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 300px;

}
.container #instal_img_2{
	background-image: url(../img/pic_2.png);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 300px;

}
#inst_back3{
	background-image: url(../img/back_3.png);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 300px;

}
.container #instal_img_3{
	background-image: url(../img/pic_3.png);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 300px;

}
#inst_back4{
	background-image: url(../img/back_4.png);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 300px;

}
.container #instal_img_4{
	background-image: url(../img/pic_4.png);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 300px;

}
#inst_back5{
	background-image: url(../img/back_5.png);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 300px;

}
.container #instal_img_5{
	background-image: url(../img/pic_5.png);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 300px;

}
#inst_back6{
	background-image: url(../img/back_6.png);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 300px;

}
.container #instal_img_6{
	background-image: url(../img/pic_6.png);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 300px;
	background-position: 50%;

}
.instal_h3{
	font-size: 20px;
	padding-left: 0 !important;
	margin: 0 !important;
}
.container .instal_line{
	height: 50px;
	background-image: url(../img/instal_line.png);
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 2;
	margin-top: -77px;
        transform: rotate(180deg);
}
.insta_col_padd ul {
    margin-left: 15px;
}
.insta_col_padd h3{
	margin-left: 15px;
}
/*________end____installation______________*/

 /*____________________CATALOG______________*/
#img_garantia img{
	width: 220px;
}
#img_garantia img{
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    filter: none; / IE 6-9 /
}
#img_garantia img:hover{
  	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; / IE 6-9 /
	-webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
   /* filter: none;*/
    /*filter: none; / IE 6-9 /*/
}
#catalog a:hover, a:focus{
	text-decoration: none;
}
.catalog-img >a img{
	height: 170px;
	margin-top: 10px;
}
.catalog-img .pressbox img{
    margin-top: 10%;
    width: 700px;
    height: auto;
    margin-top: 150px;
}
#catalog h3{
	margin-left: 3px;
	margin-bottom: 20px;
}
.catalog_text2{
	padding-top: 48px;
	padding-right: 7px;
}
.panel-img > img{
	max-height: 228px;
	margin-top: 10px;
	margin: 0px;
}
.kompl-img > img{
	margin-top: 20px !important;
}

#foto{
	overflow: hidden;}

#foto .photo_content{
	padding: 0 5px;
	margin: 10px 0;
	border:1px solid #eeeeee;
}

#catalog .line_cat_top img{
	width: 100%;
	padding: 30px 0;
	margin-top: 30px;
}
#catalog #catal_td_head{
	border: 2px solid black;
	color: white;
	background-color: black;
}
#catalog #catal_td_head td{
	text-align: center;
}
#catalog #catal_td_body{
	border: 2px solid black;
	color: black;
}
#catalog #catal_td_body td{
	text-align: center;
}
#catalog #catal_td_body .catal_td_1{
	text-align: left;
	padding: 10px 8px 10px 100px;
}
#catalog #catal_td_head .catal_td_1{
	text-align: left;
	padding: 10px 8px 10px 100px;
}
#catalog #catal_td_body .catal_td_2{
	padding: 10px 8px;
}
/*_______Modal window______*/
#blfix{
	background: rgba(0, 0, 0, .5);
	z-index: 222;
	border-radius: 0px 0px 15px 15px;
	-webkit-border-radius: 0px 0px 15px 15px;
       -moz-border-radius: 0px 0px 15px 15px;
         -o-border-radius: 0px 0px 15px 15px;
         position: fixed;
         top: 0;
         left: 0;
         display: none;
}



#catalog .modal_window button{
	width: 200px;
    margin:  10px auto;
    display: -webkit-flex;
     display: flex;
	color: white;
	background-image: url(../img/table_bg.png);
	background-size: 9px;
	border: 3px solid white;
	-webkit-border-radius: 0;
       -moz-border-radius: 0;
         -o-border-radius: 0;
            border-radius: 0;
}
#catalog .modal_window .pull-right button{
	margin-right: 80px;
}
#catalog .modal_window .pull-left button{
	margin-left: 80px;
	padding: 6px 15px;
}

/*___________END______CATALOG______________*/
/*_________CONTACTS_______________________*/

#contact{
	background-image: url(../img/contact_bg.png);
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
    background-size: cover;
    height: 545px;
}
#contact .contact_wrap{
	margin-top: 135px;
	background-color: white;
	padding: 0px;
}


#contact  .contact_text{
 	font-weight: 400;
	color: black;
	margin-bottom: 2px;
	padding-left: 20px;
}
#contact  .contact_text_top{
 	font-weight: 800;
	color: black;
	margin-bottom: 2px;
	padding-top: 30px;
	padding-left: 20px;
}
#contact .conTexBol{
	font-weight: 800;
}
#contact .contact_wrap_col{
	padding: 0px;
}
#contact  .contact_text_bot{
 	font-weight: 400;
	color: black;
	margin-bottom: 2px;
	padding-bottom: 30px;
	padding-left: 20px;
	padding-right: 15px;
}

/*_________END CONTACTS__________________*/


/*_________certifications________________*/
#certifications{
	margin-top: 10px;
}
#certifications a{
	cursor: pointer;
	color: black;
}

#certifications .serfHeight{
	width: 20%;
}
#certifications a p{
	margin-top: 20px;
	margin-bottom: 10px;
}
#certifications img{
	width: 100% !important;
	height: 290px !important;
	border: 2px solid #ccc;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin: 0 auto;
}
#certifications button img{
	width: auto;
	height: auto;
}
#certifications img:hover{
	outline: 1px solid rgb(8, 114, 219);
}

.calc_brand .blue-border{
	outline: 8px solid rgb(8,114,219);
	cursor: default;
}

#certifications .pressbox img{
	width: 600px;
	height: auto;
}
#certifications button {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	color: white;
	font-size: 12px;
	margin: 30px auto;
	background-image: url(../img/table_bg.png);
    background-size: 7px;
    opacity: 0.9;
    border-radius: 0px;
}
#certifications button span{
	font-size: 20px;
	text-align: center;
}
#certifications button img{
	max-height: 25px;
	text-align: center;
}
#certifications button p{
	text-align: center;
	margin: 3px 0 0 5px;
}

.pressbox {
   width: 0;
   height: 0;
   position: fixed;
   overflow: hidden;
   left: 0;
   top: 0;
    /* Поверх всех остальных элементов */
    z-index: 9999;
   text-align: center;
    /* Полупрозрачный серый фон */
   background: rgba(0,0,0,0.7);
   }
.pressbox img  {
    /* изначально полностью прозрачная картинка */
  opacity: 0;
  padding: 10px;
  background: #ffffff;
  margin-top: 100px;
    /* тени */
  -webkit-box-shadow: 0px 0px 15px #444;
  -moz-box-shadow: 0px 0px 15px #444;
  box-shadow: 0px 0px 15px #444;
    /* свойство прозрачности изменяется не сразу а за четверть секунды */
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
  }

.pressbox:target {
   width: auto;
   height: auto;
   bottom: 0;
   right: 0;
   }

 .pressbox:target img {
      opacity: 1;
      }
/*________end certifications_____________*/
/*_____________FOOTER____________________*/


#footer .line_footer img{
	width: 100%;
}
#footer p{
	font-size: 11px;
	margin-bottom: 0px;
}
#footer span{
	font-weight: 800;
}
#footer .info_footer{
	margin-bottom: 30px;
	padding-left:15%;
}
#footer .footer-text{
	font-size: 14px;
	margin-bottom: 3px;
}
#footer .footer-text_2{
	font-size: 14px;
	margin-bottom: 3px;
}
.eveStudio{
	margin-top:-8px;
	width: 55px;
	height: auto;
}

/*_______________________*/


#back-top {
	display: none;
	position: fixed;
	bottom: 0;
	right: 20px;
	z-index: 300;
}
 /*______FOTO______________*/
 #foto .index_foto img {
    width: 100%;
    height: 146px !important;
    margin-top: 15px;
}

#foto .container_carousel{
	padding-left: 0px;
	padding-right: 0px;
}
#foto .foto_top {
	margin-top: 20px;
	margin-bottom: 30px;
	height: 450px;
}
#foto .foto_top img{
	width: auto;
	height: 450px;
	margin: auto auto;

}
#foto .foto_inline_block{
	display: inline-block;
	margin: 0px auto;
	padding-left: 3%;
}
#foto .foto_inline_block .foto_img_carusel{
	display: inline-block;
	width: 19%;
	margin-left: 0px;
	margin-right: 0px;
}
#foto .foto_inline_block .foto_img_carusel img{
	width: 100%;
	height: auto;
	padding: 5px;
}
#foto .carousel-control.left {
    background-image: none;
    color: black;
    width: 3%;
}
#foto .carousel-control.right {
    background-image: none;
    color: black;
    width: 3%;
}
#foto .carousel-control.left:hover {

}

/*________HOME_____________*/


.carousel-inner{
	width: 96%;
	margin: auto auto;
}
#home a:hover{
	text-decoration: none;
}
#home .item{
	width: 100%;
	max-height: 400px;
}
#home .bg_slider{
	background-color: white;
	margin-top: -36%;
	width: 65%;
	height: 30%;
	margin-left: 66%;
	padding: 20px;
}
#home .carousel-control {
	width: 0%;
	color: grey;
	font-size: 60px;

}
#home .carousel-control.left span{
	margin-left: -60px;
}
#home .carousel-control{
	margin-top: 14%;
}
#home .carousel-control.left {
	background-image: none;
}
#home .carousel-control.right {
	background-image: none;
}

#home .homeRow .a_index p {
	margin-top: 20px;
	margin-bottom: 15px;
}

#home .tittle{
	color: black;
	text-align: left;
}
#home .text_slider{
	color: black;
	text-align: left;
}
#home p{
	text-align: justify;
}
#home .home_icon img{
	float: left;
	min-width: 90px;
	max-width: 90px;
	height: 90px;
	margin-right: 20px;
}
#home .home_icon p{
	padding: 0px;
	font-size: 17px;
    color: black;
    font-weight: 600;
    line-height: 20px;
    text-align: left;

}
#home .home_icon a{
	padding: 5px;
	font-size: 18px;
    color: #1d1d1b;
    font-weight: 400;
    line-height: 12px;
    text-decoration: none;
}
#home .a_index{
	color:black;
	text-decoration: underline;
}
#home .line_cat_top img{
	width: 100%
}

#home .home_foto img{
	width: 100%;
	height: 180px;
	padding: 10px;
}
#home .index_foto img{
	width: 100%;
	height: 180px;
	margin-top: 15px;

}
#home .home_foto .pressbox img{
	max-width: 600px;
	height: auto;
}
/*______buy____________*/
#sell p {
    font-family: 'arial';
    color: black;
    font-size: 14px;
    text-align: justify;
}
#sell h1 {
    color: black;
    font-family: 'arial';
    padding-bottom: 10px;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
}

#sell div.diller_bg{
 background-color: #EBEBEC;
 margin-bottom: 15px;
 padding: 15px;
}
#sell div.diller_bg p{
 font-size: 15px;
}
#sell div.diller_bg span{
 float: right;
}
p.dillerTitle{
 text-transform: uppercase;
 font-size: 16px;
 font-weight: 600;
 margin-bottom: 7px;
}
sub{
 bottom: 0em;
}
div.wereBlock{
 margin-top: 30px;
 padding-left: 15px;
}
p.adressDiller{
 margin-bottom: 5px;
}
p.phoneDiller{
 margin: 0;
 padding: 0;
}
p.mailDiller{
 margin: 5px 0 0 0 ;
 text-decoration: underline;
}
p.siteDiller{
 margin: 0px;
 text-decoration: underline;
}
div.dillerBtn{
 margin: 0px 0 0px -15px;
}
div.dillerBtn button{
 -moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 -o-border-radius: 0px;
 -moz-border: 3px solid black;
 -webkit-border: 3px solid black;
 -o-border: 3px solid black;
 border-radius: 0px;
 border: 3px solid black;
 text-transform: uppercase;
}
div.dillerBtn button:hover{
 -moz-border: 3px solid black;
 -webkit-border: 3px solid black;
 -o-border: 3px solid black;
 border: 3px solid black;
}
div.dillerCity{

}
p.dillerInputEx{
 margin: 0px;
 font-size: 13px !important;
}
div.dillerCity select{
 -moz-border: 2px solid black;
 -webkit-border: 2px solid black;
 -o-border: 2px solid black;
 border: 2px solid black;
 -moz-border-radius: 0px;
 -webkit-border-radius: 0px !important;
 -o-border-radius: 0px;
 border-radius: 0px !important;
 -webkit-appearance: none;
 -moz-appearance: none;
 background-image: url(../img/chek.png);
 background-repeat: no-repeat;
 background-position: 100% 50%;
 background-size: 42px 57px;
 margin: 0px;
}
#tags{
        border: 2px solid black;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px !important;
    -o-border-radius: 0px;
    border-radius: 0px !important;
    margin: 0px;
    text-align: left;
}
@media screen and (max-width: 400px ){
    #sell h1 {text-align: left;}
}
#sell .adressDiller div{text-align:left;}
div.dillerAddres input{
 -moz-border: 2px solid black;
 -webkit-border: 2px solid black;
 -o-border: 2px solid black;
 border: 2px solid black;
 -moz-border-radius: 0px;
 -webkit-border-radius: 0px !important;
 -o-border-radius: 0px;
 border-radius: 0px !important;
 margin: 0px;
 text-align: left;
}

div.findButton{
 margin-top: 30px;
}
div.findButton button{
 text-transform: uppercase;
 color: white;
 background-color: black;
 font-size: 18px;
 -moz-border-radius: 0px;
 -webkit-border-radius: 0px;
 -o-border-radius: 0px;
 border-radius: 0px;
 padding: 10px 20px;
}
p.ifDiller{
 margin-top: 70px;
 font-size: 13px;
}

#buy .row {
    padding-bottom: 15px;
}

#buy h1 {
   color: black;
    font-family: 'arial';
    padding-bottom: 10px;
    font-size: 20px;
}

#buy h2 {
    padding-bottom: 0px;
    font-weight: normal;
    font-size: 16px;
    font-family: 'arial';
    color: black;
    margin-top: 0px;
}

#buy h2:hover {
   text-decoration: underline;
    cursor: pointer;
}

#buy p {

    font-family: 'arial';
    color: black;
   font-size: 14px;
    text-align: justify;
    font-style: italic;
}

#buy .more {
   text-decoration: underline;
    padding-top: 5px;
    font-style: normal;
     cursor: pointer;
}
/*______buy1____________*/


#buy1 .line_cat_top img{
	width: 100%;
}

#buy1 h1 {
    text-align: center;
    font-size: 23px !important;
    background-color: black !important;
    color: #fff !important;
    line-height: 35px !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
#buy3 h1 {
    text-align: center;
    font-size: 23px !important;
    background-color: black !important;
    color: #fff !important;
    line-height: 35px !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
#buy4 h1 {
    text-align: center;
    font-size: 23px !important;
    background-color: black !important;
    color: #fff !important;
    line-height: 35px !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
#buy5 h1 {
    text-align: center;
    font-size: 23px !important;
    background-color: black !important;
    color: #fff !important;
    line-height: 35px !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
#buy6 h1 {
    text-align: center;
    font-size: 23px !important;
    background-color: black !important;
    color: #fff !important;
    line-height: 35px !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
#buy7 h1 {
    text-align: center;
    font-size: 23px !important;
    background-color: black !important;
    color: #fff !important;
    line-height: 35px !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
#buy8 h1 {
    text-align: center;
    font-size: 23px !important;
    background-color: black !important;
    color: #fff !important;
    line-height: 35px !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
#buy9 h1 {
    text-align: center;
    font-size: 23px !important;
    background-color: black !important;
    color: #fff !important;
    line-height: 35px !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
#buy10 h1 {
    text-align: center;
    font-size: 23px !important;
    background-color: black !important;
    color: #fff !important;
    line-height: 35px !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}


#buy1 p {
    color: black;
   font-size: 14px;
    padding-bottom: 8px;
   }

#buy1 p:nth-child(2) {
   font-style: italic;
 }

#buy1 p:nth-child(4) {
    padding-bottom: 0px;
    margin: 0px;
  }

#buy1 h2 {
    font-size: 21px ;
    color: black ;
   margin-bottom: 30px ;
    text-decoration: none;
    font-weight: normal;
    margin-top: 0px;
}

#buy1 .col-md-3 {
    padding: 0px;
}

#buy1 #limg {
   padding-left: 50px;
}

#buy1 .row {

    padding-left: 15px;

}

#buy1 .row p {
    padding: 0px 10px 0px;
    font-size: 14px ;
    text-align:  justify;
}


#buy1 .bolder {
font-weight: bolder;
}

#buy1 #desc1 {

    padding-left: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-top: 10px;
}

#buy1 #desc2 {

    font-size: 23px;
    font-weight: normal;
    color: #fff;
    background-color: #0E1B54;
    font-style: normal;

   }
#buy1 #lastp {

    padding-top: 25px;
}

/*________buy2___________*/


#buy2 h1 {
    text-align: center;
    font-size: 23px !important;
    background-color: #0E1B54 !important;
    color: #fff !important;
    line-height: 35px !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}


#buy2 p {
    color: black;
   font-size: 14px;

   }

#buy2 p:nth-child(2) {
   font-style: italic;
 }

#buy2 h2 {
    color: black;
    font-size: 21px;
    font-weight: normal;
    margin-bottom: 20px;
    margin-top: 15px;
    font-family: arial;


}

#buy2 .ab {

    font-size: 23px;
    background-color: #0E1B54;
    color: #fff;
    padding-left: 5px;
    padding-right: 5px;

}

#buy2 .row {

    padding-left: 70px;
}

#buy2 .row p {

    display: block;
    padding-left: 20px ;
   margin-bottom: 0px;
   padding-top: 10%  ;
}

#buy2 li {

   padding-bottom: 10px;
    padding-top: 10px;
    color: black;
}


#buy2 .bolder {

    font-weight: bolder;
}

#buy2 .line_cat_top img{
	width: 100%;
}

#buy2 #imlast  {
    display: block;
     margin: 0px auto 0px;
}












/*________buy3___________*/

#buy3 h1 {

    color: black;
    font-weight: normal;
    margin-bottom: 20px;
    }

#buy3 p {


    color: black;
    font-family: arial;
    text-align: justify;

}

#buy3 p span {

    font-weight: bold;
}


#buy3 img {

    padding-bottom: 14px;
    padding-top: 4px;
}

#buy3 li {
   font-size: 14px;
    color: black;
    font-family: arial;
    text-align: justify;

}

/*________buy4___________*/


#buy4 h1 {

    color: black;
    font-weight: normal;
    margin-bottom: 20px;
    text-align: center;
    }


#buy4 p {


    color: black;
    font-family: arial;
    text-align: justify;
    margin-bottom: 14px;

}


#buy4 p span {

    font-weight: bold;
}

#buy4 img{

    display: block;
    margin: 0px auto 0px;
  }

#buy4 li {
   font-size: 14px;
    color: black;
    font-family: arial;
    text-align: justify;

}
.selected{
    text-decoration: none;
    background-color: #eee;
}

/*________buy5___________*/

#buy5 h1 {

    color: black;
    font-weight: normal;
    margin-bottom: 20px;
    text-align: center;
    }


#buy5 p {


    color: black;
    font-family: arial;
    text-align: justify;
    margin-bottom: 14px;

}


#buy5 .bold {

    font-weight: bold;

}

#buy5 .bold2 {

    font-weight: bold;
    text-decoration:underline;
}


/*________buy6___________*/


#buy6 p {
    color: black;
    font-family: arial;
    text-align: justify;
    margin-bottom: 14px;
}
#buy6 img {
    float: left;
    padding-right: 15px;
}
/*________buy7___________*/
#buy7 h1 {
    color: black;
    font-weight: normal;
    margin-bottom: 20px;
    text-align: center;
}
#buy7 p {
    color: black;
    font-family: arial;
    text-align: justify;
    margin-bottom: 14px;
}
#buy7 img {
  	float: left;
    padding-right: 15px;
}
#buy7 li {
   font-size: 14px;
    color: black;
    font-family: arial;
    text-align: justify;
}
#buy7 .bold {
    font-weight: bold;
}
#buy7 .bold2 {
    font-weight: bold;
    text-decoration:underline;
}
.search_town{
	height: 40px;
}
div.homeRow{
	margin-left: 15px;
}
div.home_icon{
	margin-left: 15px;
	min-height: 40px;
}
.print{
	display: none;
}
#catalog .Pcentr{
	margin: 0px auto;

}
/*_________izmen ____*/
#inst_back1{
 background-image: url(../img/back_1.png);
 background-repeat: no-repeat;
 background-size: 100%;
 height: 317px;
}
.container #instal_img_1{
 background-image: url(../img/pic_1.png);
 background-repeat: no-repeat;
 background-size: 100%;
 height: 300px;
}
.container #instal_img_1_ua{
 background-image: url(http://soffits.com.ua/ua/assets/pic_1.png);
 background-repeat: no-repeat;
 background-size: 100%;
 height: 300px;
}
#inst_back2{
 background-image: url(../img/back_2.png);
 background-repeat: no-repeat;
 background-size: 100%;
 height: 317px;
}
.container #instal_img_2{
 background-image: url(../img/pic_2.png);
 background-repeat: no-repeat;
 background-size: 100%;
 height: 300px;
}
#inst_back3{
 background-image: url(../img/back_3.png);
 background-repeat: no-repeat;
 background-size: 100%;
 height: 317px;
}
.container #instal_img_3{
 background-image: url(../img/pic_3.png);
 background-repeat: no-repeat;
 background-size: 100%;
 height: 300px;
 background-position: 50%;
}
.container #instal_img_3_ua{
 background-image: url(http://soffits.com.ua/ua/assets/pic_3.png);
 background-repeat: no-repeat;
 background-size: 100%;
 height: 300px;
 background-position: 50%;
}
#inst_back4{
 background-image: url(../img/back_4.png);
 background-repeat: no-repeat;
 background-size: 100%;
    height: 348px;
    background-color: #EBEBEC;

}
.container #instal_img_4{
 background-image: url(../img/pic_4.png);
 background-repeat: no-repeat;
 background-size: 100%;
 height: 300px;

}
.container #instal_img_4_ua{
 background-image: url(http://soffits.com.ua/ua/assets/pic_4.png);
 background-repeat: no-repeat;
 background-size: 100%;
 height: 300px;

}
#inst_back5{
 background-image: url(../img/back_5.png);
 background-repeat: no-repeat;
 background-size: 100%;
 height: 317px;

}
.container #instal_img_5{
 background-image: url(../img/pic_5.png);
 background-repeat: no-repeat;
 background-size: 100%;
 height: 300px;

}
.container #instal_img_5_ua{
 background-image: url(http://soffits.com.ua/ua/assets/pic_5.png);
 background-repeat: no-repeat;
 background-size: 100%;
 height: 300px;

}
#inst_back6{
 background-image: url(../img/back_6.png);
 background-repeat: no-repeat;
 background-size: 100%;
 height: 317px;

}
.container #instal_img_6{
 background-image: url(../img/pic_6.png);
 background-repeat: no-repeat;
 background-size: 100%;
 height: 300px;
 background-position: 50%;

}
.container #instal_img_6_ua{
 background-image: url(http://soffits.com.ua/ua/assets/pic_6.png);
 background-repeat: no-repeat;
 background-size: 100%;
 height: 300px;
 background-position: 50%;

}
.instal_h3{
 font-size: 20px;
 padding-left: 20px;

 margin-bottom: 20px;
}
.container .instal_line{
 height: 50px;
 background-image: url(../img/instal_line.png);
 background-repeat: no-repeat;
 background-size: 100%;
 z-index: 2;
 margin-top: -42px;
    transform: rotate(180deg);
}

#inst_back1 ul,#inst_back2 ul,#inst_back3 ul,#inst_back4 ul,#inst_back5 ul,#inst_back6 ul{
 height: 150px;
 font-size: 12px;
}
.instal_h3 {
    font-size: 20px;
    padding-left: 20px;
    padding-top: 10px;
    margin-bottom: 20px;
}
.insta_col_padd{
 padding: 5px;
}
.foto_padding{
 padding-right: 10px;
 padding-left: 10px;
}
/*_____izmen_index___*/
.index_foto{
 padding: 5px;
}
#foto .index_foto img {
    width: 100%;
    height: 180px;
    margin-top: 0px;
    margin-bottom: 0px;
}
#certifications a:hover{
	text-decoration: none;
}
#home.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {width: 100%;}
.serfHeight{height: inherit !important;}

.serfHeight p{margin-top: 10px;text-align: left;}
#roof h1{
	line-height: 30px;
}
.calc-params{padding: 6px 0px !important;}
.metr{display: none;}
@-moz-document url-prefix()
		{

		#certifications button img{
			float: left;
			margin-right: 8px;
		}
		#certifications button p {padding-right: 27px;}

		}

div.nav-menu-buy select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:0px;
	width: 30px;
}
#land_select{
  display: block;
  float: left;
	width: 35px;
	background-color: white;
	background-image: url("/assets/img/action_arrow.png");
	background-size: contain;
  background-position: 100% 85%;
  background-repeat: no-repeat;
  position: relative;
 	background-size: 44%;
 	font-size: 11px;
 	margin-left: 10px;
 	font-weight: 200;
  position: absolute;
  top: 28px;
  left: 130px;
}
@media (max-width: 1193px) {
  #land_select {
    position: static;
    top: auto;
    left: auto;
    float: right;
    margin-bottom: 10px;
  }
}
#land_select:focus{
	outline: white;
}
.nav-menu-buy .dropdown {
  clear: both;
}

.nav-menu-buy .dropdown button {
  width: 125px;
  box-sizing: border-box;
}
.call-me{
    border-radius: 0px;
    border: 7px solid;
    border-color: rgb(8, 114, 219);
}
.call-me-footer{
    border-top: 0px;
}
.call-me-dialog{margin-top: 10%;}
.call-me-footer button{
    border-radius: 0px;
    text-transform: uppercase;
    font-weight: 500;
    color: #333 !important;
    border: 2px solid #333 !important;
    opacity: 1 !important;

    margin-bottom: 20px;
}
#send-answer2{
    font-size: 19px;
    display: none;
    line-height: 23px;
    text-align: left;
    color: #333;
    padding: 20px 30px;
}
.call-me-dismiss{
    color: #fff;
    opacity: .6;
    font-size: 45px;
    font-weight: 200;
    margin-top: 10px;
}
.call-me-form{
    text-align: left;
}
.call-me .form-control{
    max-width: 460px;
    margin: auto;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, .2);
    text-align: left;
    margin-top: 30px;
}
#call-me .modal-body{
  padding: 30px 10% 10px;
}
#call-me .modal-footer{
  padding: 0px 10% 25px;
}
#call-me .form-group {
    margin-bottom: 22px;
    height: 37px;
}

#send-answer2{
  height: 90px !important;
  padding: 20px 0px;
}
#greeting{
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 18px;
}


ul.nav.navbar-nav.main-menu{
    margin-left: 20px;
}

.header-phone{
  width: 120px;
  padding: 5px !important;
  display: block;
  background: #1176da;
  background: #000;
  text-align:center;
  clear: both;
  white-space: nowrap;
  box-sizing: border-box;
}

.serfHeight p{
	font-size: 14px;
	font-family:'HelveticaNeueCyrRoman',sans-serif;
	font-weight:400;
}

p.catalog_text{
	font-size: 16px;
	font-family:'HelveticaNeueCyrRoman',sans-serif;
	font-weight:400;
}


.kinds,h3.photo_obj,#certifications h3{margin-top: 0;
	font-family:'HelveticaNeueCyrMedium',sans-serif;
	font-size:32px;

	font-weight:500;}

#advantage,#catalog{padding:75px 0;}
.sofits_colors{padding: 25px 0;}

.catalog-img >a img{
	padding: 15px;
	border: 1px solid rgba(204, 204, 204, 0.39);
}

.sofits_colors p{
	font-family: 'HelveticaNeueCyrRoman',sans-serif;
	font-weight: 400;
	font-size: 16px;
}
.sofits_colors h4{
	margin-bottom: 20px;
	font-family: 'HelveticaNeueCyrMedium',sans-serif;
	font-weight: 500;
	font-size: 30px;
}

.preim_img{
	margin-bottom: 50px;}

.preim_img img{
	float: right;}

.catalog {
  font-family: 'HelveticaNeueCyrMedium',sans-serif !important;
  font-weight: 500 !important;
  font-size: 44px !important;
  margin-left: 0 !important;
  margin-bottom: 30px !important;
  position: relative !important;
}

.sofits_colors h3.catalog,.sofits_colors h1.catalog{margin-bottom: 45px !important; }

#advantage h3,#catalog .content_sofits h3,#catalog .content_sofits h1,.sofits_colors h1.catalog{
	font-family:'HelveticaNeueCyrMedium',sans-serif;
	font-weight: 500;
	font-size: 44px;
	margin-left: 0;
	margin-bottom: 30px;
	position: relative;}

#catalog .conent_brand h3,#catalog .conent_brand h1{
	font-family:'HelveticaNeueCyrMedium',sans-serif;
	font-weight: 500;
	font-size: 30px;
}

#catalog .content_sofits h3:after,.sofits_colors h3.catalog:after,#catalog .content_sofits h1:after,.sofits_colors h1.catalog:after{
	content: '';
    position: absolute;
    left: 3px;
    bottom: -9px;
    width: 42px;
    /* bottom: 0; */
    height: 2px;
    background: #0872db;
}

#catalog .content_sofits{margin-left: 70px;}

#advantage .content_advantage{margin-right:70px;}

#advantage .content_advantage p,#catalog .content_sofits p{
    font-family: 'HelveticaNeueCyrRoman',sans-serif;
    font-weight: 400;
	line-height: 26px;
	font-size: 16px;

}
.nav-header{
	padding-bottom: 16px;
	box-shadow: 1px 2px 10px #ccc;
	position: relative;
}


#home .home_pages{
    min-height:320px;
    padding:20px;
    border: 1px solid #000;
}

#home .home_pages .home_icon h2:after{
   content: '';
    position: absolute;
    left: 2px;
    bottom: -15px;
    width: 42px;
    /* bottom: 0; */
    height: 2px;
    background: #0872db;
}

#home .homeRow p{
    font-size:16px;
	font-family: 'HelveticaNeueCyrRoman', sans-serif;
	font-weight: 400;
	line-height: 26px;
    text-align:left;
}

#home .home_pages .home_icon h2{
    font-family: 'HelveticaNeueCyrMedium',sans-serif;
    font-weight: 500;
    position:relative;
	margin-top: 10px;
    font-size: 28px;
	line-height: 34px;
	margin-bottom:35px;
}


.calc_brand h2 {
	font-family:'HelveticaNeueCyrMedium',sans-serif;
	font-size: 28px;
}

.calc_brand .brand_item{
	border: 1px solid rgba(204, 204, 204, 0.35);
	margin-top: 20px;
	height: 260px;
	margin-bottom: 20px;

}

.calc_brand .brand_item img{
	margin-top: 100px;
}

.calc_brand h2 span{
	background: #0872db;
	padding: 5px 15px;
	color: #fff;
	margin-right: 10px;
}

#about_brand{padding: 70px 0;}

#about_brand .brand_item {
	position: relative;
}

/*#about_brand .brand_item:before{*/
	/*position: absolute;*/
	/*content: "";*/
	/*width: 97%;*/
	/*background: #0872db;*/
	/*height: 20px;*/
	/*left: 0;*/
	/*top: 0;*/
/*}*/

#about_brand .image_brand{
	padding: 0;
}



#about_brand .conent_brand{
	background-color: #fff;
	box-shadow: 0 0 10px #ccc;
	border-bottom: 2px solid rgba(204, 204, 204, 0.42);
	border-right: 2px solid rgba(204, 204, 204, 0.42);
	padding: 30px 40px 40px;
}

#img_garantia{
	text-align: center;
	background: #f6f6f6;
	margin-bottom: 70px;
}

#img_garantia img{
	display: inline-block;
	padding: 15px;
}

#about_brand .image_brand img{min-height: 375px;}

#about_brand .conent_brand p{
	font-family: 'HelveticaNeueCyrRoman',sans-serif;
	font-weight: 400;
	font-size: 16px;
}

#content_items {padding-bottom:80px;}
#content_items,#about_brand{background:#f2f8fd;}

#content_items .container_item{
	padding: 0 7px 14px 7px;}

#content_items .home_logo{margin-bottom:54px; height:86px;}

#content_items p{text-align:justify; padding: 0 34px; font-family:'HelveticaNeueCyr',sans-serif; font-weight:400; font-size:14px; color:#333333;}

#content_items h1{position:relative; padding: 10px 0; margin: 40px 0; font-family: 'HelveticaNeueCyrMedium',sans-serif;
	font-weight:500; font-size:44px;}

#content_items h1:after{
    content: '';
    position: absolute;
    left: 52%;
    margin-left: -40px;
    width: 42px;
    bottom: 0;
    height:2px;
    background:#0872db;

}

#content_items .home_logo img{padding:40px;}

#content_items .bottom_image{width: 100%;height: 207px; overflow: hidden;position: absolute; left: 0; bottom: 0;}

#content_items .bottom_image a img{padding:15px;}

#content_items .bottom_image .img-responsive {display: block; width: 100%;  position: absolute; left: 0; bottom: 0; z-index: 0;
    
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    
}

#content_items .content_item_:hover .bottom_image .img-responsive {
   /* -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);*/
}

.header-phone.mobi{
    display:none;
}

@media (max-width: 767px) {
  #content_items .bottom_image .img-responsive {
    top: 0;
    bottom: auto;
  }
  .nav-header {
        /*min-height: 130px;*/
        min-height: 80px;
        padding-bottom: 0px;
    }
    .header-phone a.header-phone__link span {
        color: #1477dc;
        font-size: 20px;
        font-weight: bold;
    }
    .nav-menu-buy .header-phone {
        float: right;
        width: auto;
        position: absolute;
        bottom: -85px;
        left: -70px;
        background: transparent;
        color: #1176db;
        display: none;
    }
    .btn-lg .caret {
        display: none;
    }
    .dropdown-menu {
        left: -127px!important;
        top: 35px!important;
    }
    .nav-menu-buy .dropdown button {
        width: 30px;
        box-sizing: border-box;
        font-size: 0;
        cursor: pointer;
        position: absolute;
        top: -4px;
        right: 0;
        background: url(/assets/img/nav.svg) center center no-repeat rgb(18, 118, 219);
        height: 40px;
        width: 40px;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }
    .container-fluid .nav-menu-buy a.drop_last_li {
        border: 3px solid #1c7cdd;
        font-size: 15px;
        font-weight: 800;
        margin: 5px 3px 1px;
    }
    .nav-menu-buy .dropdown button:hover {
        color: black;
        background-color: #1377db;
    }
    select#land_select {
        padding: 0px 4px 0px;
    }
    .nav-menu-buy .header-phone.mobi {
        display: block;
        position: relative;
        left: 0;
        bottom: 0;
        width: 155px;
    }
    .dropdown .dropdown-menu {
        left: -160px!important;
        top: 35px!important;
        min-width: 160px;
    }
}

@media (max-width: 390px) {
  #content_items .bottom_image .img-responsive {
    top: auto;
    bottom: 0;
  }
}

#content_items .btn_arrow{
    width: 48px;
    height: 48px;
    background: #0872db;
    position: absolute;
    left: 45%;
    top: 15%;
    margin-right: -100px;
    z-index: 1;
}
#content_items .content_item_{
    height:490px;
    background: #fff;
    position:relative;
    box-shadow:  0 0 8px rgba(162, 162, 162, 0.18);
}

.header-phone a span {color: #fff; font-size:15px; font-weight: 400;}

#content_items .overflow_content{
  max-width: 100% !important;
	position: absolute;
	height: 0;
	z-index: 10000;
	transition: all .4s;
	width: 100%;
	opacity: 0;
	bottom: 0;
}

ul#breadcrumb{clear: both;}

ul#breadcrumb li:first-child{
	margin-left: 30px;
}

#content_items .overflow_content a{
	background-color: #0872db;
	color: #fff;
	font-family: 'HelveticaNeueCyr',sans-serif;
	font-weight: 400;
	text-align: center;
	display: inline-block;
	border: 0;
	border-radius: 0;
	padding: 10px 15px;
	text-transform: uppercase;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -90px;
}

.photo_obj{
	font-size: 32px;
}

#content_items .content_item_:hover .wrap_item .overflow_content{
	/*opacity: 1;
	height: 260px;
  background-repeat: no-repeat !important;
  background-size: cover !important;*/
}
#content_items .content_item_{
        -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
#content_items .content_item_:hover{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    z-index: 1;
}
.container-fluid .nav-menu a{
	font-family:'HelveticaNeueCyrRoman',sans-serif;
}

.inst_wrapper{
	margin-top: 75px;
	background: #f2f8fd;
}

.container {
	overflow-x: inherit !important;
}

.insta_col_padd h3{
	font-family:'HelveticaNeueCyrMedium',sans-serif;
	font-weight:500;
	font-size: 18px;
	color: #fff;
	padding: 0 !important;
	margin: 0 !important;}


.head_inst {
	margin-left: 41px;
	color: #fff;
	position: relative;
	top: -35px;
	display: inline-block;
	padding: 15px 10px;
	background-color: #0872db;
}

.head_inst p{
	font-family:'HelveticaNeueCyrMedium',sans-serif;
	font-weight:500;
	position: relative;
	font-size:20px;
	padding-bottom: 5px;
}

#inst_back2,#inst_back1,#inst_back3,#inst_back4,#inst_back5,#inst_back6{
	background: none !important;
	height: inherit !important;
}

.inst_wrapper li{
	margin:10px 0;
	font-size: 14px;
	font-family:'HelveticaNeueCyrRoman',sans-serif;
	font-weight:400;
}

.inst_wrapper{
	width: 95%;
}

.InstWithSm6::after{
	content: none !important;
}


.head_inst p:after{
	content: "";
	position: absolute;
	height:2px;
	width: 25%;
	left:0;
	bottom: 0;
	background-color: #fff;
}



#breadcrumb li + li:before{
	content: '/';
	margin: 0 2px;
}

ul.nav.navbar-nav.main-menu .current:nth-child(2):hover .sub_menu_wrap{
	display: block;
	position: absolute;
	width: 300px;
	background: rgb(238, 238, 238);
}

.nav.navbar-nav.main-menu .sub_menu_wrap{
	display: none;}

.nav.navbar-nav.main-menu .sub_menu_wrap ul {
	padding:0;}

.nav.navbar-nav.main-menu .sub_menu_wrap li{
	list-style: none;
	padding: 0;
	margin:0;
	text-align: left;
}

.sofits_colors h3,.sofits_colors h1{
	font-family: 'HelveticaNeueCyrMedium',sans-serif;
	font-size: 16px;
	font-weight:400;
}

#inst_back1 ul, #inst_back2 ul, #inst_back3 ul, #inst_back4 ul, #inst_back5 ul, #inst_back6 ul{
	height:inherit !important;
}

#inst_back4{
	background: none !important;}

.container #instal_img_1,.container #instal_img_2,.container #instal_img_3,.container #instal_img_4,.container #instal_img_5,.container #instal_img_6{
	border: 1px solid #000;
	background-color:#fff;
	background-position: center;
	position: relative;
	left: 35px;
	top: -30px;
}

/* new style */



.pattern {
  padding: 50px 0;
  background-color: #f2f8fd;
}

.pattern__wrap {
  max-width: 1310px;
  margin: 0 auto;
  padding: 0 15px;
}

.pattern__heading {
  font-family: 'HelveticaNeueCyrMedium', sans-serif;
  font-weight: 500;
  font-size: 44px;
  line-height: 1.1;
  text-align: center;
  padding: 0 0 10px 0;
  margin: 0 0 40px 0;
  position: relative;
}

.pattern__heading:after {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  margin-left: -21px;
  width: 42px;
  bottom: 0;
  height: 2px;
  background-color: #0872db;
}

.pattern__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  min-height: 520px;
}

.pattern__item {
  width: 25%;
  margin: 0 15px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.05);
  box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.05);
}

.pattern__item:first-child {
  margin-left: 0;
}

.pattern__item:last-child {
  margin-right: 0;
}

.pattern__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-decoration: none;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.pattern__head {
  width: 100%;
  text-align: center;
  background-color: #ffffff;
}

.pattern__media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100px;
  padding: 15px 30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pattern__media-img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.pattern__body {
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  color: #000000;
  background-color: #ffffff;
}

.pattern__description {
  font-family: 'HelveticaNeueCyrRoman', sans-serif;
  font-size: 13px;
  line-height: 1.6;
  font-weight: 500;
  position: relative;
}

.pattern__title {
  color: #000000;
  font-family: 'HelveticaNeueCyrBold', sans-serif;
  font-size: 15px;
  line-height: 1.6;
  font-weight: 500;
  margin: 0;
  padding: 0 30px 0 30px;
}

.pattern__content {
  padding: 10px 30px 15px 30px;
}

.pattern__foot {
  width: 100%;
  padding: 60% 30px 30px 30px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.pattern__btn-more {
  display: block;
  max-width: 240px;
  margin: 0 auto;
  font-size: 12px;
  font-family: 'HelveticaNeueCyrBold', sans-serif;
  text-transform: uppercase;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  padding: 15px 20px 13px 20px;
  color: #ffffff;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15);
  opacity: 0;
  visibility: visible;
}

.pattern__main:hover {
  text-decoration: none;
}

.pattern__main:hover .pattern__content {
  height: auto;
  opacity: 1;
  visibility: visible;
}

.pattern__main:hover .pattern__btn-more {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 991px) {
  .pattern__list {
    display: block;
    min-height: 1px;
  }

  .pattern__item {
    width: auto;
    max-width: 300px;
    margin: 0 auto 30px auto !important;
  }

  .pattern__item:last-child {
    margin-bottom: 0 !important;
  }

  .pattern__main {
    min-height: 520px;
  }

  .pattern__title {
    min-height: 1px;
  }

  .pattern__content {
    height: auto;
    overflow: visible;
  }
}

.header-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.header-panel__item {
  margin-right: 20px;
}

.header-panel__item:last-child {
  margin-right: 0;
}

.nav-lang {
  padding-top: 7px;
}

.nav-lang__list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  white-space: nowrap;
}

.nav-lang__item {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 1;
  margin: 0 10px 0 0;
}

.nav-lang__item:last-child {
  margin-right: 0;
}

.nav-lang__link {
  display: block;
  font-size: 14px;
  font-family: Arial, sans-serif;
  padding: 4px 5px;
  font-weight: normal;
  background-color: transparent;
  color: #5e5b5b;
  text-decoration: none;
  line-height: 1;
}

.nav-lang__link:hover,
.nav-lang__link.active {
  text-decoration: none;
  color: #ffffff !important;
  background-color: #1177da !important;
}

@media (max-width: 991px) {
  .header-panel__item {
    margin-right: 10px;
  }

  .nav-lang {
    padding-top: 0;
  }

  .nav-lang__item {
    margin-right: 5px;
  }

  .nav-lang__link {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .nav-lang-desktop {
    display: none;
  }

  .nav-lang-mobile {
    display: block;
    clear: both;
  }

  .nav-lang__list {
    white-space: normal;
  }

  .nav-lang__item {
    display: block;
    margin: 0;
  }

  .nav-lang__link {
    padding: 7px !important;
  }
}