@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,300italic,400italic,600,600italic,700,700italic);

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* END RESET */

/* GENERAL */
body{
	font-family: 'Montserrat', sans-serif;
	line-height: 1.2;
}
img{
	max-width: 100%;
}
a{
	color: #333;
	text-decoration: none;
}
	a:hover{
		color: #fab001;
		text-decoration: none;
	}
.container{
	padding-left: 0;
	padding-right: 0;
}
.section-title{
	font-size: 30px;
	color: #666;
	margin-bottom: 30px;
}
.marg10{
	margin-top: 10px;
	margin-bottom: 10px;
}
.marg20{
	margin-top: 20px;
	margin-bottom: 20px;
}
.marg30{
	margin-top: 30px;
	margin-bottom: 30px;
}
.marg40{
	margin-top: 40px;
	margin-bottom: 40px;
}
.padd10{
	padding-top: 10px;
	padding-bottom: 10px;
}
.padd20{
	padding-top: 20px;
	padding-bottom: 20px;
}
.padd30{
	padding-top: 30px;
	padding-bottom: 30px;
}
.padd40{
	padding-top: 40px;
	padding-bottom: 40px;
}
.paddtop90{
	padding-top: 90px;
}
/* END GENERAL */

/* HEADER */
.header{
	width: 100%;
	background-color: #fff;
	padding: 20px 0;
	position: fixed;
	z-index: 1;
	transition: all .7s;
}
	.header--scroll{
		padding: 10px 0;
	}

.logo{
	float: left;
}
	.logo__img{
		display: block;
	}

.menu{
	overflow: hidden;
}
	.menu-toogle{
		display: none;
	}
		.menu-switch{
			display: none;
		}

.nav{
	height: 50px;
	text-align: right;
	position: relative;
	font-family: 'Source Sans Pro', sans-serif;
}
	.nav__content{
		top: 50%;
	    right: 0%;
	    transform: translate(0%, -50%);
	    -webkit-transform: translate(0%, -50%);
	    position: absolute;
	    margin: 0;
	}
	.nav__item{
		display: inline-block;
		margin-right: 20px;
	}
		.nav__item:last-child{
			margin-right: 0;
		}
	.nav__link{
		transition: all 0.5s;
	}
/* END HEADER */

/* MAIN */
/* Banner */

.banner-promo{
	padding:30px 30px 30px 320px;
}
.banner__box--left{
 	padding-left: 0;
}
.banner__box--right{
	padding-right: 0;
}

.banner{
	height: 350px;
    background-size: cover;
    position: relative;
    background-color: #ebebeb;
    background-position: center;
	background-image: url(../images/banner-01.jpg?v=2);
}
	.banner--left{
		background-image: url(../images/banner2_bg-sm.jpg);
	}
	.banner--right{
		background-image: url(../images/banner_bg-sm.jpg);
	}

	.banner__info{
		width: 100%;
		top: 50px;
	    position: absolute;
	    margin: 0;
	    padding: 0 30px;
	}
	.banner__title{
		color: #fab001;
		font-size: 26px;
		text-transform: uppercase;
	}
	.banner__subtitle{
		color: #333;
		font-size: 18px;
		margin: 10px 0 20px;
	}
	.banner__subtitle2{
		color: #333;
		font-size: 24px;
		margin: 10px 0 20px;
	}

.banner__strong{
	
	font-weight: bold;
	color:#f98824;
}



	.banner__legal{
		font-size: 14px;
		font-family: 'Source Sans Pro', sans-serif;
		margin-top: 20px;
	}
	.banner__btn{
		background-color: #f98824;
		color: #fff;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 14px;
		border: 2px solid #fff;
		padding: 10px 20px;
		min-width: 170px;
	}
		.banner__btn:hover{
			border-color: #304b7f;
			color: #fff;
		}
	.btn-absolute{
		position: absolute;
		bottom: 30px;
		left:80%;
		transform: translate(-50%, 0%);
	    -webkit-transform: translate(-50%, 0%);
	}
/* End Banner */

