body{
	background-image: url(/css2018/images/bg-blue-letters.png);
	font-family: Manrope Light;
	}
.headr {margin-top:20px;}	

.logo-lend {padding-left:0px !important;}
.disloc {margin-left:-50px;}
.info {padding-right:0px !important;}
.detsk {
	font-size: 18px;
    color: #4f4d5c;
    margin-top: 17px;
    margin-bottom: -9px;
    margin-left: 2px;
    text-shadow: 0px 1px 0px rgb(12 12 12);
	}

.gorod {
		color:#ed1c24; 
		font-size: 36px; 
		font-family: Manrope Black;
	}
.gorod a {color:#ed1c24;}	
.gorod a:hover {color:#ed1c24;}

.oblast {
	font-size:18px; 
	color: #4f4d5c;
	margin-top: -9px;
	margin-left: 2px;
    text-shadow: 0px 1px 0px rgb(12 12 12);
	}

.menushka {margin-top:-36px;}	

.menushka a {
	color:#231c37;
	font-size:21px;
	font-family: Manrope Bold;
	margin-right:30px;
	border-bottom:1px solid;
}
.menushka a:hover {border-bottom:none;}

.socset {margin-top:5px; height:40px; margin-right:-45px;}

.socset img {float:right; margin-left:20px; width:32px;}

.contacts {margin-top:10px; height:50px; margin-right:-45px;}

.telephone {float:right; padding-top:5px; margin-left:5px;}
.telephone  a{color:#231c37; font-size:24px;  font-family: Manrope Bold;}

.massangers {float:right;}
.massangers img {margin-right:15px;}

.adres {
	margin-top:10px; 
	margin-right:-45px;
	float: right;
    max-width: 325px;
	}
.adres a {
	color:#0489c7;
	font-size:18px; 
	border-bottom: 1px solid;
	text-shadow: 0px 1px 0px #0489c7;
	}
	
.adres a:hover {color:#0489c7; border-bottom:none;}	
.adres p{text-align:right; margin-bottom: 0px;}

.gold {
	background: url(images/gold.png);
	/*opacity: 0.5;*/
	padding-top:70px;
	padding-bottom:80px;
	text-align:center;
	margin-top:50px;
	border-radius:10px;
	}

.gold h1 {
	color:#231c37;
	font-size:30px;
	font-family:Manrope Bold;
	}

.gold input {
	text-align: center;
    width: 284px;
    height: 54px;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid hsla(0,0%,50.2%,.83);
    border-radius: 5px;
}	

.enter {margin-top:40px; margin-bottom:40px;}
.name{text-align:right;}
.email{text-align:left;}

.land-button{
	width: 188px;
    border-radius: 30px !important;
    color: #fff !important;
    height: 53px !important;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
    background: linear-gradient(0deg,#03983e,#41cd27)!important;
	cursor:pointer;
	    box-shadow: none !important;
}

.mobile{display:none!important; 
		text-align:center;    margin-top: 20px;}
		

		
.lend-phone {
	font-family:Manrope Bold;
	font-size:24px;
	color:#0489c7; border-bottom: 1px solid;
}	
.lend-phone:hover {border-bottom:none;}	
.watsapp{
	font-size: 24px;
    font-family: 'Manrope Bold';
    background: linear-gradient(0deg,#21b970,#31d787)!important;
    width: 100%;
    height: 54px;
    padding-top: 10px;
    border-radius: 20px;
    margin-top: 30px;
    box-shadow: 0 1px 5px 0 rgb(40 40 40 / 50%);
	    color: #fff;
	text-shadow: 0px 0px 1px rgb(12 12 12);
}

.watsapp img{margin-right:10px; margin-top:-6px;}

.telega{
	font-size: 24px;
    font-family: 'Manrope Bold';
    background: linear-gradient(0deg,#0895c4,#00b3f0)!important;
    width: 100%;
    height: 54px;
    padding-top: 10px;
    border-radius: 20px;
    margin-top: 40px;
    box-shadow: 0 1px 5px 0 rgb(40 40 40 / 50%);
	    color: #fff;
	text-shadow: 0px 0px 1px rgb(12 12 12);
}
.telega img{margin-right:10px; margin-top:-6px;}

.socset-mobile {margin-top:40px; margin-bottom:40px;}
.socset-mobile img {margin-left:5%; margin-right:5%;}


@media (max-width: 1024px) {
	.disloc {margin-left: -40px;	}
	.socset, .contacts, .adres {margin-right:-35px;}
	.menushka a{margin-right:25px;}
}

@media screen and (min-width: 801px) and (max-width: 991px) {
	.logo-lend img {max-width:150px;}
	.menushka a { margin-right: 5px;  font-size: 18px;}
}

@media (max-width: 800px) {
	.logo-lend img {max-width:150px;}
	.menushka a { margin-right: 5px;  font-size: 18px;}
}

@media screen and (min-width: 641px) and (max-width: 767px) {
	.logo-lend img {max-width:110px;}
	.detsk {font-size:16px;}
	.socset {margin-right:-40px;}
	.socset img {float: right; margin-left: 10px;}
	.telephone a{font-size:21px;}
	.gold input{width:240px;}
}

@media (max-width: 640px) {
	.logo-lend img {max-width:110px;}
	.detsk {font-size:16px;}
	.socset {margin-right:-40px;}
	.socset img {float: right; margin-left: 10px;}
	.telephone a{font-size:21px;}
	.gold input{width:240px;}
}


@media (max-width: 575px) {
	.logo-lend {
    padding-left: 15px !important;
	text-align:center;
	}
	.logo-lend img {max-width:100%;}
	.disloc{margin-left:0px; text-align:center;}
	/*.gorod {line-height:1px;}*/
	.gorod a {margin-top:5px; margin-bottom:5px;}
	.info {padding-right:15px !important;}
	.socset{display:none;}
	.massangers{display:none;}	
	.contacts{display:none;}
	.adres {
		width: 100%;
		max-width: 100%;
		margin-right: 0px;
		float: none; margin-top:20px;
		}
	.adres p {text-align:center;}	
	.mobile {display:block!important;}
	.desktop{display:none;}
	.menushka {
		margin-top: 0px;
		background: #5ab947;
		height: 90px;
		padding-top: 30px;
		box-shadow: inset 0 4px 6px #0000001a;
		margin-left: -30px;
		margin-right: -30px;
		}
	.menushka a {
		font-size:24px; 
		color:#fff;
		text-shadow: 0px 0px 1px rgb(12 12 12);
		border-bottom:none;
		}	
	.menushka a:hover {color:#fff;}	
	
	.gold {background: none;
		padding-top: 40px;
		margin-top: 0px;}
	.enter{margin-top:30px;}	
	.name, .email {
    text-align: center;
    margin-bottom: 20px;}
	
	.land-button{
		width:100% !important;
		height:72px !important;
		background: linear-gradient(0deg,#de4e16,#f08322)!important;		
	}
	.gold input{width:284px;}
	.gold input:hover {box-shadow: 0 0 7px 0 rgb(40 40 40);}
	.detsk {font-size: 18px;}
}