body{
    font-family: "Quarion",Arial, Helvetica, sans-serif;
    font-size: 16px;
    overflow-x: hidden;
}
h2{color:#fff;font-weight: bold;font-size: 4rem;}
h3{font-weight: bold;font-size: 2rem;}
@font-face {
    font-family: "Quarion-Bold";
    src: local("Quarion-Bold"),
        url("../fonts/Quarion-Bold.ttf");
    font-weight: bold;
}
@font-face {
    font-family: "Quarion";
    src: local("Quarion-Medium"),
        url("../fonts/Quarion-Medium.ttf");
    font-weight: normal;
}
@font-face {
    font-family: "Quarion-Light";
    src: local("Quarion-Light"),
        url("../fonts/Quarion-Light.ttf");
    font-weight: lighter;
}
@font-face {
    font-family: "Quarion-Thin";
    src: local("Quarion-Thin"),
        url("../fonts/Quarion-Thin.ttf");
}
ul{list-style-type: none;}
.red{color:#ee3123;}
.bg-red{background-color: #ee3123;}
p{margin:0;}
.p-16{padding:16px 0}
.p-40{padding:40px 0;}
.p-70{padding:70px 0}
.m-150{margin:150px auto;}
.p-150{padding-top:150px; padding-bottom: 150px;}
.p-100{padding-top:100px; padding-bottom: 150px;}
.inline{display:inline-block}
.menu-open a:hover {
    color: #fff!important;
}
.menu-open h2:hover  {
    border-bottom: solid 5px;
}
.menu-open a:hover  {
    text-decoration: none;
}
.menu-open a {
    float: left;
    clear: both;
}
.background-fixed
{
    position: fixed;
    background-color: #fff;
    width: 100%;
    height: 100%;
    z-index: 10000;
}

/******** *************
   menu
******** *************/

.menu1 .text-vertical a{
    writing-mode: vertical-lr;
    transform: rotate(180deg);

}

.menu1 .nav{height: 100%;}
.menu1 nav{padding:0;}
.menu1 .nav-link{color:#909090;}
.menu1 button{
    padding:20px 12px 0px 12px;
}
.menu1 button:focus{outline: none;}
.menu1{
    background-color: #fff;
    height: 95%;
    margin: 15px;
    padding-left:0 ;
    max-width: 56px;
    -webkit-box-shadow: 10px 0px 6px -6px #77777736;
    -moz-box-shadow: 10px 0px 6px -6px#77777736;
    box-shadow: 10px 0px 6px -6px #77777736;
}
.menu1 nav,.menu1 .nav-item{text-align: center; margin:0 auto;}
.logo-menu-vert{margin:0 auto;}
.vertical-align {
    border-left: 1px solid #909090;
    height: 32%;
    margin-left: 0px;
    margin: 0 auto;
}
.menu-open
{
    height: 100%;
    background-color: #ff2d1e;
    left: -2000px;
    width: 100%;
    position: fixed;
    z-index: 100;
    top: 0;
    padding: 50px 50px 50px 110px;
}
.menu-open h2
{
    font-size: 47pt;
    margin: 10% 0 10% 50px;
    font-weight: 100;
}
.menu-languaje
{
    right: 10%;
    bottom: 10%;
    position: absolute;
}
.menu-languaje h2
{
    font-size: 1.7rem;
    margin: 0;
    
}
.menu-languaje span
{
    float: left;
    color: #fff;
    margin: 0 5px;
    font-size: 16pt;
}
.menu-languaje a
{
    float: left;
    clear: initial;
}
.menu-open a:hover h2{font-weight: bold;}
.content1-menu {
    height: 100%;
    position: relative;
}
.content2-menu {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.menu1 .nav-link {
    display: block;
    padding: .1rem 1rem;
}
.menu1.opened {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.menu1.opened .nav-link {
    color: #ffffff;
}
.menu1.opened .fa-bars:before {
    content: "\f00d";
    font-size: 25px;
    color: #fff;
}
.menu1.opened .vertical-align {
    border-left: 1px solid #ffffff;
}
#menunab{display: none;}
#sidebar .text-vertical,
#sidebar .instagram-sidebar{margin-top: -20px;}
.logomob {margin-left:20px;}
/******** *************
   section-1
******** *************/
.logo-mob{display: none;}
article img{
    height: 100vh;
    -margin-bottom: 5vh;
    display: flex;
    align-items: center;
    background-size: cover;  
    background-position: center;
}
.dos hr {
    background: rgba(0,0,0,.4);
    color: #fff;
    font-size: 10vw;
    font-weight: 100;
    text-align: center;
    line-height: 1;
}
.hr-black{
   width: 9%;
    /*border-top: 15px solid #000000;*/
    /*mjl*/
    border-top: 20px solid #000000;
    margin-left: 0;
    margin-top:25px;
}

/******** *************
   section-2
******** *************/
.section-6 .card-img-top{
    filter:grayscale(1);
}
.section-2,.section-6{
    background-image: url("../img/backGray.jpg");
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 80% 101%;
    position: relative;
}
.section-1{
    background-image: url(../img/backGray.jpg);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 70% 50%;
    padding-bottom: 0;
    position: relative;
}
.text-building{
    /*margin-left: 56px;*/
    background-image: url("../img/backAboutUs.jpg");
    background-color: #000;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}
h2{font-family: 'Open Sans', sans-serif;}
.text-building h2{
    font-size: 5rem;
    line-height: 79px;
}
.hr-red{
    width: 6%;
   border-top: 20px solid #ee3123;
    margin-left: 0;
    margin-top: 30px;
    margin-bottom: 30px;
}
.solution .hr-red, footer .hr-red {
    width: 12%;
}
.text-building p{
    color:#fff;
    font-family: "Quarion-Light",Arial, Helvetica, sans-serif;
    font-size: 21pt;
    width: 55%;
}

/******** *************
   section-3
******** *************/
.section-3{
    background-image: url("../img/backGray2.jpg");
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 70% 55%;
        /*mjl*/
    width: 105%;
}
.solution h3,
.ignis h3,
footer h3{font-size: 4rem;}
.solution .hr-red,
footer .hr-red{/*width: 12%;*/}
.medias
{background-color: #E3E4E5;
 color:#000;
 font-family: 'Open Sans', sans-serif;
}
.medias .card-header.down {
    border-color: #757575;
}
.solution {
    background-color: #000;
}
.solution h3 {
    color:#FFF;
    font-family: 'Open Sans', sans-serif;
}
.accordion .card-header:after {
    font-family: 'Font Awesome 5 Free';  
    content: "\f00d";
    float: right;
    font-size: 25px;
    font-weight: 900;
}
.accordion .card-header.collapsed:after,
.suscripForm .accordion .card-header.collapsed:after
 {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
    font-size: 25px;
}
#accordion2 .card-header:after, #accordion3 .card-header:after, #accordion4 .card-header:after {
    font-family: 'Font Awesome 5 Free';  
    content: "\f00d";
    float: right;
    color: #757575;
    font-size: 16px;
    font-weight: 900;
}
#accordion2 .card-header.collapsed:after, #accordion3 .card-header.collapsed:after, #accordion4 .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
    font-size: 16px;
    color: #757575;
}
.medias #accordion .card-header{
    margin:0 30px;
    font-weight: bold;
}
.medias #accordion .card-header2{
    font-weight: bold;
    line-height: 1.6;
    border: 0;
    padding: .75rem 1.25rem;
}
.medias .card{background-color: transparent;}
.medias .card-title{
    color:#000;
    text-decoration: none;
    font-size: 2rem;
}
.medias .card-header{cursor: pointer;border: none;}
.medias #accordion2 .card-title, .medias #accordion3 .card-title, .medias #accordion4 .card-title{
    font-size:1.25rem;
}
.medias #accordion2 .card-header {
    border-top: solid 1px #757575 !important;
}
.medias #collapseOne #accordion2 .card .card-header:first-child {
    border-top: none !important;
}
.medias .card-header.item1-2  collapsed
.medias #collapseOne,.medias #collapseTwo,.medias #collapseThree{padding-top:0; padding-bottom: 0;margin: 0 10px;}
.item1-2 .fas{
    font-size: 14px;
}
.diamond{
    background-image: url("../img/diamond.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 4px;
    height: 4px;
    display: inline-block;
    margin: 8px 5px;
    vertical-align: text-top;
}
.medias #subcollapseOne,
.medias #subcollapseTwo,
.medias #subcollapseThree,
.medias #subcollapseTwoTwo,
.medias #subcollapseTwoThree,
.medias #subcollapseThree,
.medias #subcollapseThreeOne,
.medias #subcollapseThreeTwo,
.medias #subcollapseThreeThree,
.medias #subcollapseTwoOne,
.medias #subcollapseTwoOneThree{
    padding:0 3px;
    font-size: 0.938rem;
    line-height: 1.6;
    margin-top: -12px;
}
.medias ul {
    margin-bottom: 0;
}
.medias .card-header{border-color: #2b2b2b;background-color: #E3E4E5; padding-left: 0; padding-right: 0;}
.medias .card-header2{
    padding-left: 0; padding-right: 0;
}
/*.medias .b-red .collapsed{border-bottom:1px solid #ee3123;}*/
.medias .b-grey .collapsed{border-bottom:1px solid #757575;}
/*.medias .b-grey .card-header:first-child{border-top:1px solid #757575;}*/
.medias .show #accordion2 .b-grey, .medias .show #accordion3 .b-grey, .medias .show #accordion4 .b-grey {
    border-bottom:0px solid #ee3123;
    border-left:0;
    border-right: 0;
    border-radius: 0;
    padding-bottom: 20px;
    border-top:0;
}
.medias .b-red .b-none,.b-none{border:0;}
.card-header::after{
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.card-header.down::after{
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}
.card-body {
    padding-top: 0;
    padding-bottom: 0;
}
.card .collapsing .card{border:0;border-collapse: inherit;}

#accordion2 ul,
#accordion3 ul,
#accordion4 ul{
    padding-left: 0;
    padding-bottom:12px;
    border-bottom: 1px solid #757575; 
    margin: 0 0px;
    margin-left: 15px;
}
#accordion2 ul{border-bottom: 0px solid rgb(117, 117, 117);}
.medias #accordion2 .card-header,
.medias #accordion3 .card-header,
.medias #accordion4 .card-header,
.medias #accordion4 .card-header2{
    margin:0 0; 
    margin-left: 15px;
}
.medias .accordion .accordion .card-header:last-child
{
    border: none!important;
}
.medias #accordion2 .item1-2:last-child{border-bottom:0;}
.section-3 .medias h3{display: inline-block;}
/******** *************
   section-4
******** *************/