/* Boxes Cotizador and Register */
.white-bg{
	background-color: #fff;
}
.box__left{
	padding-left: 0;
}
.box__right{
	padding-right: 0;
}
.box__container{
	background-color: #e5e5e5;
	border: 1px solid #ccc;
	border-radius: 10px;
}
.box__header{
	background-color: #f98824;
	border-radius: 9px 9px 0 0;
	padding: 14px;
}
.box__title{
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
}
.box__subtitle{
	color: #fff;
	font-size: 18px;
}
.box__body{
	padding: 20px 15px;
}
.box__markets{
	margin: 15px 0;
}

.form-group-lg .form-control{
	font-family: 'Source Sans Pro', sans-serif;
}
	.box__btn{
		background-color: #a42121;
		color: #fff;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 18px;
		padding: 10px 20px;
		min-width: 220px;
		text-transform: uppercase;
		box-shadow: 0 5px 0 rgba(0,0,0,.3);
	}
		.box__btn:hover{
			background-color: #666;
			color: #fff;
		}

.box__body__item{
	margin-top: 3px;
}
.box__body__icon{
	width: 40px;
	display: inline-block;
	margin: 0 20px 0 60px;
}
.box__body__text{
	display: inline-block;
    color: #666;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 40px;
    height: 40px;
    vertical-align: top;
}
/* End Boxes Cotizador and Register */

