/*!
 * Start Bootstrap - Agency v5.2.1 (https://startbootstrap.com/template-overviews/agency)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-agency/blob/master/LICENSE)
 */
@import url(loader.css);

body { overflow-x: hidden; font-family: 'PT Sans', sans-serif; /*margin-top:70px;*/}
@media (max-width: 768px){
	body { margin-top:40px;}
}

p{ line-height: 1.75;}
a{ color: #005293;}
a:hover { color: #005293;}

.text-primary { color:#005293 !important;}

h1,
h2,
h3,
h4,
h5,
h6{ font-weight:700;}

.page-section { padding: 50px 0;}
.page-section h2.section-heading { font-size:40px; margin-top:0; margin-bottom:15px;}
.page-section h3.section-subheading { font-size:16px; font-weight:400; font-style:italic; margin-bottom:75px; text-transform:none;}

@media (min-width: 768px) {
  section { padding:50px 0; }
}

::-moz-selection { background:#5BC5F2; text-shadow: none;}
::selection { background:#5BC5F2; text-shadow:none;}

img::-moz-selection { background: transparent;}
img::selection { background: transparent;}
img::-moz-selection { background: transparent;}

.btn { font-weight:700;}
.btn-xl{ font-size:18px; padding:20px 40px;}
.btn-primary{ background-color:#006FCF; border-color: #006FCF; border-radius:0;}
.btn-primary:active, 
.btn-primary:focus, 
.btn-primary:hover{ background-color:#005293 !important; border-color:#005293 !important; color:white;}
.btn-primary:active, 
.btn-primary:focus { -webkit-box-shadow:0 0 0 0.2rem rgba(254, 209, 55, 0.5) !important; box-shadow:0 0 0 0.2rem rgba(254, 209, 55, 0.5) !important;}
.btn-secondary{ background-color:#FFFFFF; border-color:#53565A; color:#53565A; border-radius:0; }

#mainNav { background-color:#005293; z-index:1031;}
#mainNav .navbar-toggler{ font-size:12px; right:0; padding:13px; text-transform:uppercase; color:white; border:0; background-color:#fed136;}
#mainNav .navbar-brand{ cursor: pointer; }
#mainNav .navbar-brand img{ /*max-height:44px;*/}
#mainNav .navbar-brand.active, 
#mainNav .navbar-brand:active, 
#mainNav .navbar-brand:focus, 
#mainNav .navbar-brand:hover{ color:#fec503;}
#mainNav .navbar-nav .nav-item .nav-link { font-size:40px; font-weight:normal; line-height:none; padding:8px 0 0 0; letter-spacing:1px; color:#FFFFFF;}
#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover { color:#718eab;}

.containerBars { height:60px; cursor:pointer; padding-top:6px;}
.bar1, .bar2, .bar3 { width:30px; height:3px; background-color:#FFFFFF; margin:8px 0; transition: 0.4s;}
.bar4, .bar5, .bar6 { width:30px; height:3px; background-color:#005293; margin:8px 0; transition: 0.4s;}

@media (min-width: 992px){
	#mainNav { padding-top:5px; padding-bottom:5px; border: none; background-color:#005293;
    -webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
    transition: padding-top 0.3s, padding-bottom 0.3s;}
	#mainNav .navbar-brand { font-size: 1.75em;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;}
	#mainNav .navbar-nav .nav-item .nav-link { padding:0 !important;}
	#mainNav.navbar-shrink { padding-top:5px; padding-bottom:5px; background-color:#005293;}
	#mainNav.navbar-shrink .navbar-brand { font-size:1.75em; padding:0;}
}
@media (max-width: 768px){
	#mainNav .navbar-brand{ width:65%; float:left; clear:none; margin-right:0;}
	#mainNav .navbar-brand img{ width:auto; height:40px;}
	#mainNav .navbar-collapse{ width:20%; position:absolute; right:15px; top:0;}
	#mainNav .navbar-nav .nav-item .nav-link { padding:5px 0 0 0; float:right; line-height:none !important;}
}
 
#mainNavGrey { background-color:#FFFFFF; z-index:1031; border-bottom:1px solid #888888; box-shadow:5px 5px 5px #888888;}
#mainNavGrey .navbar-toggler{ font-size:12px; right:0; padding:13px; text-transform:uppercase; color:white; border:0; background-color:#fed136;}
#mainNavGrey .navbar-brand{}
#mainNavGrey .navbar-brand img{ /*max-height:44px;*/}
#mainNavGrey .navbar-brand.active, 
#mainNavGrey .navbar-brand:active, 
#mainNavGrey .navbar-brand:focus, 
#mainNavGrey .navbar-brand:hover{ color:#fec503;}
#mainNavGrey .navbar-nav .nav-item .nav-link { font-size:40px; font-weight:lighter; line-height:none; padding:8px 0 0 0; letter-spacing:1px; color:#005293;}
#mainNavGrey .navbar-nav .nav-item .nav-link.active, #mainNavGrey .navbar-nav .nav-item .nav-link:hover { color:#718eab;}

@media (min-width: 992px) {
  #mainNavGrey{ padding-top:5px; padding-bottom:5px; border: none; background-color:#FFFFFF;
    -webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
    transition: padding-top 0.3s, padding-bottom 0.3s;}
  #mainNavGrey .navbar-brand{ font-size: 1.75em;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;}
  #mainNavGrey .navbar-nav .nav-item .nav-link{ padding:0 !important;}
  #mainNavGrey.navbar-shrink{ padding-top:5px; padding-bottom:5px; background-color:#F1F1F1;}
  #mainNavGrey.navbar-shrink .navbar-brand{ font-size:1.75em; padding:0;}
}
@media (max-width: 768px){
	#mainNavGrey .navbar-brand{ width:65%; float:left; clear:none; margin-right:0;}
	#mainNavGrey .navbar-brand img{ width:auto; max-height:44px;}
	#mainNavGrey .navbar-collapse{ width:20%; position:absolute; right:15px; top:0;}
	#mainNavGrey .navbar-nav .nav-item .nav-link { padding:5px 0 0 0; float:right; line-height:none !important;}
}

header.masthead { width:100%; height:auto; float:left; padding-top:25%; padding-bottom:30px; background-image: url("../img/header-bg.jpg"); background-repeat:no-repeat; background-attachment:fixed; background-position:center -75px; background-size:cover;}
@keyframes breath {
  0%   { background-size: 100% auto; }
  50% { background-size: 130% auto; }
  100% { background-size: 100% auto; }
}
header.masthead{ animation-name:breath; animation-timing-function:ease; animation-duration:10s; animation-iteration-count:1;}
header.masthead .intro-text { width:100%; clear:both;}
header.masthead .intro-text .intro-lead-in { font-size:22px; font-style:italic; line-height:22px; margin-bottom:25px;}
header.masthead .intro-text .intro-heading { font-size:45px; font-weight:700; line-height:50px; margin-bottom:25px;}
@media (min-width:768px) {
	header.masthead .intro-text {}
	header.masthead .intro-text .intro-lead-in { font-size:40px; font-style:italic; line-height:40px; margin-bottom:25px;}
	header.masthead .intro-text .intro-heading { font-size:75px; font-weight:700; line-height:75px; margin-bottom:50px;}
}
@media (max-width: 768px){
	header.masthead{ animation:none;}
}

/*.jumbotron{ min-height:410px; background-color:transparent; border-radius:0; background-image: url("../img/bgs/bg_catalogo.jpg"); background-repeat:no-repeat; background-attachment:scroll; background-position:center center; background-size:cover;}

.jumbotron.premios{ background-image: url("../img/bgs/bg_premios.jpg"); background-repeat:no-repeat; background-attachment:scroll; background-position:center center; background-size:cover;}

.jumbotron.destacados{ background-image: url("../img/bgs/bg_destacados.jpg"); background-repeat:no-repeat; background-attachment:scroll; background-position:center top; background-size:cover;}

.jumbotron.internacionales{ background-image: url("../img/bgs/bg_internacionales.jpg"); background-repeat:no-repeat; background-attachment:scroll; background-position:center center; background-size:cover;}

.jumbotron.faqs{ background-image: url("../img/bgs/bg_faqs.jpg"); background-repeat:no-repeat; background-attachment:fixed; background-position:center top; background-size:cover;}
@media (max-width: 768px){
	.jumbotron{ min-height:210px; margin-bottom:15px; margin-top:0;}
}
*/

.jumbotron{ padding: 0; margin-bottom: 15px;}

@media (min-width: 576px){
  .jumbotron { padding: 75px 0 0 0;}
}


.bg-gray{ width:100%; background-color:#EDEDED;}

.homeBoxsCtrl{ width:100%; clear:both; float:left; margin:0 auto;}
.homeBoxsCtrl img{ width:100%; height:auto; margin:0 auto; position:relative; z-index:1030;}
.homeBoxsCtrl .hB_boxLf{ width:64%; float:left; clear:none; position:relative; margin:0 1% 0 0;}
.homeBoxsCtrl .hB_boxLf .hB_boxLfcnTn{ width:50%; height:100%; position:absolute; z-index:1030; left:0; top:0; padding:23% 0 0 0; text-align:center; color:#FFFFFF; font-size:30px; background-color:rgba(0,23,90,0.8); transition:all 0.3s;}
.homeBoxsCtrl .hB_boxLf .hB_boxLfcnTn:hover{ width:55%; transition:all 0.3s; text-decoration:none;}
.homeBoxsCtrl .hB_boxRg{ width:34%; float:left; clear:none; position:relative; z-index:1030; margin:0 0 0 1%}
.homeBoxsCtrl .hB_boxRg .hB_boxRgTp{ 
    width:100%;
    clear:both;
    position:relative;
    margin:0 0 2px 0;
}
.homeBoxsCtrl .hB_boxRg .hB_boxRgTp.hB_boxRgTpAlone{
    min-height: 351px;
    position: relative;
    /*object-fit: cover;
    object-position: 100% 50%;*/
}
.homeBoxsCtrl .hB_boxRg .hB_boxRgTp.hB_boxRgTpAlone img{
    width: 100%;
    height: 100%;
    min-height: 351px;
    object-fit: cover;
    object-position: 50% 100%;
}
.homeBoxsCtrl .hB_boxRg .hB_boxRgTp .hB_boxRgTcnTn{ width:100%; height:33%; position:absolute; z-index:1031; left:0; bottom:0; padding:3% 0 0 0; text-align:center; color:#FFFFFF; font-size:20px; background-color:rgba(0,23,90,0.8); transition:all 0.2s;}
.homeBoxsCtrl .hB_boxRg .hB_boxRgTp .hB_boxRgTcnTn:hover{ height:36%; transition:all 0.2s; text-decoration:none;}
.homeBoxsCtrl .hB_boxRg .hB_boxRgBtm{ width:100%; clear:both; position:relative; margin:2px 0 0 0;}
.homeBoxsCtrl .hB_boxRg .hB_boxRgBtm .hB_boxRgBcnTn{ width:100%; height:33%; position:absolute; z-index:1031; left:0; bottom:0; padding:3% 0 0 0; text-align:center; color:#FFFFFF; font-size:20px; background-color:rgba(0,23,90,0.8); transition: ease-in 0.2s;}
.homeBoxsCtrl .hB_boxRg .hB_boxRgBtm .hB_boxRgBcnTn:hover{ height:36%; transition: ease-out 0.2s; text-decoration:none;}
@media (max-width: 768px){
	.homeBoxsCtrl .hB_boxLf{ width:100%; float:left; clear:both; margin:10px 0 0 0;}
	.homeBoxsCtrl .hB_boxLf .hB_boxLfcnTn{ width:100%; height:33%; left:0; top:inherit; bottom:0; padding:3% 0 0 0; font-size:20px;}
	.homeBoxsCtrl .hB_boxLf .hB_boxLfcnTn:hover{ width:100%; height:36%;}
	.homeBoxsCtrl .hB_boxRg{ width:100%; float:left; clear:both; margin:10px 0 0 0;}
	.homeBoxsCtrl .hB_boxRg .hB_boxRgTp{ 
        margin:10px 0 0 0;
    }
    .homeBoxsCtrl .hB_boxRg .hB_boxRgTp.hB_boxRgTpAlone{
        min-height: auto;
    }
    .homeBoxsCtrl .hB_boxRg .hB_boxRgTp.hB_boxRgTpAlone img{
        width: 100%;
        height: auto;
        min-height: auto;
        object-fit: initial;
        object-position: initial;
    }
	.homeBoxsCtrl .hB_boxRg .hB_boxRgBtm{ margin:10px 0 0 0;}
}
@media (min-width:992px) {
	.homeBoxsCtrl .hB_boxLf{ width:100%; float:left; clear:both; margin:0 0 10px 0;}
	.homeBoxsCtrl .hB_boxRg{ width:100%; float:left; clear:both; margin:10px 0 0 0}
	.homeBoxsCtrl .hB_boxRg .hB_boxRgTp{ width:49%; float:left; clear:none; margin:0 0 1% 0;}
	.homeBoxsCtrl .hB_boxRg .hB_boxRgBtm{ width:49%; float:right; clear:none; margin:0 0 0 1%;}
}
@media (min-width:1200px) {
	.homeBoxsCtrl .hB_boxLf{ width:675px; float:left; clear:none; margin:0 15px 0 0;}
	.homeBoxsCtrl .hB_boxRg{ width:405px; float:left; clear:none; margin:0 0 0 15px}
	.homeBoxsCtrl .hB_boxRg .hB_boxRgTp{ width:100%; clear:both; margin:0 0 4px 0;}
	.homeBoxsCtrl .hB_boxRg .hB_boxRgBtm{ width:100%; clear:both; margin:4px 0 0 0;}
}

.carouselCtrl{ width:100%; clear:both; float:left; margin:0; padding:40px 0;}
.carousel .carousel-inner{ width:80%; margin:0 auto;}
.carousel .carousel-control-next{ text-align:right; justify-content:flex-end; opacity:1;}
.carousel .carousel-control-prev{ text-align:left; justify-content:flex-start; opacity:1;}
.carousel .carousel-control-next:hover, .carousel .carousel-control-prev:hover{ opacity:.5;}
.carousel .carousel-indicators{ bottom:-50px; margin-top:0; padding-bottom:0;}
.carousel .carousel-indicators li{ width: 10px; height: 10px; border-radius: 100%; margin-bottom:0; margin-top:0; padding-bottom:0; padding-top:0; background-color:#C8C9C7;}
.carousel .carousel-indicators li.active{ background-color:#005293;}
@media (max-width: 768px){
	.carouselCtrl{ width:100%; clear:both; margin:0; padding:10px 0 30px 0;}
	.carouselCtrl .carousel-control-prev{ left:20px; display: none;}
	.carouselCtrl .carousel-control-next{ right:20px; display: none;}
	.carousel .carousel-inner{ width:100%; margin:0 auto;}
}

/* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */   
  height: 100%;
  width: 0;
  position: fixed; /* Stay in place */
  z-index: 1031; /* Sit on top */
  left: 0;
  top: 0;
  background-color: rgb(0,0,0); /* Black fallback color */
  background-color: rgba(0,0,0, 0.7); /* Black w/opacity */
  overflow-x: hidden; /* Disable horizontal scroll */
  overflow-y:hidden;
  transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-header{ width:100%; height:70px; background-color:#005293; background-image:url(../img/logos/membershiprewards.png); background-position:10% 15px; background-repeat:no-repeat; background-size:auto 44px;}

.overlay-content { width: 100%; /* 100% width */ position: relative; top: 0; /* 25% from the top */ text-align: center; /* Centered text/links */
  margin-top:0; /* 30px top margin to avoid conflict with the close button on smaller screens */}

.overlay-content .o-c_mnuCtrl{ width:40%; height:91vh; padding-top:25px; background-color:#FFFFFF; overflow:hidden;}
.overlay-content .o-c_mnuCtrl ul{ list-style-type:none; margin-left:0; padding-left:0;}
.overlay-content .o-c_mnuCtrl ul li{ text-align:left; padding-left:80px; background-size:30px auto; background-color:transparent; background-position:40px center; background-repeat:no-repeat;}
.overlay-content .o-c_mnuCtrl ul li:hover{ background-color:#EDEDED;}
.overlay-content .o-c_mnuCtrl ul li img{ float:right; clear:none; margin-right:5%; margin-top:5px;}
.overlay-content .o-c_mnuCtrl ul li a{ width:100%; color:#00175A;}
.overlay-content .o-c_mnuCtrl ul li a:hover{ color:#2e4a9b; transition: all 0.3s;}
.overlay-content .o-c_mnuCtrl ul li a .fas{ font-size:18px;}
.overlay-content .o-c_mnuCtrl ul li .fas{ float:right; clear:none; font-size:2em;}

.overlay-content .o-c_mnuCtrl ul li.home{ background-image:url(../img/icons/home.png);}
.overlay-content .o-c_mnuCtrl ul li.premios{ background-image:url(../img/icons/premios.png);}
.overlay-content .o-c_mnuCtrl ul li.destacados{ background-image:url(../img/icons/destacados.png);}
.overlay-content .o-c_mnuCtrl ul li.masinformacion{ background-image:url(../img/icons/masinformacion.png);}
.overlay-content .o-c_mnuCtrl ul li.contacto{ background-image:url(../img/icons/contacto.png);}
.overlay-content .o-c_mnuCtrl ul li.tarjetaamex{ background-image:url(../img/icons/tarjetaamex.png);}
.overlay-content .o-c_mnuCtrl ul li.permission{ background-image:url(../img/icons/permission.png);}

.overlay-content .o-c_mnuCtrl ul li.premiosMB{ display:none; visibility:hidden;}
.overlay-content .o-c_mnuCtrl ul li.destacadosMB{ display:none; visibility:hidden;}
.overlay-content .o-c_mnuCtrl ul li.tarjetaamexMB{ display:none; visibility:hidden;}

@media (max-width: 768px){
	.overlay-header{ background-image:url(../img/logos/membershiprewards.png); background-position:10% 15px; background-repeat:no-repeat; background-size:auto 50%;}
	.overlay-content .o-c_mnuCtrl{ width:100%; height:90vh; padding-top:25px;}
	.overlay-content .o-c_mnuCtrl.o-c_mnuCtrlnoBg{}
	.overlay-content .o-c_mnuCtrl.o-c_mnuCtrlnoBg ul li:hover{ background-color:transparent;}
	.overlay-content .o-c_mnuCtrl ul{ padding-left:10px;}
	.overlay-content .o-c_mnuCtrl ul li{ text-align:left; padding-left:20px; background-size:20px auto; background-position:0px center;}
	.overlay-content .o-c_mnuCtrl ul li a{ font-size:18px;}
	.overlay-content .o-c_mnuCtrl ul li .fas{ font-size:1em;}	
	.overlay-content .o-c_mnuCtrl ul li.premios{ display:none; visibility:hidden;}
	.overlay-content .o-c_mnuCtrl ul li.destacados{ display:none; visibility:hidden;}
	.overlay-content .o-c_mnuCtrl ul li.tarjetaamex{ display:none; visibility:hidden;}
	.overlay-content .o-c_mnuCtrl ul li.premiosMB{ background-image:url(../img/icons/premios.png); background-position:center left; background-repeat:no-repeat; display:block; visibility:visible;}
	.overlay-content .o-c_mnuCtrl ul li.destacadosMB{ background-image:url(../img/icons/destacados.png); background-position:center left; background-repeat:no-repeat; display:block; visibility:visible;}
	.overlay-content .o-c_mnuCtrl ul li.tarjetaamexMB{ background-image:url(../img/icons/tarjetaamex.png); background-position:center left; background-repeat:no-repeat; display:block; visibility:visible;}	
}

/* The navigation links inside the overlay */
.overlay a { padding: 8px; text-decoration: none; font-size: 22px; color: #f1f1f1;
  display: block; /* Display block instead of inline */
  transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus { color: #818181;}

/* Position the close button (top right corner) */
.overlay .closebtn { position: absolute; top:-15px; right:55px; font-size:60px; line-height:none;}
@media (max-width: 768px){
	.overlay .closebtn { right:5px;}
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn { font-size: 40px; top: 15px; right: 35px;}
} 
 /* The Overlay (extramenu 2) */
.overlayTwo{ width:0; height:100%; position:fixed; z-index:1032; left:40%; top:0; background-color:rgba(255,255,255, 1); overflow-x:hidden; overflow-y:hidden; transition:0.3s;}
.overlayTwo .overlay-header{ width:100%; height:70px; background-image:none; background-color:#005293;}
.overlayTwo .overlay-header .backbtn { position: absolute; z-index:1032; top:15px; right:55px; font-size:33px; line-height:none; color:#FFFFFF;}
.overlayTwo .overlay-content{ width:100%; position:relative; top:0; margin-top:0;}
.overlayTwo .overlay-content .o-c_mnuCtrl{ width:100%; height:91vh; padding:30px 50px;}
.overlayTwo .overlay-content .o-c_mnuCtrl img{ width:100%; height:auto;}
.overlayTwo .overlay-content .o-c_mnuCtrl .o-c_m_Tit{ width:100%; padding:20px 0; text-align:left; color:#00175A; font-size:30px;}
.overlayTwo .overlay-content .o-c_mnuCtrl .btn-overlay{ margin-top:50%; border-radius:0; background-color:#ED2924; color:#FFFFFF;}
@media (max-width: 768px){
	.overlayTwo{ display:none; visibility:hidden;}
}
 /* The Overlay (extramenu 2MB) */
.overlayTwoMB{  width:0; height:100%; position:fixed; z-index:1032; left:0%; top:0; background-color:rgba(255,255,255, 1); overflow-x:hidden; overflow-y:hidden; transition:0.3s; display:none; visibility:hidden;}
.overlayTwoMB .overlay-header{ width:100%; height:70px; background-image:url(../img/logos/membershiprewards.png); background-position:10% 15px; background-repeat:no-repeat; background-size:80% auto; background-color:#005293;}
.overlayTwoMB .overlay-header .backbtn { position: absolute; z-index:1032; top:15px; right:20px; font-size:33px; line-height:none; color:#FFFFFF;}
.overlayTwoMB .overlay-content{ width:100%; position:relative; top:0; margin-top:0;}
.overlayTwoMB .overlay-content .o-c_mnuCtrl{ width:100%; height:91vh; padding:10px 15px;}
.overlayTwoMB .overlay-content .o-c_mnuCtrl img{ width:100%; height:auto;}
.overlayTwoMB .overlay-content .o-c_mnuCtrl .o-c_m_Tit{ width:100%; padding:20px 0; text-align:center; color:#00175A; font-size:30px;}
.overlayTwoMB .overlay-content .o-c_mnuCtrl .btn-overlay{ margin-bottom:10px; margin-top:15px; border-radius:0; background-color:#ED2924; color:#FFFFFF;}
@media (max-width: 768px){
	.overlayTwoMB{ display:block; visibility:visible;}
	.overlayTwoMB .overlay-header{ background-size:auto 50%;}
}

 /* The Overlay (extramenu 3) */
.overlayThree{ width:0; height:100%; position:fixed; z-index:1032; left:40%; top:0; background-color:rgba(255,255,255, 1); overflow-x:hidden; overflow-y:hidden; transition:0.5s;}
.overlayThree .overlay-header{ width:100%; height:70px; background-image:none; background-color:#005293;}
.overlayThree .overlay-header .backbtn { position: absolute; z-index:1032; top:15px; right:55px; font-size:33px; line-height:none; color:#FFFFFF;}
.overlayThree .overlay-content{ width:100%; position:relative; top:0; margin-top:0;}
.overlayThree .overlay-content .o-c_mnuCtrl{ width:100%; height:91vh; padding-top:10px;}
.overlayThree .overlay-content .o-c_mnuCtrl .border-left-oT{ border-right:1px solid #C8C9C7;}
.overlayThree .overlay-content .o-c_mnuCtrl .o-c_m_Tit{ width:100%; padding:20px 0; text-align:left; color:#00175A; font-size:30px;}
.overlayThree .overlay-content .o-c_mnuCtrl .discountCtrl{width:80%; margin:0 10%;}
.overlayThree .overlay-content .o-c_mnuCtrl ul{ list-style-type:none; padding-left:0; margin-left:10%;}
.overlayThree .overlay-content .o-c_mnuCtrl ul li{ list-style-type:none; padding-left:0; padding-top:10px; margin-left:0; font-size:20px;}
.overlayThree .overlay-content .o-c_mnuCtrl ul li ul li{ font-size:16px;}
.overlayThree .overlay-content .o-c_mnuCtrl ul li a{}
.overlayThree .overlay-content .o-c_mnuCtrl ul li a:hover{}
.overlayThree .overlay-content .o-c_mnuCtrl .discountCtrl .discountImg{ width:100%;}
.overlayThree .overlay-content .o-c_mnuCtrl .discountCtrl .discountImg img{ width:100%; height:auto;}
.overlayThree .overlay-content .o-c_mnuCtrl .discountCtrl .discountTxt{ width:100%; padding:20px 15px; background-color:#00175A; color:#FFFFFF; font-size:16px;}
@media (max-width: 768px){
	.overlayThree{ left:0; top:0; overflow-x:hidden; overflow-y:hidden; overflow:hidden;}
}
 /* The Overlay (extramenu 3MB) */
.overlayThreeMB{ width:0; height:100%; position:fixed; z-index:1032; left:0; top:0; background-color:rgba(255,255,255, 1); overflow-x:hidden; overflow-y:hidden; transition:0.5s;  display:none; visibility:hidden;}
.overlayThreeMB .overlay-header{ width:100%; height:70px; background-image:url(../img/logos/membershiprewards.png); background-position:10% 15px; background-repeat:no-repeat; background-size:80% auto; background-color:#005293;}
.overlayThreeMB .overlay-header .backbtn { position: absolute; z-index:1032; top:15px; right:20px; font-size:33px; line-height:none; color:#FFFFFF;}
.overlayThreeMB .overlay-content{ width:100%; position:relative; top:0; margin-top:0;}
.overlayThreeMB .overlay-content .o-c_mnuCtrl{ width:100%; height:91vh; padding-top:5px;}
.overlayThreeMB .overlay-content .o-c_mnuCtrl .border-left-oT{ border-right:1px solid #C8C9C7;}
.overlayThreeMB .overlay-content .o-c_mnuCtrl .o-c_m_Tit{ width:100%; padding:0 3%; text-align:left; color:#00175A; font-size:30px;}
.overlayThreeMB .overlay-content .o-c_mnuCtrl .discountCtrl{width:80%; margin:0 3%;}
.overlayThreeMB .overlay-content .o-c_mnuCtrl ul{ list-style-type:none; padding-left:0; margin-left:3%;}
.overlayThreeMB .overlay-content .o-c_mnuCtrl ul li{ list-style-type:none; padding-left:0; padding-top:5px; margin-left:0; font-size:20px;}
.overlayThreeMB .overlay-content .o-c_mnuCtrl ul li ul li{ font-size:16px;}
.overlayThreeMB .overlay-content .o-c_mnuCtrl ul li a{}
.overlayThreeMB .overlay-content .o-c_mnuCtrl ul li a:hover{}
.overlayThreeMB .overlay-content .o-c_mnuCtrl .discountCtrl .discountImg{ width:100%;}
.overlayThreeMB .overlay-content .o-c_mnuCtrl .discountCtrl .discountImg img{ width:100%; height:auto;}
.overlayThreeMB .overlay-content .o-c_mnuCtrl .discountCtrl .discountTxt{ width:100%; padding:10px 15px; background-color:#00175A; color:#FFFFFF; font-size:20px;}
@media (max-width: 768px){
	.overlayThreeMB{ left:0; top:0; display:block; visibility:visible;}
	.overlayThreeMB .overlay-header{ background-size:auto 50%;}
	.overlayThreeMB .overlay-content .o-c_mnuCtrl{ width:100%; height:auto; padding-top:5px;}
}

 /* The Overlay (extramenu 4) */
.overlayFour{ width:0; height:100%; position:fixed; z-index:1032; left:40%; top:0; background-color:rgba(255,255,255, 1); overflow-x:hidden; overflow-y:hidden; transition:0.3s;}
.overlayFour .overlay-header{ width:100%; height:70px; background-image:none; background-color:#005293;}
.overlayFour .overlay-header .backbtn { position: absolute; z-index:1032; top:15px; right:55px; font-size:33px; line-height:none; color:#FFFFFF;}
.overlayFour .overlay-content{ width:100%; position:relative; top:0; margin-top:0;}
.overlayFour .overlay-content .o-c_mnuCtrl .o-c_m_Tit_des{ width:100%; padding:10px 0; text-align:left; color:#00175A; font-size:30px;}
.overlayFour .overlay-content .o-c_mnuCtrl{ width:100%; height:91vh; padding:30px 50px;}
.overlayFour .overlay-content .o-c_mnuCtrl .btn-vermas{ margin:35px auto 0 auto; border-radius:0; background-color:#00175A; color:#FFFFFF;}
@media (max-width: 768px){
	.overlayFour{ left:0; top:0; overflow-x:hidden; overflow-y:hidden; overflow:hidden;}
}
 /* The Overlay (extramenu 4MB) */
.overlayFourMB{ width:0; height:100%; position:fixed; z-index:1032; left:40%; top:0; background-color:rgba(255,255,255, 1); transition:0.3s; display:none; visibility:hidden;}
.overlayFourMB .overlay-header{ width:100%; height:70px; background-image:url(../img/logos/membershiprewards.png); background-position:10% 15px; background-repeat:no-repeat; background-size:80% auto; background-color:#005293;}
.overlayFourMB .overlay-header .backbtn { position: absolute; z-index:1032; top:15px; right:20px; font-size:33px; line-height:none; color:#FFFFFF;}
.overlayFourMB .overlay-content{ width:100%; position:relative; top:0; margin-top:0;}
.overlayFourMB .overlay-content .o-c_mnuCtrl .o-c_m_Tit_des{ width:100%; padding:0; text-align:center; color:#00175A; font-size:30px;}
.overlayFourMB .overlay-content .o-c_mnuCtrl{ width:100%; height:auto; padding:5px 15px;}
.overlayFourMB .overlay-content .o-c_mnuCtrl .btn-vermas{ margin:35px auto 0 auto; border-radius:0; background-color:#00175A; color:#FFFFFF;}
@media (max-width: 768px){
	.overlayFourMB{ left:0; top:0; overflow-x:hidden; overflow-y:auto; display:block; visibility:visible;}
	.overlayFourMB .overlay-header{ background-size:auto 50%;}
}

.overlayTwoCls{ display:block; visibility:visible;}
.overlayTwoClsMB{ display:none; visibility:hidden;}
.overlayThreeCls{ display:block; visibility:visible;}
.overlayThreeClsMB{ display:none; visibility:hidden;}
.overlayFourCls{ display:block; visibility:visible;}
.overlayFourClsMB{ display:none; visibility:hidden;}
@media (max-width: 768px){
	.overlayTwoCls{ display:none; visibility:hidden;}
	.overlayTwoClsMB{ display:block; visibility:visible;}
	.overlayThreeCls{ display:none; visibility:hidden;}
	.overlayThreeClsMB{ display:block; visibility:visible;}
	.overlayFourCls{ display:none; visibility:hidden;}
	.overlayFourClsMB{ display:block; visibility:visible;}
}

.accordion.overlayCollapsabel{}
.accordion.overlayCollapsabel .card{ border-radius:0; border:none;}
.accordion.overlayCollapsabel .card .card-body{ padding:0;}
.dropdown-toggle{ width:100%; color:#00175A;}

.closex{ width:32px; height:32px; position:absolute; right:32px; top:32px; opacity:0.3;}
.closex:hover{ opacity:1;}
.closex:before, 
.closex:after{ width:2px; height:33px; position:absolute; left:15px; content:' '; background-color:#FFFFFF;}
.closex:before{ transform:rotate(45deg);}
.closex:after{ transform: rotate(-45deg);}
@media (max-width: 768px){
	.closex{ position:absolute; right:10px; top:32px;}
}

 /* Bootstrap Lightbox using Modal */
#profile-grid { overflow: auto; white-space:normal;} 
#profile-grid .profile { padding-bottom:40px;}
#profile-grid .panel { padding:0;}
#profile-grid .panel-body { padding:15px}
#profile-grid .profile-name { font-weight:bold;}
#profile-grid .thumbnail {margin-bottom:6px;}
#profile-grid .panel-thumbnail { overflow:hidden;}
#profile-grid .img-rounded { border-radius:4px 4px 0 0;}
/*modal*/
.modal_f_c{}
.modal_f_c .modal-dialog{ border-radius:0;}
.modal_f_c .modal-content{ border-radius:0;}
.modal_f_c .modal-header{ border-bottom:none;}
.modal_f_c .modal-header .close{ position:absolute; right:15px; top:15px; font-size:40px;}
.modal_f_c .modal-header .modal-title{ width:100%; float:left; clear:both; padding:15px 0; text-align:center; font-size:22px; font-weight:normal; color:#00175A;}
.modal_f_c .modal-footer{ border-top:none;}
.modal_f_c .modal-footer .float-left{ float:left !important; position:absolute; left:2.5%;}

/* section home_mechan*/
.home_mechan{ width:100%; float:left; background-color:#7f7f7f;}
.home_mechan h1{ width:100%; font-size:30px; font-weight:normal; color:#FFFFFF; text-align:center;}
.home_mechan .h_m_itemsCtrl{ width:100%; padding:110px 0 0 0; background-image:url(../img/bgs/bg_h_m_itemsCtrl.png); background-position:center 20px; background-repeat:no-repeat; background-size:80% auto;}
.home_mechan .h_m_itemsCtrl .h_m_item{ width:25%; float:left; clear:none; padding:5px 2%; text-align:center; color:#FFFFFF;}
.home_mechan .h_m_itemsCtrl .h_m_item .h_m_itemIco{ width:100%; float:left; clear:both;}
.home_mechan .h_m_itemsCtrl .h_m_itemIco .ih_m_itemIco_img{ display: none; }
.home_mechan .h_m_itemsCtrl .h_m_item .h_m_itemTit{ width:100%; float:left; clear:both; padding:10px 0; text-align:center; color:#FFFFFF;}
.home_mechan .h_m_itemsCtrl .h_m_item p{ font-size:16px; line-height:19px;}
.home_mechan .h_m_itemsCtrl .h_m_item p span{ font-size:19px;}
@media (max-width: 768px){
	.home_mechan{ margin-top:20px;}
	.home_mechan h1{ width:100%; font-size:20px; padding-top:15px;}
	.home_mechan .h_m_itemsCtrl{ padding:10px 0 0 0; background-image: none;}
	.home_mechan .h_m_itemsCtrl .h_m_itemIco{ display: flex; justify-content: center; }
	.home_mechan .h_m_itemsCtrl .h_m_itemIco .ih_m_itemIco_img{ display: block; width: 85px; height:85px; margin: 0 auto; }
	.home_mechan .h_m_itemsCtrl .h_m_item{ width:100%; float:left; clear:both; padding:5px 5%; text-align:center;}
}

.service-heading { margin: 15px 0; text-transform: none;}

.catalog_mnu{ width:100%; min-height:50px; clear:both; padding:0; border-bottom:1px solid #888888; box-shadow:5px 5px 5px #888888; text-align:center; color:#00175A;}
.catalog_mnu a{ width:100%; height:50px; color:#00175A; border-bottom:5px solid #FFFFFF; transition:all 0.2s; font-size:20px; font-weight:300; line-height:none;}
.catalog_mnu a:hover{ width:100%; color:#00175A; border-bottom:5px solid #00175A; transition:all 0.2s; text-decoration:none;}
.catalog_mnu a.active{ width:100%; color:#00175A; border-bottom:5px solid #00175A; transition:all 0.2s; text-decoration:none;}
@media (max-width: 768px){
	.catalog_mnu a{ width:100%; height:auto; border-bottom:5px solid #FFFFFF; transition:all 0.2s; font-size:16px; line-height:none;}
}

@media (max-width: 420px){
	.catalog_mnu{ min-height:110px;}
	.catalog_mnu .catalog_mnu_item{ margin-bottom: 10px; }
	.catalog_mnu .catalog_mnu_item:last-child{ margin-bottom: 0px; }
	.catalog_mnu a{ width:100%; height:auto; border-bottom:5px solid #FFFFFF; transition:all 0.2s; font-size:16px; line-height:none;}
}

.catalog_mnu .submenu-premios{ list-style: none; margin: 0; padding: 5px 10px; text-align: left; background-color: #00175A; width: 326px; position: absolute; top: 28px; left: 76px; z-index: 3; display: none;}
.catalog_mnu .submenu-premios.show{ display: block !important; }
.catalog_mnu .submenu-premios li{ padding: 5px 0;}
.catalog_mnu .submenu-premios li.hide{display: none;}
.catalog_mnu .submenu-premios a{ color: #ffffff; border: none; transition: none;}
.catalog_mnu .submenu-premios a:hover{ color: #ffffff; text-decoration: underline; border: none; transition: none;}

@media (max-width: 768px){
}

@media (max-width: 420px){
}

.container.finderbar{ max-width:90% !important;}
.gifFilterExp .form-control.finderInput{ width:70%; float:left; clear:none; margin:32px 0 0 0; background-image:url(../img/icons/buscador.png); background-position:95% center; background-repeat:no-repeat; background-size:auto 60%; border-color:#495056; border-radius:11px; padding: .375rem 2.75rem .375rem .75rem;}
.gifFilterExp .btn-finder{ width:28%; float:left; clear:none; margin:32px 0 0 2%; color:#53565A; border-color:#53565A; background-color:#FFFFFF; border-radius:11px;}

.gifFilterExp{ width:100%; min-height:20px; float:left; clear:both; padding:20px 0 0 0;}
.gifFilterExp .gifFilterExp10R{ width:10%; min-height:1px; float:left; clear:none; padding:0 1%;}
.gifFilterExp .gifFilterExp10{ width:15%; min-height:1px; float:left; clear:none; padding:0 1%;}
.gifFilterExp .gifFilterExp15{ width:15%; min-height:1px; float:left; clear:none; padding:0 1%;}
.gifFilterExp .gifFilterExp20{ width:20%; min-height:1px; float:left; clear:none; padding:0 1%;}
.gifFilterExp .gifFilterExp30{ width:25%; min-height:1px; float:left; clear:none; padding:0 1%;}
.gifFilterExp .gifFilterExp40{ width:40%; min-height:1px; float:left; clear:none; padding:0 1%;}
.gifFilterExp .gifFilterExp60{ width:60%; min-height:1px; float:left; clear:none; padding:0 1%;}
.gifFilterExp .btn-light{ margin:32px 0 0 0; color:#53565A; border-color:#53565A; background-color:#FFFFFF; border-radius:11px;}
.gifFilterExp .gifFilterExp10 .filterTit,
.gifFilterExp .gifFilterExp15 .filterTit,
.gifFilterExp .gifFilterExp30 .filterTit{ font-size:21px; padding:20px 0 20px 0; color:#00175A;}

.gifFilterExp .gifFilterExp30.gifFilterExp2mb .row{ padding-left:15px;}

@media (max-width: 768px){
	.form-row{ padding-top:10px;}
	.gifFilterExp .btn-light{ margin:32px 0 0 0;}
	.gifFilterExp .gifFilterExp10{ width:auto; min-height:1px; float:left; clear:none; padding:0;}
	.gifFilterExp .gifFilterExp15{ width:auto; min-height:1px; float:left; clear:none; padding:0;}
	.gifFilterExp .gifFilterExp30{ width:auto; min-height:1px; float:left; clear:none; padding:0;}
	
	.gifFilterExp .gifFilterExp0mb{ width:0; min-height:0; float:none; clear:none; padding:0;}
	.gifFilterExp .gifFilterExp1mb{ width:100%; min-height:1px; float:left; clear:both; padding:0; font-size:18px;}
	.gifFilterExp .gifFilterExp2mb{ width:60%; min-height:1px; float:left; clear:none; padding:0; font-size:14px;}
	.gifFilterExp .gifFilterExp2mb .row{ padding-left:10px;}
	.gifFilterExp .gifFilterExp3mb{ width:40%; min-height:1px; float:left; clear:none; padding:0;}
	.gifFilterExp .gifFilterExp4mb{ width:100%; min-height:1px; float:left; clear:none; padding:0; font-size:14px;}
	.gifFilterExp .gifFilterExp5mb{ width:50%; min-height:1px; float:left; clear:none; padding:0; font-size:14px;}
	.gifFilterExp .gifFilterExp6mb{ width:50%; min-height:1px; float:left; clear:none; padding:0; font-size:14px;}
	.gifFilterExp .gifFilterExp7mb{ width:70%; min-height:1px; float:left; clear:none; padding:0; font-size:14px;}
	.gifFilterExp .gifFilterExp3mb{ width:30%; min-height:1px; float:left; clear:none; padding:0; font-size:14px;}
	.gifFilterExp .gifFilterExp10 .filterTit,
	.gifFilterExp .gifFilterExp15 .filterTit,
	.gifFilterExp .gifFilterExp30 .filterTit{ padding:5px 0 5px 0;}		
}

form.filterType01{margin-bottom: 20px;}
form.filterType01 select{ border-radius:0; border-color:#EDEDED; background-color:#EDEDED;}
form.filterType01 input{}

.sliderRangeCtrl{ width:100%; float:left;}
.slider-rangeCtrl{ width:90%; clear:both; padding:15px 0 5px 0;}
#slider-range{ clear:none; background-color:#CCCCCC; height: 7px;}
.sliderRangeCtrl label{ color:#666666; font-size: 12px;}
.sliderRangeCtrl .amount{ position: relative; top: 0px; border:0; color:#666666; font-size: 12px;}
.ui-slider .ui-slider-range { position: absolute; font-size:.7em; display: block; border: 0; background-position:0 0; float:none;}
.ui-slider-horizontal .ui-slider-range{ background-color:#00175A; height: 7px;}
.ui-state-default, .ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default, 
.ui-button, html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active{ border-radius:50%; border-color:#006FCF !important; background-color:#006FCF !important; top: -6px;}

.bg-gray-light{ width:100%; float:left; clear:both; background-color:#EDEDED; margin-top: 70px;}
.gifListCtrl{ width:100%; position:relative; float:left; clear:both; margin:0; padding:0;}
.showResults{ padding-left:2%; text-align:left; color:#6E6E6D; font-size:14px;}
.ascendView{ padding-right:30px; text-align:right; color:#00175A; background-image:url(../img/icons/up_arrow.png); background-position:center right; background-repeat:no-repeat; font-size:14px;}
.ascendView a, .ascendView a:hover{ color:#00175A; text-decoration:none;}
@media (max-width: 768px){
	.ascendView{ background-position:93% center;}
}

.gifListCtrl .beneListBox{ margin-top:20px; min-height: 260px;}
.gifListCtrl .gifListBox{ width:235px; height:305px; margin-top:5px; box-shadow:3px 3px 1px #888888;}
.gifListCtrl .wrapper-row{ width:235px; height:255px; position:relative; margin-left:auto; margin-right:auto; background-color:#FFFFFF;}
.gifListCtrl .wrapper-row .item-imageback .prodName{ width:100%; position:absolute; bottom:0; left:0; padding:10px 1% 10px 1%; text-align:center; color:#000000; font-size:18px; background-color:hsla(0,0%,100%,0.50);}
.gifListCtrl .item-imageback{ width:190px; min-height:190px; margin:0 auto; opacity: 1; display: block; background-position:center top !important; background-repeat:no-repeat; background-size:100% 100% !important; transition:.5s ease; backface-visibility:hidden;}
.gifListCtrl .BGctrlSZ{ background-position:center 20px !important; background-repeat:no-repeat; background-size:80% auto !important;}
.gifListCtrl .wrapper-row:hover .image { opacity: 0.4;}
.gifListCtrl .wrapper-row:hover .middle { opacity: 0.9;}
.gifListCtrl .wrapper-row .middle { width:100%; height:100%; position:absolute; top:0; bottom:0; z-index:3; left:0; right:0; opacity:0; transition:.5s ease; background-color:#00175A;}
.gifListCtrl .wrapper-row .text { width:70%; position:absolute; top:40%; left:15%; background-color:#006FCF; color:#FFFFFF; font-size:20px; padding:12px 32px; text-align:center; border:2px solid #FFFFFF; border-radius:13px;}
.gifListCtrl .wrapper-row .textDetail{ width:80%; position:absolute; top:30%; left:10%; color: white; font-size:16px; text-align:center;}
.gifListCtrl .wrapper-row .textagotado{ width:80%; position:absolute; top:40%; left:10%; background-color:#000000; color:#00FAFA; font-size:18px; padding:18px 32px; text-align:center; font-weight:bold;}
.gifListCtrl .wrapper-row:hover .textagotado{ opacity:1;}
.gifListCtrl .wrapper-row .wrapper-rowBottom{ width:100%; height:auto; position:absolute; bottom:0; left:0; padding:5px; text-align:center; color:#00175A; font-size:15px; background-color: transparent;}
.gifListCtrl .wrapper-row .wrapper-rowBottom span{ font-size:16px; color:#006FCF;}
.gifListCtrl .wrapper-row .wrapper-rowBottom span.unavailable{ font-size:16px; text-decoration:line-through; color:#006FCF;}
.gifListCtrl.gifListCtrlCRMI .beneListBox{ margin:0;}
@media (max-width: 768px){
	.gifListCtrl .gifListBox{ width:100%; height:230px; margin-top:5px; box-shadow:3px 3px 1px #888888;}
	.gifListCtrl .wrapper-row{ width:100%; height:100%; position:relative; margin-left:auto; margin-right:auto; background-color:#FFFFFF;}
	.gifListCtrl .item-imageback{ width:100%; min-height:215px;}
	.gifListCtrl .BGctrlSZ{ background-position:center 15px !important;}
	.gifListCtrl .wrapper-row .wrapper-rowBottom{ width:100%; height:auto; position:absolute; bottom:0; left:0; padding:5px; font-size:15px; line-height:17px; background-color: transparent;}
	.bg-gray-light{ padding-top:10px;}
}
@media (max-width: 468px){
	.gifListCtrl .beneListBox{ margin-top:20px; min-height: 150px;}
}

/* faqs */
.gifListCtrl .gifListBox.faqsWR{ width:205px; height:275px; margin-top:5px; box-shadow:3px 3px 1px #888888;}
.gifListCtrl .wrapper-row.faqsWR{ width:205px; height:250px; position:relative; margin-left:auto; margin-right:auto; background-color:#FFFFFF;}

.gridPags{ width:100%; float:left; padding:50px 0;}
.gridPags .paginationCntr{ margin:0 auto;}
.gridPags .paginationCntr .pagination{}
.gridPags .paginationCntr .pagination .page-item{ padding-bottom:0; padding-top:0; border-right:1px solid #006FCF;}
.gridPags .paginationCntr .pagination .page-item:last-child{ border-right:none;}
.gridPags .paginationCntr .pagination .page-item.active{ border-left:1px solid #006FCF; background-color: rgba(0,0,0,0.1);}
.gridPags .paginationCntr .pagination .page-item .page-link{ padding-bottom:2px; padding-top:2px; border-bottom:none; border-left:none; border-top:none; border-radius:0; background-color:transparent; color:#6E6E6D;}
.gridPags .paginationCntr .pagination .page-item .page-link:hover{ text-decoration:underline;}
.gridPags .paginationCntr .pagination .page-item.active .page-link{ font-weight: bolder;}

/*products & experiences*/
.prod{ padding-bottom:40px; margin-top:40px;}
.prodlf{}
.prodlf .prodImg{ position:relative; width:90%; max-width:640px; float:left; clear:both; margin-right:10%; background-color:#FFFFFF; text-align:center;}
.prodImg img,
.prodlf .prodImg img{ width:100%; max-width:640px; height:auto;}
.prodlf .prodImg .logo{ width:180px; height:180px; position:absolute; left:5%; top:5%;}
.prodlf .prodImg .logo img{ max-width:180px;}
.prodrg .prodTitCtrl{ width:100%; float:left; clear:both;}
.prodrg .prodTit{ width:auto; float:left; clear:both;}
.prodrg .prodTit .prodTitTxt{  width:auto; float:left; clear:both; padding:10px 30px; background-color:#006FCF; color:#FFFFFF; font-size:18px;}
.prodrg .prodTit .pTBtmLine{ width:100%; height:5px; float:left; clear:both; margin-top:5px; background-color:#00175A;}
.prodrg .prodName{ width:100%; clear:both; padding:15px 0 0 0; font-size:24px; color:#00175A;}
.prodrg .prodPts{ width:100%; clear:both; padding:15px 0 0 0; font-size:30px; color:#005293; font-family: 'PT Sans', sans-serif;}
.prodrg .prodPts.small{font-size: 20px; padding: 0;}
.prodrg .prodDesc{ width:100%; clear:both; padding:15px 0 0 0; font-size:16px; color:#6E6E6D; line-height:21px;}
.prodrg .prodDesc p,
.prodrg .prodDesc h1,
.prodrg .prodDesc h2,
.prodrg .prodDesc h3,
.prodrg .prodDesc h4,
.prodrg .prodDesc h5,
.prodrg .prodDesc h6,
.prodrg .prodDesc span,
.prodrg .prodDesc h4.staffh4{
	font-family: 'PT Sans', sans-serif !important;
    padding: 0px 22px 0px 0px;
    border: 0px;
    outline: 0px;
    vertical-align: baseline;
    background: none !important;
    overflow: hidden;
    font-size:16px !important;
    color:#6E6E6D !important; 
    line-height:21px !important;
    font-weight: normal !important;}
.prodrg .prodDesc.small{font-size: 14px; line-height:18px; padding:8px 0 0 0;}
.prodrg .btn-light{ margin:40px 0 20px 0; padding:5px 50px; color:#00175A; border-color:#00175A;}
.prodrg .prodBack{ width:100%; clear:both; margin-left:2px; padding:15px 0 0 0; font-size:22px;}
.prodrg .prodBack .fas{ padding-right:5px; font-size:24px;}

.prodrg .nav-pills .nav-item{margin: 0 5px;}
.prodrg .prodTitTabs{ width:auto; float:left; clear:both;}
.prodrg .prodTitTabs .prodTitTxtTabs{  width:auto; border-radius:0; padding:5px 25px; margin:0; background-color:#00175A; color:#FFFFFF; font-size:16px;}
.prodrg .prodTitTabs .pTBtmLine{ width:100%; height:5px; float:left; clear:both; margin:5px 0 0 0; background-color:#00175A; visibility:hidden; display:block;}
.prodrg .prodTitTabs .prodTitTxtTabs.active .pTBtmLine{ visibility:visible; display:block;}
.prodrg .prodTitTabs:hover .pTBtmLine,
.prodrg .prodTitTabs.active .pTBtmLine{ visibility:visible; display:block;}
.prodrg .prodTitTabs:hover .prodTitTxtTabs,
.prodrg .prodTitTabs.active .prodTitTxtTabs{background-color:#006FCF;}
@media (max-width: 768px){
	.prodlf .prodImg{ position:relative; width:100%; max-width:100%; margin-right:0;}
	.prodlf .prodImg .logo{ width:120px; height:85px; position:absolute; left:5%; top:5%;}
	.prodrg .prodTitTabs .prodTitTxtTabs{  padding:5px 3px; margin:5px 2px 0 2px; font-size:12px;}
	.prodrg .prodTit{ margin-bottom:10px;}
	.mb-3, .my-3{ margin-bottom:5px !important;}
	.prodrg{ padding-top:10px;}
	.prodrg .prodName{ padding:0; font-size:22px;}
	.prodrg .prodPts{ padding:0; font-size:28px;}
}

ul.expItms{ width:100%; clear:both; list-style-type:none; margin-top:25px;}
ul.expItms li{ margin-top:10px; padding:0 0 0 30px; position:relative; font-size:14px; line-height:16px;}
ul.expItms li .expIcon{ width:23px; height:23px; position:absolute; left:0; top:0; background-position:center center; background-repeat:no-repeat; background-size: 100%;}
ul.expItms li .expIcon.cocina{ background-image:url(../img/icons/exp_cocina.png);}
ul.expItms li .expIcon.direccion{ background-image:url(../img/icons/exp_direccion.png);}
ul.expItms li .expIcon.especialidades{ background-image:url(../img/icons/exp_especialidades.png);}
ul.expItms li .expIcon.horarios{ background-image:url(../img/icons/exp_horarios.png);}
ul.expItms li .expIcon.servicios{ background-image:url(../img/icons/exp_servicios.png);}
ul.expItms li .expIcon.telefono{ background-image:url(../img/icons/exp_telefono.png);}
ul.expItms li .expIcon.vigencia{ background-image:url(../img/icons/exp_vigencia.png);}
ul.expItms li .expIcon.web{ background-image:url(../img/icons/exp_web.png);}

.prodrg .form-experiencias{}
.prodrg .form-experiencias .form-exp-detail{ margin-top: 10px; padding-top: 10px; padding-bottom: 10px; }
.prodrg .form-experiencias .form-exp-detail.checked{background-color: rgba(0, 23, 90, 0.1);}

/* form canje */
.changeBlueBG{ width:100%; height:auto; min-height:80vh; float:left; clear:both; background-color:#00175A;}
.changeBlueBG h1{ width:100%; font-size:30px; font-weight:normal; color:#FFFFFF; text-align:center;}
.changeBlueBG .f_c_itemsCtrl{ width:100%; padding:110px 0 0 0; background-position:center 20px; background-repeat:no-repeat; background-size:80% auto;}
.changeBlueBG .f_c_itemsCtrl.firstStep{ background-image:url(../img/bgs/changeBlueBG-1.png);}
.changeBlueBG .f_c_itemsCtrl.secondStep{ background-image:url(../img/bgs/changeBlueBG-2.png);}
.changeBlueBG .f_c_itemsCtrl.thirdStep{ background-image:url(../img/bgs/changeBlueBG-3.png);}
.changeBlueBG .f_c_itemsCtrl.fourStep{ background-image:url(../img/bgs/changeBlueBG-4.png);}
.changeBlueBG .f_c_itemsCtrl .f_c_item{ width:25%; float:left; clear:none; padding:5px 2%; text-align:center; color:#FFFFFF;}
.changeBlueBG .f_c_itemsCtrl .f_c_item .f_c_itemIco{ width:100%; float:left; clear:both;}
.changeBlueBG .f_c_itemsCtrl .f_c_item .f_c_itemTit{ width:100%; float:left; clear:both; text-align:center; color:#FFFFFF;}
.changeBlueBG .f_c_itemsCtrl .f_c_item a:hover .f_c_itemTit{text-decoration: underline;}
@media (max-width: 768px){
	.changeBlueBG{ width:100%; height:auto; float:left; clear:both; background-color:#00175A; padding-top:20px;}
	.changeBlueBG h1{ width:100%; font-size:22px; font-weight:normal; padding-top:15px; color:#FFFFFF; text-align:center;}
	.changeBlueBG .f_c_itemsCtrl{ width:100%; padding:25px 0 0 0; background-position:center top; background-repeat:no-repeat; background-size:80% auto;}
	.changeBlueBG .f_c_itemsCtrl .f_c_item{ width:100%; float:left; clear:none; padding:5px 2%; text-align:center; color:#FFFFFF;}
	.changeBlueBG .f_c_itemsCtrl .f_c_item.noShowIt{ display:none;}
}

form.f_c_form{ width:70%; float:left; clear:both; margin:50px 15%;}
form.f_c_form p{ color: #FFFFFF; text-align: center;}
form.f_c_form .f_c_form_note{ text-align: center; color: #ffffff; font-size: 12px; }
form.f_c_form label{ color:#FFFFFF;}
form.f_c_form label.custom-control-label a{ color:#006FCF; text-decoration:none;}
form.f_c_form label.custom-control-label a:hover{ color:#006FCF; text-decoration:underline;}
form.f_c_form input{ border:1px solid #FFFFFF; border-radius:0; background-color:transparent; color:#FFFFFF;}
form.f_c_form .btn-exchange{ margin:25px auto; padding-left:35px; padding-right:35px; border:1px solid #FFFFFF; color:#FFFFFF; background-color:transparent; font-size:18px; font-weight:normal;}
form.f_c_form .btn-exchange:hover{ color:#00175A; background-color:#FFFFFF;}
@media (max-width: 768px){
	form.f_c_form{ width:98%; float:left; clear:both; margin:15px 2%;}
}

/* formcontacto */
.changeWhiteBG{ width:100%; float:left; clear:both; background-color:#FFFFFF;}
.changeWhiteBG h1{ width:100%; font-size:30px; font-weight:normal; color:#00175A; text-align:center;}
.changeWhiteBG .f_cnt_itemsCtrl{ width:100%; padding:110px 0 0 0; background-position:center center; background-repeat:no-repeat; background-size:auto 80%;}
.changeWhiteBG .f_cnt_itemsCtrl.contStep{ background-image:url(../img/bgs/bg_contacto.png);}
@media (max-width: 768px){
	.changeWhiteBG{ padding-top:20px;}
}

form.f_cnt_form{ width:70%; float:left; clear:both; margin:50px 15%;}
form.f_cnt_form label{ color:#00175A;}
form.f_cnt_form label.custom-control-label a{ color:#006FCF; text-decoration:none;}
form.f_cnt_form label.custom-control-label a:hover{ color:#006FCF; text-decoration:underline;}
form.f_cnt_form input{ border:1px solid #53565A; border-radius:0; background-color:transparent; color:#00175A;}
form.f_cnt_form textarea{ border:1px solid #53565A; border-radius:0; margin:0 2%;}
form.f_cnt_form .btn-exchange{ margin:10px auto; padding-left:45px; padding-right:45px; border:1px solid #53565A; color:#53565A; background-color:transparent; font-size:18px; font-weight:normal;}
form.f_cnt_form .btn-exchange:hover{ color:#53565A; background-color:#FFFFFF;}
form.f_cnt_form .recaptcha{display: flex; justify-content: center;}
.conTxtA{ width:100%; padding-top:25px; color:#00175A; font-size:16px; font-weight:600;}
.conTxtB{ width:100%; color:#6E6E6D; font-size:16px;}
@media (max-width: 768px){
	form.f_cnt_form{ width:98%; float:left; clear:both; margin:20px 1%;}
}

/*faqs*/
.changeWhiteBGauto{ width:100%; height:auto; float:left; clear:both; background-color:#FFFFFF;}
.changeWhiteBGauto .f_cnt_itemsCtrl.contStep{ background-image:url(../img/bgs/bg_contacto.png);}
.changeWhiteBGauto h1{ padding-left:0; color:#00175A; font-size:22px; font-weight:normal;}
.accordion{ padding-left:0; padding-right:0; color:#00175A;}
.accordion .card{ border:none;}
.accordion .card .card-header{ cursor:pointer; margin-bottom:0; margin-left:0; margin-right:0; padding-left:0; padding-right:0; background-color:#FFFFFF; font-size:18px;}
.accordion .card .card-header .fas{ float:right; color:#006fcf;}
.accordion .card-header.collapsed:after{ border-bottom:none;}
[data-toggle="collapse"][aria-expanded="true"] > .fa-chevron-down{ -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); margin-right:0;}
.accordion .card-header:after{ border-bottom:none;}
.card-header:after{ border-bottom:none;}
.accordion .card-body{ padding-bottom:0; padding-left:0; padding-right:0; font-size:18px; border-bottom:1px solid rgba(0,0,0,.125)}
@media (max-width: 768px){
	.changeWhiteBGauto{ padding-bottom:15px; padding-top:15px;}
	.changeWhiteBGauto h1{ padding-left:5%;}
	.accordion .card, .card{ border:none;}
	.accordion .card-body{ padding-bottom:0; padding-left:0; padding-right:0; font-size:18px; border-bottom:1px solid rgba(0,0,0,.125); border:none;}
}
/* reglas de uso */
.txtInfo{ color:#53565A; font-size:1.05em;}
.titInfo{ padding:20px 0; color:#006FCF; font-size:1.3em;}
.rules-list li{ margin-bottom: 10px;}

/*permmision*/
form.p_mFrm{ width:74%; margin:25px 13%; color:#53565A;}
form.p_mFrm h2{color:#00175A; font-size:22px; font-weight:normal;}
form.p_mFrm input{ border:1px solid #EDEDED; border-radius:0; background-color:#EDEDED; color:#00175A;}
form.p_mFrm input::placeholder{ color:#53565A;}
form.p_mFrm .btn-send{ margin:10px auto; padding-left:35px; padding-right:35px; border:1px solid #53565A; color:#53565A; background-color:transparent; font-size:18px; font-weight:normal;}
form.p_mFrm .btn-send:hover{ color:#00175A; background-color:#FFFFFF;}
@media (max-width: 768px){
	form.p_mFrm{ width:98%; margin:10px 2%; color:#53565A;}
}

.footer { width:100%; float:left; clear:both; padding:50px 0; text-align:left; background-color:#C8C9C7; background-image:url(../img/bgs/bg_footer.png); background-position:90% center; background-repeat:no-repeat; background-size:auto 65%; color:#00175A;}
.footer a { color:#00175A;}
.footer a:hover { color:#00175A; text-decoration:underline;}
.footer .copyright{ font-size:12px;}
@media (max-width: 768px){
	.footer { width:100%; float:left; clear:both; padding:20px 30% 20px 0; background-position:95% center; background-size:30% auto;}
}

ul.social-buttons { margin-bottom: 0;}
ul.social-buttons li a { width: 50px; height: 50px; font-size: 20px; line-height: 50px; display: block; color:white; border-radius:100%; outline:none; background-color:#212529;
-webkit-transition: all 0.3s;
transition: all 0.3s;}
ul.social-buttons li a:active, 
ul.social-buttons li a:focus, 
ul.social-buttons li a:hover { background-color:#fed136;}

/*
    carousel multi items
*/
.carousel-multipleCtrl{ width:100%; float:left; margin-top:40px; padding:30px 0 60px 0; background-color:#EDEDED;}
.carousel-multipleCtrl .btn-mulCarCtrl{ width:100%; float:left; margin-top:40px; text-align:center;}
.carousel-multipleCtrl .btn-mulCarCtrl .btn-mulCar{ background-color:#00175A; color:#FFFFFF; font-size:16px; margin:0 auto; border-radius:0;}
.carousel-multipleCtrl .carousel-multipleCtrlTit{color: #525559; text-align: center; font-size: 26px; padding-bottom: 20px;}
@media (min-width: 768px) and (max-width: 991px) {
    /* Show 4th slide on md if col-md-4*/
    #carousel-multiple .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) and (max-width: 768px) {
    /* Show 3rd slide on sm if col-sm-6*/
    #carousel-multiple .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) {
    #carousel-multiple .carousel-item {
        margin-right: 0;
    }
    /* show 2 items */
    #carousel-multiple .carousel-inner .active + .carousel-item {
        display: block;
    }
    #carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    #carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }
    #carousel-multiple .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    #carousel-multiple .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    #carousel-multiple .carousel-item-next.carousel-item-left + .carousel-item,
    #carousel-multiple .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* farthest right hidden item must be also positioned for animations */
    #carousel-multiple .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* right or prev direction */
    #carousel-multiple .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    #carousel-multiple .carousel-item-prev.carousel-item-right + .carousel-item,
    #carousel-multiple .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
/* MD */
@media (min-width: 768px) {
    /* show 3rd of 3 item slide */
    #carousel-multiple .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }
    #carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }
    #carousel-multiple .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    #carousel-multiple .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction */
    #carousel-multiple .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
/* LG */
@media (min-width: 991px) {
    /* show 4th item */
    #carousel-multiple .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }
    #carousel-multiple .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    /* Show 5th slide on lg if col-lg-3 */
    #carousel-multiple .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* left or forward direction */
    #carousel-multiple .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction //t - previous slide direction last item animation fix */
    #carousel-multiple .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
#carousel-multiple{}
#carousel-multiple .carousel-inner{ width:90% !important;}