.section-4 .box{
    width:auto;
    /*height:70px;*/
    height:auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    margin: 20px 20px;
}
.section-4 .model{
    max-width: 200px;
}

.section-4 .lSSlideOuter .lSPager.lSpg > li,
.section-4 .lSAction{display: none;}
.section-4 .col-12{padding: 0;}


/******** *************
   section-5
******** *************/

.section-5{
    margin-top: -200px;       /* Si se desea que el carrusel de clientes este mas angosto modificar aca y en el html */
    /*mjl*/
}

.section-5 .navbar-toggler
{
    border: none;
    color: #000;
}
.section-5 .navbar-toggler:focus
{
    outline: none;
}
.section-5 .navbar-toggler i
{
    font-size: 50pt;
}
.section-5 .navbar-light {
    padding: 0!important;
}
.section-5 h3,
footer h3
{
    color:#fff;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
}
.section-5 h3{color:#000;}
.section-5 .nav-tabs{
    border:0;
    background-color: #000;
}
.section-5 .nav-tabs .nav-item{
    padding: 1.5rem 0;
}
.section-5 .nav-tabs .nav-item a,
.section-5 .nav-tabs .nav-link:hover,
.section-5  .nav-link.active{
    color:#fff;
    text-transform: uppercase;
    font-family: "Quarion-Light",Arial, Helvetica, sans-serif;
    border-left: 2px solid #ee3123;
    border-top:0;
    border-bottom:0;
    border-right:0;
    padding: 0 2rem;
    border-radius: 0;
    font-size: 14px;
    letter-spacing: 1.5px;
}
.section-5 .nav-tabs .nav-link.active{
    background-color: transparent;
    font-family: "Quarion-Bold",Arial, Helvetica, sans-serif; 
}
.section-5 .nav-tabs .nav-item .nav-link1,.section-5 .nav-tabs .nav-link1:hover,.section-5 .nav-tabs .nav-link1.active{border-left: 0;}
.ignis_col {
    background-color: #E3E4E5;
    color:#000;
    font-size: 15pt;
    float: left;
}
.section-5 .h2{font-family: 'Open Sans', sans-serif;font-weight: bold;}
.section-5 .tab-pane{
    font-family: "Quarion-Light",Arial, Helvetica, sans-serif;
    background-color: #fff;
}
.section-5 .tab-content {
    display: flex;
    /*margin-left: 88px;*/
    width: 100%;
    background-color: #E3E4E5;
}
.section-5 .tab-pane .hr-red{
    width: 95%;
    border-top: 3px solid #ee3123;
}
.section-5 .nav-mob{display: block;}
.fade {
    -webkit-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
    -ms-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}
/******** *************
   section-6
******** *************/

.section-6{
    background-position: right; 
    display: block;
}
.section-6 .content-card{
    background-color: #fff;
    padding: 50px 0;
}
.section-6 .card{
    margin:0 auto;
    border: 0;
    border-radius: 0;
    background: transparent;
} 
.section-6 .b-red{
    border-bottom:3px solid #ee3123;
}
.section-6 h5{
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}
.section-6 .card-body{padding: 0.875rem 0 0.625rem 0;}
.section-6 .card-body p{font-size: 15px; font-weight: bold;}
.section-6 .card-body i{
    padding: 0 5px;
    border-left: 1px solid #6e6e6e;
    color: #000;
}
.section-6 .carousel{display: none;}
.section-6 .col-md-4 {
    flex: 0 0 29%;
    margin: 0 2%;
}
.zoom {
    transition: transform .50s; /* Animation */
}
.zoom:hover {
    transform: scale(1.05,1.05);
}
.hr-red-long {
    border-top: 6px solid #ee3123;
    margin: 0;
}
/******** *************
   footer
******** *************/

footer .footer{
    background-color: #000;
}
footer .adress{padding:20px 0;}
footer .adress a{display: block;}
footer .adress a,footer .adress p{
    color:#fff;
    font-size: 0.888rem;
}
footer .adress div{display: inline-block;}
footer .adress{text-align: left;}
footer .form-control{
    background-color: transparent;
    color:#fff;
    border-top: 0;
    border:0;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    padding: 0;
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;

}
.suscripForm .form-control[type="file"]:focus{
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none !important;
    -moz-box-shadow:none !important;
    -webkit-box-shadow:none !important;
    border-color: #fff !important;
    background-color: transparent !important;
    color: #fff !important;
}
.suscripForm .custom-file-input:focus~.custom-file-label{
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none !important;
    -moz-box-shadow:none !important;
    -webkit-box-shadow:none !important;
    border-color: #973732 !important;
    background-color: transparent !important;
    color: #973732 !important;
}
footer form{padding-top: 50px;}
footer .form-control[type="text"]:focus,
.form-control[type="email"]:focus,
.form-control[type="file"]:focus,
.form-control:focus
{
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none !important;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    border-color: #333;
    background-color: transparent;
    color: #fff;
}

footer .form-group {
    position: relative; /*  make label relate to div  */
    padding-top: 10px;  /*  make space for label      */
}

.floating-label {
    position: absolute;
    pointer-events: none;
    top: 18px;
    transition: 0.2s ease all;
    color: white;
}
input:focus ~ .floating-label,
input:not(:focus):valid ~ .floating-label,
.textarea:focus ~ .floating-label,
.textarea:not(:focus):valid ~ .floating-label
{
    top: -6px;
    color:#ee3123;
    font-size: 11px;
}

/*boton*/
.typ-subhed {

    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0;
}
.ctrl-standard.fx-sliderIn {
    color: #ee3123;
    border-color: #ee3123;
}
.ctrl-standard.fx-sliderIn::after{background-color: #ee3123;}
.ctrl-standard.fx-sliderIn.is-reversed::after{
    width: 300%;
}
.ctrl-standard.fx-sliderIn.is-reversed:hover{
    color: #ee3123;
}
.ctrl-standard.fx-sliderIn.is-reversed:hover::after {
    width: 0;
}
[class*="ctrl-"] {
    padding: 5ox 10px;
    border-radius: 2px;
    border: 1px solid #231f20;
}
[class*="ctrl-"][class*="fx-"]:hover,
[class*="ctrl-"][class*="fx-"].active {
    color: #231f20;
}
[class*="ctrl-"][class*="fx-"].is-reversed {
    color: #fff;
}
[class*="fx-"],
[class*="fx-"]:hover {
    -webkit-transition: color 0.5s  ease-in-out;
    transition: color 0.5s  ease-in-out;
}
[class*="fx-"]:not(.fx-dyna) {
    position: relative;
    z-index: 1;
    -webkit-transition-delay: 0.2s !important;
    transition-delay: 0.2s !important;
    overflow: hidden;
    padding:10px;
    margin-bottom:20px;
}
[class*="fx-"]:not(.fx-dyna)::after,
[class*="fx-"]:not(.fx-dyna)::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
}
.fx-sliderIn::after {
    -webkit-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 0;
}
.fx-sliderIn:hover::after,
.fx-sliderIn.active::after {
    -webkit-transition: width 0.5s ease-in-out;
    transition: width 0.5s ease-in-out;
    width: 100%;
}
:checked + .fx-sliderIn::after,
.fx-sliderIn.active::after {
    width: 300%;
}

form .btn:focus{
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;  
}
.newsletter form .btn:focus{
    outline:none !important;
    outline-width: 0 !important;
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;  
}

footer .footer{padding-bottom: 0;}
footer .footer.suscrip{
    background:White;
    color:black;
}
footer .footer.suscrip .floating-label{color:#333333;}
footer .footer.suscrip h3{
    color:black;
}
footer .footer.suscrip .btn{
}
.copyright{
    padding:20px 0 20px 150px;
    color:#fff;
    background-color: #000;
    text-transform: uppercase;
    font-size: 11px;
    margin-left: 86px;
}
footer .footer{padding-bottom:50px;}
/*mjl*/
@media(max-width:720px){
    footer .footer{
        padding-bottom:0px;
    }
    footer.p-70.suscrip{
        padding: 40px 0px;
    }
}

footer .responsive-embed{display: none;}
footer .suscrip h3{
    font-size: 1.5rem;
    margin-bottom:20px;
}
.suscrip{
    border-top:1px solid #242424;
    border-bottom:1px solid #242424;
    color:#fff;
}
.suscripForm .card-title{
    color:#ee3123;
}
.suscripForm .card-header::after{ color:#ee3123;font-size: 16px!important;}
.suscripForm .card-header{
    border-top: 1px;
    border-bottom: 1px;
    border-right: 0;
    border-left: 0;
    border-style: solid;
    border-color: #333333;
    padding: 0.5rem 0rem;
    margin-bottom: 0!important;
    cursor:pointer;
}
.suscripForm .card-header a{text-decoration: none;}
.suscripForm .card-header,.suscripForm .card{background-color: transparent;}
.suscripForm .card{
    border:0;
    margin:20px 0;
}
.suscripForm .card .card-body{padding:0;}
footer .suscripForm .form-control {border-color: #3F3F3F;color: #333333;}
footer .suscripForm .form-control::placeholder{color:#333333;}
.suscripForm .hr{
    border-color: #fff;
    margin-top: 25px;
    border-top:1px;
    border-bottom: 0;
    border-left: 0;
    border-right:0;
    border-style: solid;
   
}
.suscripForm .card .down{border-bottom:0!important;}
.suscripForm form{padding-top: 0px;}
.suscripForm .form-group{
    padding-top: 15px;
}
.suscripForm .sucrib-bottom{
    padding-top: 0px !important;
}
.suscripForm form .btn{font-size: 1rem; color:#973732}
.suscripForm form p{
    font-size: 0.75rem;
    color: #3F3F3F;
    margin-top: 8px;
}
.suscripForm .custom-file-label{
    background-color: transparent;
    border-color: #973732!important;
    border-radius: 2px;
    width: 94%;
    margin: 0 auto;
}
.custom-file-input:lang(en)~.custom-file-label::after{
    content:none;
}
.suscripForm form .btn-danger{
    background-color: #ee3123;
    color:#fff;
    border-radius: 2px;
}
.newsletter form{
    margin: 0 auto;   
     text-align: center;
     padding-top: 20px;
}
.newsletter form div{
    display:inline-block;
    width:250px;
    color:#fff;
    margin:10px 10px;
}
.newsletter form .btn-primary,
.suscripForm form .btn-primary
{
    background: #ee3123;
    border-radius: 2px;
    color: white;
    border: none;
}
.newsletter form .btn{
    padding: .375rem 5.125rem;
}
.newsletter h3{font-size:1rem; text-align: center;}
.newsletter form input::placeholder,
.suscripForm form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
  }
  
  .newsletter form input:-ms-input-placeholder,
  .suscripForm form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
  }
  
  .newsletter form input::-ms-input-placeholder,
  .suscripForm form input::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
  }
  .cookies{
    background-color: rgba(156, 154, 154, 0.5);
    text-align: center;
    font-size: 0.625rem;
  }
  .cookies p{opacity: 1;color:#fff; display:inline-block; margin:10px 0;}
  .cookies p a{
      text-decoration:none;
      color:#fff;     
      border-bottom: 2px solid #ee3123;
}
  .cookies button{
      display: inline-block; margin:10px;
      font-size: 0.625rem;
      background-color: #ee3123;
    }
    #cokies .footer{background-color:#fff;
    }
    #cokies .footer h3{color:#212529;}
    #cokies .footer h4,
    #cokies .footer h5{font-weight: bold;}
    #cokies .footer p{margin:20px 0;}
.tab-pane #accordionExample2{
    font-family:"Quarion",Arial, Helvetica, sans-serif;
}
.tab-pane #accordionExample2 p{font-weight: bold; position: relative; top: 7px;}
.tab-pane #accordionExample2 li{font-size: 0.938rem; line-height: 1.6;}
.tab-pane #accordionExample2 .h5{font-size: 1.25rem;margin-bottom: 0;}
.tab-pane #accordionExample2 .card-body ul,
.tab-pane #accordionExample2 .card-body{padding-left: 0; margin-bottom: 20px;}
.tab-pane #accordionExample2 .card{
    border-bottom:1px solid #ee3123;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    width: 100%;
}

.medias .card .item1 {
        /*mjl*/
    border-top: 5px solid #ee3123;
    padding-top: 40px;
    padding-bottom: 40px;
}
.medias .b-red .collapsed {
    border-bottom: 0;
   
}
.medias .b-red .item1-1 {
    border-top: 0px !important;
}

.section-5 .tab-content #camaras .ignis_col ul{
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
}
.section-5 .tab-content #camaras .ignis_col ul li{
    margin: 10px;
}
.section-5 .tab-content #camaras .ignis_col ul li img{
    width:150px;
}
/*mjl 
cultura*/
div#cultura div.p-70.ignis_col.medias{
    overflow-y: hidden !important;
}
/******** *************
  @medias-queries
******** *************/

