/*===============================================
  A. Imports
================================================= */
@import url('../fonts/proxima_nova/stylesheet.css');
@import url('../fonts/bebas_neue/bebasneue.css');

/*===============================================
  B. General Styles
================================================= */
html,body {
    font-family: 'Proxima Nova',arial, sans-serif !important;
    height: 100%;
    -ms-overflow-style: scrollbar;
    color:black;
}
a{text-decoration: none;color:black;}
a:hover{color: black;text-decoration: none;}
.full-height{  position: relative;  display: table;  min-height: 100%;  height: 100%;  width: 100%;  overflow: hidden;  }
.content-height{  position: relative;  display: block;  width: 100%;  }
.display-table{  display: table;  width: 100%;  height: 100%;  min-height: 100%;  }
.table-cell{  display: table-cell;  height: 100%;  vertical-align: middle;  }
.ease-in-out{
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
/*
.btn-outter{  width: auto;  display: inline-block;  padding: 7px;  background-color: #231f20;
    border-radius: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;color: white;text-transform: uppercase;
    font-family: 'bebas_neue';font-size: 24px;cursor: pointer;
}
.btn-inner{width: 100%;display: inline-block;padding: 7px 25px;
    border: 1px solid #414042;
    border-radius: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;
}
*/
.btn-outter{  width: auto;  display: inline-block;
    /*padding: 7px;*/
    padding: 1px;
    background-color: #231f20;
    /*border-radius: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;*/
    border-radius: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;
    color: white;text-transform: uppercase;
    font-family: 'bebas_neue';
    /*font-size: 24px;*/
    font-size: 22px;
    cursor: pointer;
}
.btn-inner{
    width: 100%;display: inline-block;
    /*padding: 7px 25px;*/
    padding: 7px 30px;
    /*border: 1px solid #414042;*/
    border-radius: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;
}
.btn-outter:hover{  background-color: #414042;  }
.btn-outter:hover .btn-inner{border-color:#231f20;}
.bebas-title{font-family:'bebas_neue';text-transform: uppercase;font-size: 40px;font-weight: 800;}


/*===============================================
  666. PAGE SPECIFIC
================================================= */

/*.menu{
    position: absolute !important;
    top: 325px !important;
    visibility: hidden;
}*/
.menu-bg{
    position: fixed !important;
    top: 0 !important;
}
.menu ul > li:hover {
    background-color: #e60000 !important;
}
.btn-outter{margin-bottom: 5px;}
.menu.cms-news{
    position: fixed !important;
    top: 0 !important;
    background-color: #231f20;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
}


.edp{display: none;}
.litle-sep-ball{
    margin-left: 5px;  margin-right: 5px;  width: 15px;  height: 15px;
    border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
    display: inline-block;  margin-bottom: 5px;  background-color: black;  opacity: 0.3;}
.company-sel{opacity: 0.3;cursor: pointer;}
.company-sel:hover{    color: #ec1c24;opacity:1;}
.company-sel.active{opacity: 1;}
.services{
    background-image: url('../images/el-bg.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 35px;padding-bottom: 35px;
}
.services-overlay{
    position: absolute;
    top:0;  left:0;    width: 100%;  height: 100%;  background: #e60000;  opacity: 0.65;
}
.services-container{padding-top: 25px;padding-bottom: 25px;}
.services-title{color:white;font-family: 'bebas_neue';text-transform: uppercase;font-weight: 300;  font-size: 40px;}
.services-title strong{font-weight: 800;}
.service-item{display: inline-block;margin:3px;    text-align: center;  width: 100px;    min-height: 100px;  vertical-align: top; visibility: hidden;}
.service-image-wrapper{ width: 65px;  display: block;  margin: 0 auto;  border: 3px solid black;  padding: 10px;  border-radius: 50%;-moz-border-radius: 50%; -webkit-border-radius: 50%;}
.service-item p{margin: 0;margin-top:5px;font-weight: 700;font-size: 14px;line-height: 13px;}
.btn-service{background-color: white;color:#e60000;}
.btn-service{border-color:#414042;}
.btn-service:hover{background-color: black;color: white;}

.products{background-color: white;padding-top: 35px;padding-bottom: 35px;}
.product-desc-container{margin-top: 50px;}
.product-desc{display: none;}
.product-desc.active{display: block;}
.btn-product.active{background-color: #e60000;}
.btn-product.active .btn-inner{border-color: white;}

.jobs-container{margin-top: 35px;margin-bottom: 35px;}
.job-offer{color:white;display: inline-block;width: auto;text-transform: uppercase;font-weight: 600;}

.gm-style-iw{width: 200px !important;}

.inputfile{
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
/*
.inputfile + label {
    position: relative;
    background-color: white;
    color:black;
    cursor: pointer;
    width: 100%;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border: 2px solid white;
    padding: 10px 20px;
    text-align: left;
}
*/
.fileUploadLabel{
    position: relative;
    background-color: white;
    color:black;
    cursor: pointer;
    width: 100%;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border: 2px solid white;
    padding: 10px 20px;
    text-align: left;
}

.contactInput{font-weight: 700;}
.uploadSpan{
    position: absolute;
    right: 15px;
    padding: 5px 25px;
    top: 6px;
    background-color: #D4D4D4;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
.nav.nav-pills{margin-bottom: 15px !important;}
.nav-pills > li + li {
    margin-left: 10px;
}
.nav-pills > li > a{
    background-color: #231f20;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    color: white;
    text-transform: uppercase;
    font-family: 'bebas_neue';
    font-size: 24px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{
    background-color: #414042;
}
.nav > li > a:hover, .nav > li > a:focus {
    background-color: #414042;
}
/*===============================================
  C. Menu
================================================= */
.menu-logo{display: none;}
.menu-bg .menu-logo{display: inline-block;margin-bottom: 5px;width:70px;}
.menu{position: fixed;top:0;padding-top:10px;padding-bottom:10px;width: 100%;z-index: 5;left: 0;text-align: center;}
.menu-bg{background-color: #231f20;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);}
.menu ul{
    list-style-type: none;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    padding-left: 0;
}
.menu ul > li{display: inline-block;font-weight: 600;margin-left: 2px;margin-right: 2px;color: white;text-transform: uppercase;cursor: pointer;padding: 5px 5px;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
.menu ul > li:hover{background-color: #0085b2;}
.menu ul > li a{color:white;}

.menu-mobile-btn{display: none;}
/*===============================================
  D. Banners
================================================= */
.banner-overlay{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: black;opacity: 0.5;}
.banner{width:100%;position:relative;z-index: 2;height: 50%;min-height: 550px;
    /*border-bottom-left-radius: 50% 70px;  border-bottom-right-radius: 50% 70px;  -moz-border-bottom-left-radius: 50% 70px;  -moz-border-bottom-right-radius: 50% 70px;*/
    -webkit-transition: all 500ms linear;
    -moz-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    background-size: cover !important;
    /*background-position: center center !important;*/
    background-position: center right !important;
    background-repeat: no-repeat !important;
    /*border-bottom: 5px solid white;*/
}
.banner-container{  height: 100%;  padding-bottom: 200px;  position: relative;  }
.banner-logo{display: inline-block; visibility: hidden;}
.banner-messages{position: absolute;left:0;bottom:125px;width: 100%;text-align: center;padding-left: 15px;padding-right: 15px;}
.banner-msg{font-size: 28px;color: white;display: none;width: 100%;}
.banner-msg.active{display: block;}
.banner-balls{position: absolute;  width: 100%;  bottom: 15px; text-align: center;left:0;}
.banner-ball{display: inline-block;margin-left: 3px;margin-right: 3px;width: 15px;height: 15px;background-color: transparent;border:1px solid white;
    border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;cursor: pointer;}
.banner-ball:hover,.banner-ball.active{background-color: white;}
/*===============================================
  E. Info e News
================================================= */
.info{margin-top:-100px;padding-top:100px;padding-bottom: 35px;position: relative;
    background: #d2d2d2; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#d2d2d2,white 35%); /* Safari 5.1-6.0 */
    background: -o-linear-gradient(#d2d2d2,white 35%); /* For Opera 11.6-12.0 */
    background: -moz-linear-gradient(#d2d2d2,white 35%); /* For Firefox 3.6-15 */
    background: linear-gradient(#d2d2d2,white 35%); /* Standard syntax */
}
.info-bg{
    position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;
    background-image: url('../images/bolinhas.png');
    background-size: 100% auto;
    background-position: center -80px;
    background-repeat: no-repeat;
}
.websites-balls-container{padding-top: 65px;}
.websites-ball{display: inline-block;  width: 20px;  height: 20px;  border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;  background-color: white;  border: 5px solid white;}
.websites-ball.active{background-color: black;}
.ball-bajoras{    position: absolute;  width: 5px;  height: 150px;  background-color: white;  bottom: 25px;  left: 49%;}
.websites-imgs-container{padding-bottom: 25px;}
.col-20{  width: 20%;  position: relative;  min-height: 1px;  float: left;  }
.col-20:nth-child(2),.col-20:nth-child(4){margin-top:25px;}
.col-20:nth-child(3){margin-top:50px;}
.website-img{ display: inline-block;cursor: pointer;opacity: 0.3; }
.website-img:hover,.website-img.active{opacity: 1;}
.websites-dsc-wrapper.active{display: block;}
.websites-dsc-wrapper{display: none;}
.websites-dsc{padding-bottom: 35px;}
.websites-dsc-social{padding-top: 35px;}
.websites-dsc-social .fa{font-size: 36px;margin-left: 3px; margin-right: 3px;}
.websites-dsc-social .fa-facebook-square{color:#3b5998;}
.websites-dsc-social .fa-linkedin-square{color:#0075b5;}
.websites-dsc-social .fa-youtube-square{color:#e52d27;}
.websites-dsc-social .fa-twitter-square{color:#55acee;}

.news{padding-bottom: 35px;padding-top: 35px;position: relative;}
.news-left{    position: absolute;  left: 0;  top: 35%;  font-size: 28px;cursor: pointer;z-index: 2;}
.news-right{    position: absolute;  right: 0;  top: 35%;  font-size: 28px;cursor: pointer;z-index: 2;}
.news-left:hover,.news-right:hover{color:#414042;}
.news-container{padding-left: 35px;padding-right: 35px;}
.news-item h4{margin-top: 3px;  margin-bottom: 5px;  font-weight: 700;font-size: 16px;}
.news-item p{font-size: 12px;font-weight: 300;}
.news-divider{border-bottom: 2px solid #cccccc;border-top: 0;  margin: 0;}
.news-item{margin-right: 15px;max-width: 300px;display: inline-block;}
.news-item  .img-responsive{width:100%;}

/*===============================================
  F. Company
================================================= */
.company{background: #d2d2d2;padding-bottom: 35px;}
.company-bg{
    position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;
    background-image: url('/testimages/cena.png');
    background-size: contain;
    background-position: center right;
    background-repeat: no-repeat;
}
.company-title{color:#a63f38;margin-top: 0;}
.company-text{color:#939598;line-height: 26px;background-color: rgba(210,210,210,0.8);font-size: 16px;}

/*===============================================
  G. Timeline
================================================= */
.timelineSection{padding-bottom: 35px;}
.timeline-bg{
    position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;
    background-image: url('../images/timeline.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;}
.timeline-title{color:white;}

/** TIMELINE PLUGIN OVERRIDE**/
.cd-horizontal-timeline .events{background: white;top: 46px;  height: 5px;}
.cd-horizontal-timeline .events-wrapper::before{display: none;}
.cd-horizontal-timeline .events-wrapper::after{display: none;}
.cd-timeline-navigation, .events ol, .events-content ol{list-style: none;padding-left: 0;}
.cd-horizontal-timeline .filling-line{background-color: #a63f38}
.cd-timeline-navigation a{border-color: white;}
.cd-horizontal-timeline .events a::after{background-color: white;  border-color: white;
    bottom: -13px;
    height: 30px;
    width: 30px;
    font-size: 13px;
    padding-top: 5px;
    font-weight: 400;
    text-align: center;
    content: attr(year);color:#a63f38;
}
.cd-horizontal-timeline .events a.selected::after{background-color: #a63f38;  border-color: #a63f38;color:white;}
.cd-horizontal-timeline .events a.older-event::after{    border-color: #a63f38;}
.cd-horizontal-timeline .events a{color:white;text-transform: uppercase;font-family: 'Proxima Nova';font-size: 18px;font-weight: 700;padding-bottom: 25px;}
.cd-horizontal-timeline .events-content h2{color:white;text-transform: uppercase;font-family: 'Proxima Nova';font-size: 30px;}
.cd-horizontal-timeline .events-content em{color:white;text-transform: uppercase;font-family: 'Proxima Nova';}
.cd-horizontal-timeline .events-content em::before{display: none;}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p{
    color:white;font-family: 'Proxima Nova';font-size: 14px;
}
.cd-timeline-navigation a::after{background-position: 0 -16px;}

/*===============================================
  H. Mission
================================================= */
.mission{padding-top: 35px;padding-bottom: 35px;}
.mission-bg{
    position: absolute;  width: 100%;  height: 100%;  top: 0;  left: 0;
    background-image: url('../images/world.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.mission-title{color:#a63f38;}
.mission-text{color:#717171;font-weight: 400;line-height: 26px;font-size: 16px;}
.play-container{
    /*padding-top: 30%;  padding-bottom: 30%;*/
    padding-top: 7%;
    padding-bottom: 19%;
}
.play-button{background-color: #cf6f56;  display: inline-block;  cursor: pointer;
    border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;
    width: 60px;  height: 60px;
    padding-top: 15px;  padding-left: 6px;}
.play-button:hover{background-color: #F57F60;}
.play-button .fa{color: white;font-size: 32px;}
.mission-footer{margin-top: 35px;}
.mission-social .social-container{    display: inline-block;  margin-left: 3px;  margin-right: 3px;  font-size: 28px;  width: 45px;  height: 45px;  border: 2px solid black;
    border-radius: 50%;  -moz-border-radius:50%; -webkit-border-radius:50%;padding: 3px;  text-align: center;}
.mission-social .social-container:hover {
    background-color: #000;
    color: white;
}
.mission-address{text-align: right;color: #939598;font-weight: 700;}
.mission-signature{color: #939598;font-weight: 700;text-align: center;font-size: 12px;margin-top: 15px;}
.mission-signature a{color: #939598;}
.mission-signature span{font-weight: 400;}
.mission-signature span a{color: #939598;}
.img-link{width: 100px;display: inline-block;}
/*===============================================
  I. Newsletter
================================================= */
.newsletter{padding-top: 35px;padding-bottom: 35px;background-color: #231f20;}
.newsletter-form{font-family:'bebas_neue';font-size:22px;    font-weight: 800;width: 100%;  background-color: transparent;  border: 0;  border-bottom: 2px solid #414042;  padding: 5px;  color: white;}
.newsletter-btn{  position: absolute;  right: 15px;  top: 5px;  background-color: transparent;  border: none;  color: white;  font-size: 22px;  z-index: 2;  cursor: pointer;}
.newsletter-form:active,.newsletter-form:focus{    outline: none;}
.newsletter-form::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: white;opacity:  1;text-align: center;
}
.newsletter-form:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: white;  opacity:  1;text-align: center;
}
.newsletter-form::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: white;  opacity:  1;text-align: center;
}
.newsletter-form:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;opacity:  1;text-align: center;
}

/*===============================================
  J. Map
================================================= */
.map{height: 500px;width: 100%;}
#mapa{width: 100%;height: 100%;}

#mapa{width:75%;float: right;}
#storeLocator{
    padding:15px 0;width: 25%;height: 100%;float: left;background-color: #fafaf9;    overflow-y: auto;
}
#findStoreBtn{
    width: 100%;
    display: inline-block;
    padding: 5px 10px;
    background-color: #231f20;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    color: white;
    text-transform: uppercase;
    font-family: 'bebas_neue';
    font-size: 18px;
    cursor: pointer;
}
#findStoreBtn:hover{
    background-color: #414042;
}
.store-card{
    border: 1px solid black;
    margin-bottom: 10px;;
    background-color: white;
    cursor: pointer;
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 15px;
}
.store-card strong:first-child{
    text-transform: uppercase;
    font-size: 15px;
    color: #a63f38;
}
.store-card span{
    font-style: italic;
    color: #a63f38;
}
.store-card a{
    text-decoration: underline;
    text-transform: uppercase;
    font-style: italic;
    color: #a63f38;
    float: right;
}

/*===============================================
  K. VIDEO
================================================= */
.video{width: 100%;height: 100%;position: fixed;z-index: 10;top:0;left: 0;display: none;
    background: url('../images/form-pat.png');
    background-position: center center;
    background-repeat: repeat;
}
.video iframe{width: 100%;height: 100%;}
.close-video{font-size: 32px;color: white;cursor: pointer;position: fixed;top:15px;right: 15px;z-index: 20;}

/*===============================================
  L. CONTACT
================================================= */
.contact{width: 100%;height: 100%;position: fixed;z-index: 10;top:0;left: 0;display: none;
    background: url('../images/form-pat.png');
    background-position: center center;
    background-repeat: repeat;
    color: white;overflow-y: auto;
}
.close-contact{font-size: 32px;color: white;cursor: pointer;position: fixed;top:15px;right: 15px;z-index: 20;}
.contactInput{width: 100%;background-color: white;color:black;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;border:2px solid white;
    padding: 10px 20px;
}
.contactInput::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: black;opacity:  1;text-transform: capitalize;font-weight: 700;
}
.contactInput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: black;opacity:  1;text-transform: capitalize;font-weight: 700;
}
.contactInput::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: black;opacity:  1;text-transform: capitalize;font-weight: 700;
}
.contactInput:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: black;opacity:  1;text-transform: capitalize;font-weight: 700;
}
.contactInput:active, .contactInput:focus{outline:none;border-color: #a63f38;}
.contactBtn{background-color: #a63f38;color:white;text-transform: capitalize;border:2px solid white;border-radius: 15px;-moz-border-radius: 15px;-webkit-border-radius: 15px;
    padding: 15px 20px;  text-transform: uppercase;  font-weight: 700;
}
.contactBtn:hover{border-color:#a63f38;color: #a63f38;background-color: white;}

/*===============================================
  M. MODAL
================================================= */
.modal{width: 100%;height: 100%;position: fixed;z-index: 10;top:0;left: 0;display: none;
    background: url('../images/form-pat.png');
    background-position: center center;
    background-repeat: repeat;
    color: white;overflow-y: auto;
}
.close-modal{font-size: 32px;color: white;cursor: pointer;position: fixed;top:15px;right: 15px;z-index: 20;}
.video,.contact,.modal{
    padding-top: 35px;padding-bottom: 35px;
}
.video .row, .contact .row, .modal .row{
    padding: 0 5%;
}

/*===============================================
  N. NEWS PAGE
================================================= */
.news-page-container{
    padding-top: 200px;
}


.presentation-img img{width: 100%;}

/*===============================================
  Z. Media Queries
================================================= */
@media all and (max-width: 1366px){
    #mapa{width:65%;}
    #storeLocator{
        width: 35%;
    }
}
@media all and (max-width: 1200px){
    .menu{position: fixed !important;top:0 !important;}
    .menu{text-align: left;
        background-color: #231f20;
        -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
    }
    .menu-logo{float: right;  margin-right: 15px;width: 50px !important;}
    .menu-mobile-btn{display: inline-block;margin-left:15px;font-size: 24px;color: white;cursor: pointer;}
    .menu ul{display:none;margin-top: 10px;}
    .menu ul > li{display: block;margin: 0;padding: 5px 15px;-moz-border-radius: 0;-webkit-border-radius: 0;}
}
@media all and (max-width: 1024px){
    .img-link{width: 80px;}
}
@media all and (max-width: 768px){

    .banner{height: 100%;min-height: inherit;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;}
    .col-20:nth-child(2), .col-20:nth-child(4),.col-20:nth-child(3) {
        margin-top: 0px;
    }
    .mission-address,.mission-signature{text-align: center;}
    .other-sites-left,.other-sites-right{text-align: center !important;margin-top: 15px; margin-bottom: 15px;}
    .map{height: 300px;width: 100%;}

    #mapa{width:100%;}
    #storeLocator{
        width: 100%;
    }
}
@media all and (max-width: 500px){
    .modal .container{max-width: 320px;}
}