.background-img {
    
    background-clip: border-box;
    background-position: 50% 50% !important;
    background-repeat: repeat;
    background-size: cover !important;
    height: 88vh;

}

.nav-link{
	text-decoration:none!important;
	
}

.btn-info{
	background-color:#48b8cf!important;
}

a {text-decoration:none!important;}

/*  */
@keyframes glowing { 
  0% { background-color: #c9c9c9; box-shadow: 0 0 5px #57ffa2; } 
  50% { background-color: #b7ff03; box-shadow: 0 0 12px #0335ff; } 
  100% { background-color: #00fa70; box-shadow: 0 0 5px #00eb6a; } 
} 

.lakub_derza_timan { 
  animation: glowing 1500ms infinite; 
}

.nav-link{
	color:white!important;
	font-family: 'Proxima Nova Extra Condensed Light';
	letter-spacing: 2px;
	font-size:22px;
}

.nav-link:after{
	display: block;
	left: 0;
	width: 0;/*������ ����� ����� �� ��������� �������*/
	height: 1px; /*������ ������ �����*/
	background-color: white; 
	content: "";
	transition: width 0.3s ease-out; /*������ ����� ��������*/
}
.nav-link:hover:after, .nav-link:focus:after {
	width: 100%;
	
}

@font-face {
    font-family: Century;
	src: url(fonts/CENTURY.TTF);
	}
	
@font-face {
    font-family: Proxima;
	src: url('fonts/ProximaNova.ttf');
	}

@font-face {
font-family: 'Proxima Nova Bold';
src: url(fonts/ProximaNovaCond-Extrabld.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Proxima Nova Extra Condensed Regular';
src: url(fonts/ProximaNovaExCn-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Proxima Nova Extra Condensed Light';
src: url(fonts/ProximaNovaExCn-Light.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Century Regular';
src: url(fonts/ofont.ru_Century.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Bebas Neue Bold';
src: url(fonts/BebasNeueBold.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Forum Regular';
src: url(fonts/ofont.ru_Forum.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'BenderBold';
src: url(fonts/BenderBold.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'BenderLightItalic';
src: url(fonts/BenderLightItalic.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'BenderLight';
src: url(fonts/BenderLight.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'BenderRegular';
src: url(fonts/BenderRegular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}



.maintext{
	color:#48b8cf;
	font-size:60px;
	font-weight:700;
	font-family: 'BenderBold';
	font-style: normal;
}

.maintextstore{
	color:black;
	font-size:45px;
	font-weight:700;
	font-family: 'BenderBold';
	font-style: normal;
}

.maintext1{
	font-family: 'BenderLightItalic';
	color:white;
	font-size:24px;
	font-weight:600;
	max-width:800px!important;
}

.blue{
	color:#48b8cf;
}

.maintext2{
	color:white;
	font-size:22px;
	font-weight:900;
	font-family: 'BenderBold';
	max-width:350px!important;
	font-style: bold;
}

#layer1, #layer2{
    position: relative;
   } 

#layer2{
	top:-55rem!important;
}

#layer1 { z-index: 1; }
#layer2 { z-index: 2; }

.auto{
	font-size:80px; 
	font-family: 'Proxima Nova Bold';
	color:white; 
	text-shadow: black 1px 1px 0, black -1px -1px 0, 
                 black -1px 1px 0, black 1px -1px 0;
	
}

.auto1{
	font-size:70px; 
	font-family: 'Proxima Nova Bold';
	color:white; 
	text-shadow: black 1px 1px 0, black -1px -1px 0, 
                 black -1px 1px 0, black 1px -1px 0;
	
}

.marki{
    font-size: 24px!important;
    color: white;
    font-weight: 500;
    background-color: #e22028;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 15px;
}

.meh{
	font-size:105px; 
	font-family: 'Proxima Nova Bold';
	color:#e22028;
	text-shadow: black 1px 1px 0, black -1px -1px 0, 
                 black -1px 1px 0, black 1px -1px 0;	
}

.deviz{
	font-size:35px; 
	font-family: Proxima Nova Extra Condensed Regular;
	color:white; 
	border-bottom: 2px white solid;
	letter-spacing:3px;

}

.write{
	font-size:35px; 
	font-family: 'Proxima Nova Extra Condensed Light';
	color:white;
	letter-spacing:3px;
	
}

.write1{
	font-size:28px; 
	font-family: 'Proxima Nova Extra Condensed Light';
	color:white;
	letter-spacing:2px;

}

.price{
	font-size:40px; 
	font-family: 'Century Regular';
	color:white;
    font-weight: 600!important;
	border-bottom: 5px #e22028 solid;
    
}

.btn-primary{
	background-color:#e22028!important;
	border-color:#e22028!important;
}

.header{
	font-family: 'Proxima Nova Extra Condensed Light';
	font-size:90px;
	font-weight:600;
	letter-spacing:6px;
}

.header1{
	font-family: 'BenderBold';
	font-size:60px;
	letter-spacing:3px;
	color:#48b8cf;
}

.serv{
	font-family: 'BenderBold';
	font-size:24px;
	font-weight:800;
	letter-spacing:1px;
	color:#48b8cf;
}

.serv1{
	font-family: 'BenderRegular';
	font-size:20px;
	font-weight:600;
	letter-spacing:1px;
	color:#444444;
}

.unhead{
	font-family: Proxima Nova Extra Condensed Regular;
	font-size:28px;
	letter-spacing:3px;
	color:#757575;
}

.services{
	font-family: 'Century Regular';
	font-weight:600!important;
	font-size:20px;
}

.preim{
	color:white;
	font-family: 'Century Regular';
	font-size:26px;
	font-weight:500!important;
	
	
}

.hum{
	font-family: 'Bebas Neue Bold';
	font-size:28px;
	color:#737373;
	text-decoration:underline;
	text-indent: 1.2em;
	letter-spacing:3px;
}

.otziv{
	font-family: 'Forum Regular';
	font-style: italic;
	font-size:22px;
	font-weight:600;
	text-indent: 1.2em;
}

.deviz1{
	color:white; 
	border-bottom: 2px white solid;
	letter-spacing:3px;
	font-family: 'Proxima Nova Extra Condensed Light';
	font-size:70px;
	font-weight:600;
	letter-spacing:6px;

}

.footer{
	font-family: Proxima Nova Extra Condensed Regular;
	font-size:32px;
	color:white;
	border-bottom: 2px white solid;
	letter-spacing:5px;
	font-weight:500;
}

.text-footer{
	font-family: Proxima Nova Extra Condensed Regular;
	font-size:24px;
	color:white;
	text-align:left!important;
}

.und{
	text-decoration:underline;
	color:black;
}
/*----------------HEIGHT-------------------------*/
@media (max-height: 767px) {
	.maintext {
	font-size:40px!important;

	}
}

@media (max-height: 767px) {
	.maintext1 {
	font-size:20px!important;

	}
}

.colwhite{
    color:white!important;
}

@media (max-height: 767px) {
	.maintext2 {
	font-size:14px!important;}
}

@media (max-height: 767px) {
	.auto {
	font-size:48px!important;}
}

@media (max-height: 700px) {
	.gis {
	width:280px!important;}
}

@media (max-height: 767px) {
	.meh {
	font-size:68px!important;
	margin-top:0px!important;}
}

@media (max-height: 767px) {
	.deviz {
	font-size:20px!important;}
}

@media (max-height: 767px) {
	.price {
	font-size:20px!important;}
}

/*----------------WIDTH-------------------------*/

@media (max-width: 767px) {
	.maintext {
	font-size:40px!important;
	margin-top:70px!important;
	}
}

@media (max-width: 767px) {
	.marki {
	font-size:18px!important;
	}
}


@media (max-width: 767px){
    .hidemob{
    display: none!important;}
}

@media (min-width: 767px){
    .hidem{
    display:none!important;}
}

@media (max-height: 767px) {
	.maintext {
	font-size:40px!important;
	margin-top:70px!important;
	}
}

@media (max-width: 767px) {
	.maintext1 {
	font-size:20px!important;}
}

@media (max-width: 400px) {
	.maintext {
	font-size:24px!important;
	margin-top:50px!important;
	}
}

@media (max-width: 400px) {
	.maintext1 {
	font-size:14px!important;}
}

@media (max-width: 400px) {
	.maintext2 {
	font-size:12px!important;}
}

@media (max-width: 677px) {
	.ft {
	width:680px;}
}

@media (max-width: 575px) {
	.ft {
	width:620px;}
}

@media (max-width: 500px) {
	.kart {
	display:none;}
}

@media (max-width: 767px) {
	.kart {
	width:60px!important;}
}

@media (max-width: 767px) {
	.auto {
	font-size:48px!important;}
}

@media (max-width: 767px) {
	.auto1 {
	font-size:48px!important;}
}

@media (max-width: 767px) {
	.meh {
	font-size:70px!important;}
}

@media (max-width: 450px) {
	.meh {
	font-size:50px!important;
	padding-top:18px!important;}
}

@media (max-width: 450px) {
	.auto1 {
	font-size:28px!important;
	padding-top:18px!important;
	padding:5px;}
}

@media (max-width: 767px) {
	.deviz {
	font-size:28px!important;}
}

@media (max-width: 767px) {
	.write {
	font-size:26px!important;}
}

@media (max-width: 767px) {
	.price {
	font-size:26px!important;}
}

@media (max-width: 767px) {
	.header {
	font-size:46px!important;}
}

@media (max-width: 767px) {
	.unhead {
	font-size:24px!important;}
}

@media (max-width: 767px) {
	.services {
	font-size:16px!important;}
}

@media (max-width: 767px) {
	.preim {
	font-size:20px!important;}
}


/*********************************************************/
/*����� �������� �����*/
#feedback-form { /* ��� ����� */

  padding: 2%;
  border-radius: 3px;
 
}
#feedback-form label { /* ������������ ����� */
  float: left;
  display: block;
  clear: right;
}
#feedback-form .w100 { /* ���� */
  max-height:50px;
  max-width: 430px;
  width: 97%;
  margin-bottom: 1em;
  padding: 1.5%;
  
}
#feedback-form .border { /* ������� ����� */
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #C0C0C0 #D9D9D9 #D9D9D9;
  box-shadow: 0 1px 1px rgba(255,255,255,.5), 0 1px 1px rgba(0,0,0,.1) inset;
}
#feedback-form .border:focus {
  outline: none;
  border-color: #abd9f1 #bfe3f7 #bfe3f7;
}
#feedback-form .border:hover {
  border-color: #7eb4ea #97cdea #97cdea; 
}
#feedback-form .border:focus::-moz-placeholder { /* ������ ��� ������ �������������� ����� ���� */
  color: transparent;
}
#feedback-form .border:focus::-webkit-input-placeholder {
  color: transparent;
}
#feedback-form .border:not(:focus):not(:hover):valid { /* ��������� ����������� ���� */
  opacity: .8; 
}
#submitFF { /* ������ "���������" */
  display: inline-block;
  color: black;
  font-weight: 700;
  text-decoration: none;
  user-select: none;
  padding: 5px 8px;
  outline: none;
  border: 1px solid;
  border-radius: 1px;
  transition: 0.2s;
  background: white;
  font-family: 'Forum Regular';
  letter-spacing:2px;
  font-size:26px;
}
#feedback-form br {
  height: 0;
  clear: both; 
}
#submitFF:hover {
  
  background: rgba(255,255,255,.4);
}
#submitFF:focus {
  box-shadow: 0 1px 1px #fff, inset 0 1px 2px rgba(0,0,0,.8), inset 0 -1px 0 rgba(0,0,0,.05);
}

::-webkit-input-placeholder {font-size:16px;}