/* gurmukhi */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Extra+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

div[itemtype="http://schema.org/Organization"] + div.container {
    width: 100%;
    margin:0;
    padding: 0;
}

body{
	font-family: "Roboto", sans-serif;
	font-size: 16px;
}
.header {
    background-color: transparent;
    margin-top: 50px;
}

.top-header-row {
    background-color: transparent;
}
.col-links-inner-top-header {
    border-right: none;
    width: 100%;
}
.middle-header-row {
    padding: 0px 0px 30px 0;
}
.middle-header-row .col-sm-3 {
    width: 288px;
    height: 80px;
    padding: 0;
    background: url('../images/bg-logo.png') no-repeat center;
    top: -18px;
}
.middle-header-row .col-sm-3 img, .social-media-text-top-header {
    display: none;
}
.main-nav-row {
    background-color: transparent;
}
.main-nav-row .item-inner-main-nav a{
    color: #fff;
    border-right: none;
    font-weight: 800;
    font-size: 18px;
    text-transform: uppercase;
    padding: 15px;
}
.main-nav-row .item-inner-main-nav:hover{
    background-color: transparent;
    color: #0099db;
}
.main-nav-row .item-inner-main-nav a:hover{
    background: linear-gradient(135deg, rgba(218, 41, 28, 1) 0%, rgba(181, 34, 23, 1) 100%);
    color: #fff;
}
.input-group.search-box-container {
    padding: 10px 0;
    margin-top: 12px;
}
.header .ee-login-wrapper {
    padding-top: 5px;
    text-align: right;
    margin-top: 15px;
}
.header-site .ee-company-name.ee-mod {
    padding-left: 50px;
    color: #DA291C;
}
.js-log-in {
    background: linear-gradient(135deg, rgba(218,41,28,1) 0%, rgba(181,34,23,1) 100%);
    color: #fff;
    border-radius: 25px;
}
.search-box-container .input-group-btn .btn-default {
    background: linear-gradient(135deg, rgba(218, 41, 28, 1) 0%, rgba(181, 34, 23, 1) 100%);
    color: #fff;
    border-radius: 0px 20px 20px 0px;
}
.navbar-nav {
    width: 100%;
    text-align: center;
}
.navbar-nav > li {
    float: none;
    display: inline-block;
    padding: 0 !important;
}
   
.eesites-fixed-buttons.affix-bottom {
    position: fixed!important;
    bottom: auto;
    top: 0;
}
    .eesites-offer-application .btn-return {
        margin-left: 10px;
        width: auto;
    }

/*menu*/
.middle-header-row .col-sm-5 {
        width: 25%;
        left: 12%;
    }
.input-group.search-box-container .twitter-typeahead, .input-group.search-box-container .twitter-typeahead input.form-control {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background: #fefefe;
    color: #fff;
    border-radius: 20px 0 0 20px;
}
.nav-default .navbar-nav {
    width: 65%;
    text-align: center;
    background: #b1aca8;
    border-radius: 25px;
    margin-left: 20%;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.37);
}
.ee-header-profile {
    position: relative;
    margin-left: 125px;
}

.ee-navbar-profile {
    background-color: #da291c;
    padding: 20px 15px;
}
/*footer*/ 
.footer .footer-company-section {
    overflow: hidden;
    height: 192px;
    background: #DA291C;
    color: #fff; 
}
.ee-logotype {
    filter: brightness(0) invert(1);
}
.text-muted {
    color: #fff!important;
}
.term-conditions-link small {
    color: #fff;
}
.ee-logotype-powered-by {
    display: inline-block;
    width: 77px;
    filter: brightness(0) invert(1);
}
.copyright-row, .powered-by-row, .privacy-advercity-row {
    text-align: left;
    padding-top: 45px;
    padding-bottom: 57px;
    font-size: 18px;
}