/* Info and recommended stores */
.info-banner{
	background-color: #fff;
	height: 400px;
	padding:20px;
}
	.info-banner__title{
		font-size: 36px;
		color: #666;
	}
	.info-banner__subtitle{
		font-size: 22px;
		color: #fab001;
		text-transform: uppercase;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.info_banner__item{
		margin-top: 20px;
	}
	.info_banner__number{
		color: #fff;
		width: 26px;
		height: 26px;
		background-color: #666;
		border-radius: 50%;
		display: inline-block;
		text-align: center;
		line-height: 24px;
		font-family: 'Source Sans Pro', sans-serif;
		margin-right: 10px;
	}
	.info_banner__text{
		display: inline-block;
		font-family: 'Source Sans Pro', sans-serif;
		width: 80%;
		vertical-align: middle;
		font-size: 16px;
	}
.stores-banner{
	height: 400px;
	background-image: url(../images/banner-stores.jpg?v=2);
    background-size: cover;
    position: relative;
}
	.stores-banner__info{
		top: 50%;
	    left: 0;
	    transform: translate(0%, -50%);
	    -webkit-transform: translate(0%, -50%);
	    position: absolute;
	    margin: 0;
	    padding-left: 40px;
	}
	.stores-banner__title{
		color: #fab001;
		font-size: 36px;
		text-transform: uppercase;
	}
	.stores-banner__subtitle{
		color: #333;
		font-size: 18px;
		margin: 10px 0 20px;
	}
/* End Info and recommended stores */

/* Videos and FAQ */
.faq__container{
	overflow: hidden;
}
.faq__item{
	margin-bottom: 15px;
}
.videos__text, .faq__item__text{
	font-family: 'Source Sans Pro', sans-serif;
	margin-top: 10px;
	margin-bottom: 15px;
}
.faq__item__text{
	margin-left: 15px;
}

.legal__text{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	padding: 30px 15px 0 ;
}
/* End Videos and FAQ */
/* END MAIN */

/* FOOTER */
.footer{
	background-color: #1E1E1E;
	color: #999;
}
	.footer__apps{
		background-color: #ddd;
		color: #333;
		padding: 20px 0;
		text-transform: uppercase;
		font-size: 15px;
	}
		.footer__apps__text{
			margin-bottom: 10px;
		}
	.footer__block{
		margin:0;
	}
	.footer__info{
		padding:40px 0;
		font-family: 'Source Sans Pro', sans-serif;
	}
		.footer__info__title{
			font-family: 'Montserrat', sans-serif;
			font-size: 15px;
			color: #fff;
			text-transform: uppercase;
		}
		.footer__info__list{
			list-style: none;
			padding: 0;
		}
		.footer__info__item{
			font-family: 'Source Sans Pro', sans-serif;
			font-size: 14px;
			margin: 5px 0;
		}
		.footer__info__link{
			color: #999;
			text-decoration: none;
		}
			.footer__info__link:hover{
				color: #fab001;
			}
/* END FOOTER */


@media (max-width: 1200px){
	.box__body__item{
		margin-top: 1px;
	}
	.info-banner__title{
		font-size: 30px;
	}
	.info_banner__item{
		margin-top: 10px;
	}
}

@media (max-width: 991px){
	.menu-toogle{
		width: 40px;
		height: 50px;
		display: inline-block;
		cursor: pointer;
		display:flex;
		flex-direction: column;
		justify-content: center;
		cursor: pointer;
		float: right;
	}

		.menu-toogle__line{
			display: block;
			height: 5px;
			background-color: #666;
			margin: 5px 0;
			position: relative;
			transition: all .5s;
		}
			.open:first-child{
				transform: rotate(45deg);
				top:8px;
			}
			.open:nth-child(2){
				display: none;
			}
			.open:last-child{
				transform: rotate(-45deg);
				bottom: 8px;
			}

		
	.menu-switch:checked ~ .nav {
		display: block;
	}
	.nav{
		background-color: #e5e5e5;
		display: none;
		width: 100%;
		height: auto;
		top: 100%;
		left: 0;
		text-align: center;
		position: absolute;
		z-index: 2;
		padding: 25px 0;
		transition: all .7s; 
	}
		.nav__content{
			width: 90%;
			top: 50%;
		    left: 50%;
		    transform: translate(-50%, -50%);
		    -webkit-transform: translate(-50%, -50%);
		}
	.banner__box--left{
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 30px;
	}
	.banner__box--right{
		padding-right: 0;
		padding-left: 0;
	}

	.box__left{
		padding-left: 15px;
		margin-bottom: 30px;
	}
	.box__right{
		padding-right: 15px;
	}
	.box__body__item{
		margin-top: 3px;
	}

	.info-banner{
		height: auto;
		padding:30px 40px;
	}
	.info-banner__title{
		font-size: 36px;
	}
	.info_banner__item{
		margin-top: 20px;
	}

	.footer__block{
		margin-bottom: 20px;
	}
}

@media (max-width: 767px){
	.row{
		margin-right: 0;
		margin-left: 0;
	}
	.logo{
		margin-left: 15px;
	}
	.menu{
		margin-right: 15px;
	}
		.banner__info{
		    padding-right: 0;
		    text-align: center;
		    padding: 0 40px;
		}


	.stores-banner__info{
		width: 60%;
	}

	.footer{
		text-align: center;
	}

}

@media (max-width: 567px){

	.nav{
		height: 120px;
	}
	.nav__item{
		display: block;
		margin-right: 0;
		margin: 0 0 10px;
	}
		.nav__item:last-child{
			margin: 0 0 0;
		}


	.stores-banner__info{
		width: 80%;
	}
	.box__body__icon{
		margin: 0 20px 0 40px;
	}
}

@media (max-width: 425px){

	.logo{
		width: 70%;
	}

	.banner__info{
		padding: 0 20px;
	}
	.banner__title{
		font-size: 20px;
	}
	.banner__subtitle{
		font-size: 16px;
	}
	.banner__subtitle2{
		font-size: 16px;
	}

	.box__body__icon{
		display: none;
	}
	.box__body__text{
		line-height: 20px;
		text-align: center;
		margin-bottom: 10px;
	}
	.info-banner{
		padding: 30px 20px;
	}

	.stores-banner{
		height: 350px;
	}
	.stores-banner__info{
		width: 100%;
	    padding: 0 20px;
	}
	.stores-banner__title{
		font-size: 28px;
	}
	.stores-banner__subtitle{
		font-size: 16px;
	}
	.btn-absolute{
		position: absolute;
		bottom: 30px;
		left:50%;
		transform: translate(-50%, 0%);
	    -webkit-transform: translate(-50%, 0%);
	}
}