@media (min-width:768px) and (max-width:1366px){
    .section-5 .tab-pane {
        min-height: 590px;
        max-height: 590px;
    }
    .section-5 .tab-pane .ignis_col{ max-height: 590px;overflow-y: scroll;}
}
@media(max-width:1200px){
    .section-5 .nav-tabs .nav-item a, .section-5 .nav-tabs .nav-link:hover, .section-5 .nav-tabs .nav-link.active{
        padding: 0 2rem;
        letter-spacing: normal;
    }
}
@media (min-width:414px) and (max-width:993px){
    footer .adress a, footer .adress p{font-size: 1rem;}
}
@media(min-width:768px) and (max-width:1083px){
    .section-6 h5{
        font-size:1.125rem;
    }
    .section-6 {
        padding-right: 50px;
    }
    .section-6 .content-card {
        padding-right: 50px;
    }
}

@media(min-width:768px) and (max-width:976px){
    .section-6 .card-body p{
        display: block;
        min-height: 36px;
    }
    .section-6 .card{width: 10rem;}
}
@media(min-width:1083px){
    .section-6{
        padding-right: 100px;}
    .section-6 .content-card{padding-right: 100px;}
}
@media(max-width:720px){
    .section-5 .tab-content #camaras .ignis_col ul{
        padding:0;
    }
    .section-3 .solution[data-scroll="in"]
    {
        margin-bottom: -2px;
    }
    /*mjl*/
    #menunab{margin-right: 15px !important;}
    .content-logo-home {
        background-color: #fff;
        padding-bottom:70px;
        /*height: 489px;
        background-image: inherit;
        padding-bottom: 0;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: initial;
        background-position-y: 90px;
        background-position-x: 145px;*/
    }
    .section-4 .box{
        width: 94%;
        height: 50px;
    }
    .section-4 .model{
        height:50px;
    }
    .section-4 #autoWidth{height: 100px;}
    .menu1
    {
        display: none!important;
    }
    .logo-desk{display: none}
    .logo-mob{display: block; margin:0 auto;height: 330px;}
    .dos hr{display: none}
    .ignis_col{float:initial}
    #menunab{display: block;}
   /* #menunab ul,.logomob{padding-left: 15px;}*/
    #menunab ul{width:100%;padding-bottom:20px;}
    
    #menunab {
        display: flex;    
        -webkit-box-shadow: 2px 0px 8px 2px #77777736;
        -moz-box-shadow: 2px 0px 8px 2px #77777736;
        box-shadow: 2px 0px 8px 2px #77777736;
        /*background-color: #fff;*/
        background-color:rgb(238, 49, 35);
        /*mjl*/
        padding: 10px;
        margin: 0;
        width: 100%;
    }
    #menunab .fa-times{color:#fff; font-size: 24px;}
    #menunab .menu-languaje{position: inherit;text-align: left; width: 100%; margin-top:70px; margin-bottom:40px;}
    #menunab .nav-link {
        color: #fff;
        /*margin: 15px 0;*/
        font-family: 'Open Sans', sans-serif;
        font-weight: 100;
        /*font-size: 16pt;*/
        font-size: 21pt;
        margin-bottom: 20px;
    }
    #menunab .nav-link.active {
        font-weight: bold;
    }
    .lenguajes{
        margin-top:70px;

    }
    .lenguajes a{display: inline-block;}
    #menunab .navbar-toggler {
        border: 0;
    }
    #menunab .navbar-nav .nav-link:hover{
        text-decoration: underline;
        color: #fff;
        /*font-family: "Quarion-Bold",Arial, Helvetica, sans-serif;*/
        font-family: 'Open Sans', sans-serif;
    }
    #menunab .navbar-collapse {
        background-color: #ee3123;
        padding: 0 15px;
        height: 100vh;
    }
    #menunab .navbar-toggler:focus {
        outline: none !important;
        outline-width: 0 !important;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }
    #menunab .fas.fa-bars {
        /*color:#000; */
        color:#fff;
        font-size:29px;
    }
    .leng2{
        color:#fff;
        display: inline-block;
       
    }
    .leng2 a,
    .leng2 h2{margin:0;padding:0;}
    .redes{
        color:#fff;
        display: inline-block;
        float: right;
    }
    .section-1{padding-top:70px;}
    .redes i{font-size: 1.3rem; margin:0 0 0 10px;}
    .redes a{text-decoration: none; color:#fff;}
}