/*diseno*/
.home{
    padding: 0;
    z-index: -10;
    top: -400px;
}
.fondo {
    background: url(../images/fondo-quienes.jpg);
    background-size: cover;
    margin-top: -390px;
    padding: 50px 20px;
    background-repeat: no-repeat;
}
.claro-s{
    border-left: 3px solid #B52217;
    border-right: 3px solid #B52217;
    padding: 10px 40px;
    font-size: 27px;
    font-weight: 400;
	font-family: "Fira Sans Extra Condensed", sans-serif;
    margin-bottom: -40px;
}
.claro-h3 {
    color: #DA291C;
    text-align: center;
    font-weight: 900;
    font-size: 54px;
    text-transform: uppercase;
    margin-bottom: 36px;
    margin-top: 45px;
}
.claro-p {
        font-size: 28px;
        text-align: justify;
        font-weight: 400;
	font-family: "Fira Sans Extra Condensed", sans-serif;
    }
.fondo-mv{
    background: url(../images/fondo-mv.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.mision{
    background: rgba(255, 255, 255, 0.35);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(4.7px);
    color: #fff;
    padding: 30px 85px;
    margin: 70px 0;
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    width: 40%;
    height: 385px;
	font-family: "Fira Sans Extra Condensed", sans-serif;
}
.vision  {
    background: rgba(255, 255, 255, 0.35);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(4.7px);
    color: #fff;
    padding: 30px 21px;
    margin: 70px 0;
    text-align: center;
    font-size: 24px;
    font-weight: 300;
    width: 40%;
    margin-left: -38px;
    height: 385px;
	font-family: "Fira Sans Extra Condensed", sans-serif;
}
.tmv {
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 700;
}
.fondo-valores{
    background: url(../images/fondo-valores.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.swiper {
      width: 100%;
      height: 100%;
    }

.swiper-slide {
      text-align: center;
      font-size: 18px;
	}
.swiper-slide img {
    width: 25%;
    margin: auto;
    padding: 0;
}
.caja  {
    margin: 34px;
    padding: 20px;
    background: rgba(196, 196, 196, 0.32);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(1.4px);
    color: #DA291C;
    height: 340px;
    border: 1px solid #DA291C;
}
.caja h4{
    font-size: 30px;
    font-weight: 900;
}
.caja p{
    font-size: 18px;
    text-align: justify;
	font-family: "Fira Sans Extra Condensed", sans-serif;
}
.swiper-button-next, .swiper-button-prev {
    color: #fff!important;
    background: #7c7c7c;
    border-radius: 100px;
    margin: -5px;
    padding: 20px;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 24px!important;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

/*contactenos*/
.js-btn-confirm-send{
    background: linear-gradient(135deg, rgba(218, 41, 28, 1) 0%, rgba(181, 34, 23, 1) 100%);
    border: none;
}
.form-contact-row h1  {
    color: #DA291C;
    text-align: left;
    font-weight: 900;
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 5px;
}

.form-contact-row p {
    font-size: 18px;
    text-align: justify;
    font-weight: 400;
    font-family: "Fira Sans Extra Condensed", sans-serif;
}

/*segmentacion*/
.thumbnail .caption {
    padding: 9px;
    color: #436dae;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bolder;
    font-family: 'Roboto', sans-serif;
}
.container-item {
    height: 285px!important;
    padding-bottom: 47px;
}
.caption .h3{
    text-align: center;
    padding: 5px;
    line-height: 0px;
    color: #DA291C;
}
.video{
    width: 100%;
    margin-bottom: 40px;
}
.container-item .item-segmentation-img {
    height: 170px!important;
}
.container-item .btn-register {
        position: absolute;
        margin-top: 0;
        bottom: 13px;
        width: calc(100% - 26px);
        background: linear-gradient(135deg, rgba(218, 41, 28, 1) 0%, rgba(181, 34, 23, 1) 100%);
        border: none;
    }

/*media*/

@media (max-width: 2200px) and (min-width: 1600px){
	.home {
    padding: 0;
    z-index: -10;
    top: -550px;
}
	.fondo {
    background: url(../images/fondo-quienes.jpg);
    background-size: cover;
    margin-top: -550px;
    padding: 50px 20px;
    background-repeat: no-repeat;
}
	.mision {
    height: 330px;
}
	.vision {
    height: 330px;
}
}
@media (max-width: 1320px) and (min-width: 1100px){
	.nav-default .navbar-nav {
    width: 85%;
    text-align: center;
    background: #b1aca8;
    border-radius: 25px;
    margin-left: 10%;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.37);
}
	.home {
    padding: 0;
    z-index: -10;
    top: -340px;
}
	.fondo {
    background: url(../images/fondo-quienes.jpg);
    background-size: cover;
    margin-top: -340px;
    padding: 30px 15px;
    background-repeat: no-repeat;
}
	.mision {
    padding: 30px 50px;
    height: 400px;
}
	.vision {
    padding: 30px 15px;
    height: 400px;
}
	.caja h4 {
    font-size: 26px;
    font-weight: 900;
}
	.caja p {
    font-size: 17px;
    text-align: justify;
    font-family: "Fira Sans Extra Condensed", sans-serif;
    line-height: 20px;
}
}

@media (max-width: 1099px) and (min-width: 915px){
	.middle-header-row .col-sm-5 {
    width: 28%;
    left: 0%;
}
	.home {
    padding: 0;
    z-index: -10;
    top: -340px;
}
	.nav-default .navbar-nav {
    width: 100%;
    text-align: center;
    background: #b1aca8;
    border-radius: 25px;
    margin-left: 0;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.37);
}
	.fondo {
    background: url(../images/fondo-quienes.jpg);
    background-size: cover;
    margin-top: -340px;
    padding: 20px 10px;
    background-repeat: no-repeat;
}
	.claro-s {
    border-left: 3px solid #B52217;
    border-right: 3px solid #B52217;
    padding: 10px 30px;
    font-size: 24px;
    font-weight: 400;
    font-family: "Fira Sans Extra Condensed", sans-serif;
    margin-bottom: -60px;
}
	.claro-h3 {
    color: #DA291C;
    text-align: center;
    font-weight: 900;
    font-size: 34px;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 50px;
}
	.claro-p {
    font-size: 22px;
    text-align: justify;
    font-weight: 400;
    font-family: "Fira Sans Extra Condensed", sans-serif;
}
	.tmv {
    font-size: 34px;
    text-transform: uppercase;
    font-weight: 700;
}
	.vision {
    padding: 30px 10px;
    margin: 50px 0;
    font-size: 20px;
    height: 345px;
}
	.mision {
    padding: 31px 20px;
    margin: 50px 0;
    font-size: 22px;
    height: 345px;
}
	.caja h4 {
    font-size: 18px;
    font-weight: 900;
}
	.caja p {
    font-size: 16px;
    text-align: center;
    font-family: "Fira Sans Extra Condensed", sans-serif;
    line-height: 18px;
}
	.ee-header-profile {
    position: relative;
    margin-left: 50px;
}
}

@media (max-width: 914px) and (min-width: 768px){
	.middle-header-row .col-sm-5 {
    width: 28%;
    left: -4%;
}
	.nav-default .navbar-nav {
    width: 100%;
    text-align: center;
    background: #b1aca8;
    border-radius: 25px;
    margin-left: 0;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.37);
}
	.main-nav-row .item-inner-main-nav a {
    color: #fff;
    border-right: none;
    font-weight: 800;
    font-size: 16px;
    text-transform: uppercase;
    padding: 15px;
}
	.home {
    padding: 0;
    z-index: -10;
    top: -230px;
}
	.fondo {
    background: url(../images/fondo-quienes.jpg);
    background-size: cover;
    margin-top: -230px;
    padding: 15px 20px;
    background-repeat: no-repeat;
}
	.claro-s {
    border-left: 3px solid #B52217;
    border-right: 3px solid #B52217;
    padding: 10px 10px;
    font-size: 22px;
    font-weight: 400;
    font-family: "Fira Sans Extra Condensed", sans-serif;
    margin-bottom: -40px;
}
	.claro-h3 {
    color: #DA291C;
    text-align: center;
    font-weight: 900;
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 24px;
    margin-top: 35px;
}
	.claro-p {
    font-size: 18px;
    text-align: justify;
    font-weight: 400;
    font-family: "Fira Sans Extra Condensed", sans-serif;
}
	.tmv {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 700;
}
	.mision {
    padding: 15px 10px;
    margin: 40px 0;
    font-size: 18px;
    height: 305px;
}
	.vision {
    padding: 15px 10px;
    margin: 40px 0;
    font-size: 18px;
    height: 305px;
}
	.caja {
    margin: 8px;
    padding: 10px;
    background: rgba(196, 196, 196, 0.32);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(1.4px);
    color: #DA291C;
    height: 340px;
    border: 1px solid #DA291C;
}
	.caja h4 {
    font-size: 20px;
    font-weight: 900;
}
	.caja p {
    font-size: 16px;
    text-align: justify;
    font-family: "Fira Sans Extra Condensed", sans-serif;
    line-height: 20px;
}
	.ee-header-profile {
    position: relative;
    margin-left: -20px;
}
	    .js-status-hvmov {
        color: #333!important;
    }
}
@media (max-width: 767px) {
	.mainnav-toggle-search {
    position: relative;
    width: 100%;
    overflow: hidden;
}
	.nav-default .navbar-nav {
    width: 100%;
    text-align: left;
    background: transparent;
    border-radius: 25px;
    margin-left: 0;
    box-shadow: none;
}
	.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    color: #fff;
}
	.main-nav-row .item-inner-main-nav a {
    color: #ffff;
    border-right: none;
    font-size: 13px;
}
	.navbar-nav {
    width: 100%;
    text-align: left;
}
	.navbar-nav > li {
    float: none;
    display: block;
    padding: 0 !important;
}
	.main-nav-row {
    background-color: #da291c;
    box-shadow: none;
}
	.main-nav-row .navbar-collapse {
    padding-left: 15px;
    padding-right: 15px;
    background: #da291c;
}
	.main-nav-row .navbar-header .icon-bar {
    background-color: #fff;
}
	.header {
    background-color: transparent;
    margin-top: 0;
}
	.home {
    padding: 0;
    z-index: -1;
    top: -80px;
}
	.fondo {
    background: url(../images/fondo-quienes.jpg);
    background-size: cover;
    margin-top: -80px;
    padding: 20px 20px;
    background-repeat: no-repeat;
}
	.claro-s {
    border-left: 3px solid #B52217;
    border-right: 3px solid #B52217;
    padding: 10px 15px;
    font-size: 16px;
    font-weight: 400;
    font-family: "Fira Sans Extra Condensed", sans-serif;
    margin-bottom: -40px;
}
	.claro-h3 {
    color: #DA291C;
    text-align: center;
    font-weight: 900;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 30px;
}
	.claro-p {
    font-size: 16px;
    text-align: justify;
    font-weight: 400;
    font-family: "Fira Sans Extra Condensed", sans-serif;
}
	.tmv {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 700;
}
	.mision {
    background: rgba(255, 255, 255, 0.35);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(4.7px);
    color: #fff;
    padding: 20px 15px;
    margin: 22px 0;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    width: 100%;
    height: 255px;
    font-family: "Fira Sans Extra Condensed", sans-serif;
}
	.vision {
    background: rgba(255, 255, 255, 0.35);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(4.7px);
    color: #fff;
    padding: 20px 15px;
    margin: 0px 0;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    width: 100%;
    margin-left: 0;
    height: 255px;
    font-family: "Fira Sans Extra Condensed", sans-serif;
    margin-bottom: 20px;
}
	.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 320px !important;
}
	.caja {
    margin: 0px;
    padding: 15px;
    background: rgba(196, 196, 196, 0.32);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(1.4px);
    color: #DA291C;
    height: 300px;
    border: 1px solid #DA291C;
}
	.caja h4 {
    font-size: 24px;
    font-weight: 900;
}
	.caja p {
    font-size: 16px;
    text-align: justify;
    font-family: "Fira Sans Extra Condensed", sans-serif;
}
	.swiper-button-next, .swiper-button-prev {
        color: #fff !important;
        background: #7c7c7c;
        border-radius: 100px;
        margin: -10px;
        padding: 15px;
        top: 94% !important;
    }
	.swiper-vertical>.swiper-wrapper {
    flex-direction: column;
    height: 340px;
}
	.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 16px !important;
}
}
 