@font-face {font-family:'Display';src: url("../font/display.ttf");}
body{font-family:Arial;}
h1{text-transform:uppercase;text-align:center; font-size:28px;}
h3{text-transform: uppercase;text-align:center;margin-top:40px;position:relative;}
h3:before{content: '';position: absolute;top:35px;bottom:-15px;left:0;right:0;width:100px;height:3px;background: #e30613;margin: auto}
h4{text-transform: uppercase;text-align:center;margin-top:35px;}
input, select {outline:none;}
.top-box{
	padding-top: 15px;
	padding-bottom: 15px;
	height:80px; 
}
.no-padding{
	padding:0;
}
.d-flex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
header{margin-top:-20px;}

.header-menu{
	width:100%;
	min-height:44px;
	background-color:#5d98cf;   
}
.franchise{ 
	text-decoration:none;
	font-size:15px; 
	font-weight:600; 
	color:#000; 
}
.franchise:hover{
	text-decoration:none;
    color:#000; 
}
.social{
	overflow:hidden; 
	padding: 20px;
	height:20px;
	width:20px;
}
.social:hover{
	transform:scale(1.1); 
}
.align{
	display:flex;
	justify-content:center;
	align-items:center;   
}
.phone1-ikon{
	padding-left:10px; 
}
.phone2-ikon{
	padding-left:10px; 
}
.nomer{
	float:right;
	padding-right:30px;
	color:#848080;  
}
.nomer:hover{
	text-decoration:none; 
	color:#686767;
}
.adress{
	color:#848080;
	float:right; 
	text-align:right;  
}
.location{
	margin-left: 40px;
}
.punkt{
	color:#848080;
}
.punkt>a{ 
	color:#848080; 
}
.punkt>a:hover{ 
	color:#686767;
	text-decoration:none;
}
.post {
	margin-top: 6px;
}
.post i {
	font-size: 16px;
    color: #9E9E9E;
    margin-right: 11px;
    margin-top: 2px;
} 
.gps-img{
	margin-top:-15px;
	padding-right:13px;  
}
.gps-img_office {
	margin-top: -38px;
}
.gps-img_punkt {
	margin-top: 0;
}
ul.menu-top{
	display:table; 
	text-transform:uppercase;
	width:100%; 
	text-align:center; 
}
.menu-top>li{ 
}
.menu-top>li>a{
	color:#fff; 
}
.menu-top>li>a:hover, .menu-top>li>a:focus{
	background-color:#5d98cf;
	color:#686767; 
}
.navbar-nav > li {
	float:none;
}
.navbar-nav > li > a {
	padding-top: 12px !important;
    padding-bottom: 12px !important;
}
.navbar-collapse{
	padding-left:0;padding-right:0;
}
.advantages-header{
	margin-top:10px;   
	background-color:#f8f8f8;  
    text-align:left; 
    font-weight:600; 
    line-height:25px; 
    font-size:13px; 
	box-shadow: -7px 7px 20px 2px #ecebeb;
}
.border-adv{
	border-bottom:0.5px solid black;
	position:relative;  
	font-family:Arial;
}
.border-adv:before{
	content: '';
    position: absolute;
    left: -40px;
    top: 0px;
    bottom: 0;
    margin: auto;
    border-radius:50%; 
    background:url(../img/tick.png);  
    width: 30px;
    height: 30px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.adv-txt{
	padding-top:14px;  
}
.online-order{
	text-transform: uppercase;
	text-align:center;
	font-size:25px;
	padding-top:35px;
}
.tovar-box{
	width:100%;
	margin-top:15px;   
	background-color:#f7f7f7;
    box-shadow:-7px 7px 20px 2px #ecebeb;  
    text-align:center;
    padding-bottom:20px; 

} 
.name-tovar{
	padding-top: 10px; 
	font-size:15px;
	font-weight:600;  
	height:40px;
	padding:10px 5px 0px 5px;
}
.tovar-img{
	padding-top:10px;
	padding-bottom:10px;
	width:160px;
} 
.price{
	font-weight:600;
	color:#000;  
}
.price-color{
	font-size:18px;
	color:#5d98cf; 
	width:50px;
	text-align:center;
	border:none;
	cursor:pointer;
	background: none;
}

.strip{
	height:0.5px;
	width:60%;
	margin-left:20%;
	background-color:#dcdcdc;   
}
.description{
	padding-top:5px;
	font-size:13px;  
}
.button-order{
	height:30px;
	width:50%;
	margin-left:25%;
	background-color:#fff;
	border: 1px solid #000;
	color:#000;
	display:flex; 
	align-items:center;
	justify-content:center;
	text-transform:uppercase;     
}
.button-order:hover, .button-order:focus{
	text-decoration:none; 
	color:#fff;
	background-color:#5d98cf;
	border:none; 
}
.faq{ 
	margin-top:50px; 
	padding-bottom:20px;  
	background-color:#f7f7f7;
    box-shadow:-7px 7px 20px 2px #ecebeb;  
}
.list{
	padding-top:25px; 
	padding-left:30px; 
	font-size:13px;   
	text-transform:none;
	text-align:left; 
}
.list>p>a{
	color:blue;text-decoration:underline;
}
.border{ 
	border-bottom: 0.5px solid black;
}
.dropdown-menu{
	text-align:center;
	background-color:#5d98cf; 
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
	background-color:#5d98cf;
}
.cifra{
	float:left; 
	font-size:80px;
	color:#5167a8;  
}
textarea{resize: none;}
.comment-box{
	background-color:#f7f7f7; 
	box-shadow:-7px 7px 20px 2px #ecebeb;
	margin-top:30px;
}
.foto{
	padding-left:20px;
	padding-top:30px;
	float:left;   
}
.name-klient{
	text-transform:uppercase;
	font-size:15px;
	padding-top:45px;
	text-align:center; 
	font-weight:600;    
}
.comment{
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	font-size:15px;
	font-style:italic;
	padding-bottom:30px;  
}
.rezume{
	padding-top:30px; 
}
.circle{
	margin-top:15px;
	margin-left:20px;
	position:relative;     
}
.circle:before{
	content: '';
    position: absolute;
    left: -20px;
    top: 0px;
    bottom: 0;
    margin: auto;
    border-radius:50%; 
    background-color:#5167a8; 
    width: 12px;
    height: 12px;
    background-size: 100% 100%;
    background-repeat: no-repeat;    
}
.application{
	background-color:#f7f7f7; 
	box-shadow:-7px 7px 20px 2px #ecebeb;
	min-height:200px;  
	position:relative;  
}
.consultation{
	text-transform:uppercase;
	font-size:20px;
	color: red;
	padding-top:30px;
	font-weight:600;    
}
.girl-img{
	position:absolute; 
	right:20px;
	top:0;
	bottom:49px;
	margin:auto;   
}
.map{
	margin-top:50px;
	position:relative; 
}
.map2{
	border:1px solid gray;
	margin-bottom:20px;   
}
.footer{
 	min-height:100px;
 	width:100%;
 	background-color:#181818;   
}
.logo-footer{
	padding-top:10px;  
}
ul.footer-menu{
	padding-top:10px;
	width:100%;
	display:table;  
	text-align:center; 
	list-style:none; 
}
.footer-menu>li>a{
	color:#fff;
	text-decoration:underline;  
}
.footer-menu>li>a:hover, .footer-menu>li>a:focus{
	background-color:#181818;
	color:#bbc0c5; 
	text-decoration:underline;
}
.social-foot{
	overflow:hidden; 
	padding:20px;  
	height:25px;
	width:25px;    
}
.social-foot:hover{
	transform:scale(1.1); 
}
.contakt-foot{
	color:#fff;
	padding-top:10px;  
}
.contakt-foot i {
	font-size: 16px;
	margin-right: 10px;
}
.adress-foot{
	padding-left:30px; 
	padding-top:10px;
	color:#fff;
}
.footer-bottom{
	width:100%;
	height:40px;
	background-color:#000;
	color:#fff; 
	font-style:oblique;
	font-size:13px; 
}
.footer__punkt{
	margin-left: 36px;
	margin-top: 10px;
}
.footer__punkt .gps-img {
	padding-right: 14px;
}
.header-all{
	text-align:left; 
	text-transform: uppercase;
	font-size:25px;
	margin-top:20px;
	padding-bottom:0px;  
}
.deliv-link{
	font-size:25px;
	padding-top:10px; 
	padding-bottom:10px;   
}
.deliv-link:hover{
	text-decoration:none; 
}
.text-deliv{
	text-align:justify;
	font-size:13px;  
}
.uslugi-header{
	text-align:center;
	font-size:20px;
	text-transform:uppercase;
	color:#1f537c;
}
.link-uslugi{
	text-decoration:underline; 
}
.name-form{
	height:40px;
	width:45%; 
	margin-top:50px;
	border:1px solid #ededed; 
	padding-left: 10px; 
}
.name-form2{
	height:40px;
	width:45%; 
	margin-top:50px;
	border:1px solid #ededed; 
	padding-left: 10px;
}
.btn1{
	height:40px;
	width:45%;
	margin-top:10px;
	background-color: red;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	border:none; 

}
.btn2{
	display:inline-flex;
	justify-content:center;
	align-items:center;  
	height:40px;
	width:45%;
	margin-top:10px;
	background-color:#fff;
	color:#000;
	text-align:center;
	text-transform:uppercase;
	border:1px solid #000; 
	margin-bottom:10px;     
}
.btn1:hover{
	background-color:#fff;
	color:red;
	border:1px solid red; 
}
.btn2:hover{
	background-color:#000;
	color:#fff; 
}
.nomer-foot{
	color:#fff;
	padding-left:5px;
	padding-top:10px;   
}
.nomer-foot:hover{
	color:#bbc0c5;
}
.phone-foot-img{
	padding-top:10px; 
}
.contact-map{
	position:absolute;
	padding-bottom:20px; 
	width:250px;
	right:30px;
	top:50px; 
	background-color:#fff; 
	box-shadow:-7px 7px 20px 2px #afafaf;     
}
.head-map{
	text-align:center;
	text-transform:uppercase;
	font-size:23px;
	padding-top:10px;    
}
.phone-map{
	text-align:justify; 
	font-size:17px;   
}
.phone-map2{
	text-align:justify; 
	font-size:17px;
	padding-top:15px;
}
.phone-map>div>a{
	color:#000; 
}
.phone-map2>div>a{
	color:#000;
}
.mail-map{
	text-align:justify; 
	font-size:18px;
	padding-top:15px;
}
.gps-map{
	text-align:justify; 
	font-size:13px;
	padding-top:15px;
	color:#000;
}
.button-map{
	height:40px;
	width:70%;
	margin-left:15%;
	background-color:#fff;
	border:1px solid #000;
	color:#000;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:20px;   
	text-transform:uppercase; 
	font-size:16px;      
}
.button-map:hover{
	background-color:#000;
	color:#fff;
	text-decoration:none;  
}
.check{
	margin-top:-15px;
}
.align-adv{
	display:flex;
	justify-content:center;
	align-items:center;   
}
.for-ip{
	margin-top:20px; 
}
.form-order{
	width:100%;
	margin-top:20px; 
	padding-top:20px;
	padding-bottom:20px;  
	background-color:#fff; 
	box-shadow:-7px 7px 20px 2px #ecebeb;
}
.head-form{
	font-size:18px;
	text-transform:uppercase;
	color:#1f537c;  
}
.in-set{
	float:right;
	width:60%; 
	margin-bottom:10px;
	padding-left:10px; 
	height:30px;   
	font-size:14px;
	border: 1px solid #ededed;
	box-shadow:-4px 7px 10px 1px #ededed; 
}
.set-label{
	padding-top:10px;  
}
.prim-cub{
	height:150px;
	border:2px solid black;
}
.form-maket{
	width:56%; 
	margin-top:25px; 
	padding: 20px 15px;  
	background-color:#fff; 
	box-shadow:-7px 7px 20px 2px #ecebeb;
}
.form-maket #content .chek {
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 0;
	padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 50px;
}
.form-maket #content .chek .checkmark {
	margin-top: 14px;
	margin-left: 15px;
}
.form-maket #content .chek:hover{
	background: #eeeeee;
}
#show_more{
	margin-top: 44px;
}
.chek .cost{
	float: right;
	margin-right: 20px;
}
.form-osnastka{
	margin-top:25px; 
	padding-top:20px;
	padding-bottom:20px;  
	background-color:#fff; 
	box-shadow:-7px 7px 20px 2px #ecebeb;
	margin-left: 25px;
}
.maket-img{
	width:90%; 
}
.box-maket{
	border:2px solid #f9f9f9;
	padding-top:10px;
	margin-top:5px; 
	text-align:center;  
	min-height: 210px;
}
.box-maket:hover{
	border:2px solid #376794; 
}
.hov:hover{
	text-decoration:none;
}
.pokaz{
	padding: 10px 30px;
	text-transform:uppercase; 
	margin-top:20px; 
	min-height: 30px;
    background-color: #1f537c;
    color: #fff;  
	border:1px solid #fff;
}
.pokaz:hover{
	background-color:#fff;
	color:#000;
	border:1px solid #376794;
	text-decoration:none;  
}
.price-osn{
	color:#000;
	text-align:right;  
	font-size:13;
	font-weight:600; 
	margin:0;  
}
.osnastka-opisanie{
	font-size:13px; 
	margin:0; 
	margin-top:20px;
	color:#000;
}
.head-osnastka{
	font-size:16px;
	font-weight:600;
	margin:0;  
	color:#000;
}
.box-osnastka{
	border:2px solid #fff; 
	min-height:138px;
	display:flex;    
}
.box-osnastka:hover{
	border:2px solid #376794;
}
.osnast-img{
	width:100%; 
}
.chek{
	display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    user-select: none;
}
.chek input {
    position: absolute;
    opacity: 0;
}
.checkmark {
  	position: absolute;
  	top: 0;
  	left: 0;
  	height: 16px;
  	width: 16px;
  	background-color: #eee;
  	border-radius: 50%;
}
.chek:hover input ~ .checkmark {
  	background-color: #ccc;
}
.chek input:checked ~ .checkmark {
  	background-color: #1f537c;
}
.checkmark:after {
  	content: "";
  	position: absolute;
  	display: none;
}
.chek input:checked ~ .checkmark:after {
  	display: block;
}
.chek .checkmark:after {
  	top: 4px;
  	left: 4px;
  	width: 8px;
  	height: 8px;
  	border-radius: 50%;
  	background: white;
}
.total{
	text-transform:uppercase;
	font-size:30px;
	font-weight:600;
	color:#000;   
}
.total-price{
	font-size: 30px;
    color: #1f537c;
    width: 75px;
    border: 0;
    text-align: center;
}
.many{
	font-size:18px;
	color:#000;
	text-transform:uppercase; 
}
.place-order{
	padding: 10px 50px;
	background-color:#1f537c;
	color:#fff;
	font-size:16px;
	text-transform:uppercase;
	border:1px solid #376794;	
}
.place-order:hover{
	background-color:#fff;
	color:#000;
	border:1px solid #376794;
	text-decoration:none;
}
.crumb{
	 padding-top:10px; 
}
.crumb-img{
	padding-right:5px; 
}
.crumb>a{
	text-decoration:none; 
}
.pechat-img{
	width: 50%; 
    margin-top: 50px;
}
input:checked +.hov .box-maket {
    border: 2px solid #376794;
}
input:checked +.hov .box-osnastka {
    border: 2px solid #376794;
}
.policy__info{
	margin-top: 60px;
	margin-bottom: 60px;
}
.policy__title {
	text-align: left;
	margin-top: 24px;
    margin-bottom: 6px;
}
.d-none{display:none;}
.hov{cursor:pointer;}
.select-adress{width:100%;padding:5px;}
#delivery-time{display:none;margin-left:35px;margin-top:20px;}
.adress-select-div{margin-left:35px;margin-top:20px;}
.link-cat{color:#000;}
.white-bg{background:#fff;display:none;width:100%;padding:20px;}
.otvet{margin-left:20px;margin-bottom:20px;}
a:hover{text-decoration:none;}
#slides{box-shadow: -7px 7px 20px 2px #ecebeb;position:relative;height:250px;padding:0px;margin:0px;list-style-type:none;margin-top:10px;}
.slide{position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:0;z-index:1;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s;}
.showing{opacity:1;z-index:2;}
.controls{display:none;}
.slide{font-size:40px;padding:40px;box-sizing:border-box;color:#fff;background-size:cover;}
.slide:nth-of-type(1){background-image:url('../img/slide1.png');}
.slide:nth-of-type(2){background-image:url('../img/slide2.png');}
.slide:nth-of-type(3){background-image:url('../img/slide3.png');}
.slide:nth-of-type(4){background-image:url('../img/slide4.png');}
.slide:nth-of-type(5){background-image:url('../img/slide5.png');}
.controls{position:absolute;background:#f8f8f8;color:#fff;border:none;padding:10px 0px;font-size:20px;cursor:pointer;margin:0px 0px 0px 1px;width:50px;}
.controls:hover, .controls:focus{background:#eee;color:#333;}
.buttons{text-align:center;z-index:99999;position:absolute;left:0;right:0;margin:auto;margin-top:-160px;}
#previous{left:0;}
#next{right:0;}
.geo{width:25px;}
.list a{color:#000;}
.one-ec {min-height:330px;}
.tho-ec {height:250px;}
.list a:hover{text-decoration:none;color:#616161;cursor:pointer;}
#faq1, #faq2, #faq3, #faq4, #faq5, #faq6, #faq7, #faq8{margin-left:20px;}
.box-osnastka .col-xs-4{padding:0;}
.time{margin-top:20px;}
#content .col-md-4 {padding-left:5px;padding-right:5px;}
.footer .gps-img{margin-top:0;}
@media(min-width:1200px){
	.description{padding-left:10px;padding-right:10px;}
}
@media (max-width:1199px){
	.gps-img{display:none;}
	.cifra{padding-left:5px;}
	.prim-cub{display:none;}
}
@media (max-width:991px){
	.franchise{display:none;}
	.phone1-ikon{display:none;}
	.phone2-ikon{display:none;}
	.nomer{padding-right:8px;float:left;}
	li.order{display:none;}
	.cifra{padding-left:0px;}
	.adventages{padding-left:15px;}
	.adress-foot{display:none;}
	.girl-img{bottom:9px;left:570px;}
	.contakt-foot{display:none;}
	.punkt{display:none;}
	.online-order{padding-top:20px;padding-bottom:0;}
	.md-txt{margin-left:0;}
	.margin-head{margin-top:-20px;float:right; }
	.adress{margin-top:-20px;}
	.padding-head{padding-top:4px;}
}
@media (max-width:767px){
	.adress, .advantages-header{display:none;}
	.social{padding-top:20px;padding-left:50px;}
	.padding-head{padding-top:5px;float:right;}
	.description{padding-left:10px;padding-right:10px;}
	.padding-social{padding-left:160px;}
	.footer-menu{display:none;}
	.girl-img{display:none;}
	.social-foot{display:none;}
	.logo-footer{position:absolute;}
	li.order{display:block;}
	.btn1{margin-left:5%;}
	.name-form{margin-left:5%;}
	.adventages{padding-left:20px;}
	.online-order{padding-top:0px;}
	.consultation{text-align:center;}
	.rezume{text-align:justify;}
	.align-adv{justify-content:left;}
	.head-map{display:none;}
	.phone-map{display:none;}
	.mail-map{display:none;}
	.gps-map{display:none;}
	.button-map{width:90%;margin-left:5%;margin-top:55px;}
	.contact-map{bottom:10px;top:280px;right:10px;}
	.set-label{width:100%;}
	.in-set{width:100%;}
	.form-maket{width:100%;}
	.maket-img{width:90%;}
	.check{margin-left:5%;}
	.nomer{float:right;}
}
@media (max-width: 689px){
	.padding-social{padding-left:140px;}
	.my-slider{display:none;}
}
@media (max-width:640px){
	.insta{display:block;}
	.padding-social{padding-left:135px;}
	.application{margin-top:0;}
	.post {
		margin: 0 auto;
	    justify-content: flex-end;
	    margin-right: 8px;
	}
	.post a {
		margin-top: -3px;
	}
}
@media (max-width:589px){
	.padding-social{padding-left:130px;}
}
@media (max-width:580px){
	.social{display:none;}
	.button-order{width:70%;margin-left:15%;}
	.logo-footer{display:none;}
	.name-form{width:100%;margin-left:0;margin-top:5px;}
	.name-form2{width:100%;margin-left:0;margin-top:5px;}
	.btn1{width:100%;margin-left:0;}
	.btn2{width:100%;margin-left:0;}
	
	
	.consultation{padding-top:20px;}
	.rezume{padding-top:15px;}
	.application{margin-top:0;}

}
@media (max-width:390px){
	.logo-header{width:220%;padding-top:5px;padding-left:5px;}
	.post {
		margin: 0 auto;
	    justify-content: flex-end;
	    margin-right: 8px;
	}
	.post i {
		display: none;
	}
	.post a {
		margin-top: -3px;
	}
}
@media (max-width:332px){
	.place-order{padding:10px 20px;}
	.crumb{display:none;}
}
@media (max-width: 316px){
	.logo-header{display:none;}
	.rezume{padding-top:0;}
	.application{margin-top:0;}
	h3{font-size:23px;}
}