/*---------------------Fonts---------------------*/

@import url('https://fonts.googleapis.com/css?family=Roboto');



@font-face {

	font-family: 'FbSpacer-Black';

	src: url('../fonts/FbSpacer-Black.eot'); 

	src: url('../fonts/FbSpacer-Black.eot?#iefix') format('embedded-opentype'),

			url('../fonts/FbSpacer-Black.woff2') format('woff2'),

			url('../fonts/FbSpacer-Black.woff') format('woff'),

			url('../fonts/FbSpacer-Black.ttf')  format('truetype'),

			url('../fonts/FbSpacer-Black.svg#svgFontName') format('svg');

	}



	@font-face {

	font-family: 'FbSpacer-Bold';

	src: url('../fonts/FbSpacer-Bold.eot'); 

	src: url('../fonts/FbSpacer-Bold.eot?#iefix') format('embedded-opentype'),

			url('../fonts/FbSpacer-Bold.woff2') format('woff2'),

			url('../fonts/FbSpacer-Bold.woff') format('woff'),

			url('../fonts/FbSpacer-Bold.ttf')  format('truetype'),

			url('../fonts/FbSpacer-Bold.svg#svgFontName') format('svg');

	}



	@font-face {

	font-family: 'FbSpoiler-Black';

	src: url('../fonts/FbSpoiler-Black.eot'); 

	src: url('../fonts/FbSpoiler-Black.eot?#iefix') format('embedded-opentype'),

			url('../fonts/FbSpoiler-Black.woff2') format('woff2'),

			url('../fonts/FbSpoiler-Black.woff') format('woff'),

			url('../fonts/FbSpoiler-Black.ttf')  format('truetype'),

			url('../fonts/FbSpoiler-Black.svg#svgFontName') format('svg');

	}

	@font-face {

	font-family: 'FbSpoiler-Regular';

	src: url('../fonts/FbSpoiler-Regular.eot'); 

	src: url('../fonts/FbSpoiler-Regular.eot?#iefix') format('embedded-opentype'),

			url('../fonts/FbSpoiler-Regular.woff2') format('woff2'),

			url('../fonts/FbSpoiler-Regular.woff') format('woff'),

			url('../fonts/FbSpoiler-Regular.ttf')  format('truetype'),

			url('../fonts/FbSpoiler-Regular.svg#svgFontName') format('svg');

	}



	.font-light {

		font-family: 'FbSpoiler-Regular';

		font-weight: 100;

	}

/*---------------------End Fonts---------------------*/



html ,

body ,

#main-wrapper {

	width: 100%;

	height: 100%;

	font-family: 'FbSpoiler-Regular';

	color: #000;

}



h1 ,

h2 ,

h3 ,

h4 ,

h5 ,

h6  {

	font-family: 'FbSpoiler-Black';

}



.float-right{

	float:right;

}

.float-left{

	float:left;

}

.white{

	color:#fff;

}

.black{

	color:#000;

}

.blue {

	color: #003469;

}

.flex {

	display: flex;

}



.flex-center {

	align-items: center;

	justify-content: center;

}



.flex-row-reverse {

	flex-direction: row-reverse;

}

/*-------Input css--*/



::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #000;

}

::-moz-placeholder { /* Firefox 19+ */

  color: #000;

}

:-ms-input-placeholder { /* IE 10+ */

  color: #000;

}

:-moz-placeholder { /* Firefox 18- */

  color: #000;

}

/*-------End Input css--*/



.credit-img {

	position: fixed;

    left: 1vw;

    width: 1vw;

    bottom: 1vw;

    z-index: 99;

}



.form {

	position: relative;

    z-index: 11;

}



.form-wrapper {

    position: absolute;

    top: 0;

    left: 3vw;

    width: 21vw;

    background: url(../img/form_bg.png) center/100% 100% no-repeat;

    padding: 3vw 1vw;

    text-align: center;

    padding-bottom: 8vw;

    height: 84vh;

    min-height: 43vw;

}



.form-logo {

	width: 17vw;

    margin: 0 auto;

} 



.form-wrapper input[type="text"],

.form-wrapper select {

    background: #BDBFBF;

    border: none;

    text-align: center;

    margin-bottom: 1vw;

    height: 3vw;

	min-height: 40px;

	width: 80%;

	font-size: 1vw;

}

