@font-face {font-family: 'Roboto';src: url('../fonts/hinted-subset-Roboto-Regular.eot');src: local('Roboto'), local('Roboto-Regular'),url('../fonts/hinted-subset-Roboto-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/hinted-subset-Roboto-Regular.woff2') format('woff2'),url('../fonts/hinted-subset-Roboto-Regular.woff') format('woff'),url('../fonts/hinted-subset-Roboto-Regular.ttf') format('truetype'),url('../fonts/hinted-subset-Roboto-Regular.svg#Roboto-Regular') format('svg');font-weight: normal;font-style: normal}
@font-face {font-family: 'Roboto';src: url('../fonts/hinted-subset-Roboto-Thin.eot');src: local('Roboto Thin'), local('Roboto-Thin'),url('../fonts/hinted-subset-Roboto-Thin.eot?#iefix') format('embedded-opentype'),url('../fonts/hinted-subset-Roboto-Thin.woff2') format('woff2'),url('../fonts/hinted-subset-Roboto-Thin.woff') format('woff'),url('../fonts/hinted-subset-Roboto-Thin.ttf') format('truetype'),url('../fonts/hinted-subset-Roboto-Thin.svg#Roboto-Thin') format('svg');font-weight: 100;font-style: normal}
@font-face {font-family: 'Roboto';src: url('../fonts/hinted-subset-Roboto-Light.eot');src: local('Roboto Light'), local('Roboto-Light'),url('../fonts/hinted-subset-Roboto-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/hinted-subset-Roboto-Light.woff2') format('woff2'),url('../fonts/hinted-subset-Roboto-Light.woff') format('woff'),url('../fonts/hinted-subset-Roboto-Light.ttf') format('truetype'),url('../fonts/hinted-subset-Roboto-Light.svg#Roboto-Light') format('svg');font-weight: 300;font-style: normal}


*{outline:none !important}
.h-100{height:100%}
html{background:url(../image/bg.jpg) no-repeat top center; min-height:100%; position:relative}
body{font-family: 'Roboto'; position:relative; color: #363636; background:none}
a{transition:all 0.3s linear 0s; text-decoration:none !important}
a:hover{color:#ffc1c1}
.contact-block{background:#f9f7f7; position:relative}
.contact-block__title{text-transform:uppercase; font-weight:300; position:relative}
.contact-block__title::after{width:105px; height:2px; background:#ffc1c1; position:absolute; bottom:0; left:0; content:""}
.contact-block__name{font-weight:300; color:#5c5c5c}
.contact-block__phone{color:#313131; background:url(../image/phone.png) no-repeat left center}
.contact-block__mail{color:#5c5c5c;  background:url(../image/email.png) no-repeat left center}
.list-soc{margin:0}
.list-soc li{margin:0; list-style:none}
.list-soc li a{color:#464646; display:block;}
.list-soc li a:hover{color:#ffc1c1}
@media(min-width:768px){
	.wrapper{position:fixed;top:0;left:0;right:0;bottom:0; background:url(../image/logo.png) no-repeat left center / 550px;}
	.contact-block{padding: 20px 17px}
	.contact-block::after{background:url(../image/circle.png) no-repeat 0 0 / contain;content:"";position: absolute;z-index: -1; width: 150px;height: 150px;right: -60px;top: -40px;}
	.contact-block__title{font-size:20px; padding-bottom:5px; line-height:32px; }
	.contact-block__name{font-size:22px; line-height:22px; padding:30px 0;}
	.contact-block__phone{margin:0 0 5px; padding-left:30px; font-size:20px; }
	.contact-block__mail{margin:0 0 5px; font-size:14px; padding-left:30px;}
	.list-soc{padding: 25px 0 0;}
	.list-soc li{padding:0 15px 0 0}
	.list-soc li a{ font-size:16px}
}
@media(min-width:992px){
	.wrapper{background-size:760px}
	.contact-block{padding:20px; }	
	.contact-block::after{width: 200px;height: 200px;right: -100px;top: -50px;}
	.list-soc{padding:25px 0 0;}
	.list-soc li{padding:0 20px 0 0}
	.list-soc li a{ font-size:18px}
}
@media(min-width:1260px){
	.wrapper{background-size:auto}
	.contact-block::after{width: 250px;height: 250px;right: -125px;top: -75px;}

}
@media(max-width:767px){
	.wrapper{background:#e0dcd9 url(../image/mobile.png) no-repeat top center / auto; padding-top:660px; text-align:center; padding-bottom:15px; overflow:hidden}
	.contact-block{padding:20px 50px}
	.contact-block__title{font-size: 20px;padding-bottom: 10px;line-height: 30px;}
	.contact-block__title::after{width:110px; left:50%; margin-left:-55px}
	.contact-block__prof{font-size:18px; color:#5c5c5c; font-weight:300; padding-top:15px}
	.contact-block__name{font-size: 24px; color:#5c5c5c; line-height: 24px;padding: 10px 0 20px;}
	.contact-block__phone{margin:0;padding-left:30px;font-size: 24px;}
	.contact-block__mail{margin:0; font-size:18px; padding-left:30px;}
	.list-soc{padding: 25px 0 0; border-top:2px solid #ffc1c1; margin-top:25px}
	.list-soc li{padding:0 25px}
	.list-soc li a{font-size:28px}
}
@media(max-width:480px){
	.wrapper{padding-top:150vw; background-size:contain}
	.contact-block{padding: 20px;}
	.contact-block__title{font-size: 18px; line-height: 26px;}
	.contact-block__prof{font-size: 16px; padding-top: 10px;}
	.contact-block__name{font-size: 22px; line-height: 22px;padding: 5px 0 15px;}
	.contact-block__phone{font-size: 22px;}
	.contact-block__mail{font-size: 17px}
	.list-soc{padding: 20px 0 0; margin-top: 20px}
	.list-soc li{padding: 0 15px;}
	.list-soc li a{font-size: 22px;}
}
@media(max-width:350px){
	
}