*{outline:0 !important;}
//HELP
.zagolovok{font-size: 22px !important;text-align: center;padding: 10px;text-transform:uppercase;}

//end HELP


@screen-lg-min:1199px;
@screen-md-min:992px;
@screen-sm-min:768px;

@red:#ff3a35;
@blue:#336ab7;@blue_hover:#3E7ED6;


//menu (on *xs collapse to top)

// @media (min-width: @screen-lg-min) {.menuFirst-a{font-size:18px;}}
// @media (min-width: @screen-md-min)and(max-width: @screen-lg-min) {.menuFirst-a{font-size:17px;}}
//end

// //main menu (on *sm to left block)
// #mainmenu{padding:15px 0;}
// .menumain{color:black;border:1px solid #dadada;text-align: center;display:block;float:left;border-radius:5px;}
// .menumain:hover {text-decoration:none;color:white;background: url('http://detalt.ru/sy/images/elements/buttonBody.jpg') repeat-x;}
// .menumain:active{background:@blue;}
// @media (min-width: @screen-lg-min) {.menumain{font-size:15px;width:224px; height:35px; text-align: center;padding:7px;margin:2px;}}
// @media (min-width: @screen-md-min)and(max-width: @screen-lg-min) {.menumain{font-size:13px;width:184px; height:33px; text-align: center;padding:8px;margin:2px;}}
// // end

//fixed menu
//end