.form-wrapper select {
	-webkit-appearance: none;;
}

.form-wrapper input.send {

    width: 80%;

    background: #D52029;

    color: #fff;

    border: none;

    font-size: 2.5vw;

    margin-top: 1vw;

    margin-bottom: 1vw;

    font-family: 'FbSpoiler-Black';

    padding: 0;

    line-height: 1.1;

}



.footer-bottom-logo {

	width: 75%;

    margin: 0 auto;

}



.form-wrapper .ac-title-sml {

    margin-top: 2vw;

    margin-bottom: .5vw;

    font-size: 1.2vw;

}



.form-wrapper .agree-wrapper {

	width: 80%;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: flex-start;

}



.agree {

	margin: 0!important;

    margin-left: .5vw!important;

}



.agree-wrapper span {

	font-size: .9vw;

}



.container-no-padding {

	padding: 0;

}



.no-gutters {

	margin: 0;

}



.no-gutters > * {

	padding: 0;

}



#row-1 {

    background-color: #26428F;

    background-image: url(../img/1.png), url(../img/2.png), url(../img/3.png);

    background-position: 22vw 00, 81vw 00, 84vw 16vw;

    background-size: 51vw, 20vw, 16vw;

    background-repeat: no-repeat;

    height: 62.5vh;

}



.main-titles-wrapper {

	position: absolute;

    top: 50%;

    left: 51%;

    transform: translate(-50%, -50%);

    width: 100%;

    text-align: center;

}



.main-titles-wrapper .ac-title-lg {

    font-size: 4.6vw;

    margin: 0;

    display: flex;

    justify-content: center;

	align-items: center;

	font-family: 'FbSpoiler-Regular';

}



.main-titles-wrapper .ac-title-lg span.font-bold {

	font-size: 1.7em;

    font-family: 'FbSpacer-Black';

	margin: 0 1vw;

	width: 15vw;

}



.main-title-img {

	width: 100%;

}



#row-1 .ac-title-md {

	margin: 0;

	font-size: 4vw;

	font-family: 'FbSpacer-Bold';

}



#row-1 .ac-title-xlg {

    margin: 0;

    font-size: 6vw;

    font-family: 'FbSpacer-Bold';

    line-height: .9;

}



#row-2 {

	background-color: #00B5D6;

	height: 37.5vh;

	position: relative;

	min-height: 20vw;

}



.row-2-shape-wrapper {

	position: absolute;

    top: -4vw;

	width: 100%;

	z-index: 10;

}



.shape-img {

	width: 100%;

}



#row-2 .content-col {

	padding-left: 3vw;

	padding-top: 2.5vw;

	padding-right: 3vw;

	height: 17vw;

}



#row-2 .ac-title-md {

	font-size: 3.6vw;

    font-family: 'FbSpacer-Bold';

    line-height: .9;

	margin: 0;

	margin-top: .5vw;

}



.legal-wrapper {

	position: absolute;

    bottom: 0;

    right: 0;

    padding-right: 3vw;

}



.legal-wrapper .legal {

    margin: 0;

    font-size: 1vw;

    line-height: 1;

	font-family: 'FbSpacer-Bold';

}



#row-2 .coupon-img {

	width: 100%;

}



.show-on-mobile {

	display: none;

}



.ac-show-on-mobile {

	display: none;

}



