body {
	margin:0px;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	color: #333333;
   font-weight: 300;
   /*-ms-overflow-style: scrollbar;*/
}


/*common*/
body.modal-open {
    overflow: hidden;
}



p {
	margin: 0px 0px 20px 0px;
   padding: 0px;
   font-size: 16px;
   color: #474747;
   line-height: 23px;
}


strong {
	font-weight: 700;
}


h1 {
  padding: 0 0 20px 0;
  margin: 80px 0 0 0;
  font-size: 46px;
  color: #ffd800;
  font-weight: 700;
  text-shadow: 0px 0px 1px #662f00;
}


span.sm-head {
  font-size: 44px;	
}

h2 {
  padding: 0px 0px 80px 0px;
  margin: 0;
  font-size: 30px;
  color: #455158;
  font-weight: 300;
  text-align: center;  
}


h3 {
  padding: 0px 0px 20px 0px;
  margin: 0;
  font-size: 20px;
  color: #ffecc1;
  font-weight: 700;
  text-align: left;
}

h4 {
  padding: 0px 0px 30px 0px;
  margin: 0;
  font-size: 24px;
  color: #455158;
  font-weight: 700;
  text-align: center;
}



a {
	font-size: 16px;
   color: #f4a305;
   outline: 0 !important; 
  -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;      
 }


 a:hover,  a:focus {
   color: #ffcf70; 
   text-decoration: none;  
 }
 
 




div.clear {
	clear: both;
	line-height: 0px;
	font-size: 0px;
	height: 0;
}






/*-----------------navbar-----------------*/

/*top-containter*/

.navbar {
   background-color: #e98800;
   height: 50px;
  /* -webkit-box-shadow: #d5d5d5 0px 0px 20px;
   -moz-box-shadow: #d5d5d5 0px 0px 20px;
   box-shadow: #d5d5d5 0px 0px 20px;*/
}




.navbar .nav > li > a {
  padding: 3px 0px 7px 0px; 
  font-size: 14px;
  color: #ffe6c2;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;   
  
}

.navbar .nav > li > a:hover {
	color: #ffffff;
	background-color: transparent;
} 

.navbar .nav > li > a:focus {
background-color: transparent;
	color: #ffffff;
}


.navbar-default {
	border-color: transparent;
}


.navbar-default .navbar-nav>.active-t>a, .navbar-default .navbar-nav>.active-t>a:focus, .navbar-default .navbar-nav>.active-t>a:hover {
	    color: #555;
    background-color: transparent;
}


.navbar-default .navbar-toggle {
    border-color: #ffe6c2;
    border-radius: 0px;  
}

.navbar-default .navbar-toggle .icon-bar {
    background-color:  #ffe6c2;
}


.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #e98800;
}


@media (max-width: 1200px) {
.navbar .nav > li > a {
  padding: 4px 5px 5px 5px; 
  font-size: 14px;
}

}


@media (max-width: 992px) {
.navbar .nav > li > a {
  padding: 7px 0px 5px 0px; 
  font-size: 11px;
}

}



@media (max-width: 767px) {


.navbar {
   background-color: #e98800;
   height: auto;
}



.navbar .nav > li > a {
   background-color: #e98800;
  font-size: 15px;  
  padding: 8px 0 8px 0px;   
z-index: 999;  
}

.nav-justified>li>a {
    text-align: center;
    margin-bottom: 0px;
    border-bottom: 1px solid #ffe6c2;

    background-color: transparent;
}

.navbar-collapse {
	border-top: 1px solid transparent;
	padding-left: 0px;
	padding-right: 0px;
   
}

}




/*-----------block-1-----------*/

div.block-1 {
   background-color: #9f5401;
   padding: 0px 0 100px 0;
	/*background-image: url(images/top_pic.jpg);*/
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	min-height: 908px;
}

div.top-block {
	border-bottom: 1px solid #785233;
   height: 102px;
	
}


img.logo {
   padding: 14px 0 0 0;
	width: 100%;
   max-width: 192px;
}


div.slogan {
   padding: 29px 0 0 20px;
   color: white;
   font-size: 15px;
}


a.video-block {
   display: block;
   background-image: url(images/video_sign.svg);
   background-repeat: no-repeat;
   background-position: left;
   margin-top: 29px;
   padding: 0 0 0 50px;
	font-size: 15px;
   color: #ffe119;
   outline: 0 !important; 
  -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;     
 }


a.video-block:hover {
   color: #ffffff; 
   text-decoration: none;  
 }
 
 
 div.tel-holder {
 	background-image: url(images/tel_icon.svg);
 	background-repeat: no-repeat;
 	background-position: left;
 	padding: 0 0 0 33px;
 	font-size: 18px;
 	color: white;
 	font-weight: 700;
 	margin-top: 27px;
 }
 
 div.schedule {
 	background-image: url(images/clock.svg);
 	background-repeat: no-repeat;
 	background-position: left;
 	padding: 0 0 0 33px;
	margin-top: 30px;
 	font-size: 15px; 	
   color: white;
 }
 
 
 .colman {
 	padding-left: 0px;
   padding-right: 0px; 	
 }


.colman-2 {
 	padding-left: 0px;
 }
 
 

@media (max-width: 1200px) {

img.logo {
   padding: 23px 0 0 0;
}


div.slogan {
   padding: 37px 0 0 20px;
   color: white;
   font-size: 12px;
}


a.video-block {
   margin-top: 37px;
   padding: 0 0 0 40px;
	font-size: 12px;
   color: #ffe119;
   background-size: 30px;
}   


 div.schedule {
 	padding: 0 0 0 33px;
	margin-top: 37px;
 	font-size: 12px; 	
   color: white;
 }
}

@media (max-width: 992px) {

div.top-block {
	border-bottom: 1px solid #785233;
   height: 90px;
}


 div.tel-holder {
 	background-image: url(images/tel_icon.svg);
 	background-repeat: no-repeat;
 	background-position: left;
 	padding: 0 0 0 33px;
 	font-size: 13px;
 	color: white;
 	font-weight: 700;
 	margin-top: 27px;
 }
 
 
 
  div.schedule {
	margin-top: 20px;
 }
 
 div.slogan {
   padding: 25px 0 0 20px;

}


a.video-block {
   margin-top: 25px;


}   

}



@media (max-width: 767px) {

div.top-block {
	border-bottom: none;
   height: auto;
   padding-bottom: 20px;
   text-align: center;
   padding-top: 40px;
}

a.video-block {
   margin-top: 10px;
   padding: 7px 0 7px 40px;
	font-size: 15px;
   /*display: inline-block;*/
   display: none;
}   


 div.tel-holder {
   display: inline-block;
 	padding: 0 0 0 33px;
 	font-size: 15px;
 	color: white;
 	font-weight: 700;
 	margin-top: 10px;
 }
 
  div.schedule {
   text-align: left;
   display: inline-block;
 	padding: 0 0 0 33px;
	margin-top: 10px;
 	font-size: 12px; 	
   color: white;
 }

}






div.subhead {
   background-image: url(images/sub_line.png);
   background-repeat: no-repeat;
   background-position: bottom left;
	font-size: 30px;
	color: white;
   font-weight: 700;
   padding-bottom: 40px;
   margin-bottom: 36px;
}

