/* BANNER FORM DESIGN
==============================================================================*/

		.rate-form-carousel article { display: none; }

		.rate-form-carousel{
			z-index: 112;
		width: 100%;
		padding-top: 0px;

		}
		.rate-form-carousel .container{
			z-index: 112;
		width: 100%;
		padding-top: 174px;

		}

		.rate-form-carousel .container::before{
			content: " ";
		display: table;
		}

		.rate-form-carousel .row { 
			position: relative; 
			min-height: 480px;
			padding: 20px 0 60px; 
			margin-bottom:0px;  
		}
.rate-form-carousel .row::after {
  content: "";
  display: table;
  clear: both;
}
		.rate-form-carousel form > div {
			text-align:center;
			margin-bottom: 20px;
		}
		.rate-form-carousel[step] form > div {
			display: none;
		}
		
		.rate-form-carousel form > div h1 {
			margin-top: 0px;
			font-size:43px;
			line-height: 1.5;
			padding: 10px 30px;
			display: inline-block;
			border-radius: 4px;
			margin-bottom:10px; 
			font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		}
		.rate-form-carousel form > div p {
			font-size: 18px;
			padding: 0px;
			display: inline-block;
			border-radius: 4px;
			max-width: 500px;
		}
.lo-img {
  position: relative;
  z-index: 11;
}

.lo-img img {
 width: 100%;
 border-radius: 0px 0 0 0;
	background: #ffffff56;
 box-shadow: -25.966px 41.554px 36.1px 1.9px rgba(78, 78, 80, 0.21);
}
.lo-img::after {
  content: '';
  background-image: url("../img/pictures/frame.png");
  background-repeat: no-repeat;
  height: 259px;
  width: 253px;
  position: absolute;
  right: -39px;
  top: -56px;
  z-index: -1;
}
.right_background {
	width: 34.79%;
  position: absolute;
  z-index: 1;
  height: 100%;
  right: 0;
	top: 0;
	background-image: linear-gradient(#414d67, #576178);
}
	
.right_background::after {
  content: '';
  background-image: url( "../img/pictures/dotts.png");
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 240px;
  width: 357px;
}
.full_background {
	width: 100%;
  position: absolute;
  z-index: 1;
  height: 100%;
  right: 0;
	top: 0;
	background-image: linear-gradient(#414d67, #576178);
}
	
.full_background::after {
  content: '';
  background-image: url( "../img/pictures/dotts.png");
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 240px;
  width: 357px;
}

		@keyframes blinker {  
		  50% { opacity: 0; }
		}
	
/* BANNER FORM RESPONSIVE
==============================================================================*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {

	.rate-form-carousel form > div h1 {font-size: 38px}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
		.rate-form-carousel .row {position: relative; min-height: 480px; padding: 20px 0 0px; margin-bottom: 0px; }
		.rate-form-carousel h1{font-size: 45px; line-height: 55px;}
		.rate-form-carousel h4 {font-size: 22px; line-height: 30px; margin-bottom: 20px;}
		.rate-form-carousel form > div h2 {font-size: 38px}
		.rate-form-carousel .container { z-index: 112; width: 100%; padding-top: 154px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.rate-form-carousel { text-align: center;}
		.rate-form-main {margin-top: 0px;}
		.rate-form-carousel h1{font-size: 45px; line-height: 55px; text-align: center}
		.rate-form-carousel h4{font-size: 25px; line-height: 35px;  margin-bottom: 25px; text-align: center}
		
		.rate-form-carousel form > div h2 {font-size: 33px}
		.rate-form-carousel form > div h1 {font-size: 35px;}
		.lo-img img {width: 60%;}
		.lo-img {position: relative; z-index: 11; margin-top: 60px;}
		.lo-img::after{right: 230px;top: -25px;}
			
}

@media only screen and (min-width: 320px) and (max-width: 479px){
	.rate-form-carousel .row {padding: 20px 0 0px;}
		.rate-form-carousel .container{padding-top: 0px;}
		.rate-form-carousel h1{font-size: 55px; line-height: 70px; color: #5d8409; text-shadow: 0 1px 0px #132e42;}
	.rate-form-main h3 {font: 34px 'Tangerine', cursive;}
		.rate-form-carousel h4{font-size: 17px; line-height: 30px; margin-bottom: 25px;}
		.rate-form-carousel p{color: #fff}
		.rate-form-carousel form > div h2 {font-size:24px;}
		.rate-form-carousel form > div h1 {font-size: 28px;}
		.rate-form-carousel .container{min-width: 320px; } 
		.step1 {margin-left: 30px}
		.lo-img {text-align: center;   margin-top: 30px;}
		.lo-img img {width: 70%;}
	.lo-img::after{right: 39px; top: 60px;}

}