@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");




body {
	
	
 
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
 
	margin-top: 70px;
 
}



h1,h2,h3,h4,h5,h6{
	font-weight: 300;
	color: #333;
	
}

p{
	line-height: 28px;
	margin-bottom: 20px;
}

a{
	color: #007BFF;
}

a:hover, a:focus{
	color: #0062CA;
}


.container{
	
	padding-bottom: 20px;

}


.row-but{
	margin-top: 20px;
}

.centered {
	text-align: center;
	
}


.bg1 {
  
	background: lightblue url("/images/bg.jpg") no-repeat fixed center; 
	background-size: 100%;
	
}


.bg2 {
	background: lightblue url("/images/bg2.jpg") no-repeat fixed center; 
	background-size: 100%;;	
	
}


.bg3 {
	background: lightblue url("/images/bg3.jpg") no-repeat fixed center; 
	background-size: 100%;
}

 @media screen and (max-width: 980px) {
	.bg1 { background: lightblue url("/images/bg.jpg") no-repeat fixed center;  background-size: auto 100%;}
	.bg2 { background: lightblue url("/images/bg2.jpg") no-repeat fixed center;  background-size: auto 100%;}
    .bg3 { background: lightblue url("/images/bg3.jpg") no-repeat fixed center;  background-size: auto 100%;}
	.otstup { padding-bottom: 0px;}
	.d-md-block { display: block!important; min-height: 300px;}
	.d-block { height: 400px; }
   }
 

 @media screen and (min-width: 980px) {
	.otstup { padding-bottom: 30px;}
	
	.d-block { width: 100%; }
   } 




.filtertitle{
	font-size: 36px;
	font-weight: bold;
	display: inline;
}

.buffer{
	 
	 margin-bottom:20px;
	 padding: 5px 5px 5px 15px;
	 padding-top: 55px;
}

.buffer_button{
	
	 padding: 5px 5px 15px 15px;
}


.catalog{
	background-color: #ffffff;	
}

.circle{
	background-color: #ffffff;	
}

.circle_div{
	
	text-align: center;
	padding: 30px;
}

.background_white
{
  background: #ffffff;
  opacity: 0.8; /* создаёт новый контекст наложения */ 
}



.form_width{
	max-width: 550px;
	margin: 0 auto;
}


.configurator_mobile {
	display: none;
}


.white_shine{

 text-shadow: 2px 2px 5px #ffffff;
text-shadow: 
		-0   -1px 2px #FFFFFF,
		 0   -1px 2px #FFFFFF,
		-0    1px 2px #FFFFFF,
		 0    1px 2px #FFFFFF,
		-1px -0   2px #FFFFFF,
		 1px -0   2px #FFFFFF,
		-1px  0   2px #FFFFFF,
		 1px  0   2px #FFFFFF,
		-1px -1px 2px #FFFFFF,
		 1px -1px 2px #FFFFFF,
		-1px  1px 2px #FFFFFF,
		 1px  1px 2px #FFFFFF,
		-1px -1px 2px #FFFFFF,
		 1px -1px 2px #FFFFFF,
		-1px  1px 2px #FFFFFF,
		 1px  1px 2px #FFFFFF;

}

.color_orange{

 color: #F36522;

}

.color_green{

 color: #00A651;
}

.color_blue{

 color: #1A75BC;
}

.color_red{

 color: #E41317;
}



.aleft{

text-align: left;
}


.footer_color{

background-color: #353A40;
color: #ffffff;	
}


  @keyframes check {0% {height: 0;width: 0;}
    25% {height: 0;width: 10px;}
    50% {height: 20px;width: 10px;}
  }
  .checkbox{background-color:#fff;display:inline-block;height:28px;margin:0 .25em;width:28px;border-radius:4px;border:1px solid #ccc;float:right}
  .checkbox span{display:block;height:28px;position:relative;width:28px;padding:0}
  .checkbox span:after{-moz-transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg);transform:scaleX(-1) rotate(135deg);-moz-transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;transform-origin:left top;border-right:4px solid #fff;border-top:4px solid #fff;content:'';display:block;height:20px;left:3px;position:absolute;top:15px;width:10px}
  .checkbox span:hover:after{border-color:#999}
  .checkbox input{display:none}
  .checkbox input:checked + span:after{-webkit-animation:check .8s;-moz-animation:check .8s;-o-animation:check .8s;animation:check .8s;border-color:#555}
.checkbox input:checked + .default:after{border-color:#444}
.checkbox input:checked + .primary:after{border-color:#2196F3}
.checkbox input:checked + .success:after{border-color:#8bc34a}
.checkbox input:checked + .info:after{border-color:#3de0f5}
.checkbox input:checked + .warning:after{border-color:#FFC107}
.checkbox input:checked + .danger:after{border-color:#f44336}



@media (max-width: 768px) {
  .configurator_pc {display: none;}
  .configurator_mobile {display: block; }
}