@font-face {
	font-family:'Intro';
		src:url('../fonts/intro.eot');
		src:url('../fonts/intro.eot?#iefix') format('embedded-opentype'),			
				url('../fonts/intro.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
body{
	overflow-y:scroll;
	padding-right: 0 !important;
}
.modal-open{
	padding-right: 17px !important;
}
.zak-ok .modal-dialog{
	padding-left: 17px;
}
.flex_top{
	align-items:flex-start;
}
.flex_center{
	align-items:center;
}

/**************Первый экран*****************/
.rose_bg{
	background:#f49395;
	color:#fff;
}
.rose_bg ul{
	padding:0;
	margin:0 0 25px;
	list-style:none;
}
.rose_bg ul li{
	text-transform: uppercase;
	position:relative;
	padding-left:15px;
	margin-bottom:5px;
}
.rose_bg ul li:before{
	content:'';
	display:block;
	width:6px;
	height:6px;
	background:#e5f6fa;
	position:absolute;
	left:0;
	top:7px;
}
.slider_nav{
	margin-right:5px;
	padding:50px 0;
	width:51px;
}
.slide_nav{
	margin-bottom:5px;
}
.slider_nav img{
	cursor:pointer;
}
.slider_nav .slick-slide.slick-current{
	position:relative;
	box-shadow: 0px 2px 2px 0px rgba(77,77,77,0.46);
}
.slider_nav .slick-slide.slick-current:before{
	content:'';
	display:block;
	top:0;left:0;right:0;bottom:0;
	position:absolute;
	border:2px solid #fff;
}
.slider{
	width:calc(100% - 56px);
	height:324px;
	overflow:hidden;
}
.slide{
	height:324px;
}
.slide a{
	display:block;
	height:100%;
	background-repeat:no-repeat !important;
	background-size:cover !important;
}

/********************Комплектация**************/
.complect{
	padding:15px 0 0;
}
.blue_bg{
	background:#d4e2ff;
	color:#181818;
	padding:25px 15px;
	text-align:center;
	height:100%;	
}
.blue_bg.flex{
	justify-content:center;
	flex-direction:column;	
}
.blue_bg.flex_top{
	justify-content:space-between;	
}
.blue_bg h3{
	color:#f86463;
	font-size:20px;
	margin-bottom:0;
	text-transform: uppercase;
}
.blue_bg > p{
	font-size:14px;
	margin:0;
}

/****************КОНТЕНТ****************/
.blue_color{
	color:#405d9b !important;
}
.color_gray{
	color:#494949;
}
.color_rose{
	color:#f86463;
}
.blue_bg > div > p{
	margin:25px 0;
}
.blue_bg .blue_btn{
	margin:0 auto;
}
.font20{
	font-size:20px;
	line-height:25px;
}
.font18{
	font-size:18px;
	line-height:23px;
}
.font16{
	font-size:16px;
	line-height:19px;
}
.pad_10{
	margin:0 -7.5px;
}
.pad_10 > div{
	padding:0 7.5px;
	margin-bottom:15px;
}
.tt_u{
	text-transform: uppercase;
}
.advant p{
	margin-bottom:0;
}
.advant .row{
	margin-top:4rem;
}
ul.list_arrow{
	list-style: none;
	padding: 0;
	display: table;
	margin: auto;
}
ul.list_arrow li{
	padding-left:30px;
	margin:25px 0;
	font-size:20px;
	background:url(../img/chek2.png) no-repeat left top;
	font-size:16px;
	line-height:16px;
	min-height:21px;
}
ul.list_arrow li:before{
	display:none;
}
.table-responsive{
	display:table;
}
h6{
	font-family:'PT Sans';
	font-weight:bold;
	font-size:14px;
	margin-bottom:15px;
	text-transform: uppercase;
}
ul.rose_marker{
	margin:18px 0;
	padding:0;
	list-style:none;
}
ul.rose_marker li{
	padding-left:12px;
	font-size:14px;
	position:relative;
}
ul.rose_marker li.tt_u{
	margin-bottom:13px;
}
ul.rose_marker li:before{
	content:'';
	display:block;
	width:5px;
	height:5px;
	background:#f86463;
	position:absolute;
	top:8px;
	left:0;
}
.complect .rose_marker{
	margin-left:30px;
}
.blue_bg p.tt_u{
	margin:1rem 0 0;
}
.titles h3{
	margin:0;
}
.cabini img{
	max-width:100%;
	display:block;
	margin:0 auto;
}


/**************Блок с кнопками**************/
.btn_block .container{
	width:600px;
	max-width:100%;
}
.btn_block .rose_btn{
	margin:0 auto;
}

/******************Проекты*****************/
.project {
	margin:120px auto;
}
.project .col-sm-5ths{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-end;
}
.project .col-sm-5ths a{
	text-decoration: underline;
	margin-top:25px;
	color:#3a4f83;
}
.project .col-sm-5ths a:hover{
	text-decoration: none;
}
.project .col-sm-5ths img{
	max-width:100%;
}
.elem {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-end;
}
.elem h6{
	color:#494949;
	font-weight:bold;
	text-transform: none;
	font-size:16px;
}

/*******************Карта**************/
.distribution {
	padding: 39px 0;
	background: #d4e2ff;
}
.distribution > div {
	width: 646px;
	max-width:100%;
	margin: 0 auto;
	padding:0;
}
.distribution > div > div{
	margin:0 0 10px;
	position:relative;
}
.distribution > div > div span{
	position: absolute;
	display: block;
	width: 23px;
	height: 33px;
	cursor: pointer;
	background: url(http://koleso5zvezd.ru/Content/images/distribution_pin.png) no-repeat left top;
}
.distribution > div h2 {
	color: #5077cb;
	font-size: 18px;
	line-height: 29px;
	font-weight: normal;
	font-family: 'Intro', sans-serif;
	text-align: center;
	text-transform: uppercase;
	margin: 0 0 13px;
}
.distribution > div ul {
	clear: both;
	list-style:none;
	overflow: hidden;
	margin: 10px 32px 20px;
}
.distribution > div ul li {
	float: right;
	width: 180px;
	color: #95aad6;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	font-family: 'Intro', sans-serif;
	text-align: center;
	text-transform: uppercase;
}
.distribution > div ul li:first-child {
	float: left;
	color: #f86463;
}
.distribution > div ul li span {
	display: block;
	font-size: 60px;
	line-height: 60px;
	margin: 0 0 7px;
}
.distribution img{
	max-width:100%;
}
.light_block h3{
	color:#4f608d;
	font-size:20px;
	margin:10px 0 0;
}
.light_block img{
	max-width:100%;
}
.light_block h3 + p{
	color:#494949;
	font:bold 16px 'PT Sans';
}

/**********************Кнопки******************/
.btns{
	display: block;
	width:90%;
	max-width:100%;	
	color:#fff;
	text-align: center;
	font:18px/55px 'Intro';
	height:55px;	
	text-decoration: none;
	text-transform: uppercase;
	transition:all ease .5s;
	border:0;
}
.btns:hover,
.btns:focus{
	text-decoration: none;
	color:#fff;
}
.blue_btn{
	background:#405d9b;
}
.blue_btn:hover{
	background:#283c60;
}
.rose_btn{
	background:#f86463;
}
.rose_btn:hover{
	background:#f49395;
}

/********************ФОРМА******************/
.call .form .more{
	display:none;
	width: 390px;
	max-width:100%;
	padding: 21px 0 0;
	margin: 0 auto -17px;
}
.call .form .more p {
	color: #507dd7;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 0 24px;
}
.call .form .more p span {
	display: block;
	margin: 0 0 2px;
}
.call .form .more p input,
.call .form .more p textarea {
	width: 100%;
	max-width:100%;
	color: #507dd7;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 11px 19px 10px;
	border: 2px solid #507dd7;
}
.call .form .buttons {
	display:flex;
	justify-content:space-between;
	width:390px;
	max-width:100%;
	margin: 15px auto 20px;
}
.call .form .buttons button{
	display:block;
	color: #ffffff;
	font-size: 18px;
	line-height: 56px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	height:56px;
	border:0;
}
.call .form .buttons button:focus{
	outline:0;
}
.submit {
	background: #f86463;
	width:210px;
}
.submit.show{
	margin:0 auto;
}
.submit.send{
	margin-right:20px;	
}
.call .form .buttons .hide {
	display: none;   
	font-size: 14px;
	background: #3a4f83 url(http://koleso5zvezd.ru/Content/images/form_hide.png) no-repeat 135px center;
	width:calc(100% - 230px);  
}
.director_block{
	text-align: center;
	margin:0px auto 0;
	width:340px;
	max-width:100%;
}
.director_block img{
	margin-bottom: 15px;
	width:85px;
}
.director_block.no_bg{
	background:transparent;
	margin-top:0;
	padding:30px 0;
}
.director_block.no_bg img{
	width:auto;
	border:3px solid #fff;
	border-radius:100%;
}
.director_block.no_bg h6{
	border-top:1px solid #7fa4ed;
	padding-top:10px;
	margin-bottom:10px;
}
.director_block.no_bg p{
	border-bottom:1px solid #7fa4ed;
	padding-bottom:10px;
	margin:0;
}



/*Модалка*/
.zakaz .modal-dialog{
	width:400px;	
}
.zakaz .modal-body{
	padding:30px;
}
.send-btn{
	width: 100%;
	background: #ff3787;
	color: #fff;
	border-color: #ff3787;
}
.send-btn + .input-group-addon{
	background: #ff3787;
  color: #fff;
	border-color: #ff3787;
}
.send-btn:focus{
	outline:0;
}
.send-btn:hover,
.send-btn:hover + .input-group-addon{
	background:#e44786;
	border-color:#e44786;
	color:#fff;
}
.form-title{
	font-size:18px;
	line-height: 1;
	text-transform: uppercase;
	color: rgba(255,0,102,.8);
	text-shadow: 0px 1px 0;
}
.close{
	position: absolute;
	font-size: 29px;
	top:10px;
	right:10px;
	color: rgba(255,0,102,.8);
	text-shadow: 0px 1px 0;
	opacity:1;
	font-weight:normal;
}
.zak-ok .modal-content{
	background:#57a6ff;
	color:#fff;
	font-size:25px;
	text-transform: uppercase;
	text-align: center;
	font-weight:bold;
}




@media(max-width:1199px){
	
}
@media(max-width:991px){
	.elements .flex_center{align-items:flex-start;}
}
@media(max-width:767px){
	.title h1{padding:0 110px;position:relative}	
	.advant{margin-top:5rem;}
	.advant .row{margin-top:0;}
	.project .col-sm-5ths{width:100%;margin-bottom: 2rem;}
	.project .col-sm-5ths:last-child{margin-bottom: 0;}
	.light_block .col-md-3,.light_block .col-md-4{margin-bottom:1rem;}
	.elements .mt-5{margin-top:0 !important;}
	.elements .flex_center{flex-direction:column;align-items:center;}
	.elements .flex_center h4{text-align:center;}
	.elements .flex_center img{margin-bottom: 1rem;margin-right:0 !important;}
	.director_block{margin:0 auto 2rem;}
	section.call h2{text-align:center;}
	.complect .blue_btn{margin-top: 2rem;}
	.cabini{text-align:center;}
}
@media(max-width:640px){
	.title h1{padding:0 90px;}
	.distribution {zoom:0.8;}
}
@media(max-width:480px){
	.title h1{padding:0;}
	.w-title h2{padding:0 20px;}
	.distribution {zoom:0.7;}
}
@media(max-width:360px){
	.call .form .buttons{flex-direction:column;}
	.call .form .buttons button{margin-bottom:1.5rem;width:100% !important;background-image:none !important;}
	.advant h4{font-size:15px;}
	.w-title h2{padding:0;}
	.btn_block .rose_btn{font-size:12px;}
	.distribution {zoom:0.6;}
}
@media(max-width:320px){
	.distribution {zoom:0.5;}
}