@media (min-width: 768px){
    /*.content-logo-home {
        background-color: #fff;
        height: 489px;
        background-image: url(../img/logo_home.png);
        padding-bottom: 0;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: initial;
        background-position-y: 90px;
        background-position-x: 145px;
    }*/
    .embed-responsive {
        height: 370px;
        margin-top: 105px;
    }
    .section-1 .col,.text-building,.section-6{
        padding-left:100px;
        margin-left: 88px;
    }
    footer .footer{
        padding-left:100px;
        margin-left: 71px;
        padding-right:100px;
    }
    .section-3 .solution{
        padding-left: 100px; 
        margin-left: 18px;
        margin-right: 69px;
        float: left;
        opacity: 0;
        max-width: calc(50% - 125px);
    }
    .section-5 .ignis{
        padding-left: 100px; 
        margin-left: 88px;
        margin-right: -88px;
        float: left;
    }
    .section-5 .nav-mob{display: none;}
    .section-4{
        height: 500px;
    }
    
    .section-4 .lSSlideOuter{margin: 50px 0;}

    .ignis_col {
        padding: 65px;
        /*min-height: 510px;*/
        min-height: 100%;
    }
    .section-5 .nav-desktop{justify-content:center;margin-left: 88px;width: 98%;}  
    .suscripForm .form-group {
        padding-top: 15px;
    }
    .section-5 .tab-pane {
        min-height: 590px;
        max-height: 590px;
    }
    .section-5 .tab-pane .ignis_col{
         max-height: 590px;
         overflow-y: scroll;
         width: 100%;
         position: absolute;
        left: 0px;
    }
    
    .section-5 .tab-content #camaras .ignis_col{
        display: inline-table;
        width: 100%;
    }
    .section-5 .tab-pane .ignis_col::-webkit-scrollbar{
        width: 10px;
        background-color: #fff;
       }
       .section-5 .tab-pane .ignis_col::-webkit-scrollbar-thumb{
           background-color: #ee3123;
           border-radius: 2px;
       }
    .section-5 .navbar-toggler{display: none!important;}
}
@media (min-width: 767px){
    .section-5 .navbar .navbar-toggler{display: none!important;}
    
}
@media (max-width: 767px){
    .section-5 .tab-content {
        margin-left: 0;
        display: block;
    }
    .section-5 .nav-desktop{display: none;}
    .copyright{text-align: center;}
    .section-5 .navbar
    {
        display: flex;
        margin-bottom: -110px;
       /* margin-top: 20px;*/
        z-index: 1;
        padding:0;
        width: 100%;
        display: block;
    }
    .section-6{margin-top:100px;}
    .section-4 .lSSlideOuter {
        margin: 40px 0;
    }
    .suscrip .col-sm-12:first-child{
        padding-bottom: 0;
        
    }
    .section-5 .nav-tabs{background-color: #ee3123;}
    .ignis_col {
        float: initial;
    }
}
@media (max-width: 768px){
   /* .content-logo-home {
        background-color: #fff;
        height: 489px;
        background-image: url(../img/logo_home.png);
        padding-bottom: 0;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: initial;
        background-position-y: 90px;
        background-position-x: 145px;
    }*/
    .text-building,.solution{padding-left: 40px;padding-right: 40px;}
    .text-building h2 {font-size: 3rem;}
    p {font-size: 16px;}
    .cookies p{
       
        font-size: 0.625rem;
      }
    .card-body {font-size: 12px;}
    .text-building p {width: 100%;}
    .text-building h2 {line-height: 1.2;}
    .hr-red{width: 30%;}
    .text-building p{font-size: 18px;}
    .solution h3, .ignis h2, footer h3 {font-size: 2.5rem;}
    .medias #accordion .card-header{/*margin:0;padding-left: 40px;padding-right: 40px;*/}
    .solution .hr-red{width: 20%;}
    .hr-black {width: 20%;}
    .medias .card-title{font-size: 2.5rem;}
    .medias #accordion2 .card-title, .medias #accordion3 .card-title, .medias #accordion4 .card-title {font-size: 1rem;}
    .accordion .card-header:after,.accordion .card-header.collapsed:after{font-size: 22px;}
    #accordion2 ul,
    #accordion3 ul,
    #accordion4 ul{
        padding-left: 0;
        padding-bottom:12px;
        border-bottom: 1px solid #757575; 
        margin: 0 0px;
        padding-left: 15px;
    }
    .medias #accordion2 .card-header,
    .medias #accordion3 .card-header,
    .medias #accordion4 .card-header{
        margin:0 0; 
        padding-left: 15px;
        padding-right:15px;
    }

    .section-5 {margin-top: -5px;}
    .section-5 .bg-red,
    .section-5 .tab-pane .medias{padding: 40px 40px;}
    .footer .col-sm-12{padding: 00px 40px;}
    .newsletter .col-sm-12{padding: 0px 40px;}
    .suscripForm .col-sm-12{
        padding-left:15px;
        padding-right:15px;
        padding-bottom: 0;
        padding-top:0;
    }
    .suscripForm .hr{
       
        padding: 0px;
    }
    .newsletter form div{margin:10px 0;}
    .section-6 .carousel{display:block;}
    .section-5 .nav-tabs .nav-item a, .section-5 .nav-tabs .nav-link:hover, .section-5 .nav-tabs .nav-link.active{
        padding: 0 1rem;
        border-left: 0;
        font-weight: bold;
    }
    .section-5 .tab-content .hr-black{    width: 15%;}
    .h2, h2, .h2 p {
        font-size: 2.3rem;
    }
    .section-5 .navbar-toggler{
        float:right;
    	z-index: 1;
    }
    /*.section-5 .nav-mob li:hover .children{display: block;}
    .section-5 .nav-mob li .children{display: none; position:absolute;z-index: 1000;}*/
    .section-6 .content-card-dektop{display:none;}

    /*carousel*/

    .section-6 .carousel{
        padding:30px 0;
        background-color: #fff;
    }
    .section-6 .carousel-indicators li{
        border:1px solid #AFAFAF;
        width: 10px;
        height: 10px;
        border-radius: 100%;
    }
    .section-6 .carousel-indicators .active{
        background-color: #ee3123;
    }
    .section-6 .carousel .card{width:18rem;}
    footer .footer .adress div{padding:10px 0;}
    .solution {
        background-color: #e3e4e5;
        padding: 40px 40px 0 40px;
    }
    .medias {
        padding-top: 0;
    }
    .solution h3 {
        color: #000;
    }
    footer .responsive-embed{display: block;}
    footer .desktop-embed{display: none;}
    .section-2 div{
        padding-top: 90px;
        /*mjl*/
        padding-bottom: 0px;
    }
    .solution{padding-top: 90px;}
    .medias {padding-bottom:90px;}
    /*.medias .b-red .collapsed {
        border-bottom: 0;
        border-top: 1px solid #757575;
    }*/
    #accordion2 ul, #accordion3 ul, #accordion4 ul{    border-bottom: 0;}
   
    .medias .b-red .item1-1{border-top:0!important;}
    .medias .show #accordion2 .b-grey, .medias .show #accordion3 .b-grey, .medias .show #accordion4 .b-grey{
        border-bottom: 0;
    }
    .medias .card .item1{
        border-top:1px solid #ee3123;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .medias .show #accordion2 .b-grey, .medias .show #accordion3 .b-grey, .medias .show #accordion4 .b-grey{
        padding-bottom:40px;
    }
   
    .medias #subcollapseOne, .medias #subcollapseTwo, .medias #subcollapseThree, .medias #subcollapseTwoTwo, .medias #subcollapseTwoThree, .medias #subcollapseThree, .medias #subcollapseThreeOne, .medias #subcollapseThreeTwo, .medias #subcollapseThreeThree, .medias #subcollapseTwoOne, .medias #subcollapseTwoOneThree{
        line-height: 1.9;
    }
}
@media (max-width:1092px){
    .section-3 h2{
        font-size: 2.2rem;
    }
}
@media (min-width:1000px){
    .content-logo-home {
        background-color: #fff;
        height: 489px;
        background-image: url(../img/logo_home.png);
        padding-bottom: 0;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: initial;
        background-position-y: 90px;
        background-position-x: 145px;
    }
}
@media (min-width:721px) and (max-width:767px){
    .section-1 .col, .text-building, .section-6 {
        margin-left: 88px;
    }
    .section-3 .solution{padding-left: 120px;}
    .section-3 .medias{padding-left: 80px;}
    .section-5 .bg-red,
    .section-5 .tab-pane .medias
    {padding-left: 140px;}
    .footer
    {padding-left: 100px;}
    footer .responsive-embed{max-width: 94%;}

}

