/*BÁSICOS*/
@font-face {
  font-family: 'BrandonGrotesque-Bold';
  src: url('../fonts/BrandonGrotesque-Bold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/BrandonGrotesque-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/BrandonGrotesque-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/BrandonGrotesque-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/BrandonGrotesque-Bold.svg') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'BrandonGrotesque-Light';
  src: url('../fonts/BrandonGrotesque-Light.eot'); /* IE9 Compat Modes */
  src: url('../fonts/BrandonGrotesque-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/BrandonGrotesque-Light.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/BrandonGrotesque-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/BrandonGrotesque-Light.svg') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'BrandonGrotesque-Regular';
  src: url('../fonts/BrandonGrotesque-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/BrandonGrotesque-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/BrandonGrotesque-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/BrandonGrotesque-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/BrandonGrotesque-Regular.svg') format('svg'); /* Legacy iOS */
}

body{font-weight:100;font-family: 'BrandonGrotesque-Light',sans-serif;color: #56565b}
h1{}
h2{}
h3{}
hr{}
strong{font-family: 'BrandonGrotesque-Bold', sans-serif;}

/*AUXILIARES*/
.mt-xs{margin-top: 30px}
.mb-xs{margin-bottom: 30px}



/*ESTRUCTURA*/
.container{max-width:1170px}
.box{float:left; width:100%}
.footer{}
.footer p{}

/*HEADER*/
.header{}
header i{color: #c42020;font-size: 30px;}
header a{font-size:34px;display: inline-block;padding-top: 15px}


/*SLIDER*/
.slider{background: url('../imagenes/slider.jpg')no-repeat center;background-size: cover}

/*FORMULARIO*/
#formulario .title-form{font-size: 17px;text-transform: uppercase;background:#c42020;padding: 15px;position: absolute;top: 0;left: 0;width: 90%;border-radius: 0 0 20px 0;text-align: right;}
#formulario{background: rgba(0,0,0,.6);color: #fff;padding: 70px 30px 30px;position: relative;margin-bottom: 0px;max-width: 360px;float: right;}
#formulario a{color: #fff}
#formulario p{margin-bottom: 15px;font-size: 16px;}
#formulario .form-control{border-radius: 0;border: none;}
	
/*BOTONES*/
#formulario .btn-default{background:#c42020;color: #fff;border: none;border-radius: 0;text-align: center;padding:8px;text-transform: uppercase;font-size: 16px;border-bottom: 4px solid #900909;margin-top: 20px}

/*SECTIONS*/
section{padding: 30px 0}
/*section .title{margin-bottom: 40px}*/
section .title span{font-size: 30px;font-family: 'BrandonGrotesque-Regular',sans-serif;text-transform: uppercase;line-height: 1.4}
section p{font-size: 18px;line-height: 1.2}
/*section p strong{font-size: 25px;}*/

.content-items{margin: 35px 0;}
.item-box{display: flex; justify-content: flex-start;align-items: flex-start;}
.item-texto{padding-top: 35px;padding-left: 10px;}
.red-text{color: #C42020;}
.final-text{font-size: 30px;padding: 25px 0;}
.title-box{font-size: 25px;}
.border-red{border-bottom: 1px solid #c42020;
    margin-bottom: 40px;}

/*FOOTER*/
footer{background: #ebebeb;}
footer p strong{font-size: 16px;}
footer p:not(.legal), .legal-footer p{font-size: 18px;}
.legal-footer, footer{padding: 30px 0}


@media (max-width:1200px){

}

@media (max-width:998px){

}

@media (min-width:768px){

footer i{margin-left: -20px}
}

@media (max-width:768px){	
	header .text-right{text-align: center!important;}
	header a{font-size: 25px;padding-top: 0}
	header img{max-width: 215px!important}
	#formulario{max-width: 50%;margin: 0 25% 100px}
	section .title span{font-size: 25px;}
	section p, footer p:not(.legal), .legal-footer p{font-size: 16px;line-height: 1.2}
	section p strong{font-size: 22px;}
	footer p, section p{text-align: center!important;}
	#formulario .btn-default{font-size: 14px;}
  .item-box{flex-direction: column; align-items: center;}
  .item-texto{padding-left: 0;padding-top: 20px;}
  .final-text{padding: 20px 0;}
}

@media (max-width:600px){
	#formulario{max-width: 80%;margin: 0 10% 60px}

}

@media (max-width:384px){
	#formulario{max-width: 100%;margin: 0 0 60px}

}