/* Start CSS */
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
  }
  
  .animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
  }
  
  .animated.delay-1s {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
  }
  
  .animated.delay-2s {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
  }
  
  .animated.delay-3s {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
  }
  
  .animated.delay-4s {
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
  }
  
  .animated.delay-5s {
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
  }
  
  .animated.fast {
	-webkit-animation-duration: 800ms;
	animation-duration: 800ms;
  }
  
  .animated.faster {
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
  }
  
  .animated.slow {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
  }
  
  .animated.slower {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
  }
  
  @media (print), (prefers-reduced-motion: reduce) {
	.animated {
	  -webkit-animation-duration: 1ms !important;
	  animation-duration: 1ms !important;
	  -webkit-transition-duration: 1ms !important;
	  transition-duration: 1ms !important;
	  -webkit-animation-iteration-count: 1 !important;
	  animation-iteration-count: 1 !important;
	}
  }
body { color: #000; background-image: url("../img/backgroung.jpg"); background-color: #fff; background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; font-family: "Arial"; font-size:14px; line-height: normal; padding:20px 0; text-align: center; }
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; }
.container { max-width: 810px; }
.main { display: block; }
.main__heading { background: #e43b2c; border-radius: 5px; color: #fff; font-size: 58px; margin: 0; padding: 10px 0; }
.main__img { /*margin: 20px auto 0 auto;*/ max-width: 100%; width: 100%; box-sizing: border-box;box-shadow: 0 1px 5px rgba(0,0,0,0.2)}
.main__title { font-size: 48px; margin: 0; padding: 0; margin-top: 10px;}
.main__text { display: block; font-size: 23px; margin: 5px 0; }
.form__control { border: 3px solid #cccccc; border-radius: 5px; background: #fff; color: #2f2f2f; display: block; font-size: 21px; margin: 15px 0; padding: 15px 20px; width: 100%; position: relative; text-align: center; background: url("../img/email2.png") no-repeat 3% center,linear-gradient(to bottom, #ebebeb 0%, #f6f6f6 9%, white 100%) !important}
.is-invalid {
	border: 3px solid #b91517;
}
.is-valid {
	border: 3px solid #4a8920;
}
.form { /*max-width: 620px; margin: 0 auto; */}
.form__control:focus { outline: 0; border: 3px solid #42b0e2; }
.form__button { background: #e43b2c; border-radius: 5px; border: 1px solid rgba(0,0,0,0.2); color: #fff; display: block; font-size: 24px; 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; }
.form__info { display:block; color: #474747; padding:20px 0; text-align:center; }

/* =============== Start Tablet & Phone Device CSS =============== */
@media (max-width: 991px) {
	.main__heading {
		font-size: 52px;
	}
}
@media (max-width: 767px) { 
	.main__heading {
		font-size: 40px;
	}
	.main__title {
		font-size: 32px;
	}
	.main__text {
		font-size: 16px;
	}
}
@media (max-width: 575px) { 
	.main__heading {
		font-size: 32px;
	}
	.main__title {
		font-size: 26px;
	}
	.main__text {
		font-size: 13px;
	}
	.form__button {
		font-size: 19px;
	}
}
@media (max-width: 467px) {
	.main__heading {
		font-size: 24px;
		padding: 10px;
	}
	.main__title {
		font-size: 20px;
	}
	.main__text {
		font-size: 10px;
	}
	.form__button {
		font-size: 14px;
	}

	.form__control {padding: 15px 43px;}

}
@media (max-width: 359px) { 

}
/* =============== End Tablet & Phone Device CSS =============== */