@charset "UTF-8";
/* CSS Document */
body {  background:#000;font-family: 'Roboto-Light'; font-size:14px; text-align:center; color:#000;}
div, ul, li, h1, h2, h3, h4, p, a, span, strong, form, input, label, textarea { position:relative;box-sizing: border-box;}
body, ul, li, h1, h2, h3, h4, p { margin:0; padding:0; font-weight:normal;}
li { list-style:none;}
h1, h2, h3, h4 {font-size:36px; padding-bottom: 15px; text-transform: uppercase;letter-spacing:-1px;}
a { outline:none; text-decoration:none; cursor: pointer;}
*:focus { outline: none; } 
a, select, .orangeCTA, input[type="date"] {-webkit-appearance:none;}
a[href^="tel"]{ color:inherit;}
a img { border:none;}
p { padding-bottom:10px; line-height:24px;}
.wrapper  {width:100%;}

header, nav, section, footer, hgroup, article, figure, hgroup { display:block; position:relative; margin:0;}
header {background: #fff; z-index: 2; position: sticky; top: 0; padding: 10px 0 5px;}
.headerHolder, .contentPage, .colHolder {width:94%;max-width: 1000px; margin: 0 auto; display: inline-block;}
.headerHolder { overflow:hidden; min-height:30px; }

.sliderHolder { width:100%;}

/*Top navigation*/
.mainLogo { width:20%; float:left; padding-left:2% }
.mainLogo a, .mainLogo a img { display:block; width:100%;}


nav { text-align:right; width:72%; float: left;}
.navHolder li a, .socialMedia li a { display:block; padding:8px; color: #000;}
.navHolder li a { padding:6px 10px;cursor: pointer; border-bottom: 3px solid #fff;}
.navHolder li a:hover,
.navHolder li a:active,
.navHolder li.current-menu-item a {border-color: #f37021;}
.navHolder > li:first-child { display: none;}

/*Responsive Top Menu*/
a#rightMenu, a#lefttMenu {width: 30px;height:30px;line-height:30px; display:none; position:absolute; right:0; top: 0;}
a#rightMenu:after {content:"";background: url('../images/nav-icon.png') no-repeat;width: 30px;height:30px;display: inline-block;position: absolute;right: 0;top: 0;}

a#lefttMenu { right:inherit; left:10px; }

/*Contenido*/
.content { background:#fff; z-index: 1;}

/*Slider*/
.slider li a,
.slider li img,
.flagHolder img { display:block; width:100%; height:auto;}
.slider li a .orangeCTA,
.descriptionBox .orangeCTA { width:60%; max-width:550px; padding:6px; color:#fff; font-size:26px; text-transform:uppercase; margin:0 auto; line-height:30px; top:-20px; }
.slider li a .orangeCTA span,
.descriptionBox h2 span { display:block; }

.middelNav, .logosList { padding:15px 0 30px; width:100%; }
.middelNav li { width:31%; margin:0 1%; }
.middelNav li a.boxHolder { width:100%; display:block; }
.middelNav li a.boxHolder img { width:100%; height:auto; display:block; overflow:hidden; border:1px solid #fff; }
.middelNav li a.boxHolder h2 { padding:10px 0; line-height:26px; font-size:24px; }
.middelNav li a.boxHolder h2 span { text-transform:lowercase; width:100%; display:block; font-size:18px; }

.contentPage h1 span { width:100%; display:block; font-size:50px; }
.contentPage p { font-size:14px;}
.contentPage ul.regular { padding-bottom:20px; }
.contentPage ul.regular,
.contentPage ul.regular li { width:100%; text-align:left; font-size:16px; margin-bottom:5px; }
.contentPage ul.regular li .fa { font-size:8px; vertical-align:middle; margin-right:5px; }

/*logos home*/
.logosList li { width: 18%;  margin: 0 1%;}
.logosList li .logoHolder { width: 100%; display: inline-block;}
.logosList li .logoHolder img { width:100%; height:auto; display:block; }

.formBox img { width:69%; }
.formBox .formHolder { width:30%; top:50px; }

/*Footer*/
footer { width:100%; padding:30px 0;}
.footerList { width:80%; margin:0 auto }
.footerList li { padding:5px 10px; }
.footerList li a { color:#fff; }
.footerList li:last-child { width:100%; }
.footerList li a:hover,
.footerList li a:active,
.colHolder li p a:hover,
.colHolder li p a:active {text-decoration: underline;}

.homeFooter {width:50%; text-align: right;  margin: inherit;}
.homeFooter li:last-child { text-align:right; }

/*----------- Inner Pages -------------*/

.internaP h1 { padding:20px 0; }
.internaP .contentPage p { text-align:left; }
.internaP .footerList { width:80%; text-align:center; }

.colHolder { padding-bottom:30px; }
.colHolder li {width: 49%; text-align: left; padding-right: 2%;}
.colHolder li:last-child { padding:0; }
.colHolder li p a { color:#000; }

/*Form*/
.formItems  { width:100%;background: #dedede; padding: 15px;}
.formItems li { padding:10px 0;width:100%; margin:0 auto;}
.formItems li:last-child { text-align:right; }

.formItems li label, .formItems li input, .formItems li textarea  { font-size:14px; text-align:left; width:98%; display:block;}
.formItems li label { padding-bottom:10px; font-size:14px;}
.formItems li input, .formItems li textarea, .formItems li .comboMask  { background-color:#f1f1f1; width:100%; border:1px solid #dedede; padding:13px 4%;}
.formItems li input:focus, .formItems li textarea:focus { border:1px solid #090;}
.formItems li textarea { height:115px; padding:10px 4%;}
.formItems li .orangeCTA { border:none; text-align:center; font-size:20px; padding:12px 0;}

/*Combo*/
.formItems li select { width:110%; background-color: transparent; border:none; font-size:14px; line-height:24px; cursor:pointer; color:#999;}
.formItems li .comboMask { width:100%; overflow:hidden; background:#f1f1f1 url(../images/arrow_down.png) no-repeat 96% 18px; padding:10px 4%; background-size:20px 12px;}
.formItems li .comboMask select { color:#666;}
.formItems li input:hover, .formItems li textarea:hover, .formItems li .comboMask:hover,
.formItems li input:active, .formItems li textarea:active, .formItems li .comboMask:active { border:1px solid #090;}
.formItems li input[type=radio] { border-radius: 0!importan; width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; cursor: pointer; }
.formItems li p { vertical-align: middle; display: inline-block; padding: 0; }

.graciasP hgroup { padding:20px; margin: 50px 0;}

.modalBG { position:fixed; z-index:99999;  background-color: rgba(0, 0, 0, .8); top: 0; left: 0; right: 0; width: 100%; height: 100%; overflow: scroll; display: none;}
.modalBox { width:90%; max-width:700px; background:#fff; margin:5% auto; padding:40px 30px; animation-name: zoom; animation-duration: 0.6s;}
@keyframes zoom { from {transform:scale(0)} to {transform:scale(1)}}

.close { position: absolute; top: 10px; right: 25px; color: #bbb; font-size: 40px; font-weight: bold; transition: 0.3s; z-index: 2;}
.close:hover,
.close:focus { color: #000; text-decoration: none; cursor: pointer;}

.modalBox h2 { font-size:30px; }
.modalBox h3 { font-size:22px; }
.modalBox p {  font-size:18px; }

.errorP .contentPage { padding-bottom:30px; }

/* ------------------------- GENERAL -------------------------*/

/*Color naranja*/
.orangeCTA,
.formItems li input.orangeCTA,
.subMenu li a:hover, .subMenu li a:active,
.resultadosCategoryList li.currentMenu { background:#f37021; }

.contentPage h1 span,
.contentPage ul.regular li .fa,
.modalBox h2 {color: #f37021;}

/*Gray CTA*/
.ctaList li .grayCTA {background:#666;} 

/*Color Verde*/
.formItems li input.orangeCTA { color:#7eb059;}

/*Color verde go*/
.formItems li input.orangeCTA:hover,
.formItems li input.orangeCTA:active,
.orangeCTA:hover, .orangeCTA:active,
.ctaList li .grayCTA:hover,
.ctaList li .grayCTA:active { background:#090; color:#fff;}


/*Display Inline block- vertical aling top*/
.navHolder,
.navHolder li,
.logosList li,
.middelNav li,
.formBox img,
.formBox .formHolder,
.footerList li,
.colHolder li { display:inline-block; vertical-align:top;}

.formBox img,
.formBox .formHolder { vertical-align: bottom; }

/*Border radius 5px*/
 .formItems,
 .formItems li input,
 .formItems li textarea,
 .formItems li .comboMask,
 .orangeCTA, .searchForm li .selectMask {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

 /*Border radius 10px*/
.middelNav li a.boxHolder img {-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
 
 /*CTAs*/
.outlineCTA, .orangeCTA { width:80%; max-width:300px; display:block; padding:10px; font-size:20px; text-align:center; margin:0 auto; cursor:pointer}
.orangeCTA { color:#fff;} 

.middelNav li a.boxHolder img {box-shadow:0 0 10px #dedede; -moz-box-shadow:0 0 10px #dedede;-webkit-box-shadow:0 0 10px #dedede;}

/*Font  Family Avenir Black*/
h1, h2, h3, h4, strong, .orangeCTA {font-family: 'RobotoBold';}
.middelNav li a.boxHolder h2 span {font-family: 'Roboto-Light';}

/*------------------------- ENDS GENERAL -------------------------*/

@media screen and (max-width:1100px) {
	.bx-wrapper .bx-pager { bottom:-170px!important;}
	}

@media screen and (max-width:920px) {
	.bx-wrapper .bx-pager { bottom:-150px!important;}
	.mainLogo { width:28%; }
    .footerList { width:90%; }
	}
@media screen and (max-width:800px) {
	.bx-wrapper .bx-pager { bottom:-120px!important;}
	.formBox img { width:100%; }
    .formBox .formHolder { width:100%; top:0; margin-bottom:20px; }
    .contentPage h1 span { font-size:40px; }
    .middelNav li a.boxHolder h2 { line-height:24px; }
	}

@media screen and (max-width:767px) {
	.mainLogo { width: 30%; padding:0; }
	nav { padding:0; }
	a#rightMenu, a#lefttMenu, .categoryMenu .closeMenuMobile { display: inherit; }

	/*Responsive menu*/
	.navHolder { position: fixed; top: 0; background: #000; height: 100vh; width: 300px; transition: 0.5s; right: -300px; overflow-x: auto; z-index: 99999;}
	.navHolder li { width: 100%; border-bottom: 1px solid #141414; }
	.navHolder li a { font-size: 20px; text-align: left; padding: 15px; color:#fff; border-color:#000; }
	.navHolder li.current-menu-item a { border-radius: inherit; }
	.navHolder > li:first-child {display: inherit;}
	.navHolder > li:first-child a { text-align: right;  padding: 10px;}

    .middelNav li { width:30%; }
    .middelNav li a.boxHolder h2 { font-size:20px; }
    .middelNav li a.boxHolder h2 span { font-size:16px; }
}
@media screen and (max-width:650px) {
	h1 { font-size:26px; }
	.bx-wrapper .bx-pager { bottom:-110px!important;}
    footer{ padding:10px 0 20px; }
    .footerList { width:100%; }
    .footerList li { display:none;}
    .footerList li:last-child { display:inherit; text-align: center;}
	}
@media screen and (max-width:520px) {
	h1 { font-size:20px; }
	.mainLogo { width:42%; }
	.bx-wrapper .bx-pager { bottom:-100px!important;} 
    .middelNav li a.boxHolder h2 { font-size:18px; letter-spacing:inherit; line-height: 18px;}
    .middelNav li a.boxHolder h2 span { font-size:12px; }
    .contentPage h1 span { font-size:26px; }
    .colHolder li { width: 100%; padding: 0; margin-bottom: 10px;}
    .colHolder li h2 { font-size:24px; }
	}
@media screen and (max-width:375px) {
	h1 { font-size:22px;}
	.bx-wrapper .bx-pager { bottom:-100px!important;}

}
@media screen and (max-width:320px) {

	}
/*Fuentes*/
@font-face {
    font-family: 'RobotoBold';
    src: url('../fonts/roboto/Roboto-BoldCondensed.eot');
    src: url('../fonts/roboto/Roboto-BoldCondensed.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto/Roboto-BoldCondensed.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-BoldCondensed.woff') format('woff'),
        url('../fonts/roboto/Roboto-BoldCondensed.ttf') format('truetype'),
        url('../fonts/roboto/Roboto-BoldCondensed.svg#Roboto-BoldCondensed') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-Light';
    src: url('../fonts/roboto/Roboto-Light.eot');
    src: url('../fonts/roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/roboto/Roboto-Light.woff2') format('woff2'),
        url('../fonts/roboto/Roboto-Light.woff') format('woff'),
        url('../fonts/roboto/Roboto-Light.ttf') format('truetype'),
        url('../fonts/roboto/Roboto-Light.svg#Roboto-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}