div.special-terms {
	font-size: 20px;
	color: white;
	margin-bottom: 40px;
}
		
.special-terms a {
   color: #ee8c09;
   font-size: 18px;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;      
}

.special-terms a:hover {
   color: #ffd800;
}

div.princp {
   background-repeat: no-repeat;
   background-position: left;
   font-size: 15px;
   color: white;
   padding: 5px 0 5px 68px;
   margin-bottom: 50px;
}

.pi-1 {  background-image: url(images/ti_01.svg);	}
.pi-2 {  background-image: url(images/ti_02.svg);	}
div.pi-3 {  background-image: url(images/ti_03.svg); margin-bottom: 30px;	}
.pi-4 {  background-image: url(images/ti_04.svg);	}





a.btn-t {
   display: block;
	font-size: 26px;
   color: #ffffff;
   text-align: center;
   font-weight: 700;
   text-transform: uppercase;
   height: 68px;
   border-radius: 5px;
   padding: 4px;
   outline: 0 !important; 
   background: #e36504; /* Old browsers */
   background: -moz-linear-gradient(top, #ef9b58 0%, #e36504 12%, #d05114 85%, #ad320c 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, #ef9b58 0%,#e36504 12%,#d05114 85%,#ad320c 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, #ef9b58 0%,#e36504 12%,#d05114 85%,#ad320c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef9b58', endColorstr='#ad320c',GradientType=0 ); /* IE6-9 */
  -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;   
   -webkit-box-shadow: #472100 0px 0px 5px;
   -moz-box-shadow: #472100 0px 0px 5px;
   box-shadow: #472100 0px 0px 5px;   

 }



 

div.inner-btn {
padding-top: 12px;
padding-bottom: 11px;
border-radius: 5px;
background: #feed46; /* Old browsers */
background: -moz-linear-gradient(top, #feed46 0%, #d15213 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #feed46 0%,#d15213 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #feed46 0%,#d15213 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff96', endColorstr='#d85a0d',GradientType=0 ); /* IE6-9 */
  -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;   

}


a.btn-t:hover, div.inner-btn:hover {
  opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);    

}
 


@media (max-width: 1200px) {

div.block-1 {
	background-position: top 0px left -400px;
}

h1 {
  margin: 90px 0 0 0;

}

div.subhead {
	font-size: 24px;
}


div.special-terms {
	font-size: 16px;
	color: white;
	margin-bottom: 40px;
}

.special-terms a {
   color: #ee8c09;
   font-size: 16px;
}   


}


@media (max-width: 992px) {

div.block-1 {
	background-position: top 0px left -440px;
}


h1 {
  margin: 120px 0 0 0;
  font-size: 36px;
}

div.subhead {
	font-size: 20px;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

div.princp {
   background-repeat: no-repeat;
   background-position: left;
   background-size: 30px;
   font-size: 13px;
   padding: 5px 0 5px 40px;
   margin-bottom: 20px;
}

div.pi-3 {  background-image: url(images/ti_03.svg); margin-bottom: 0px;	}

a.btn-t {
	font-size: 20px;
	   padding: 3px;
}	

div.inner-btn {
padding-top: 16px;
}
	
div.special-terms {
	margin-bottom: 30px;
}
}


@media (max-width: 767px) {

div.block-1 {
	min-height: inherit;
	padding-bottom: 20px;
   background-position: top 0px left 0px;
}

h1 {
  margin: 0px 0 0 0;
  font-size: 40px;
}

div.subhead {
	font-size: 14px;
	background-position: bottom center;
	padding: 0 0 20px 0;
	margin-bottom: 20px;
}


div.special-terms {
	margin-bottom: 10px;
}

div.special-terms, .special-terms a  {
  font-size: 12px;
}


div.princp {
   display: none;
   /*display: inline-block;*/
   background-repeat: no-repeat;
   background-position: left;
   background-size: 30px;
   font-size: 13px;
   text-align: left;
   padding: 7px 0 7px 40px;
   margin-bottom: 10px;
}

div.pi-3 {  background-image: url(images/ti_03.svg); margin-bottom: 10px;	}

a.btn-t {
	font-size: 15px;
	   padding: 3px;
   height: auto;	   
}	

}





/*-----------block-2-----------*/

div.block-2 {
   padding: 70px 0 30px 0;
   background-color: #fff6e2;
}


div.filter-holder {
	background-color: #fffbf3;
   -webkit-box-shadow: #b9b2a3 0px 0px 5px;
   -moz-box-shadow: #b9b2a3 0px 0px 5px;
   box-shadow: #b9b2a3 0px 0px 5px;
   padding: 20px;	
  margin-bottom: 40px;
}



div.material {
	font-weight: 700;
	margin: 37px 20px 0 0;
	float: left;
}


div.mat-holder {
	float: left;
}



div.filter-head {
	font-weight: 700;
   font-size: 15px;
   margin-bottom: 20px;

}


.filter-select {
	border-radius: 0px;
	height: 40px;
}




a.btn-2 {
   margin: 29px 0 0 0;
   display: block;
	font-size: 18px;
   color: #ffffff;
   text-align: center;
   font-weight: 700;
   text-transform: uppercase;
   height: 53px;
   border-radius: 5px;
   padding: 2px;
   outline: 0 !important; 
   background: #e36504; /* Old browsers */
   background: -moz-linear-gradient(top, #ef9b58 0%, #e36504 12%, #d05114 85%, #ad320c 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, #ef9b58 0%,#e36504 12%,#d05114 85%,#ad320c 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, #ef9b58 0%,#e36504 12%,#d05114 85%,#ad320c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef9b58', endColorstr='#ad320c',GradientType=0 ); /* IE6-9 */
  -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;   
   -webkit-box-shadow: #472100 0px 0px 0px;
   -moz-box-shadow: #472100 0px 0px 0px;
   box-shadow: #472100 0px 0px 0px;   

 }



 

div.inner-btn-2 {
padding-top: 12px;
padding-bottom: 11px;
border-radius: 5px;
background: #feed46; /* Old browsers */
background: -moz-linear-gradient(top, #feed46 0%, #e4730b 12%, #d15213 70%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #feed46 0%, #e4730b 12%, #d15213 70%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #feed46 0%, #e4730b 12%, #d15213 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff96', endColorstr='#d85a0d',GradientType=0 ); /* IE6-9 */
  -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;   

}


a.btn-2:hover, div.inner-btn-2:hover {
  opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);    

}





.checkbx {
	font-size: 15px;
}


@media (max-width: 1200px) {
div.material {
  display: none;
}


}

@media (max-width: 767px) {  
div.material {
  display: block;
  float: none;
  margin: 0px 0 0 0;
}

div.filter-head {
   margin-top: 10px;
   margin-bottom: 10px;
}

a.btn-2 {
   margin: 20px 0 0 0;
}   


h2 {
  font-size: 24px;
}
}


/*---------------------product-list-------------------*/

div.product-holder {
	background-color: #ffffff;
   padding: 22px 22px 80px 22px;
   -webkit-box-shadow: #b9b2a3 0px 0px 5px;
   -moz-box-shadow: #b9b2a3 0px 0px 5px;
   box-shadow: #b9b2a3 0px 0px 5px; 
   text-align: center;
   height: 100%;
   position: relative;
   margin: 0 0 40px 0;
}

.product-holder h2 {
   font-size: 20px;
   color: #455158;
   font-weight: 700;
   padding: 0 0 10px 0;
}

 .col-pr-man {
 	margin-bottom: 40px;
 }

img.product-img {
	width: 100%;
	max-width: 305px;
   margin-bottom: 15px;
}

div.product-option {
	background-repeat: no-repeat;
	background-position: left;
   font-size: 16px;
   text-align: left;
   padding: 1px 0 0 32px;
   margin-bottom: 15px;
}

.prop-1 { background-image: url(images/op_i1.svg);}
.prop-2 { background-image: url(images/op_i2.svg);}
.prop-3 { background-image: url(images/op_i3.svg);}
.prop-4 { background-image: url(images/op_i4.svg);}
.prop-5 { background-image: url(images/op_i5.svg);}
.prop-6 { background-image: url(images/op_i6.svg);}
.prop-7 { background-image: url(images/op_i7.svg);}
.prop-8 { background-image: url(images/op_i8.svg);}
.prop-9 { background-image: url(images/op_i9.svg);}
.prop-10 { background-image: url(images/op_i10.svg);}





a.rmore {
   position: absolute;
   bottom: 80px;
   width: 88%;   
   display: block;
   border: 1px solid #f4a305;
	font-size: 16px;
   color: #f4a305;
   padding: 7px;
   border-radius: 5px;
  -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;    
   margin-bottom: 10px;
 }


 a.rmore:hover,  a.rmore:focus {
   background-color: #f4a305;
   color: white;
   text-decoration: none;  
   
 }
 





a.btn-3 {
   margin: 0px 0 0 0;
   display: block;
   position: absolute;
   bottom: 20px;
   width: 88%;
  	font-size: 18px;
   color: #ffffff;
   text-align: center;
   font-weight: 700;
   text-transform: uppercase;
   height: 53px;
   border-radius: 5px;
   padding: 2px;
   outline: 0 !important; 
   background: #e36504; /* Old browsers */
   background: -moz-linear-gradient(top, #ef9b58 0%, #e36504 12%, #d05114 85%, #ad320c 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, #ef9b58 0%,#e36504 12%,#d05114 85%,#ad320c 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, #ef9b58 0%,#e36504 12%,#d05114 85%,#ad320c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef9b58', endColorstr='#ad320c',GradientType=0 ); /* IE6-9 */
  -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;   
   -webkit-box-shadow: #472100 0px 0px 0px;
   -moz-box-shadow: #472100 0px 0px 0px;
   box-shadow: #472100 0px 0px 0px;   

 }



 

div.inner-btn-3 {
padding-top: 12px;
padding-bottom: 11px;
border-radius: 5px;
background: #feed46; /* Old browsers */
background: -moz-linear-gradient(top, #feed46 0%, #e4730b 12%, #d15213 70%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #feed46 0%, #e4730b 12%, #d15213 70%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #feed46 0%, #e4730b 12%, #d15213 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff96', endColorstr='#d85a0d',GradientType=0 ); /* IE6-9 */
  -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;   

}


a.btn-3:hover, div.inner-btn-3:hover {
  opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);    

}





.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  padding-bottom: 40px;
}




a.more-products {
   width: 30%;   
   margin: 0 auto;
   display: block;
   text-align: center;
   color: white;
   background-color: #f4a305;
   border: 1px solid #f4a305;
	font-size: 16px;
   padding: 7px 12px 7px 12px;
   border-radius: 5px;
  -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;    
   margin-bottom: 10px;
   font-weight: 700;
 }


 a.more-products:hover,  a.more-products:focus {
   background-color: transparent;
   color: #f4a305;
   text-decoration: none;  
   
 }
 

@media (max-width: 1200px) {
div.product-option {
   font-size: 15px;
}



a.rmore {
   width: 86%;
} 

a.btn-3 {
   width: 86%;  
}   

}

@media (max-width: 992px) {
div.product-option {
   font-size: 13px;
   padding: 3px 0 3px 30px;   
}

a.rmore {
   width: 82%;
} 

a.btn-3 {
   width: 82%;  
} 


.product-holder h2 {
   font-size: 18px;

}



}

@media (max-width: 767px) {

.equal {
  display: block;
  flex-wrap: no-wrap;
  padding-bottom: 0px;  
}


a.btn-3 {
   position: static;
   width: 100%;
}   

a.rmore {
   position: static;
   width: 100%;   
}  

div.product-holder {
   padding: 22px 22px 20px 22px;
}

.product-holder h2 {
   font-size: 20px;

}

a.more-products {
   width: 100%;   
}  

}







/*---------------------block-3------------------*/

div.block-3 {
   padding: 160px 0 80px 0;
   background-image: url(images/triagnle_bcg_top.png), url(images/bl3_bcg.png);
   background-repeat: no-repeat, repeat;
   background-position: top, center;
   background-size: 100%, auto;
}

h2.h2-w {
	color: white;
	padding-bottom: 10px;
}

.subhead-2 {
	color: white;
	font-size: 18px;
	text-align: center;
	margin-bottom: 70px;
}

img.bl3-pic {
	width: 100%;
	max-width: 283px;
	padding-bottom: 30px;
}


div.bp3-text {
	color: white;
	margin-bottom: 40px;
}




a.btn-4 {
   margin: 0px auto 0 auto;
   display: block;
   bottom: 20px;
   width: 40%;
  	font-size: 24px;
   color: #ffffff;
   text-align: center;
   font-weight: 700;
   text-transform: uppercase;
   height: 63px;
   border-radius: 5px;
   padding: 2px;
   outline: 0 !important; 
   background: #e36504; /* Old browsers */
   background: -moz-linear-gradient(top, #ef9b58 0%, #e36504 12%, #d05114 85%, #ad320c 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, #ef9b58 0%,#e36504 12%,#d05114 85%,#ad320c 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, #ef9b58 0%,#e36504 12%,#d05114 85%,#ad320c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef9b58', endColorstr='#ad320c',GradientType=0 ); /* IE6-9 */
  -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;   
   -webkit-box-shadow: #472100 0px 0px 5px;
   -moz-box-shadow: #472100 0px 0px 5px;
   box-shadow: #472100 0px 0px 5px;   

 }



 

div.inner-btn-4 {
padding-top: 12px;
padding-bottom: 11px;
border-radius: 5px;
background: #feed46; /* Old browsers */
background: -moz-linear-gradient(top, #feed46 0%, #e4730b 12%, #d15213 70%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #feed46 0%, #e4730b 12%, #d15213 70%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #feed46 0%, #e4730b 12%, #d15213 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff96', endColorstr='#d85a0d',GradientType=0 ); /* IE6-9 */
  -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;   

}


a.btn-4:hover, div.inner-btn-4:hover {
  opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);    

}


@media (max-width: 1200px) {
div.block-3 {
   background-size: auto, auto;
}

}



@media (max-width: 992px) {
div.bp3-text {
  font-size: 14px;
}


a.btn-4 {
   width: 45%;
  	font-size: 22px;
   height: 60px;  	
}  	
}


@media (max-width: 767px) {
div.bp3-text {
  font-size: 16px;
}


a.btn-4 {
   width: 100%;
  	font-size: 22px;
   height: auto;  	
}  	


}


 /*---------------------block-4--------------------*/
 
 div.block-4 {
   background-color: #fff6e2;
	padding: 100px 0 80px 0;
	background-image: url(images/bl4_bcg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

div.gather {
	text-align: center;
	font-size: 24px;
	margin-bottom: 40px;
}

div.step-active {
   border: 1px solid #feb300;
   color: #feb300;
   font-size: 16px;
   border-radius: 0px;
   position: relative;
   margin-bottom: 40px;
   text-align: center;
}

.select-cor {
	border-radius: 0px;
	height: 48px;
 	
   border: 1px solid #cad7db;
   margin-bottom: 0px;
}

.label-cor {
	font-weight: 300;
   font-size: 16px;
   position: relative;
   padding-right: 20px;
   line-height: 40px;
}



div.step {
   border: 1px solid #1aa9e4;
   color: #1aa9e4;
   font-size: 16px;
   border-radius: 0px;
   position: relative;
   margin-bottom: 40px;
   text-align: center;      
}


.stp-1 {  padding: 15px 0px 15px 0px;}
.stp-2 {  padding: 15px 0px 15px 0px;}
.stp-3 {  padding: 15px 0px 15px 0px;}

#step_3,
#step_2 {
    display: none;
}

#step_39,
#step_29 {
    display: none;
}





.btn-5 {
  border: none;
   margin: 0px auto 0 auto;
   display: block;
   bottom: 20px;
   width: 100%;
  	font-size: 24px;
   color: #ffffff;
   text-align: center;
   font-weight: 700;
   text-transform: uppercase;
   height: 63px;
   border-radius: 5px;
   padding: 2px;
   outline: 0 !important; 
   background: #e36504; /* Old browsers */
   background: -moz-linear-gradient(top, #ef9b58 0%, #e36504 12%, #d05114 85%, #ad320c 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, #ef9b58 0%,#e36504 12%,#d05114 85%,#ad320c 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, #ef9b58 0%,#e36504 12%,#d05114 85%,#ad320c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef9b58', endColorstr='#ad320c',GradientType=0 ); /* IE6-9 */
  -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;   

 }



 

.inner-btn-5 {
padding-top: 12px;
padding-bottom: 11px;
border-radius: 5px;
background: #feed46; /* Old browsers */
background: -moz-linear-gradient(top, #feed46 0%, #e4730b 12%, #d15213 70%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #feed46 0%, #e4730b 12%, #d15213 70%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #feed46 0%, #e4730b 12%, #d15213 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff96', endColorstr='#d85a0d',GradientType=0 ); /* IE6-9 */
  -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;   

}


.btn-5:hover, .inner-btn-5:hover {
  opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);  
    color: white  

}





.input-tf {
	height: 50px;
	margin: 0 10px 0px 0;
	font-size: 16px;
   border-radius: 0px;	
   font-size: 15px;  
   width: 100%;
   border: 1px solid #cad7db;

}

label.telfrmlabel {
  color:#999; 
  font-size:15px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:30px;
  top:14px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}


textarea.area-tf {
   border: 1px solid #cad7db;
      border-radius: 0px;
}



input.input-tf:focus ~ label, input.input-tf:valid ~ label        {
  top:-10px;
  left: 30px;
  background-color: white;
  font-size:14px;
  color:#4b4b4b;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid #66afe9;
  border-right: 1px solid #66afe9;  
}


textarea.area-tf:focus ~ label, textarea.area-tf:valid ~ label        {
  top:-10px;
  left: 30px;
  background-color: white;
  font-size:14px;
  color:#4b4b4b;
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid #66afe9;
  border-right: 1px solid #66afe9;  
}




@media (max-width: 767px) {
  


.select-cor {
   margin-bottom: 0px;
}

textarea.area-tf {
    margin-bottom: 0px;
}

.input-tf {
	margin: 0 10px 0px 0;
}	

.btn-5 {
 font-size: 20px;
   width: 100%;
   height: auto;    
}

.inner-btn-5 {
padding-top: 14px;
white-space: normal;
}

}




/*---------------------block-5------------------*/

div.block-5 {
   padding: 80px 0 140px 0;
   background-image: url(images/triagnle_bcg_bottom.png), url(images/bl3_bcg.png);
   background-repeat: no-repeat, repeat;
   background-position: bottom, center;
   background-size: 100%, auto;
}

img.bl5-pic {
	width: 100%;
	max-width: 283px;

}


h2.h2-w2 {
	color: white;
	padding-bottom: 70px;
}


div.name-holder {
   background-color: #27343c;
   width: 283px;
   margin: 0 0 20px 0;
   padding: 10px 0 10px 0;
   color: white;
   font-size: 14px;
   text-align: center;
}

div.name {
	color: #cad8e0;
	font-size: 18px;
	font-weight: 700;
}

div.blc5-text-holder {
	 width: 283px;
}

.blc5-text-holder p {
	color: white;
	font-size: 15px;
	text-align: left;
}

 .colman-3 {
 	padding-bottom: 60px;
   margin-bottom: 40px;
 }


a.btn-6 {
   position: absolute;
   margin: 0px 0 0 0;
   display: block;
   bottom: 0px;
   width: 283px;
  	font-size: 16px;
   color: #ffffff;
   text-align: center;
   font-weight: 700;
   text-transform: uppercase;
   height: 53px;
   border-radius: 5px;
   padding: 2px;
   outline: 0 !important; 
   background: #e36504; /* Old browsers */
   background: -moz-linear-gradient(top, #ef9b58 0%, #e36504 12%, #d05114 85%, #ad320c 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, #ef9b58 0%,#e36504 12%,#d05114 85%,#ad320c 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, #ef9b58 0%,#e36504 12%,#d05114 85%,#ad320c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef9b58', endColorstr='#ad320c',GradientType=0 ); /* IE6-9 */
  -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;   
   -webkit-box-shadow: #472100 0px 0px 6px;
   -moz-box-shadow: #472100 0px 0px 6px;
   box-shadow: #472100 0px 0px 6px;   

 }



 

div.inner-btn-6 {
padding-top: 14px;
padding-bottom: 11px;
border-radius: 5px;
background: #feed46; /* Old browsers */
background: -moz-linear-gradient(top, #feed46 0%, #e4730b 12%, #d15213 70%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #feed46 0%, #e4730b 12%, #d15213 70%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #feed46 0%, #e4730b 12%, #d15213 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff96', endColorstr='#d85a0d',GradientType=0 ); /* IE6-9 */
  -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;   

}


a.btn-6:hover, div.inner-btn-6:hover {
  opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);    

}



@media (max-width: 1200px) {

div.block-5 {
   background-size: auto, auto;
}

}


@media (max-width: 992px) {

div.name-holder {
   width: 100%;
   padding: 10px 5px 10px 5px;
}

div.blc5-text-holder {
	 width: 100%;
}

a.btn-6 {
   width: 90%;
}   

}


@media (max-width: 767px) {

div.name-holder {
   width: 283px;
   padding: 10px 0px 10px 0px;
   margin: 0 auto 20px auto;
}

 .colman-3 {
   text-align: center;
 }


}


@media (max-width: 330px) {

div.name-holder {
   width: 100%;

}
}




/*---------------------block-6------------------*/

div.block-6 {
   padding: 40px 0 80px 0;
}

h2.h2-sub {
	padding-bottom: 30px;
}

div.subhead-3 {
   background-repeat: no-repeat;
   background-position: bottom left;
	font-size: 18px;
	text-align: center;
   padding-bottom: 40px;
   margin-bottom: 36px;
}

img.bl6-pic {
	width: 100%;
	max-width: 558px;
	margin-bottom: 20px;
}

h3.work-h3 {
   font-size: 24px;
   color: #f4a305;
   padding: 0 0 10px 0;
}


div.bl-option {
	background-repeat: no-repeat;
	background-position: left;
	font-size: 15px;
	padding: 2px 0 0 35px;
	margin-bottom: 8px;
}

.block-6 p {
 	font-size: 15px;
	margin-bottom: 10px;
}

.bl6-op1 {background-image: url(images/bl6_i1.svg);}
.bl6-op2 {background-image: url(images/bl6_i2.svg);}
.bl6-op3 {background-image: url(images/bl6_i3.svg);}
.bl6-op4 {background-image: url(images/bl6_i4.svg);}
.bl6-op5 {background-image: url(images/bl6_i5.svg);}
.bl6-op6 {background-image: url(images/bl6_i6.svg);}
.bl6-op7 {background-image: url(images/bl6_i7.svg);}
.bl6-op8 {background-image: url(images/bl6_i8.svg);}
.bl6-op9 {background-image: url(images/bl6_i9.svg);}
.bl6-op10 {background-image: url(images/bl6_i10.svg);}


div.bl6-divider {
	border-top: 1px dashed #cad7db;
	height: 1px;
	margin: 12px 0 12px 0;
}


div.result-holder {
   padding: 10px 0 0 0;
	font-weight: 700;

}



a.btn-7 {
   margin: 12px 0 0 0;
   display: block;
   bottom: 0px;
   width: 100%;
  	font-size: 16px;
   color: #ffffff;
   text-align: center;
   font-weight: 700;
   text-transform: uppercase;
   height: 53px;
   border-radius: 5px;
   padding: 2px;
   outline: 0 !important; 
   background: #e36504; /* Old browsers */
   background: -moz-linear-gradient(top, #ef9b58 0%, #e36504 12%, #d05114 85%, #ad320c 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, #ef9b58 0%,#e36504 12%,#d05114 85%,#ad320c 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, #ef9b58 0%,#e36504 12%,#d05114 85%,#ad320c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef9b58', endColorstr='#ad320c',GradientType=0 ); /* IE6-9 */
  -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;   


 }



 

div.inner-btn-7 {
padding-top: 12px;
padding-bottom: 11px;
border-radius: 5px;
background: #feed46; /* Old browsers */
background: -moz-linear-gradient(top, #feed46 0%, #e4730b 12%, #d15213 70%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #feed46 0%, #e4730b 12%, #d15213 70%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #feed46 0%, #e4730b 12%, #d15213 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff96', endColorstr='#d85a0d',GradientType=0 ); /* IE6-9 */
  -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;   

}


a.btn-7:hover, div.inner-btn-7:hover {
  opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);    

}



div.divider {
	border-top: 1px solid #e3eaec;
	margin: 40px 0 60px 0;
}




@media (max-width: 992px) {
   a.btn-7 {
    font-size: 15px;
    height: 48px;
   }
   
   div.result-holder {
   padding: 5px 0 0 0;
   }

}

@media (max-width: 767px) {
   a.btn-7 {
    height: auto;
   }
   
   h3.work-h3 {
   font-size: 20px;
   }
   
   div.divider {
	border-top: 1px solid #e3eaec;
	margin: 40px 0 40px 0;
}
}




/*---------------------block-7------------------*/

div.block-7 {
   padding: 160px 0 40px 0;
   background-image: url(images/triagnle_bcg_top_w.png), url(images/blc7_bcg.jpg);
   background-repeat: no-repeat, no-repeat;
   background-position: top, top;
   background-size: 100%, cover;
   color: white;
}

div.bl7-text {
    padding-top: 40px;
	 font-size: 16px;
	 margin-bottom: 60px;
}

@media (max-width: 1200px) {
div.block-7 {

   background-size: auto, cover;

}


}


@media (max-width: 992px) {

div.bl7-text {
	 font-size: 15px;
}

}




/*---------------------block-8------------------*/

div.block-8 {
   padding: 80px 0 80px 0;
   background-color: #fff6e2;
}

div.ramka {
	border-left: 1px solid #e5dac1;
   border-right: 1px solid #e5dac1;	
   border-top: 1px solid #e5dac1;	   
   width: 68%;
   margin: 0 auto 40px auto;
   height: 27px;
   
}


div.circle {
   width: 185px;
   height: 185px;
   margin: 0 auto 30px auto;
	border: 1px solid #f4a305;
   text-align: center;
   padding: 60px 0 0 0;
   border-radius: 300px;
}

div.blc8-text {
   font-size: 18px;
   font-weight: 700;
   color: #455158;
   text-align: center;
   margin-bottom: 20px;
}

.blc8-text span {
  font-size: 16px;
  font-weight: 300;
}


div.sub-payment {
   margin-top: 40px;
   margin-bottom: 40px;
	background-color: #ffffff;
   padding: 50px 22px 40px 22px;
   -webkit-box-shadow: #b9b2a3 0px 0px 5px;
   -moz-box-shadow: #b9b2a3 0px 0px 5px;
   box-shadow: #b9b2a3 0px 0px 5px; 
   position: relative;
	
}


div.triangle-top {
	background-image: url(images/top-triangle.png);
	background-repeat: no-repeat;
	background-position: center;
	width: 33px;
	height: 19px;
	position: absolute;
	left: 49%;
	top: -19px;
}



h3.blc8-h3 {
  padding: 0px 0px 60px 0px;
  margin: 0;
  font-size: 24px;
  color: #455158;
  font-weight: 300;
  text-align: center;
}

.blc8-i {
	margin-bottom: 30px;
}




@media (max-width: 767px) {

div.ramka {
   display: none;
   
}

.blc8-i {
	margin-bottom: 30px;
	margin-top: 30px;
}

div.triangle-top {
	left: 44%;
}

}





/*---------------------block-9------------------*/

div.block-9 {
   padding: 60px 0 140px 0;
   background-image: url(images/triagnle_bcg_bottom.png), url(images/blc7_bcg.jpg);
   background-repeat: no-repeat, no-repeat;
   background-position: bottom, bottom;
   background-size: 100%, cover;
   color: white;
}


img.l-sm {
	width: 100%;
	max-width: 201px;
  margin-bottom: 20px;
   -webkit-box-shadow: #b9b2a3 0px 0px 5px;
   -moz-box-shadow: #b9b2a3 0px 0px 5px;
   box-shadow: #b9b2a3 0px 0px 5px;   
}

div.blc9-text {
	color: white;
	margin-bottom: 30px;
}



@media (max-width: 1200px) {

div.block-9 {
   background-size: auto, cover;
}

}


/*---------------------block-10------------------*/

div.block-10 {
   padding: 20px 0 60px 0;
}



div.blc10-text {
	margin-bottom: 70px;
}

a.sh {
   box-shadow: #b9b2a3 0px 0px 0px;   
}


/*---------------------block-11------------------*/

div.block-11 {
   padding: 80px 0 60px 0;
   background-image:  url(images/bl3_bcg.png);
   background-repeat: repeat;
   background-position:  center;
   background-size: auto;
}


  div.video-container-2 {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin: 30px auto 50px auto;

 }
 
  .video-container-2 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
 

/*---------------------block-12------------------*/

div.block-12 {
   padding: 80px 0 40px 0;
   background-color: #fff6e2;
}

div.bl12-header {
	font-size: 18px;
	font-weight: 700;
   color: #455158;
   margin-bottom: 15px;
   text-align: center;
   margin-top: 15px;
}


div.bl12-text {
	margin-bottom: 60px;
}



/*---------------------block-13------------------*/

div.block-13 {
   padding: 80px 0 40px 0;
}

div.bl13-text {
	background-repeat: no-repeat;
	background-position: left;
	padding: 0 0 0 40px;
	font-size: 14px;
}

.bl13-i1 {background-image: url(images/bl13_i1.svg);}
.bl13-i2 {background-image: url(images/bl13_i2.svg);}
.bl13-i3 {background-image: url(images/bl13_i3.svg);}
.bl13-i4 {background-image: url(images/bl13_i4.svg);}



@media (max-width: 992px) {
div.bl13-text {
	padding: 8px 0 8px 40px;
	font-size: 12px;
}
}


@media (max-width: 992px) {
div.bl13-text {
	padding: 8px 0 8px 40px;
	font-size: 12px;
}
}



@media (max-width: 767px) {
div.bl13-text {
	padding: 6px 0 6px 40px;
	font-size: 14px;
}
}


.maps iframe{
    pointer-events: none;

}


.map-man {
	 height: 580px;
	     	 line-height: normal;
    	 font-size: 7px;

}



@media (max-width: 767px) {
.map-man {
	 height: 300px;
}

}


/*---------------------block-14------------------*/

div.block-14 {
   padding: 10px 0 10px 0;
   background-color: #455158;
   margin-top: -10px;
}




a.video-block-2 {
   display: block;
   background-image: url(images/video_sign.svg);
   background-repeat: no-repeat;
   background-position: left;
   background-size: 30px;
   padding: 5px 0 5px 40px;
   margin-top: 30px;
	font-size: 12px;
   color: #ffe119;
   outline: 0 !important; 
  -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease; 
   text-align: left;     
 }


a.video-block-2:hover {
   color: #ffffff; 
   text-decoration: none;  
 }



div.slogan-2 {
   padding: 29px 0 0 20px;
   color: white;
   font-size: 14px;
}




 div.tel-holder-2 {
 	background-image: url(images/tel_icon.svg);
 	background-repeat: no-repeat;
 	background-position: left;
 	padding: 0 0 0 33px;
 	font-size: 16px;
 	color: white;
 	font-weight: 700;
 	margin-top: 27px;
 	text-align: left;
 }
 
 
  div.schedule-2 {
 	background-image: url(images/clock.svg);
 	background-repeat: no-repeat;
 	background-position: left;
 	padding: 0 0 0 33px;
	margin-top: 30px;
 	font-size: 14px; 	
   color: white;
   text-align: left;
 }
 
 
 @media (max-width: 1200px) {
 
 div.slogan-2 {
   font-size: 12px;
    padding: 35px 0 0 20px;
}


a.video-block-2 {
   margin-top: 20px;
 }

 div.tel-holder-2 {
 	font-size: 14px;
 	 	margin-top: 33px;
 }
 
   div.schedule-2 {

 	font-size: 12px; 	

 }
 
 }
 

 @media (max-width: 992px) {
  div.tel-holder-2 {
 	font-size: 12px;
 	 	margin-top: 33px;
 }
 
  div.slogan-2 {
   font-size: 12px;
    padding: 28px 0 0 20px;
}
 
 }

 
 @media (max-width: 767px) {
   div.slogan-2 {
   text-align: center;
   padding: 15px 0 0 20px;
}

a.video-block-2 {
  display: inline-block;
  text-align: center; 
   padding: 7px 0px 7px 40px;  
}

 div.tel-holder-2 {
 	margin-top: 0px;
 	display: inline-block;
 	text-align: center;
 }
 
  
  div.schedule-2 {
   display: inline-block;
   text-align: center;
 	padding: 0 0 0 33px;
	margin-top: 10px;
 	font-size: 14px; 	
   color: white;
 }
 
 }

 
 


  /*-------------------top-small------------------*/
 
 div.top-small {
	background-color: #e98800;
	height: 50px;
	position: fixed;
	z-index: 999;
	width: 100%;
   top: -91px;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease; 
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    transform: translateY(0%);  

}
 

.show {
	 top: 0px !important;
}

   @media (max-width: 767px) {
   div.top-small {top: 0px; }
  }
 
 
 div.top-telephones {
 	color: white;
 	text-align: center;
 	font-weight: 700;
 	border-bottom: 1px solid #f9ab3e;
 }
 
 
 div.top-tel {
 	display: inline-block;
 	background-image: url(images/tel_icon.svg);
 	background-repeat: no-repeat;
 	background-position: left;
 	background-size: 15px;
 	padding: 0 0 0 20px;
   font-size: 14px;
 }
 
 
 	  div.top-tel-mob {
 	  display: none; 
 	  }

   
  @media (max-width: 767px) {
   div.top-telephones {
 	 display: none;
 	}
 	
 	
 	  div.top-tel-mob {
 	display: inline-block;
 	background-image: url(images/tel_icon.svg);
 	background-repeat: no-repeat;
 	background-position: left;
 	background-size: 15px;
 	padding: 0 0 0 20px;
   font-size: 14px;
   font-weight: 700;
   color: white;
   text-align: center;
   margin: 15px 0 0 20%;
 }
 
  
  }
 
 
 
 /*--------------------video-block---------------------*/
   
 
 div.video-block-holder {
    position: fixed;
    width: 120px;
    height: 120px;
    padding: 7px;
    right: 40px;
    bottom: -55px;
	background-color: #455158;    
	border: 4px solid #9cadb7;
   -webkit-box-shadow: #455158 0px 0px 2px;
   -moz-box-shadow: #455158 0px 0px 2px;
   box-shadow: #455158 0px 0px 2px;	
      -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease; 
 }
 
 
  div.video-block-holder:hover {
   bottom: -5px;
   
  }
 
 
.modal-open .video-block-holder {
   right: 57px;
   -webkit-transition: all 0.0s ease;
   -moz-transition: all 0.0s ease;
   -o-transition: all 0.0s ease;
   transition: all 0.0s ease; 	    
}


.modal-close .video-block-holder {
   right: 47px;
   -webkit-transition: all 0.0s ease;
   -moz-transition: all 0.0s ease;
   -o-transition: all 0.0s ease;
   transition: all 0.0s ease; 	    
}

   
.video-block-holder a {
    background-image: url(images/video_icon.svg);
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 45px;
	 font-size: 12px;
    color: #e7eff4;
	 display: block;
	 text-align: center;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease; 	 
}
 
 
 .video-block-holder a:hover {
    color: #ffffff;
 
 }
 
 
  
 @media (max-width: 992px) {
 div.video-block-holder {
    display: none;
}    
 
 }

 


/*-------------------------------form-------------------------*/

.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
padding-right: 17px;
}

h2.h2-modal {
	padding-bottom: 40px;
}





.form-bcg {
   background-color: #ffffff;    
}



.form-bcg-2 {
   background-color: #455158;    
}


.modal-p {

}


.modal.mcenter {
    text-align: center;
}

.modal-dialog.mcenter {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-content {
	border-radius: 0px;
}


@media screen and (min-width: 768px) {
    .modal.mcenter:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}




 input.input-blc-4 {
   width: 100%;
   border-radius: 0px;
   height: 48px;
   padding-top: 13px;
   padding-bottom: 13px;
   font-size: 16px;
   margin-right: 10px;
}


textarea.textfield-form {
   border-radius: 0px;
   font-size: 16px;
	
}

.text-holder {
	font-size: 17px;
}





.form-bcg {
	padding: 10px;
	border-radius: 0px;
}

.details {
	font-size: 15px;
	text-align: center;
}


 .modal-dialog .mcenter {
    display: inline-block;
    text-align: left;
    vertical-align: middle;

}

.close-cross  {
color: #282520;
   top: 5px;
   right: 5px;
   position: absolute;
   z-index: 999;
}



@media (max-width: 767px) {
.form-bcg {
	padding: 10px;
	border-radius: 0px;
}
}



/*----------------------product-cards-----------------------*/

 h2.card-h2 {
   font-size: 20px;
   color: #455158;
   font-weight: 700;
   padding: 0 0 40px 0;
   text-align: left;
}

 h3.card-h3 {
   font-size: 16px;
   color: #455158;
   font-weight: 700;
   padding: 10px 0 20px 0;
   text-align: left;
}
 
.modal-big {
	width: 1140px;
}

.modal-big-2 {
	width: 60%;
}

div.vd-3 {
	margin: 0px auto;
}


 .product-card {
 	padding: 30px 40px 30px 40px;
 }


div.label-height {
  background-image: url(images/height.svg);
  background-repeat: no-repeat;
  background-position: center;
  margin: 6px 5px 0 0;
  width: 26px;
  height: 26px;	
  float: left;
}
		
div.label-width {
  background-image: url(images/width.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 26px;
  height: 26px;	
  float: left;
  margin: 6px 5px 0 0px;
}

div.label-sections {
  background-image: url(images/sections_icon.svg);
  background-repeat: no-repeat;
  background-position: center;
  margin: 6px 5px 0 0;
  width: 26px;
  height: 26px;	
  float: left;
}
		


div.label-pipe {
  background-image: url(images/pr_i12.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 26px;
  height: 26px;	
  float: left;
  margin: 6px 5px 0 0px;
}


div.label-type {
  background-image: url(images/pr_i13.svg);
  background-repeat: no-repeat;
  background-position: center;
  width: 26px;
  height: 26px;	
  float: left;
  margin: 6px 5px 0 0px;
}


.par-select {
	border-radius: 0px;
	height: 40px;
	margin-right: 0px;
   float: left;
   width: 85%;	
}



.par-select-2 {
	border-radius: 0px;
	height: 40px;
   float: left;
   width: 80%;
   margin-bottom: 20px;
}



.par-label {
	font-weight: 300;
	margin: 0 5px 0 5px;
   float: left;
   width: 50px;	
}			


.form-man {
	margin-bottom: 20px;
}

a.display {
   display: block;
	padding: 15px 0 0 0;
}



a.btn-8 {
   margin: 0px 0 20px 0;
   display: block;
   bottom: 20px;
   width: 100%;
  	font-size: 18px;
   color: #ffffff;
   text-align: center;
   font-weight: 700;
   text-transform: uppercase;
   height: 53px;
   border-radius: 5px;
   padding: 2px;
   outline: 0 !important; 
   background: #e36504; /* Old browsers */
   background: -moz-linear-gradient(top, #ef9b58 0%, #e36504 12%, #d05114 85%, #ad320c 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, #ef9b58 0%,#e36504 12%,#d05114 85%,#ad320c 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, #ef9b58 0%,#e36504 12%,#d05114 85%,#ad320c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef9b58', endColorstr='#ad320c',GradientType=0 ); /* IE6-9 */
  -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;   
   -webkit-box-shadow: #472100 0px 0px 0px;
   -moz-box-shadow: #472100 0px 0px 0px;
   box-shadow: #472100 0px 0px 0px;   

 }



 

div.inner-btn-8 {
padding-top: 12px;
padding-bottom: 11px;
border-radius: 5px;
background: #feed46; /* Old browsers */
background: -moz-linear-gradient(top, #feed46 0%, #e4730b 12%, #d15213 70%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #feed46 0%, #e4730b 12%, #d15213 70%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #feed46 0%, #e4730b 12%, #d15213 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff96', endColorstr='#d85a0d',GradientType=0 ); /* IE6-9 */
  -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;   

}


a.btn-8:hover, div.inner-btn-8:hover {
  opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);    

}
		
		
div.pr-op {
	background-repeat: no-repeat;
	background-position: left;
	padding: 4px 0 4px 40px;
	margin-bottom: 10px;
}

div.tech {
	font-weight: 700;
	margin-bottom: 30px;
	text-align: center;
	font-size: 18px;
}

.pp-1 {	background-image: url(images/pr_i01.svg);}
.pp-2 {	background-image: url(images/pr_i02.svg);}
.pp-3 {	background-image: url(images/pr_i03.svg);}
.pp-4 {	background-image: url(images/pr_i04.svg);}
.pp-5 {	background-image: url(images/pr_i05.svg);}
.pp-6 {	background-image: url(images/pr_i06.svg);}
.pp-7 {	background-image: url(images/pr_i07.svg);}
.pp-8 {	background-image: url(images/pr_i08.svg);}
.pp-9 {	background-image: url(images/pr_i09.svg);}
.pp-10 {	background-image: url(images/pr_i10.svg);}
div.pp-11 {	background-image: url(images/pr_i11.svg);	padding: 0px 0 0px 30px;}
		

div.divider-product {
   border-top: 1px dashed #cccccc;
   margin: 20px 0 20px 0;
}

		
a.btn-99 {
	width: 40%;
	margin: 20px auto 0px auto;
}		


 @media (max-width: 1200px) { 
 
 .modal-big {
	width: 940px;
}

 
.par-select {
   width: 80%;	
}

a.display {
	padding: 5px 0 0 0;
}
}


 @media (max-width: 992px) { 
 
 .modal-big {
	width: 90%;
}

.modal-big-2 {
	width: 90%;
}

.par-select{
  width: 70%;
  padding-left: 5px;
}

div.pr-op {
	padding: 4px 0 4px 30px;
	font-size: 13px;
	background-size: 20px;
}

div.pp-9 {	background-image: url(images/pr_i09.svg); background-size: 25px;}
div.pp-10 {	background-image: url(images/pr_i10.svg); background-size: 25px;}

div.pp-11 { background-size: 15px; padding: 0px 0 0px 30px;}

}


@media (max-width: 767px) { 



div.label-pipe {
  width: 26px;
  height: 26px;	
  float: left;
 margin: 0 10px 0px 0;
}


div.label-type {
  width: 26px;
  height: 26px;	
  float: left;
  margin: 0 10px 0px 0;
}


div.label-width {
  width: 26px;
  height: 26px;	
  float: left;
  margin: 0 10px 0px 0;

}


div.label-sections {
  width: 26px;
  height: 26px;	
  float: left;
  margin: 0 10px 0px 0;

}

div.label-height {
  width: 26px;
  height: 26px;	
  float: left;
  margin: 0 10px 0px 0;
}


.par-select-2 {
	border-radius: 0px;
	height: 40px;
   float: left;
   width: 84%;
}



 
 div.pr-op {
 	margin-bottom: 0px;
 }
 
 a.btn-99 {
	width: 100%;
	margin-bottom: 10px;
}		

 .product-card {
 	padding: 25px 10px 10px 10px;
 }
 


.par-select{
  width: 84%;
  padding-left: 5px;
  margin-bottom: 20px;
}


a.display {
   display: block;
	padding: 15px 0 15px 0;
	margin-top: -30px;
	text-align: center;
}


.par-label {
	width: 60px;
	margin: 0 0 20px 0;
	text-align: center;
	float: left;
}

 
h2.card-h2 {
	text-align: center;
	padding: 0 0 30px 0;
}
 
.close-cross  {
color: #282520;
   top: 10px;
   right: 10px;
   position: absolute;
}
 
a.btn-8 {
	margin-bottom: 0px;
}

div.tech {
	margin-bottom: 10px;
}

.form-man {
	margin-bottom: 0px;
}

 }
 
 
 
 /*prodcut-send-message*/

.modal-product {
	 	padding: 30px 40px 30px 40px;
}

 h2.card-h2-2 {
   font-size: 20px;
   color: #455158;
   font-weight: 700;
   padding: 0 0 40px 0;
   text-align: left;
}


 h2.card-h2-3 {
   font-size: 20px;
   color: #455158;
   font-weight: 700;
   padding: 0 0 20px 0;
   text-align: center;
}


div.prices-text {
	font-size: 18px;
	margin: -20px 0 20px 0;
	text-align: center;
}


div.credit-text {
	font-size: 18px;
	margin: 20px 0 20px 0;
   text-align: center;

}


 @media (max-width: 767px) { 
 
 .btn-5 {
 	font-size: 18px;
 }
 
 .modal-product {
	 	padding: 30px 10px 10px 10px;
}

 h2.card-h2-2 {
   padding: 0 0 20px 0;
   text-align: left;
}



div.prices-text {
	font-size: 16px;
	}
	
	 h2.card-h2-3 {
   font-size: 16px;
}
 }
 
 
 
 /*---------------------thank you page------------------------------*/ 



 
 /*---------------------block-3------------------*/

div.block-3-thank {
   padding: 60px 0 80px 0;
   background-color: #fff6e2;
}

h2.h2-w-thank {
	padding-bottom: 10px;
}

.subhead-2-thank {
	font-size: 18px;
	text-align: center;
	margin-bottom: 70px;
}



div.bp3-text-thank {
	margin-bottom: 40px;
}




a.btn-4-thank {
   margin: 0px auto 0 auto;
   display: block;
   bottom: 20px;
   width: 40%;
  	font-size: 24px;
   color: #ffffff;
   text-align: center;
   font-weight: 700;
   text-transform: uppercase;
   height: 63px;
   border-radius: 5px;
   padding: 2px;
   outline: 0 !important; 
   background: #e36504; /* Old browsers */
   background: -moz-linear-gradient(top, #ef9b58 0%, #e36504 12%, #d05114 85%, #ad320c 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, #ef9b58 0%,#e36504 12%,#d05114 85%,#ad320c 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, #ef9b58 0%,#e36504 12%,#d05114 85%,#ad320c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef9b58', endColorstr='#ad320c',GradientType=0 ); /* IE6-9 */
  -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;   
  

 }



 

div.inner-btn-4-thank {
padding-top: 12px;
padding-bottom: 11px;
border-radius: 5px;
background: #feed46; /* Old browsers */
background: -moz-linear-gradient(top, #feed46 0%, #e4730b 12%, #d15213 70%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #feed46 0%, #e4730b 12%, #d15213 70%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #feed46 0%, #e4730b 12%, #d15213 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff96', endColorstr='#d85a0d',GradientType=0 ); /* IE6-9 */
  -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;   

}


a.btn-4-thank:hover, div.inner-btn-4-thank:hover {
  opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);    

}


div.block-1-thank {
   padding: 0px 0 250px 0;
	background-image: url(images/top_pic.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}

h1.h1-thank {
  padding: 0 0 20px 0;
  margin: 40px 0 0 0;
  text-align: center;
  font-size: 50px;
  color: #ffd800;
  font-weight: 700;
  text-shadow: 0px 0px 1px #662f00;
}


.h1-thank a {
  color: #ffffff;
  font-size: 50px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;     
}

.h1-thank a:hover {
color: #ffd800;
}


 @media (max-width: 992px) { 
 
 h1.h1-thank {
  font-size: 40px;
}
 
.h1-thank a {
  font-size: 40px;
  }

 }
 
 
 @media (max-width: 767px) { 
 
 div.tophank {
 	padding-top: 0px;
 }
 
div.block-1-thank {
   padding: 0px 0 20px 0;
}   
 
 
  h1.h1-thank {
  font-size:24px;
}

.h1-thank a {
  font-size: 24px;
  }

 
  a.btn-4-thank {
   width: 100%;
  }   
  
  .subhead-2-thank {
	font-size: 14px;
	text-align: center;
	margin-bottom: 70px;
}
 }

 /*hidden description*/
 
 .char-holder {
 	display: none;
 }
 
.param-line {
	display: none;
}

.param-line-show {
	display: block;
}

.prod-param-width, .prod-param-height, .prod-param-section, .prod-param-type {
	 display: inline-block;
}
.par-s-hide {	display: none;}
.par-s-show {	display: block;}

.par-ss-hide {	display: none;}
.par-ss-show {	display: block;}

.type-hide {	display: none;}
.type-show {	display: inline-block;}


.height-holder {
   display: none;
}

.width-holder {
   display: none;
}

.par-sl-hide {	display: none;}
.par-sl-show {	display: block;}