@media (min-width:721px) and (max-width:999px){
    .content-logo-home {
        background-color: #fff;
        height: 489px;
        background-image: url(../img/logo_home_x1000.png);
        padding-bottom: 0;
        background-attachment: fixed;
        background-repeat: no-repeat;
        background-size: initial;
        background-position-y: 90px;
        background-position-x: 145px;
       
    }
}

.none{display:none;}

@media (max-width: 576px){
    .text-building h2 {
        font-size: 2.5rem;
    }
    /*mjl*/
    .hr-red{width: 95%!important}
    .solution .hr-red{width: 20% !important;}
    .section-2 .hr-red{width: 30%!important;}
    .text-building p{font-size: 16px;}
    .medias .card-title{font-size: 1.3rem;}
    .medias #accordion2 .card-title, .medias #accordion3 .card-title, .medias #accordion4 .card-title {font-size: 0.875rem;}
    .copyright{
        margin-left: 0;
        padding: 20px 0;
    }
    .blockbus{display:none;}
    .none{display: initial;}
    footer .gm-style .place-card-large, 
    footer .gm-style .place-card .place-name,
    footer .gm-style .place-card
    {display: none!important;}
    #mapDiv .gm-style .place-card-large{
        display: none!important;
    }
    .suscripForm .custom-file-label {
        background-color: transparent;
        border-color: #973732!important;
        border-radius: 2px;
        padding: .5rem 1rem;
        color: #973732!important;
        text-align: center;
        width: 94%;
        margin: 0 auto;
       
    }
    .newsletter form .btn{padding: 6px 12px;}
    .newsletter form div{
        margin:10px 0;
        width: 100%;
    }
}
@media (max-width: 320px){
    .section-6 .carousel img{
        height: 180px;
        width: auto;
        margin: 0 auto;
    }
	.section-6 {
	    margin-top: 110px;
	}
}
.item-a .responsive{
    width:auto;
    max-height:100%;
    display:block;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{padding-right: 0;}

@media (min-width: 768px){
/* ANIMATIONS */
.text-building h2{
    opacity: 0;
    margin-left: -30px;
}
.text-building h2[data-scroll="in"]{
    transform: translate(30px);
    opacity: 1;
    transition: 1s;
}

.hr-red{
    transform-origin: left;
    transform: scaleX(0);
}
.hr-red[data-scroll="in"]{
    transform: scaleX(1);
    opacity: 1;
    transition: 0.5s;
    transition-delay: 0.5s;
}

.hr-black{
    transform-origin: left;
    transform: scaleX(0);
}
.hr-black[data-scroll="in"]{
    transform: scaleX(1);
    opacity: 1;
    transition: 0.5s;
    transition-delay: 1s;
}

.text-building p{
    margin-left: -30px;
    opacity: 0;
    font-size: 16pt;
    width: 60%;
}
.text-building p[data-scroll="in"]{
    transform: translate(18px);
    opacity: 1;
    transition: 1s;

        width: 60%;
    font-size: 16pt;
}

.card.mb-0.b-none.b-red{
    right: -130px;
    opacity: 0;

}
.card.mb-0.b-none.b-red[data-scroll="in"]{
    transform: translate(-130px);
    opacity: 1;
    transition: 0.5s;
    transition-delay: 1s;
}

.section-3 .solution[data-scroll="in"]{
    transform: translate(70px);
    opacity: 1;
    transition: 0.0s;/* Aumentar si se desea que el fondo negro tambien tenga efectos de entrada */
}
.section-3 h2{
    opacity: 0;
    margin-left: -30px;
}
.section-3 h2[data-scroll="in"]{
    transform: translate(30px);
    opacity: 1;
    transition: 0.5s;
    transition-delay: 0.2s;
}

.section-5 .ignis h2 
{
    opacity: 0;
    margin-left: -30px;
}
.section-5 .ignis h2[data-scroll="in"]
{
    transform: translate(30px);
    opacity: 1;
    transition: 0.5s;
    transition-delay: 0.5s;
}

.section-5 .row:first-child h3
{
    margin-left: 50px;
    opacity: 0;
}
.section-5 .row:first-child h3[data-scroll="in"]
{
    transform: translate(-50px);
    opacity: 1;
    transition: 0.5s;
    transition-delay: 1.3s;
}

.row:first-child .ignis_col p
{
    margin-left: 50px;
    opacity: 0;
}
.row:first-child .ignis_col p[data-scroll="in"]
{
    transform: translate(-50px);
    opacity: 1;
    transition: 0.5s;
    transition-delay: 1.5s;
}

.row:first-child .ignis_col .hr-red{
    transform-origin: left;
    transform: scaleX(0);
}
.row:first-child .ignis_col .hr-red[data-scroll="in"]{
    transform: scaleX(1);
    opacity: 1;
    transition: 0.5s;
    transition-delay: 1.5s;
}
.medias .hr-red{
    opacity: 1;
    transform: scaleX(1);
}
.section-6 h5
{
    margin-top: 30px;
    opacity: 0;
}
.section-6 .team2 h5[data-scroll="in"]{
    transform: translateY(-30px);
    opacity: 1;
    transition: 0.5s;
    transition-delay: 0.5s;
}
.section-6 .team1 h5[data-scroll="in"]{
    transform: translateY(-30px);
    opacity: 1;
    transition: 0.5s;
    transition-delay: 0.7s;
}
.section-6 .team3 h5[data-scroll="in"]{
    transform: translateY(-30px);
    opacity: 1;
    transition: 0.5s;
    transition-delay: 0.9s;
}

.hr-red-long
{
    margin-top: -30px;
    transform-origin: left;
    transform: scaleX(0);
}
.hr-red-long[data-scroll="in"]{
    transform: scaleX(1);
    opacity: 1;
    transition: 0.5s;
    transition-delay: 1s;
}

.section-6 .card-body:last-child
{
    margin-top: 30px;
    opacity: 0;
}
.section-6 .team1 .card-body:last-child[data-scroll="in"]{
    transform: translateY(-30px);
    opacity: 1;
    transition: 0.5s;
    transition-delay: 1s;
}
.section-6 .team2 .card-body:last-child[data-scroll="in"]{
    transform: translateY(-30px);
    opacity: 1;
    transition: 0.5s;
    transition-delay: 1.2s;
}
.section-6 .team3 .card-body:last-child[data-scroll="in"]{
    transform: translateY(-30px);
    opacity: 1;
    transition: 0.5s;
    transition-delay: 1.3s;
}

.footer .col-md-5
{
    opacity: 0;
}
.footer .col-md-5[data-scroll="in"]{
    opacity: 1;
    transition: 0.5s;
    transition-delay: 1s;
}

.menu-open a
{
    opacity: 0;
}
}

@media screen and (max-width:768px){
    .container-fluid{
        overflow: hidden;
        padding-right:0;
        /*mjl*/
        padding: 0px !important;
    }
    .section-1{
        max-width: 100%;
        margin: 0;
    }
}

#collapseOne{
    margin-right: -80px;
}

.accordion{
    margin-right: 0px;
}