body {
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	height: 100%;
	width: 100%;
	background: url('../img/main_bg_1.jpg') no-repeat top center;
}
header.main-header {
	margin-bottom: 25px;
}
.email {
	color: #000;
	padding-left: 20px;
}
.email:hover {
	color: #000;
}
.phone {
	color: #fff;
	margin-right: -20px;
}
.phone:hover {
	color: #fff;
}
.email, .phone {
	padding-top: 42px;
	font-size: 20px;
	display: block;
	position: relative;
}

.phone::before {
	content: '';
	position: absolute;
	left: -8px;
	top: 46px;
	background: url('../img/phone-icon.png');
	width: 24px;
	height: 24px;
}

.email::before {
	content: '';
	position: absolute;
	left: 0px;
	top: 49px;
	background: url('../img/email-icon.png');
	width: 24px;
	height: 18px;
}

section.main-section {
	margin-bottom: 110px;
}

section.main-section h1 {
	font-size: 31px;
	color: #000;
	text-transform: uppercase;
	line-height: 50px;
	position: relative;
}

section.main-section h1:before {
	content: '';
	position: absolute;
	bottom: -50px;
	left: 200px;
	background: url('../img/arrow.png') no-repeat center;
	width: 79px;
	height: 78px;

}

section.main-section h1 span {
	color: #004b78;
}

section.advantages {
	margin-bottom: 70px;
}

section.advantages p {
	font-size: 24px;
	margin-bottom: 0;
	line-height: 30px;
}

footer.main-footer {
	color: #000;
	padding-bottom: 50px;
}

footer.main-footer h2 {
	text-transform: uppercase;
	font-size: 30px;
	padding-bottom: 45px;
}

.phone-bottom, .email-bottom, .copyright {
	position: relative;
	font-size: 18px;
}

.phone-bottom {
	padding-left: 40px;
	padding-bottom: 20px;
}

.phone-bottom::before {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	background: url('../img/phone_icon_bottom.png') no-repeat center;
	width: 24px;
	height: 24px;
}

.email-bottom {
	padding-left: 40px;
	padding-bottom: 20px;
}

.email-bottom a {
	color: #000;
}

.email-bottom::before {
	content: '';
	position: absolute;
	top: 10;
	left: 0;
	background: url('../img/email_icon_bottom.png') no-repeat center;
	width: 24px;
	height: 24px;
}

.btn-feedback {
	padding: 6px 48px;
	margin-right: 30px;
    margin-top: 10px;
	font-size: 16px;
	color: #005f94;
	text-decoration: none;
	display: block;
	border-radius: 30px;
    background: #fff;

    overflow: hidden;
    position: relative;
    border: none;
}

.btn-feedback:hover {
	color: #005f94;
    background: #fff;
    box-shadow: 0 0 18px rgba(255, 255, 255, 1);
}

.btn-feedback:after {
	content: "";
    margin-left: 60px;
    width: 30px;
    height: 300px;
    background: #005f94;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    position: absolute;
    left: -40px;
    top: -90px;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@-webkit-keyframes slideme { 0% { left: -30px; margin-left: 0px; }
  30% { left: 110%; margin-left: 80px; }
  100% { left: 110%; margin-left: 80px; } }

@keyframes slideme { 0% { left: -30px; margin-left: 0px; }
  30% { left: 110%; margin-left: 80px; }
  100% { left: 110%; margin-left: 80px; } }

@media all and (max-width: 992px) {
  	body {
  		background: url('../img/main_bg.jpg') no-repeat top left;
  		background-size: cover;
  	}
  	.logo img {
  		max-width: 100%;
  		margin: 0 auto; 
  	}
  	.email {
  		font-size: 24px;
  		padding: 0;
  		padding-top: 20px;
  	}
  	.phone {
	  	margin: 0;
	    color: #000;
	    font-size: 24px;
	    padding-top: 20px;
  	}
  	.phone::before,
  	.email::before {
  		display: none;
  	}
  	section.main-section h1 {
  		text-align: center;
  		font-size: 28px;
  	}
  	section.main-section h1::before {
  		display: none;
  	}
  	.btn-feedback {
  		width: 100%;
    	margin: 20px 0 0 0;
    	padding: 10px 48px;
    	font-size: 22px;
  	}
  	.advantages p {
  		color: #000;
  	}
  	section.main-section {
  		margin-bottom: 80px;
  	}
  	footer.main-footer {
  		padding-top: 40px;
  		background: #fff;
  	}
  }
@media all and (max-width: 480px) {
  	body {
  		background: url('../img/main_bg.jpg') no-repeat top center;
  		background-size: cover;
  	}
  	.logo img {
  		max-width: 100%;
  		margin: 0 auto; 
  	}
  	.email {
  		font-size: 24px;
  		padding: 0;
  		padding-top: 20px;
  	}
  	.phone {
	  	margin: 0;
	    color: #000;
	    font-size: 24px;
	    padding-top: 20px;
  	}
  	.phone::before,
  	.email::before {
  		display: none;
  	}
  	section.main-section h1 {
  		text-align: center;
  		font-size: 28px;
  	}
  	section.main-section h1::before {
  		display: none;
  	}
  	.btn-feedback {
  		width: 100%;
    	margin: 20px 0 0 0;
    	padding: 10px 48px;
    	font-size: 22px;
  	}
  	.advantages p {
  		color: #000;
  	}
  	section.main-section {
  		margin-bottom: 40px;
  	}
  	footer.main-footer {
  		padding-top: 40px;
  		background: #fff;
  	}
  }