@media  all and ( max-width:1000px ) { 

	.credit-img {

		width: 3vw;

		bottom: 3vw;

	}



	::-webkit-input-placeholder { /* Chrome/Opera/Safari */

		color: #fff;

	  }

	  ::-moz-placeholder { /* Firefox 19+ */

		color: #fff;

	  }

	  :-ms-input-placeholder { /* IE 10+ */

		color: #fff;

	  }

	  :-moz-placeholder { /* Firefox 18- */

		color: #fff;

	  }



	html, body, #main-wrapper {

		height: auto;

	}



	.show-on-mobile {

		display: block;

	}

    .hide-on-mobile {

		display:none;

	}



	#row-1 {

		height: auto;

		padding: 10vw 0;

		background-color: #26428F;

		background-image: url(../img/1.png), url(../img/2.png), url(../img/3.png);

		background-position: 0 0, 60vw 0, 76vw 58vw;

		background-size: 82vw, 40vw, 25vw;

		background-repeat: no-repeat;

	}



	#row-2 {

		padding-top: 2vw;

		padding-bottom: 8vw;

		height: auto;

		position: relative;

		min-height: unset;

		background: url(../img/mobile/Layer_2.jpg) center/cover no-repeat;

	}



	#row-2 .ac-title-md {

		font-size: 8vw;

		text-align: right;

	}



	.main-titles-wrapper .ac-title-lg {

		font-size: 9vw;

	}



	#row-1 .ac-title-md {

		margin-top: 5vw;

		font-size: 9vw;

	}



	#row-1 .ac-title-xlg {

		font-size: 14vw;

	}



	.col-md-9 .row.flex {

		display: block;

	}



	.form-wrapper {

		position: relative;

		left: unset;

		width: 100%;

		padding: 7vw 0;

		min-height: unset;

		height: auto;

	}



	#row-2 .coupon-img {

		width: 90vw;

	}



	#row-2 .content-col {

		height: auto;

		position: unset;

		padding-left: 2vw;

		padding-right: 2vw;

	}



	#row-2 .ac-title-md {

		text-align: center;

		font-size: 9vw;

		margin-bottom: 5vw;

	}



	.legal-wrapper {

		position: relative;

		width: 86vw;

		margin: 0 auto;

		margin-top: 1vw;

		padding: 0;

	}



	.legal-wrapper .legal {

		font-size: 3vw;

		color: #003469;

		font-weight: 100;

		font-family: 'FbSpoiler-Regular';

	}



	.form-logo {

		width: 50vw;

	}



	.form-wrapper .ac-title-sml {

		margin-top: 2vw;

		margin-bottom: 2vw;

		font-size: 7vw;

	}



	.form-wrapper input[type="text"],

	.form-wrapper select  {

		width: 100%;

		margin-bottom: 2vw;

		text-align: right;

		text-indent: 2vw;

		color: #fff;

		font-size: 4.5vw;

	}



	.agree-wrapper span {

		font-size: 5vw;

	}



	.agree {

		margin-left: 1vw!important;

	}



	.form-wrapper input.send {

		font-size: 9vw;

		margin-top: 2vw;

		margin-bottom: 4vw;

	}



	.main-title-img-wrapper {

		position: relative;

		right: 2vw;

	}



	.main-titles-wrapper .ac-title-lg span.font-bold {

		margin: 0 2vw;

		width: 27vw;

	}



	.ac-hide-on-mobile {

		display: none;

	}

	.ac-show-on-mobile {

		display: block;

	

	}

	

	#part-top {

		padding-top: 3vw;

		padding-bottom: 3vw;

		background: #fff;

	}



	#part-top .ac-col-1  img {

		width: 38vw;

		margin: auto;

		float: right;

		margin-right: 3vw;

	 }



	 #part-top .ac-col-2  img {

		width: 40vw;

		margin: auto;

		float: left;

		margin-left: 3vw;

	 }



	 #row-1 {

		height: auto;

		padding: 4vw 0;

		padding-bottom: 7vw;

	}

	 #row-1 .ac-title-md {

		margin-top: 0;

		font-size: 8vw;

	}





	.ac-flex-row {

		display: flex;

		align-items: center;

		justify-content: space-between;

	}



	.ac-car-img-wrapper {

		width: 49vw;

	}



	.form-wrapper {

		background: transparent;

		padding:0;

		width: 90%;

		margin:  0 auto

	}





	.form-wrapper .ac-title-sml {

		text-align: right;

		font-size: 4.5vw;

		margin-top: 3vw;

		margin-bottom: 2vw;

		color: #003469;

		font-weight: 900;

	}



	.btn-send {

		display: flex;

		align-items: center;

		justify-content: center;

	}



	.form-wrapper input.send {

		width: 30vw;

		font-size: 7vw;

		margin-left: 3vw;

	}



	.agree-wrapper span {

		font-size: 3vw;

		color: #003469;

	}



	#row-1 {

		background: url(../img/mobile/Layer_1.jpg) center/cover no-repeat;

	}

}