/* Start CSS */
body { background: #f2f4f6; color: #333; font-family: "Arial"; font-size:16px; line-height: normal; padding:35px 0 0 0; }
a { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear; cursor:pointer; text-decoration:none; }
a:hover, a:active, a:focus { text-decoration:underline; outline:none; }
.clearfix10 { display:block; clear:both; height:10px; }
.clearfix20 { display:block; clear:both; height:20px; }
.clearfix30 { display:block; clear:both; height:30px; }
.text-red { color:#e43b2c; }
.text-white { color:#fff; }
.d-block { display: block;}
hr { margin-top: 20px; margin-bottom: 20px; border-top: 3px solid #ddd; }
.embed-video {
	margin: 30px 0;
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
}
.m-auto {
	margin: auto;
}
.mt-10 {
	margin-top: 10px;
}
.m-20 {
	margin: 20px;
}
.pb-10 {
	padding-bottom: 10px;
}
.mx-30 {
	margin-left: 30px;
	margin-right: 30px;
}
.mt-20 {
	margin-top: 20px;
}
.mt-30 {
	margin-top: 30px;
}
.my-20 {
	margin-bottom: 20px;
	margin-top: 20px;
}
.my-30 {
	margin-bottom: 30px;
	margin-top: 30px;
}
.header { display: block; padding: 20px 30px; }
.header__logo { display: block; margin: 0; max-width: 190px; }
.main { border-radius: 10px; border: 1px solid #2f2f2f70; background: #fff; padding: 30px 40px 40px 40px; text-align: center; }
.main__title { font-size: 42px; font-weight: 700; margin: 0 0 20px 0; padding: 0; color: #e43b2c; }
.main__info { font-size: 23px; }
.form { display: block; text-align:center; }
.form__control-wrap { margin: 0 0 20px 0; position: relative; }
.form__control { border: 1px solid #c0c0c0; border-radius: 5px; background: #fff; color: #000; display: block; font-size: 16px; margin: 0; padding: 15px 15px 15px 50px; width: 100%; position: relative; }
.form__control-icon { height: 24px; width: 24px; position: absolute; left: 15px; top: 15px; z-index: 1; }
.form__control-name { background-image: url("../img/name.png"); background-position: 0 0; background-repeat: no-repeat; }
.form__control-email { background-image: url("../img/email.png"); background-position: 0 2px; background-repeat: no-repeat; }
.form__control:focus { outline: 0; border: 1px solid #43b0e2; }
.form__button { background:#e43b2c; border-radius: 5px; border: 1px solid rgba(0,0,0,0.2); color: #fff; display: block; font-size: 27px; font-weight: 700; margin: 0; padding: 15px; width: 100%; }
.form__button:hover { box-shadow: inset 0 2px 2px 0 rgba(255,255,255,0.22), 0 233px 233px 0 rgba(255,255,255,0.12) inset; color: #fff; text-decoration: none; }
.form__button:focus { outline: 0; }
.is-invalid {
	border: 1px solid #b91517;
}
.is-valid {
	border: 1px solid #4a8920;
}
.form__svg {
	fill: #fff;
	height: 27px;
	width: 27px;
	vertical-align: text-top;
	margin-right: 10px;
}
.footer { display:block; font-size: 14px; padding: 120px 0; text-align:center; }
.footer__logo { display: block; margin: 0 auto; max-width: 200px; }
.footer__copyright { display: block; color: #fff; font-size: 12px; }
.my-30 {
	font-size: 24px;
}

/* =============== Start Tablet & Phone Device CSS =============== */

@media (min-width: 1200px){
	.container {
		width: 960px;
	}
}

@media (max-width: 991px) {
	.my-30 {
		margin-bottom: 25px;
		margin-top: 25px;
	}
	.main__title {
		font-size: 32px;
	}
	.main__info {
		font-size: 17px;
	}
	.form__control {
		font-size: 14px;
	}
	.form__button {
		font-size: 22px;
	}
	.form__svg {
		height: 22px;
		width: 22px;
	}
	.footer { padding: 110px 0; }
}
@media (max-width: 767px) {
	body { font-size:14px; padding: 15px 0 0 0; }
	.mt-sm-10 {
		margin-top: 10px;
	}
	.my-20 {
		margin-bottom: 15px;
		margin-top: 15px;
	}
	.my-30 {
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.main {
		border-radius: 8px;
		padding: 30px;
	}
	.main__title {
		font-size: 24px;
		margin: 0 0 10px 0;
	}
	.main__info {
		font-size: 13px;
	}
	.form__control-wrap {
		margin: 0 0 15px 0;
	}
	.form__button {
		font-size: 18px;
	}
	.form__svg {
		height: 18px;
		width: 18px;
		margin-right: 5px;
	}
	.footer { padding: 100px 0; }
}
@media (max-width: 575px) { 
	.my-30 {
		margin-bottom: 15px;
		margin-top: 15px;
	}
	.main {
		padding: 15px;
	}
	.main__title {
		font-size: 30px;
	}
	.main__info {
		font-size: 17px;
	}
	.form__control {
		font-size: 14px;
	}
	.form__button {
		font-size: 16px;
	}
	.form__svg {
		height: 16px;
		width: 16px;
		margin-right: 0;
	}
	.footer {  font-size: 13px; padding: 90px 0; }
}
@media (max-width: 413px) { 
	.main__title {
		font-size: 21px;
	}
	.main__info {
		font-size: 15px;
	}
	.form__button {
		font-size: 14px;
	}
	.form__svg {
		height: 14px;
		width: 14px;
	}
}
@media (max-width: 374px) { 
	.main__title {
		font-size: 29px;
	}
	.main__info {
		font-size: 13px;
	}
	.form__control-icon {
		top: 13px;
	}
	.form__control {
		font-size: 12px;
	}
	.footer {
		font-size: 11px;
		padding: 90px 0;
	}
}
/* =============== End Tablet & Phone Device CSS =============== */