.phone{font-size:25px; color:#ff3a35; .pref{color:#FFA8A5;}}


.btn-info{background:@blue!important;; border:1px solid @blue!important;;}
.btn-info:hover{background:@blue_hover !important;}
.btn-info:focus{background:@blue_hover !important;}

//BLOCK ПРЕИМУЩЕСТВА
.preim-content{width:100%; min-height: 30px;display:none;}
.preim-content .activePC{display:block;}
.activePC{display:block;}
.preim-a{color: white;background: #336ab7;text-align: center;padding: 5px 0;display: block;font-size: 20px;border-radius: 8px 8px 0 0;}
.preim-a:hover{color:white;}
.preimul{font-size: 16px; padding:10px 30px;}
.preimul li{text-transform: uppercase;	color:@blue;}
//END



// //Tables
// .table td:nth-child(even){text-align:right;color:@blue;font-weight:bold; min-width:55px; width:30%;vertical-align:middle;}
// // .table td:nth-child(odd):first-letter{Color:black;}
// .table td{ text-indent:-1px;}
// //end tables

.rask1{padding-left:10px;list-style:none; margin:10px 0;border-left: 1px solid #ff3a35;}
.rask{cursor: pointer;}

section{float:left; width:100%; margin-top:20px;}


.gradient{
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #F6F6F6),
	color-stop(1, #E4E4E4)
	);
	background-image: -o-linear-gradient(bottom, #F6F6F6 0%, #E4E4E4 100%);
	background-image: -moz-linear-gradient(bottom, #F6F6F6 0%, #E4E4E4 100%);
	background-image: -webkit-linear-gradient(bottom, #F6F6F6 0%, #E4E4E4 100%);
	background-image: -ms-linear-gradient(bottom, #F6F6F6 0%, #E4E4E4 100%);
	background-image: linear-gradient(to bottom, #F6F6F6 0%, #E4E4E4 100%);
}
.gradient-blue{
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #146BC3),
		color-stop(1, #0D459E)
	);
	background-image: -o-linear-gradient(bottom, #146BC3 0%, #0D459E 100%);
	background-image: -moz-linear-gradient(bottom, #146BC3 0%, #0D459E 100%);
	background-image: -webkit-linear-gradient(bottom, #146BC3 0%, #0D459E 100%);
	background-image: -ms-linear-gradient(bottom, #146BC3 0%, #0D459E 100%);
	background-image: linear-gradient(to bottom, #146BC3 0%, #0D459E 100%);
}


section{
	h3{
		font-style: italic;
		font-weight: 400;
		text-align: left;
		border-bottom: 1px solid #ccc;
		padding-bottom: 10px;
	}
}

#promo{
	padding:0 0 30px 0;
	ul{
		margin: 10px 0 20px 10px;
	}
	li{
		font-style: italic;
		padding-left: 0px;
		font-size: 16px;
		list-style:none;
		margin: 10px 0;
	}

	li:before {
		  content: "\2014\a0";
		  margin-right: 4px;
		  color: #356aa0;
	}
}
#imagine{h3{font-size: 21px!important;}}
#price{
	padding:30px 30px 20px 30px;
	border-radius:6px;
	border-bottom: 6px solid #6591cc;
	background: #F0F4F5;
	font-size: 24px;
	font-style: italic;
	font-weight: 400;
	text-align: left;
	span{
		float:right;
	}
}

#vkluch{
	padding:30px 0;
	border-radius:8px;
	border: 1px solid #ced8db;
	.row:first-child{
		margin:0;
		margin-bottom:20px;
		border-left: 5px solid #6591cc;
	}
	.col-sm-12{
			padding: 0 30px;
	}
	h3{
		margin: 0;padding:0;
		padding-bottom:10px;
	}
	ul{
		margin: 10px 12px 0 22px;
	}
	li{
		margin: 10px 0;
		background: url('/bitrix/templates/main_tpl/img/bluecub.png') no-repeat 0 8px;
		list-style: none;
		padding-left: 25px;
	}
}
#video{
	padding:30px 25px;
	border-radius:8px;
	border: 1px solid #ced8db;
	background: #f1f4f5; 
	p{
		background: url('/bitrix/templates/main_tpl/img/camera.png') no-repeat 0 0;
		text-align:center;
		height: 35px;
		padding-top: 3px;
		padding-left: 25px;
	}
}
#dop{
	padding:30px 0;
	border-radius: 8px;
	border: 1px solid #ced8db;
	.row:first-child {
		margin:0;
		margin-bottom:20px;
		border-left: 5px solid #6591cc;
	}
	.col-sm-12{
			padding: 0 30px;
	}
	h3{
		margin: 0;padding:0;
		padding-bottom:10px;
	}
	table{
		padding:20px;
		tr{
			background: url('/bitrix/templates/main_tpl/img/bluecub.png') no-repeat 0 15px;
			padding-left:22px;
			margin-left:22px;
			display:inline-block;
			margin-right:15px;
		}
		td{
			padding: 10px 0;
			border-bottom: 1px solid #dadada;
		}
		td:nth-child(even){
			width:30%;
			text-align:right;
			font-weight:bold;
		}
		tr:last-child{
			td{border:0;}
		}
	}
}
#we{
	padding: 30px 0;
	border-radius: 8px;
	border: 1px solid #ced8db;
	.row:first-child{
		margin:0;
		margin-bottom:20px;
		border-left: 5px solid #6591cc;
	}
	.col-sm-12{
			padding: 0 30px;
	}
	h3{
		margin: 0;padding:0;
		padding-bottom:10px;
	}
	ul{
		margin: 10px 12px 0 22px;
	}
	li{
		margin: 10px 0;
		background: url('/bitrix/templates/main_tpl/img/bluecub.png') no-repeat 0 8px;
		list-style: none;
		padding-left: 25px;
	}
}

#more{
	padding:30px 0;
	border-radius: 8px;
	border: 1px solid #ced8db;
	.row:first-child{
		margin:0;
		margin-bottom:20px;
		border-left: 5px solid #ced8db;
	}
	.col-sm-12{
			padding: 0 30px;
	}
	h3{
		margin: 0;padding:0;
		padding-bottom:10px;
	}
	.col-sm-4{text-align:left; padding-left:70px;}
}
#help{
	ul{
		font-style:italic;
		border-left:2px solid #B41313;
		li{
			list-style: none;
			padding:10px 0 10px 20px;
			color:black;
			font-family:Verdana;
		}
		li:last-child{
			border-bottom: 0;
		}
		li:first-letter{
			text-transform:uppercase;
		}
	}
}

#seotxt{
	margin-top:50px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 10px;
	.col-sm-3{text-align: center;}
	img{border-radius:50%;width:130px; padding-bottom:10px;}
	p{color:81a82d; text-align:center;}
	.i1{
		width: 38px;
		position: relative;
		top: -28px;
		left: 400px;
	}
	.i2{
		width: 38px;
		position: relative;
		top: 38px;
		left: 400px;
	}
	.col-sm-9{
		font-size: 15px;
	}
}





#pricetable{
min-height: 82px;
	table{
		float:left;
		min-height: 20px;
		font-size:25px;
		font-family:Georgia;
		font-weight:bold;
		font-style:italic;
		width:100%;
		border-collapse: inherit;
		padding:10px 20px;
		border:1px solid #e3e3e3;
		border-radius:10px ;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
		text-align: center;
		color:#B41313;
	}
	div{
		min-height: 82px;
		float:left;
		width:50%;
		border:1px solid #e3e3e3;
		border-radius:0 10px 10px 0;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
		input{
			margin:8px;
			width:60%;
			height:28px;
		}
		button{
			padding: 9px;
			float: right;
			margin: 8px;
			border: 0;
			text-align:left;
			background:inherit;
			color:@blue;
		}
		button:hover{
			text-decoration:underline;
		}

	}
}


#princip{
	
	padding:30px 0px;	
	ul{
		font-size:16px;
		font-style:italic;
		li{
			list-style: none;
			
			padding-left: 30px;
			line-height: 42px;
			height: 50px;
			img{
				padding-right:10px;
			}
		}
	}
	.kalkul{
		border: 3px solid #e9e9e9;
		text-align: center;
		height: 235px;
		border-radius: 20px;
		.c1{
			font-size: 22px;
			color: #0643a9;
			font-weight: bold;
			font-family: Helvetica;
			text-align: center;
			text-transform: uppercase;
			margin: 20px 0 5px 0;
		}
		.c2{
			font-size: 17px;
			text-align: center;
			text-transform: uppercase;
			margin: 5px 0 5px 0;
		}
		.c3{
			text-align: center;
		}
		button{
			text-align: center;
			border: 0;
		}
	}
}

#garant{
	padding:20px;
	border:1px solid #e3e3e3;
	border-radius:20px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	.col-sm-4{
		text-align: center;
		div{
			box-shadow: 0px 0px 2px #6B6B6B;
			float:left;
			width:60px;
			height:60px;
			border-radius: 25%;
			background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0, #146BC3),
			color-stop(1, #0D459E)
			);
			background-image: -o-linear-gradient(bottom, #146BC3 0%, #0D459E 100%);
			background-image: -moz-linear-gradient(bottom, #146BC3 0%, #0D459E 100%);
			background-image: -webkit-linear-gradient(bottom, #146BC3 0%, #0D459E 100%);
			background-image: -ms-linear-gradient(bottom, #146BC3 0%, #0D459E 100%);
			background-image: linear-gradient(to bottom, #146BC3 0%, #0D459E 100%);
		}
		img{
			padding: 10px;
			width: 56px;
			margin-left: 3px;
		}
		span{
			float: left;
			margin: 5px 12px;
			font-size: 17px;
			text-align: left;
			display: inline-block;
		}
	}
}





#preimus{
	.col-sm-12{
			background: url('/bitrix/templates/main_tpl/img/emap.png') 100%;
	}
	.pr-n{
		-webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
		-o-transition:  all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	 	-ms-transition:  all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
	 	-moz-transition:  all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);

		transform: scale(0);
		-webkit-transform: scale(0);
		-o-transform: scale(0);
		-moz-transform: scale(0);

		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0, #146BC3),
			color-stop(1, #0D459E)
		);
		background-image: -o-linear-gradient(bottom, #146BC3 0%, #0D459E 100%);
		background-image: -moz-linear-gradient(bottom, #146BC3 0%, #0D459E 100%);
		background-image: -webkit-linear-gradient(bottom, #146BC3 0%, #0D459E 100%);
		background-image: -ms-linear-gradient(bottom, #146BC3 0%, #0D459E 100%);
		background-image: linear-gradient(to bottom, #146BC3 0%, #0D459E 100%);

	  position:relative;
	  display: inline-block;
	  padding:12px 20px;
	  color: white;
	  text-align: center;
	  border-radius: 5px;
	  box-shadow: 1px 2px 5px #797979;
	}
	.pr-n:after {
	  content: '';
	  position: absolute;
	  width: 0;
	  height: 0;
	  border: 7px solid transparent;
	}
	 
	.pr-n:after {
	  border-top-color: #0D459E;
	  top: 100%;
	  left: 50%;
	  margin-left: -7px;
	}

	#pr1{
		top: 256px;left: 525px;
	}
	#pr2{
		top: 100px;left: 55px;
	}
	#pr3{
		top: 75px;left: 425px;
	}
	#pr4{
		top: 125px;left: 0;
	}
	#pr5{
		top: 126px;left: 380px;
	}
	#pr6{
		top: 175px;left: 320px;
	}
	#pr7{
		top: 115px;left:250px;
	}
}

.showen-n{
	transform: scale(1)!important;
	-webkit-transform: scale(1)!important;
	-o-transform: scale(1)!important;
	-moz-transform: scale(1)!important;
}



#footer-contact{
	padding:10px 20px;
	border:1px solid #e3e3e3;
	border-radius:20px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
	table{
		min-height:50px;
		width:100%;
		td{
			width:32%;
			padding:10px;
			.img-n{
				width:100%;
				height:45px;
				padding:11px;
				border-radius:6px;
				span{
					display: inline-block;
					width: 87%;
					text-align: center;
					font-size: 15px;
					line-height: 23px;
					color:white;
				}
			}
			.img-n:hover{
				cursor:pointer;
				box-shadow: inset 0px 0px 6px black; 
			}
		}
		td:nth-child(2){
			width:36%;
			text-align:center;
			//border-left: 1px solid #999;
			//border-right: 1px solid #999;
			font-size: 26px;
		}
	}
}





#preimus1{
	background:url('/bitrix/templates/main_tpl/img/bg-h.png') no-repeat ;
	background-size:100%;
	border-radius:10px;
	height:259px;
	border:5px solid rgb(65, 65, 228);
	div{
		background: rgba(255, 255, 255, 0.85);
		width:100%;
		position: relative;
		top: 0;
		left: 0;
		height:249px;
		border-radius:10px;
		img{
			margin: 83px 25px 0 145px;
			width:120px;
		}
		span{
			position: relative;
			top: 69px;
			line-height: 33px;
			font-size: 24px;
		}
	}
}