@charset "utf-8";
*{outline:none !important}
html{height:100%;}
body{
	font-family:Arial, sans-serif;
	font-size:16px;	
	color:#777777;
	min-width:320px;
	margin:auto;
	background:#60b1ce;
	line-height:19px;
}

body p{font-family:inherit;font-size:inherit;color:inherit; line-height:normal}
.container{max-width:1140px !important; width:100%; margin:auto; line-height:23px; text-align:justify; position:relative; color:#757575}
.container:before,
.befclear:before{display:block; content:""; clear:both;}
.animar{transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;}

#header{color:#434343; margin:auto; position:relative; z-index:5; height: 255px;
	background: #0065a1;
	background: -moz-linear-gradient(top,  #0065a1 0%, #1c7aaf 100%);
	background: -webkit-linear-gradient(top,  #0065a1 0%,#1c7aaf 100%);
	background: linear-gradient(to bottom,  #0065a1 0%,#1c7aaf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0065a1', endColorstr='#1c7aaf',GradientType=0 );
}
#header .container{position:relative; z-index:1; padding-top: 50px }

#logo{display:block; transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s; width:209px; margin: 0 auto 20px}
#logo a{display:inline-block}
#logo img{display:block;}
#logo:hover img{opacity:0.85}

#datTop{position:relative; text-align:center;}
#datTop .container{text-align:center;}


#carrito{display:block; position:absolute; right:75px; top:30px; padding-left: 33px; font-family:Verdana, sans-serif; font-size:14px; color:#fff; text-decoration:none; text-align: center;}
#carrito .fa{color:#FFF; position: absolute; left: 0; top: 2px; font-size: 26px}
#carrito em,
#carrito span{display: block; font-style:normal; line-height: 16px;}
#carrito span{font-size: 10px;}
#carrito b{font-weight: 400;}

#Lang{cursor: pointer;}

#mnuTop{position: absolute; top: 30px; right: 270px; color: #479bcd}
#mnuTop a{color: #FFF; font-family: "Arial", serif; font-size: 13px; cursor: pointer; text-decoration: none}

#cntMnuPromociones{position: absolute; left: 0; top: 25px;}
#cntMnuPromociones a{display: inline-block; background: #005080; color: #FFF; border: solid 1px #FFF; line-height: 40px; padding: 0 17px; text-decoration: none;
	transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;
}
#cntMnuPromociones a:hover{background: #6cebff}


/*Menu*/
.menu{display:block; text-align:right; position:relative; height:48px;}
.menu > ul{display:block; max-width:1170px; margin:auto; text-align:center}
.nav li{display:inline-block; padding: 0 25px; font-size:16px;}
.nav > li > a:before{display:block; content:""; height:6px; position:absolute; left:50%; bottom:0; width:0; background:#6cebff; transition: all 0.2s ease-in-out 0s;-moz-transition: all 0.2s ease-in-out 0s;-webkit-transition: all 0.2s ease-in-out 0s;}
.nav > li > a,
.nav > li:focus > a,
.nav > li:hover > a{
	padding:20px 0;
	color:#FFF; 
	background: none; 
	display:block; 
	line-height:22px;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 0.5px;
	cursor: pointer;
}
.nav li a:hover:before,
.nav li.active a:before,
.nav li.sfHover a:before{width: 100%; left: 0;}
.nav li:first-child{padding-left: 0;}
.nav li:last-child{padding-right: 0;}


@media (min-width:768px) {
	body.fixed #header{padding-top:0;position:fixed; width:100%; z-index:20; top:0; background-color:#F1f1f1; background-image:none; border:none;
	-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.5);
	}
	body.fixed #datTop{height:5px; border:none}
	body.fixed #carrito{top:9px; right:auto; left:15px; color:#FFF;}
	body.fixed #logo{top:6px; display:none}
}

/*==================   RD Mobile Menu    =====================*/
.rd-mobilemenu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 9999999;
  text-align: left;
  -moz-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease; 
}
 .rd-mobilemenu.active {
    right: 0; 
}

.rd-mobilemenu_ul {
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 0.5px;
  position: fixed;
  top: -56px;
  left: 0;
  bottom: 0;
  width: 240px;
  padding: 132px 0 76px;
  color: #fff;
  background:#0065a1;
  font-size: 14px;
  line-height: 20px;
  padding-left:0 !important;
  overflow: auto;
  -webkit-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1);
  -moz-transform: translateX(-240px);
  -ms-transform: translateX(-240px);
  -o-transform: translateX(-240px);
  -webkit-transform: translateX(-240px);
  transform: translateX(-240px);
  -moz-transition: 0.3s ease;
  -o-transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -moz-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  -o-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  -webkit-transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1);
  transition: 0.3s cubic-bezier(0.55, 0, 0.1, 1); 
}
.rd-mobilemenu.active .rd-mobilemenu_ul {
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0); 
}
.rd-mobilemenu_ul a {  display: block; padding: 11px 25px; color:#fff; font-weight:400; text-decoration:none !important; cursor: pointer}
.rd-mobilemenu_ul ul a{padding: 8px 25px 8px;}
.rd-mobilemenu_ul > li.active > a{background:rgba(255,255,255,0.8); color:#0065a1; }
.rd-mobilemenu_ul a:hover { background: rgba(255,255,255,0.8); color:#0065a1;}
.rd-mobilemenu_ul a .rd-submenu-toggle {
      position: absolute;
      top: 50%;
      right: 11px;
      margin-top: -17.5px;
      width: 32px;
      height: 32px;
      font: 400 10px "FontAwesome";
      line-height: 32px;
      text-align: center;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      -moz-transition: 0.5s all ease;
      -o-transition: 0.5s all ease;
      -webkit-transition: 0.5s all ease;
      transition: 0.5s all ease;
      z-index: 1;
      background: rgba(0, 0, 0, 0.1); }
.rd-mobilemenu_ul a .rd-submenu-toggle:after {
        content: '\f078'; }
.rd-mobilemenu_ul a .rd-submenu-toggle:hover {
        background: #FFF;
        color: #666; }
.rd-mobilemenu_ul a.rd-with-ul {
      position: relative; }
.rd-mobilemenu_ul a.rd-with-ul.active .rd-submenu-toggle {
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg); }
.rd-mobilemenu_ul ul a {
    padding-left: 40px; background: #005a93 }
.rd-mobilemenu_ul ul ul a {
    padding-left: 60px; }
.rd-mobilemenu_ul:after {
    content: '';
    display: block;
    height: 20px; }

.rd-mobilepanel {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 56px;
  padding-right: 56px;
  background: #0065a1;
  color: #000;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
  z-index: 99999991;
   }

.rd-mobilepanel_title {
  position: absolute;
  padding-top:0;
  margin-top:0;
  text-align:center;
  left: 56px;
  right: 56px;
  color: #000;
  font-size: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
	z-index: 1;
}

.rd-mobilepanel_toggle {
  position: absolute;
  border:none;
  background:none;
  top: 4px;
  left: 8px;
  width: 48px;
  height: 48px;
  border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
  -webkit-border-radius:5px;
	z-index: 10
}
.rd-mobilepanel_toggle span {
  position: relative;
  display: block;
  margin: auto;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before {
  content: "";
  position: absolute;
  left: 0;
  top: -8px;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.rd-mobilepanel_toggle span:after {
  top: 8px;
}
.rd-mobilepanel_toggle span:after, .rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span {
  width: 24px;
  height: 4px;
  background-color: #fff;
  backface-visibility: hidden;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.rd-mobilepanel_toggle span:before, .rd-mobilepanel_toggle span:after {
  -webkit-transition-duration: 0.3s, 0.3s;
  transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
  transition-delay: 0.3s, 0s;
  -webkit-transition-property: top, -webkit-transform;
  transition-property: top, transform;
}
.rd-mobilepanel_toggle.active span {
  transition: background .3s 0s ease;
  background: transparent;
}
.rd-mobilepanel_toggle.active span:before, .rd-mobilepanel_toggle.active span:after {
  top: 0;
  -webkit-transition-delay: 0s, 0.3s;
  transition-delay: 0s, 0.3s;
}
.rd-mobilepanel_toggle.active span:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.rd-mobilepanel_toggle.active span:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@media (max-width: 880px) {
	body {padding-top: 56px; }
	.rd-mobilemenu, .rd-mobilepanel {display: block; }
}

.rd-mobilepanel #logo{top:4px; margin:auto; padding:0; left:auto; position:relative; width:130px; height:auto; opacity:1}
.rd-mobilepanel #logo img{width:100%; height:auto}

.mnuTop{position: absolute; top: -3px; font-size: 13px; right: -35px;}
.mnuTop a{color: #FFF;}
.carritoTop{font-size: 40px; position: relative; top: 10px;}
.carritoTop b{position: absolute; left: 3px; top: 10px; color: #0065a1; font-size: 13px; width: 100%; text-align: center;}

/*Footer*/
#footer{
	text-align:center;
	font-size:12px;
	color:#FFF;
	line-height:18px;
	font-family: 'Montserrat', sans-serif;
	background: #60b1ce;
}
#footer .container{padding-top:55px; padding-bottom: 40px; font-family:inherit; font-size:inherit}
#footer .tfooter{
	color:#FFF;
	line-height:16px;	
	text-align:center;
}
#footer #powered {
	color:#FFF; 
    line-height: 16px;
    margin: 20px auto 0;
    width: auto;
	text-align:center;
}
#footer a{	
	color:#FFF;	
}
#footer #powered a{background: url(../images/iconGlobal.png) no-repeat center left;padding:3px 0 3px 20px}
#footer a:hover{
	text-decoration:underline;
}
#footer #powered a{color:#FFF;}
#logoFooter{display: block;}
#logoFooter span{background: url(../images/logoFooter.png) 0 0 no-repeat; width: 124px; height: 47px; margin: auto; }
/*Footer*/

#redes{position: absolute; top: 33px; right: 15px;}


/*==================     ToTop     ======================*/
a.toTop {
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 37px;
  color: #fff;
  border-radius: 50%;
  position: fixed;
  background:#65b2d5;
  border:solid 1px #fff;
  left: 40px;
  bottom: 50px;
  display: none;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  cursor:pointer;
  z-index: 20; opacity:.75 }
a.toTop:hover,
a.toTop:active {color: #65b2d5;
    text-decoration: none; opacity:1; background:#fff}
a#toTop
a#toTop .fa{color:#FFF !important;}
a.toTop:hover:after{
	-webkit-transform:scale(1.3);
	-moz-transform:scale(1.3);
	-ms-transform:scale(1.3);
	transform:scale(1.3);
	opacity:0;
}
.mobile .toTop,
.tablet .toTop {display: none !important; }


#main{overflow:hidden;}
#bg{
	background: #1c7aaf;
background: -moz-linear-gradient(top,  #1c7aaf 0%, #60b1ce 100%);
background: -webkit-linear-gradient(top,  #1c7aaf 0%,#60b1ce 100%);
background: linear-gradient(to bottom,  #1c7aaf 0%,#60b1ce 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c7aaf', endColorstr='#60b1ce',GradientType=0 );
}
.h1{color:#4b4949; font-size:28px; text-align:center; padding-top:5px; margin:0}
h1, h2, h3, h4, h5, h6{display:block; margin:0; padding:0;
font-weight:inherit; 
text-rendering: optimizelegibility;
color:inherit; 
text-align:inherit; 
font-family:inherit; 
font-size:inherit;
line-height:inherit;
}
.hg{font-family:"Century Gothic", sans-serif; font-size:28px; background:#4971d7 url(../images/h1.png); color:#FFF; text-align:center; height:45px; line-height:44px; margin-top:28px; font-weight:normal;}
figure img{display:block;}
figure.responsive img{width:100%; height:auto}
.h1General{background:#66c2e3; height:58px; line-height:58px; color:#FFF; text-align:center; font-size:24px; font-weight:normal; font-family:"Century Gothic", sans-serif; text-transform:uppercase}
.h1{font-family:Arial, sans-serif; font-size:30px; color:#18adc8; line-height:75px; padding-top:20px}

/*Alerta*/
#overlay{cursor:wait;opacity:.5;background:#FFF; position:fixed; left:0; top:0; width:100%; height:100%; z-index:8011;display:none}
#cnt-alert{position:fixed; top:50%; margin-top:-70px; width:100%; height:1px; text-align:center; z-index:8012}
.alert {
	display:inline-block;
	padding: 19px 15px;
	color: #fefefe;
	position: relative;
	font: 14px/20px Museo300Regular, Helvetica, Arial, sans-serif;
	margin-bottom:10px
}
.alert .msg { padding: 0 20px 0 40px;}
.alert p { margin: 0;}
.alert .toggle-alert {
	position: absolute;
	top: 7px;
	right: 10px;
	display: block;
	text-indent: -10000px;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	-webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(255, 255, 255, 0.1);
	-moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(255, 255, 255, 0.1);
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(255, 255, 255, 0.1);
	background: rgba(0, 0, 0, 0.08) url(../images/alert.png) no-repeat 6px 6px;
}
.info-box {		background: #2fa9f6 url(../images/info.png) no-repeat 14px 14px;}
.success-box {	background: #7EB62E url(../images/success.png) no-repeat 14px 14px;}
.error-box {
	background: #f64b2f url(../images/error.png) no-repeat 14px 14px;	
}
.alert{
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.notice-box {	background: #f6ca2f url(../images/notice.png) no-repeat 14px 14px;}
.download-box {	background: #a555ca url(../images/download.png) no-repeat 14px 14px;}


#sliderTop{
	max-width: 1920px;
	margin: auto;
	overflow: hidden;
}
.sombraSliderTop img{display:block; width:100%; height:auto; margin:auto; max-width:1100px;}
#sliderTop .flex-direction-nav a{width: 14px; height: 20px; background-repeat: no-repeat; margin-top: -10px}
#sliderTop .flex-direction-nav .flex-prev{left: 50%; margin-left: -600px;}
#sliderTop .flex-direction-nav .flex-next{right: 50%; margin-right: -600px;}
.flexslider .slides > li img{opacity: 0 !important;}
.flexslider .slides > li{background-position: center center; height: 415px;}


/*Inicio*/
.iniContainer .container{max-width: 1120px !important;}
.iniContainer .bgBloq{position: relative;}
.iniContainer .bgBloq:before{
	display: block;
	content: "";
	position: absolute;
	z-index: 1;
	width: 200%;
	height: 100%;
	top: 0;
}
.amenidades-Hoteles:before{	
	right: 0;
	background: url(../images/inicio/gradient1.png) right top;
}
.iniContainer .bgBloq article{
	position: relative;
	z-index: 2;
 	font-family: 'Montserrat', sans-serif;
	padding: 60px 60px;
	font-size: 14px;
	line-height: 30px;
}

.iniContainer .row .bgBloq:first-child article{padding-left: 0;}
.iniContainer .row
.bgBloq:last-child article{padding-right: 0;}
.amenidades-Hoteles article{	
	color: #FFF;
}
.mint-boost article{	
	color: #58c9c9;
}
.hTit{font-size:30px; font-weight:400; line-height:36px; text-align:left; padding-bottom: 20px}

.mint-boost:before{background: url(../images/inicio/bgCurvas.jpg) 0 0 no-repeat; left: 0;}
.btnIni{display: inline-block; font-size: 14px; border: solid 1px; height: 29px; line-height: 28px; padding: 0 17px; margin-top: 15px;transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;}
.btnIni:hover{text-decoration: none;}
.amenidades-Hoteles a{border-color: #6cebff; color: #6cebff;}
.amenidades-Hoteles a:hover{background: #6cebff; color: #FFF;}
.mint-boost a{border-color: #58c9c9; color: #58c9c9;}
.mint-boost a:hover{background: #58c9c9; color: #FFF;}
.mint-boost:after{display: block; content: ""; background: url(../images/inicio/logo-mint-boost.png); width: 57px; height: 56px; position: absolute; left: 240px; top: 87px; z-index: 3}
.mint-boost figure{float: right; position: absolute; right: 0; top: 85px; z-index: -1;}

.lu-um1:before{background: #f6f6f6; right: 0}
.lu-um2:before{background: #ff5d6a; left: 0}
.lu-um2{color: #FFF; text-align: right;}
.iniContainer .lu-um.bgBloq article{padding: 0}
.lu-um2 figure{display: inline-block;}
.lu-um2 .hTit{text-align: inherit;}
.lu-um2 a{border-color: #fff; color: #fff;}
.lu-um2 a:hover{background: #fff; color: #ff5d6a;}
.iniContainer .lu-um.bgBloq article .padding{padding: 60px 60px;}
.iniContainer .lu-um2.bgBloq article .padding{padding-top: 100px;}

.fleur,
.handmade,
.jabones{color: #FFF;}
.fleur a{border-color: #fff; color: #fff;}
.fleur a:hover{background: #fff; color: #a6c3e7;}
.fleur-1:before{	
	right: 0;
	background: url(../images/inicio/bgFleur.png) right top no-repeat;
}
.soap:before{	
	left: 0;
	background: url(../images/inicio/bgSoap.png) left top no-repeat;
}
.fleur-1 figure{margin-bottom: 20px}

.iniContainer .bgBloq.fleur.fleur-1 article .padding{padding-top: 0;}
.iniContainer .bgBloq.fleur.soap article{padding: 50px 60px;}
.sepFleur{height: 2px; background: #FFF; margin: 10px 0}

.handmade:before{	
	right: 0;
	background:#d0c3a9;
}
.handmade figure{position: absolute; right: 0; top: 50%; margin-top: -150px; z-index: -1;}
.iniContainer .handmade.bgBloq article{padding: 55px 60px;}
.iniContainer .handmade.bgBloq article .padding{padding: 50px 0;}
.jabones{text-align: right;}
.jabones:before{background: #988d77;left: 0;}
.jabones figure{display: inline-block; margin-bottom: 20px}
.jabones .texto{display: inline-block; text-align: left; max-width: 345px}
.jabones .padding{padding: 25px 0}
.handmade a{border-color: #fff; color: #fff;}
.handmade a:hover{background: #fff; color: #d0c3a9;}
.bgBloq-hover{cursor: pointer;}

.bloqIniImgs{
	max-width: 1920px;
	margin: auto;
	overflow: hidden
}
/*Nuevos*/
.row-flex {
  display: flex; /* columns are now equal height */
}
.row-flex a[class*="col-"],
.row-flex div[class*="col-"]{
    display: flex;
    flex-direction: column;
    min-height: 416px;
    /*background-size: auto 100%;*/
}
.row-flex div[class*="col-"]{
    min-height: 416px;
}
/*.airbnb:before{display: block; content: ""; background: url(../images/inicio/airbnb-seccion-2.png) #fafafa; width: 50%; height: 100%; position: absolute; left: 0; top: 0; z-index: 3; }*/

.iniContainer .flex-airbnb article{
    font-family: 'Montserrat', sans-serif;
    font-size: 19px;
    color: #fe5a5e;
    line-height: 42px;
    padding: 25px 38px;
}
.iniContainer .flex-airbnb article strong{
    display: block;
}
.tit-airbnb{
    font-size: 30px;
    text-transform: uppercase;
}
.text-airbnb{
    line-height: 34px;
    padding: 25px 0;    
    max-width: 380px;
}
.text-airbnb-2{
    line-height: 26px;
    padding: 35px 0 10px;    
    max-width: 302px;
    text-align: center;
}
.btn-airbnb{
    max-width: 312px;
}
.btn-airbnb:before,
.btn-airbnb:after{
    display: block;
    content: "";
    clear: both;
}
.btn-airbnb div{
    float: left;
    width: 50%;
    padding: 0 2px;
}
.btn-airbnb a{
    display: block;
    text-align: center;
    border: solid 1px #fd6f73;
    height: 49px;
}
.btn-airbnb a img{
    display: block;
    width: 100%;
    height: auto;
}

.divBloq{
	padding: 0 !important;
}
.divBloq .imgBloq{
	background-repeat: no-repeat;
	width:100%; 
	height: 100%;
}

.flex-mint{
    background: url(../images/inicio/MINT-seccion.png?) right center no-repeat;    
}
.flex-luhum{
    background: url(../images/inicio/luum-aseccion2.png) left center no-repeat;
}
.flex-body{
    background: url(../images/inicio/tapas-abre-facil.png) right center no-repeat;    
}
.flex-fleur{
    background: url(../images/inicio/sache-seccion-2.png?) left center no-repeat;
}
.flex-consumibles{
    background: url(../images/inicio/brackets-de-plastico-natua_es.jpg) center center no-repeat;
}

html[data-lang="en"] .flex-mint{
    background-image: url(../images/inicio/MINT-seccion_en.png);    
}
html[data-lang="en"] .flex-luhum{
    background-image: url(../images/inicio/luum-seccion_en.png);
}
html[data-lang="en"] .flex-body{
    background-image: url(../images/inicio/tapas-abre-facil_en.png);    
}
html[data-lang="en"] .flex-consumibles{
    background-image: url(../images/inicio/brackets-de-plastico-natua_es.jpg.png);
}
html[data-lang="en"] .flex-fleur{
    background-image: url(../images/inicio/j10-seccion.png) left center no-repeat;
}


.flex-acerca article{
    height: 100%;
    position: relative;
    padding: 0 !important
}


@media (max-width:1300px) {
	.row-flex a[class*="col-"]{
        min-height: 400px;
    }
    .row-flex div[class*="col-"]{
        min-height: 400px;
    }
}
@media (max-width:1199px) {
	.row-flex a[class*="col-"],
    .row-flex div[class*="col-"]{
        min-height: 370px;
    }
    .flex-acerca article .contenedor{
        padding: 0 15px
    }
}
@media (max-width:1099px) {
	.row-flex a[class*="col-"],
    .row-flex div[class*="col-"]{
        min-height: 340px;
    }
}
@media (max-width:991px) {
	.row-flex a[class*="col-"]{
        min-height: 300px;
    }
    .row-flex div[class*="col-"]{
        min-height: 350px;        
    }
    .flex-acerca .contenedor{
        right: 0
    }
    /*.airbnb::before{
        background-size: auto 290px;
        background-position: left center;
    }*/
    .flex-acerca h2{
        line-height: 22px;
    }
	.divBloq.airbnb .imgBloq{
		background-size: auto 85% !important;
	}
}
@media (max-width:850px) {
    .row-flex a[class*="col-"] {
        min-height: 270px;
    }
}
@media (min-width:768px) {
    .flex-acerca .contenedor{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 40px;
        text-align: justify;
    }
    .flex-acerca article .contenedor{
        float: right;
        max-width: 470px;
    }
}
@media (max-width:767px) {
    .iniContainer .row-flex{
        display: block;
    }
    .row-flex div[class*="col-"]{
        width: 100%;
        float: none;
    }
    .row-flex div[class*="col-"]:first-child {
        min-height: 35px;
    }
    .flex-acerca article .contenedor{
        padding: 45px 15px
    }
    .row-flex a[class*="col-"] {
        min-height: 220px;
    }
    .airbnb::before{
        background-size: auto 417px !important;
        background-position: right center !important;
        background-repeat: no-repeat !important
    }
    .text-airbnb-2 {
        padding: 5px 0 10px;
    }
    .tit-airbnb {
        font-size: 27px;
    }
}
@media (min-width:601px) {
    .flex-consumibles-2{
        display: none !important;
    }
}
@media (max-width:600px) {
    .bloqIniImgs .row-flex{
        display: block;
    }
    .row-flex a[class*="col-"]{
        width: 100%;
        float: none;
    }
    .row-flex a[class*="col-"] {
        min-height: 320px;
    }
    .row-flex div[class*="col-"]:last-child {
        min-height: 320px;
    }
    .flex-consumibles{
        background-position: 16% center !important;
    }
    .flex-consumibles-2{
        background-position: 88% center !important;
    }
    .airbnb:before {
        opacity: 0.40;
    }
}
@media (max-width:480px) {    
    .row-flex div[class*="col-"]:last-child {
        min-height: 280px;
    }
    .row-flex a[class*="col-"] {
        min-height: 280px;
    }
    .flex-consumibles{
        background-position: 16% center !important;
    }
    .flex-consumibles-2{
        background-position: 88% center !important;
    }
}
@media (max-width:420px) {
    .row-flex a[class*="col-"] {
        min-height: 260px;
    }
    .flex-consumibles{
        background-position: 19% center !important;
    }
    .flex-consumibles-2{
        background-position: 85% center !important;
    }
}
@media (max-width:380px) {    
    .row-flex div[class*="col-"]:last-child {
        min-height: 260px;
    }
    .row-flex a[class*="col-"] {
        min-height: 240px;
    }
    .flex-consumibles{
        background-position: 20% center !important;
    }
    .flex-consumibles-2{
        background-position: 84% center !important;
    }
}

.container.w100{width: 100%; margin: 0; max-width: 100% !important;}
/*.bgBloq.merine,
.bgBloq.natua{height: 455px; cursor: pointer}*/
.bgBloq.merine1{background: url(../images/inicio/bgMerine.png) right center; color: #FFF; cursor: pointer}
.bgBloq.merine1:before{background: url(../images/inicio/bgMerine.png) right center;left: -50%; position: absolute; top: 0; height: 100%; width: 100%;}
.bgBloq.merine1 .hTit,
.bgBloq.natua2 .hTit{margin-top: 20px}
.bgBloq.merine1 .btnIni,
.bgBloq.natua2 .btnIni{color: #FFF;}
.bgBloq.merine1 .btnIni:hover{background: #fff; color: #97c6b9;}
.bgBloq.merine2{background: url(../images/inicio/merine.jpg) right center; background-size: auto 100%; cursor: pointer}
.bgBloq.merine2 article{padding: 0;}
.bgBloq.merine2 article img{opacity: 0 !important}

.bgBloq.natua1{background: url(../images/inicio/bgNatua1.png) left center; color: #FFF; cursor: pointer}
.bgBloq.natua2{background: url(../images/inicio/bgNatua2.png) left center; color: #FFF; cursor: pointer}
.bgBloq.natua2:before{background: url(../images/inicio/bgNatua2.png) left center;right: -50%; position: absolute; top: 0; height: 100%; width: 100%;}
.bgNatua{background: url(../images/inicio/bgNatua1.png) left center;}
.bgBloq.natua2 .btnIni:hover{background: #fff; color: #415026;}
.bgBloq.natua1 article{padding: 0; }
/*.bgBloq.natua1 article figure{margin-right: -15px;}*/
.bgBloq.natua1 article img{opacity: 0 !important}
.bgBloq.natua1{background: url(../images/inicio/natua.jpg) right center; background-size: auto 100%}
.bgBloq.natua2 article{padding-top:25px; padding-bottom: 25px}

/*html[data-lang="en"] .bgBloq.merine1{background: url(../images/inicio/merine_en.jpg) right center;}*/

/*html[data-lang="en"] .bgBloq.merine2{background: url(../images/inicio/merine2_en.jpg) left center;}
.bgBloq.natua1{background: url(../images/inicio/natua.jpg) right center;}*/
/*.bgBloq.natua2{background: url(../images/inicio/natua2_es.jpg) left center;}
html[data-lang="en"] .bgBloq.natua2{background: url(../images/inicio/natua2_en.jpg) left center;}*/
/*.merine:before{background: url(../images/inicio/merine_es.jpg) 0 0 no-repeat}*/


/*Nosotros*/
#bgNosotros{ position: relative; overflow: hidden}
#bgNosotros:before{display: block; content: ""; position: absolute; bottom: 0; right: 50%; margin-right: -510px; background: url(../images/bgNosotros.png) right bottom no-repeat; width: 444px; height: 341px}
body.bgNosotros #footer{background: none;}
.nosContainer div[class*="col-"]:first-child article{padding-right: 25px;}
.nosContainer div[class*="col-"]:last-child article{padding-left: 25px;}
.nosContainer article{color: #FFF; font-family: 'Montserrat', sans-serif; line-height: 34px; font-weight: 300; font-size: 18px}
.nosContainer .hTit{font-family: 'Montserrat', sans-serif;  color: #72ebff; font-size: 60px; font-weight: 200; line-height: 80px; padding: 15px 0 25px}
.nosContainer .hTit strong{display: block; font-weight: 600}
.nosContainer h5{font-family: 'Montserrat', sans-serif; font-size: 30px; font-weight: 400; line-height: 44px; padding-top: 65px; padding-bottom: 35px}
.sepNos{background: #72ebff; height: 8px; margin: 25px 0}


/*Contacto*/
.contContainer{background: #f6f6f6; line-height: normal; padding: 55px 0}
.contContainer .hTit{text-align: center; color: #3bd8ec; font-size: 55px; font-family: 'Montserrat', sans-serif; line-height: normal; font-weight: 600; padding-bottom: 80px}
.contContainer .datContact{color: #3bd8ec; font-family: 'Montserrat', sans-serif; line-height: 26px}
.contContainer .datContact strong{font-size: 20px;  display: block; font-weight: 600; padding-bottom: 8px}
.contContainer .datContact .sep{display: block; height: 2px; background: #88d0e6; margin: 20px auto;}
#mapa{padding: 15px 0 25px}
#mapa iframe{display:block; width:100%; height:297px; border:solid 1px #bf2642}


#frmContacto{padding: 0 13px}
#frmContacto div[class*="col"]{margin:0 0 20px; padding:0 12.5px}
#frmContacto .form-group input, 
#frmContacto .form-group textarea,
#frmContacto .form-group select{
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
	color:#3bd8ec;
	font-weight:normal;
	background: #FFF;
	border-color: #baeef6;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}
#frmContacto label{color: #3bd8ec; font-size: 17px;font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 22px}
#frmContacto .form-group textarea{height: 165px;}
#frmContacto .form-control select{}
.hiddenSize:before{display:block; content:""; position:absolute; width:18px; height:18px; right:4px; bottom:6px; z-index:2; background:#fff}


#frmContacto input[type=submit]{display:block; height:42px; margin:10px 0 0; background:#3bd8ec; color:#FFF; font-size:17px; width: 100%; letter-spacing: 0.5px;
	font-family: 'Montserrat', sans-serif;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#frmContacto input[type=submit]:hover,
#frmContacto input[type=reset]:hover{opacity:.8}
#frmContacto .error input,
#frmContacto .error textarea{border:solid 1px #000; background:rgba(255,216,217,1.00); color:#000}
.frmContacto input::-webkit-input-placeholder {color:#949494; opacity:  1;}
.frmContacto input:-moz-placeholder {color:#949494; opacity:  1;}
.frmContacto input::-moz-placeholder {color:#949494; opacity:  1;}
.frmContacto input:-ms-input-placeholder {color:#949494; opacity:  1;}
.frmContacto textarea::-webkit-input-placeholder {color:#949494; opacity:  1;}
.frmContacto textarea:-moz-placeholder {color:#949494; opacity:  1;}
.frmContacto textarea::-moz-placeholder {color:#949494; opacity:  1;}
.frmContacto textarea:-ms-input-placeholder {color:#949494; opacity:  1;}
.frmContacto input:focus::-webkit-input-placeholder {opacity:0.5}
.frmContacto input:focus:-moz-placeholder{opacity:0.5}
.frmContacto input:focus::-moz-placeholder{opacity:0.5}
.frmContacto input:focus:-ms-input-placeholder{opacity:0.5}
.frmContacto textarea:focus::-webkit-input-placeholder{opacity:0.5}
.frmContacto textarea:focus:-moz-placeholder{opacity:0.5}
.frmContacto textarea:focus::-moz-placeholder{opacity:0.5}
.frmContacto textarea:focus:-ms-input-placeholder{opacity:0.5}

.has-error .form-control-feedback{line-height:36px; height:100%; }
.has-error input{
	border-color: #a94442;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.tooltiptext{position: absolute; color: #a94442; font-size: 12px; line-height: 12px; margin-top: 2px}

.bgWhite2{background: #FFF; padding: 0 0 35px}
.titUnete{background: #1878ad; color: #FFF; text-align: center; font-size: 24px; padding: 25px 15px; line-height: normal; font-family: 'Montserrat', sans-serif; font-weight: 600}
.titUnete strong{font-size: 30px; padding: 0 0 10px; display: block;}
.bgUnete{background: #eaeaea; min-height: 100px; font-family: 'Montserrat', sans-serif; padding: 35px 15px 15px; line-height: normal}
.bgUnete strong{display: block; font-size: 18px; color: #616161; text-align: center; padding-bottom: 30px}
.areaTels{max-width: 750px; margin: auto; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 18px; color: #616161;}
.areaTels article{display: inline-block; text-align: left}
.areaTels article div{margin: 0 0 30px; letter-spacing: 1.1px; font-size: 18px; background:url(../images/icoTel.png) center left no-repeat; height: 27px; line-height: 26px}
.areaTels article div.icoTel{background-image:url(../images/icoTel.png); padding-left: 32px;}
.areaTels article div.icoMail{background-image:url(../images/icoMail.png); padding-left: 46px;}


/*Distribuidores*/
.distContainer{background: #FFF; padding: 80px 0 40px}
.distContainer.bgTrans{ background: none; padding: 80px 0 70px}
.distContainer.bgTrans .container{max-width: 490px !important; padding: 0 15px; margin: auto; font-family: 'Montserrat', sans-serif; color: #FFF; line-height: 33px}
.distContainer.bgTrans h1{font-size: 55px; font-weight: 100;}
.distContainer.bgTrans strong{display: block; color: #6eeeff; font-weight: 400; font-size: 32px; padding: 20px 0 10px}
.distContainer.bgTrans span{display: block; font-size: 17px; font-weight: 300}
.distContainer.bgTrans h2{font-size: 17px; font-weight: 300}
.distContainer .sep{display: block; background: #6eeeff; height: 8px; width: 199px; margin-bottom: 30px}
.itemDist{font-family: 'Montserrat', sans-serif; color: #64aace; font-size: 15px; font-weight: 300; padding-bottom: 15px; text-align: left}
.itemDist strong{display: block; font-weight: 600}
.itemDist:nth-child(1),
.itemDist:nth-child(2),
.itemDist:nth-child(3){
	min-height: 230px;
}
.itemDist:nth-child(4),
.itemDist:nth-child(5),
.itemDist:nth-child(6){
	min-height: 190px;
}
.itemDist:nth-child(7),
.itemDist:nth-child(8),
.itemDist:nth-child(9){
	min-height: 190px;
}

/*Preguntas Frecuentes*/
.faqContainer{background: #FFF; padding: 60px 0 40px}
.faqContainer .hTit{text-align: center; font-size: 36px; color: #1676ac; padding-bottom: 45px}
.itemFaq{font-size: 16px;font-family: 'Montserrat', sans-serif; color: #616161; font-weight: 200; line-height: normal; padding: 0 15px 35px}
.itemFaq strong{display: block; font-size: 22px; color: #1978ae; font-weight: 300; padding-bottom: 10px; text-align: left}
.itemFaq div{border-top: solid 1px #9ce0ff; padding-top: 10px}

/*Marcas*/
.marcasContainer{background: #FFF; padding: 50px 0 20px}
.marcasContainer article{text-align: center;}
.marcasContainer a{display: inline-block; cursor: pointer}
.marcasContainer img{display: block; margin: auto;
	transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;	
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
			transform: scale(1);
}
.marcasContainer figure{height: 226px; display: table-cell; vertical-align: middle; overflow: hidden}
.sepMarcas{height: 2px; background: #a0e3ef; clear: both; display: none; margin: 0 15px}
.sepMarcas:last-child{display: none !important;}
.sepMarcas:nth-child(8n + 8){display: block}
.marcasContainer a:hover img{
	-webkit-transform: scale(0.75);
	   -moz-transform: scale(0.75);
			transform: scale(0.75);
}

/*Productos*/
#bannerProductos{display: block; background: #FFF; position: relative}
#bannerProductos .imgBanner{background-position: center center; background-repeat: no-repeat; max-height: 415px; position: relative; background-size: cover;}
#bannerProductos img{opacity: 0; display: block; width: 100%; height: auto; max-width: 980px; margin: auto;}
#bannerProductos .caption{font-family: 'Montserrat', sans-serif; color: #2790B3; font-size: 12px;}
#bannerProductos .caption strong{display: block; font-size: 41px; line-height: 38px; padding-bottom: 15px;}
#bannerProductos .caption strong span{font-weight: 300}
#bannerProductos .caption .texto{max-width: 334px; line-height: 28px; text-align: justify}


.productosContainer{background: #FFF; padding: 25px 0 15px}
.productosContainer .itemProd{text-align: center;}
.productosContainer .itemProd a{display: block;}
.productosContainer .itemProd a:hover{text-decoration: none !important}
.productosContainer .itemProd .thumb{display: inline-block; position: relative;}
.productosContainer .itemProd figure{display: table-cell; width: 180px; height: 220px; vertical-align: middle; background: #fff}
.productosContainer .itemProd strong,
.productosContainer .itemProd span{display: block; font-weight: 400; color: #1071a9; font-size: 16px;}
.productosContainer .itemProd span{color: #616161; font-size: 13px}
.productosContainer .itemProd strong{font-weight: 500}
.productosContainer .itemProd img{max-height: 160px; max-width: 160px; display: block; width: 100%; height: auto; margin: auto;transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;
	transform: translate(-50%, -50%);
top: 50%;
position: absolute;
left: 50%;
}
.itemProd .fnBack .front{
	opacity: 1;
	transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;
}
.itemProd .fnBack .back{
	opacity: 0;
	transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;
}
.itemProd .fnBack:hover .front{
	 /*-webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
	z-index: 5*/
	opacity: 0;
}
.itemProd .fnBack:hover .back{
	/*webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
	z-index: 4*/
	opacity: 1;
}

.productosContainer .row{
  display: flex;
  flex-wrap: wrap;
}
.productosContainer .itemProd .datProd{font-size: 14px; color: #616161; position: relative; padding-top: 15px; border-top: solid 1px #76b8cc; font-family: 'Montserrat', sans-serif;}
.productosContainer .itemProd .datProd:before,
.productosContainer .itemProd .datProd:after{display: block; content: ""; position: absolute; top: -2px; width: 57px; background: #76b8cc;height: 3px; transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;}
.productosContainer .itemProd .datProd:before{left: 50%; margin-left: -57px;}
.productosContainer .itemProd .datProd:after{right: 50%; margin-right: -57px;}
.productosContainer .itemProd-hover:hover .datProd:before{left: 0; margin: 0;}
.productosContainer .itemProd-hover:hover .datProd:after{right: 0; margin: 0;}

.productosContainer .itemProd b{display: inline-block; font-family: "Arial", serif; font-size: 14px; color: #0db3ef; font-weight: 400; border: solid 1px #0db3ef; padding: 0 10px; height: 22px; line-height: 20px; margin-top: 8px}

.itemProd-Tienda span i{font-style: normal; font-weight: 600}
.itemProd-Tienda .quantity,
#carritoDerecho .quantity{margin: 8px auto; width: 100px; float: none; display: block}
.itemProd-Tienda .quantity input,
.itemProd-Tienda .quantity input.input-text,
#carritoDerecho .quantity input,
#carritoDerecho .quantity input.input-text{height: 25px; line-height: 24px; padding: 0; font-size: 14px !important}
.btn-ACarrito,
.btn-Agregado{
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 5px 0;
	font-weight: 300;
	text-align: center;
	font-size: 13px;
	line-height: normal;
	transition: all .3s ease;
	cursor: pointer !important;
	width: 100px;
	max-width: 100px;
	color: #0065a1;
	background-color: #ffffff;
	border: 1px solid #0065a1 !important;
}
.btn-ACarrito:hover{background-color: #0065a1; color: #FFF;}
#carritoDerecho td{text-align: center !important; border-bottom: solid 1px #aee5ff; padding: 10px 0; vertical-align: middle}
#carritoDerecho td.nombreProd{font-size: 14px;}

#sinProds{text-align:center; font-size:25px; color:#e23030; padding: 70px 0}
.itemProd-Tienda .quantity{margin: 0 auto !important; padding: 8px 0 !important;}
.itemProd-Tienda article{padding: 25px 0 5px; min-height: 490px}
.productosContainer .itemProd-Tienda .datProd{height: auto !important;}

.btn-Agregado{display: none;}
.itemProd-Tienda.Item-Agregado .btn-ACarrito{display: none;}
.itemProd-Tienda.Item-Agregado .btn-Agregado{display: inline-block; cursor: not-allowed !important; opacity: 0.5;background-color: #0065a1; color: #FFF;}
.itemProd-Tienda.Item-Agregado .manually{position: relative}
.itemProd-Tienda.Item-Agregado .manually:before{display: block; content: ""; clear: both; position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: not-allowed !important}

.fnBack .back{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2
}

/*Producto*/
.productoContainer{background: #FFF; padding: 35px 0}
.product-info-pre{float: right;}
.product-info{font-family: 'Montserrat', sans-serif; font-size: 14px; color: #616161; font-weight: 300}
.product-info h1{font-size: 60px; color: #46c8e4; line-height: normal; text-align: left}
.product-info h2{
	line-height: 28px; font-weight: 400; padding: 11px 0 0;
	font-size: 16px;
}
.product-info .titulos{display: block; font-size: 20px; color: #69c7e3; font-weight: 500}

.product-info .text2dp,
#stars{
	color: #616161 !important;
	line-height: 28px;
	font-size: 16px;
}
#cntStars{
	display: inline-block !important;
	position: relative;	
	top: 3px
}

#sepProd{width: 258px; border-bottom: solid 2px #46c8e4; padding: 0 0 25px; margin-bottom: 25px; min-height: 2px}

#social .titulos{float: left; padding-right: 30px; text-align: left; }

.social-icons .icon {
  border: 0;
  padding: 0px;
  margin-right: 5px;
  margin-bottom: 0px;
	display: inline-block;
	background: #46c8e4;
	color: #FFF;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
}

.social-icons .icon:hover, .yith-wcwl-share li a:hover {
  color: #FFF;
  text-decoration: none; }

.social-icons .icon.icon_facebook:hover, .yith-wcwl-share li a.facebook:hover {
  background-color: #3a589d;
  border-color: #3a589d; }

.social-icons .icon.icon_email:hover {
  background-color: #111;
  border-color: #111; }

#top-bar .social-icons .icon:hover {
  background-color: transparent !important;
  text-decoration: none; }

.yith-wcwl-share ul {
  margin-left: 0 !important; }

.yith-wcwl-share li a {
  font-family: 'icomoon'; }

.yith-wcwl-share li a.facebook:before {
  content: "\e002" !important; }

.product-page .social-icons {
  margin-bottom: 30px; }

#precio{display: block; width: 100%; max-width: 148px; height: 50px; line-height: 48px; color: #46c8e4; font-size: 19px; text-align: center; border: solid 1px #46c8e4; font-weight: 500}

.precioDescuento{text-decoration: line-through; width: 100%; max-width: 148px; height: 40px; color: #616161; font-size: 19px; text-align: center; font-weight: 400 }
.lblDescuentoProd{
	font-size: 19px;
	color: #46c8e4;
	line-height: 35px;
	padding: 11px 0 15px;
	font-weight: 600;
}
.precio .row{margin: 0}
.precio div[class*="col-"]{padding: 0 5px;height: 51px;}
.precio .fa{display: none}
#formCart button{display: block; width: 100%; height: 50px; line-height: 48px; color: #FFF; background: #46c8e4; border: solid 1px #46c8e4; font-family: 'Montserrat', sans-serif; font-size: 19px;}
#formCart button:hover{opacity: 0.75}
#formCart div.quantity input[type="button"]{
	width: 27% !important;
}
#formCart div.quantity input[type="text"]{
	width: 46% !important;
}
#formCart > row{
	padding: 0;
	margin: 0;
}
#formCart .col-precio{
	width: 30%;
	padding: 0
}
#formCart .col-inputs{
	width: 26%;	
}
#formCart .col-submit{
	width: 44%;	
}

/* -- quantity box -- */
.quantity {  display: inline-block; }

.izqImg{float:left; width:315px; margin-left:15px;}

#izqImgProd{
	border:solid 1px #d2d2d2; width:310px; padding:10px; position:relative;
-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.20);
-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.20);
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.20);
}
#izqImgProd img{display:block;}
.cloudzoom-lens-thick {
    border:8px solid #f90;
    width:100px;
    height:120px;
    border-radius: 10px;
    box-shadow: -0px -0px 20px rgba(0,0,0,0.50);
    cursor:crosshair;
}

.cloudzoom-zoom-thick {
     border:1px solid #f90;
     box-shadow: -0px -0px 20px rgba(0,0,0,0.50);
	width:600px !important;
	height:350px !important;
	background:#FFF;
}

div.quantity {
    margin: 0;
	width: 100%;
}
.quantity {
    min-width: inherit;
    overflow: hidden;
    position: relative;
}
.quantity input {
  margin-left: 0;
  margin-right: 0;
  color:#46c8e4;
  float:left;
  height:51px;
}
.quantity input.qty {
  border: 1px solid #ccc;
  width: 20px;
  display: block;  
  vertical-align: middle;
  height:inherit
}
.quantity input.plus, .quantity input.minus {
  background: #dcf1f7;
  padding: 0 4px;
  vertical-align: middle;
  border: none;
  width: 34px;
  cursor: pointer;
   color: #46c8e4;
   font-size: 30px;
}
.quantity input.plus{border-left: solid 1px #FFF;}
.quantity input.minus{border-right: solid 1px #FFF;}
.quantity input.minus:hover, .quantity input.plus:hover {
  background: #d4d6d9;
}

.quantity input.input-text { 
    float: left;
    padding: 0;
    width: 53px;
	border-left:0;
	border-right:0;
	height:51px;
	text-align:center;
	background:#dcf1f7;
	color:#46c8e4;
	border:solid 1px #dcf1f7;
	font-size: 21px;
}
div.quantity input{display: block; width: 33.3333% !important; float: left}

.sepProd{display: block; background: #bfbfbf; height: 1px; margin: 17px 0;}
.descripcion{padding-top: 10px;color: #616161; font-weight: 400}
#sinImagen{width: 100%; max-width: 300px; padding: 100px 0; margin: auto; border:solid 1px #46c8e4; font-size: 60px; line-height: normal;color:#46c8e4; text-align: center; font-family: 'Montserrat', sans-serif; background: url(../images/productos/sinimg.jpg) center no-repeat; text-indent: -999999%;}
/*.image-product .thumb{margin-top: 20px}*/
.image-product .thumb{
	position: absolute;
	left: 15px;
	top: 0;
	z-index: 1;
}
.image-product .thumb:before,
.image-product .thumb:after{display: block; content: ""; clear: both}
.image-product .thumb div{padding:7px 0; width: 90px}
/*.image-product .thumb div{padding:12px; float: left; width: 33.3333%}*/
.image-product .thumb div a{display: block;}
.image-product .thumb img{display: block; width: 100%; height: auto; cursor: pointer;
	transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
	border:solid 1px #46c8e4;
}
.sepProd2{display: block; background: #bcbcbc; height: 2px; margin: 40px 0 0;}
.image-product .thumb a:hover img{
	-webkit-transform: scale(0.85);
	   -moz-transform: scale(0.85);
			transform: scale(0.85);
}
.prodsRel{padding-top: 0}
.prodsRel h3{display: block; font-size: 24px; color: #46c8e4; font-family: 'Montserrat', sans-serif; text-align: left;}

/*
#cntAddCarrito .quantity{display:inline-block; margin:0;}
#btnAddCarrito{width:212px; display:inline-block; margin-left:130px; }
#btnAddCarrito a{text-decoration:none !important}
.sepProd{background:#e1e1e1; height:1px}
#img-detail{text-align:center;}
#mainImgA{display:inline-block}
#titProdsRel{text-align:center; color:#FFF; background:url(../images/bgTit.png) center no-repeat; height:36px; line-height:36px; margin:10px auto 30px}
#bottomFPagos{border-top:solid 1px #b2b4b7; background:#dcdee1; height:121px; margin-top:15px}
.lblFPago{color:#282626; text-align:center; font-family:Verdana, sans-serif; padding:18px;}
.logosFP{ text-align:center}

#containerCarrito section,
.areaBlanca{background:#FFF; border:solid 1px #d3d3d3; padding:0 10px 23px}
.areaBlanca{padding:0 20px 23px; margin-top:20px; margin-bottom:20px}

/*Carrito*/
.bgWhite{background: #FFF; padding: 78px 0 35px}
#tblResumen td{padding: 10px; vertical-align: middle; font-size: 14px; line-height: normal;}
.remove-product a{position: relative; top: -8px; text-decoration: none !important;}


#tblResumen td{ border-bottom: 2px solid #a0d9eb; }
td{padding: 5px 0;}
.product-thumbnail img{display: block;}


#tblResumen{border-collapse:collapse; vertical-align:middle; width:100%;}
#formCarrito tbody td, 
#formResumen tbody td {
    font-size: 14px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	
}

#tblResumen th,
#tblResumen th {
    color: #2e83b4 !important;
    font-size: 22px !important;
	text-align:center;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 400 !important;
	width: 21%;
}
#formCarrito .cart_totals th{font-size: 14px; font-family: "Montserrat", serif;}
.shop_table thead th {
	border-bottom: solid 2px #4995bf;
	vertical-align: middle;
	height: 80px;
}
#tblResumen figure{padding-bottom: 15px;}
#tblResumen td.delItem{text-align:center; padding:0 15px 0 5px}
#tblResumen td.delItem a,
#carritoDerecho td.delItem a{cursor:pointer; width:24px; height:24px; display:inline-block; text-align:center; line-height:19px; font-weight:bold; color:#8ad1e6; font-size:14px; font-family:"Arial", serif;transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;
border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
-webkit-border-radius:50%;
	border: solid 1px #8ad1e6;
}
#carritoDerecho td.delItem a{line-height: 20px !important;}
#tblResumen td.nombreProd{font-size:14px; color:#616161; height: 80px}
.cntNameProd .imgProd{display:block; position:absolute; top: 50%; margin-top: -30px }
.cntNameProd .nameProd{display:block; padding:0 0 0 85px; text-align:left;
position: relative;
}

#tblResumen td.precio,
#tblResumen th.product-price{text-align:center;}

#tblResumen .product-subtotal{text-align:center; color: #69c7e3; font-family: "Arial", serif;}
#tblResumen .cantidad,
#tblResumen .product-quantity{text-align:center;}
#tblResumen div.quantity{float:none; margin:4px auto 0 !important; width:100px !important;}
.cntNameProd{display: inline-block; position: relative;}
.order-total strong span{font-weight: 600}
.order-descuento .amount{
	color:#fd2c2c
}

#tblResumen .prod{color:#177564; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
#tblResumen .prod em{font-style:normal}
.cntPrecio,
.product-subtotal,
.cart_totals{color: #9f9f9f;}

.cart input.input-text {
  margin: 0 !important;
  vertical-align: middle;
  line-height: 1em !important;
}
#tblResumen .prod{text-decoration: none !important}
.cart-wrapper{
	padding: 10px 10px 20px;
background: #FFF
}
.cart-sidebar{background: #FFF; padding: 10px 15px 10px}
.cnt_cart_totals .button{text-transform:uppercase;	}

#cntDatFisc{padding-top: 35px}
.datFiscales{line-height:18px; font-size:13px; font-family:Verdana, Geneva, sans-serif;}
.datFiscales strong{display:block; color:#005EAC}

#formResumen > .container > .row{margin: 0 -5px}
#formResumen .titDesc2{line-height: 24px; padding-left: 5px}
#formResumen [class*="col-"]{padding-left: 5px; padding-right: 5px;}
#formResumen label {padding-left: 5px;}
#formResumen abbr{border-bottom: none;}
#formResumen textarea{height: 120px; line-height: 18px;}
.cntPrecio{font-family: "Arial", serif;}


#formCarrito .quantity input{height: 28px; background: #1c7aaf; color: #FFF; font-size: 13px; font-family: "Arial", serif; display: inline-block;}
#formCarrito .quantity input[type="button"]{background: #dcdfe2; color: #616161; width: 28px !important;}
#formCarrito .quantity input.input-text{width: 40px !important; border: solid 1px #1c7aaf !important;}

.cart_totals{padding-top: 40px;}
.cart_totals table{width: 100%; font-family: "Montserrat", serif}
.cart_totals thead{border-bottom: solid 2px #eaeaea}
.cart_totals tr{border-bottom: 1px dotted #eaeaea; font-size: 14px;}
.cart_totals th {
    color: #5b5b5b;
    font-size: 14px;
    text-align: left;
	font-weight: 400;
}
.cart_totals td{padding: 8px 0;}
.cart-sidebar .button{font-size: 14px;}
.cnt_cart_totals{position: relative;font-family: 'Montserrat', sans-serif;}
#formCarrito .cart_totals td, 
#formResumen .cart_totals td{text-align: right;font-family: 'Montserrat', sans-serif; font-size: 14px;}
.cart-subtotal{color: #69c7e3}
.order-total{color: #1c7aaf}
.cart_totals .texto,
#notaCup{
	font-family: 'Montserrat', sans-serif !important;	
    font-size: 11px;
    color: #5b5b5b;
    line-height: 18px;
	font-weight: 400 !important;
    padding-bottom: 5px;
}
.cart_totals .texto{padding: 0 0 10px;}
.cnt_cart_totals .button{
  border: 0;
  text-transform: uppercase;
  cursor: pointer;
  font-family: inherit;
  font-weight: normal;
  line-height: 1;
  margin: 0 0 10px;
  position: relative;
  text-decoration: none;
  text-align: center;
  padding-top: 0.75em;
  padding-right: 0;
  padding-bottom: 0.8125em;
  padding-left: 0;
  background-color: #1c7aaf;
  border-color: #627f9a;
  color: white;
	display: block;
	width: 100%;
	height: 45px;
}
.cnt_cart_totals input[type="button"] {
    background: #1eacc3;
}
.cnt_cart_totals input:hover {
    opacity: .7;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
#formCarrito .cart_totals thead td, 
#formResumen .cart_totals thead td{text-align: left !important;color:#5b5b5b}

@media(min-width:1199px){
	#cartDer {
		padding-left: 0
	}
}

#areaCupon{
	position: relative;
	margin-bottom: 5px
}
.lblCup{
	font-size: 14px;
	color: #5b5b5b;
	font-family: 'Montserrat', sans-serif !important;
	padding-bottom: 5px
}
#areaCupon input[type="text"]{
	height: 40px;
	display: block;
	background: #c0ecbe;
	text-align: center;
	font-size: 18px;
	color: #135910;
	padding-right: 111px;
	width: 100%;
}
#areaCupon input[type="button"]{
	height: 40px;
	display: block;
	background: #3aaa35;
	text-align: center;
	font-size: 14px;
	font-family: "Arial", serif;
	color: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 111px;
}
#areaCupon.cupOk #vcupon{
	pointer-events:none;
}

/*#formCarrito tbody td, #formResumen tbody td {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: normal;
	vertical-align:middle;
}

.totalCarrito{float:right; width:242px; font-family:Arial, Helvetica, sans-serif; font-size:14px}
.totalCarrito table{width: 100%;}
.totalCarrito table td{text-align:right}
.totalCarrito table .order-total{color:#e24e4e}
*/
.ptb58{padding: 58px 0}
h3.section-title {
    text-align:center; background:#5cccde; min-height:53px; line-height:normal; margin:0 auto; padding: 8px 15px;
	font-family: 'Montserrat', sans-serif !important; font-size:18px; color:#FFF; font-weight:600;
}
h3.section-title.pt15{padding: 15px 15px;}
.sombraResumen{height: 40px;}
.sombraResumen img{min-height: 19px; width: 100%; display: block;}

.titResumen{text-align: center; font-size: 36px; color: #1676ac; font-family: 'Montserrat', sans-serif !important; padding: 0 0 30px; font-weight: 400; line-height: normal;}
h3.section-title em{font-size: 14px; display: block; text-align: center; font-weight: 400; font-style: normal; font-family: "Arial", serif;}

#formResumen .row {margin: 0 -5px;}
#formResumen .row div[class*="col-"] input{height: 56px; padding: 0 20px; font-family: "Verdana", serif;}
#formResumen .form-horizontal .form-group{margin:0 0 10px}
.has-feedback label ~ .form-control-feedback {top: 27px !important; right:0 !important;}
.form-control-feedback{display:none;}
.has-error .form-control-feedback{display:block; line-height:56px}
#formResumen input.form-control ,
#formResumen textarea.form-control{font-family: "Verdana", serif; font-size: 14px;}
#formResumen select{height: 56px;}
#overlayWinPago{position:fixed; width: 100%; height: 100%; z-index: 20; top: 0; left: 0; background: rgba(0,0,0,0.35)}
#winFPago{position: fixed; z-index: 21; width: 280px; height: 286px; left: 50%; top: 50%; margin-left: -140px; margin-top: -143px; background: #FFF; overflow: hidden;
	-webkit-border-radius: 10px;
	   -moz-border-radius: 10px;
			border-radius: 10px;
}
#winFPago .bgTit{height: 58px; background: #1b7aaf; color: #FFF; text-align: center; line-height: 56px; font-family: 'Montserrat', sans-serif;letter-spacing: 0.5px; font-size: 18px;}
#winFPago .subtit{text-align: center;font-family: 'Montserrat', sans-serif; font-size: 15px; color: #1b7aaf; line-height: 50px;}
#winFPago a{display: block; width: 178px; margin: auto; cursor: pointer; position: relative}
#winFPago img{display: block;}
#winFPago #pagoBanco{margin-bottom: 15px}
#winFPago a span{display: block; position: absolute; width: 100%; text-align: center; bottom: 10px; font-size: 12px; color: #616161; font-family: 'Montserrat', sans-serif;}
#logosPagos{background: url(../images/pagos/fpagos.png) center no-repeat; background-color: #f6f6f6; height: 45px; border:solid 1px #1c7aaf}
.btnPagar{background: #ff4a4a !important}

.overflow{overflow: hidden}
.titPagoBanco{font-family: 'Montserrat', sans-serif; font-size: 18px; color: #1978ae; text-align: center;}
.titPagoBanco strong{display: block; color: #1676ac; font-size: 33px; padding-bottom: 5px; line-height: 28px;}

.datBancos{padding-top: 15px; font-family: 'Montserrat', sans-serif; margin: 0 -15px}
.datBancos .titCol{background: #308abe; font-size: 24px; color: #fbfeff; text-align: center; height: 63px; line-height: 62px; font-weight: 600}

.datBancos table{width: 100%;}
.datBancos table th{padding-bottom: 15px !important;}
.datBancos table tbody td{border-bottom: solid 1px #cfcfcf; vertical-align: middle; text-align: center;}
.datBancos table .w25{width: 25%;}
.datBancos table .w50{width: 50%;}
.datBancos table article{padding: 0 15px;}
.datFact{font-family: 'Montserrat', sans-serif; font-size: 16px; color: #616161; line-height: 24px;}
.datFact .tit{font-size:36px; color: #1676ac; font-weight: 600; line-height: normal; padding: 10px 0 15px;}
.datFact article{border: dashed 1px #aaaaaa; padding: 45px 20px;}
.datFact article img{display: block; margin: auto; max-width: 310px; width: 100%}
.datFact strong{color: #383535; text-transform: uppercase}
img.maxw252{width:100%; max-width: 252px; margin: auto;}


/*Carrito Derecho*/
.shopping-cart-box {
    border: solid 1px #d0d1d2;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	min-height: 50px;
	width:inherit;
	background: #FFF;
}
.filter-title {
    background-color: #373737;
    color: #fff !important;
    padding: 8px;
    font-size: 1.2em;
    width: 100%;
    cursor: pointer;
    border: none;
	text-align: center;
	display: block;
	text-decoration: none !important
}
.shopping-cart-button {
    border-top: solid 1px #ccc;
	padding: 0.6em;
}
a.btnAmenijal ,
#btnPagoTarjeta,
#btnPaypal,
#btnPagoTienda,
#btnSpei{
	padding: 8px 26px;
	font-weight: 300;
	text-align: center;
	line-height: 20px;
	cursor: pointer !important;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    width: 100% !important;
    display: block;
    color: #ffffff !important;
	font-size: 16px;
	transition: all .5s ease;
	background: #0065a1;
	text-decoration: none !important
}
a.btnAmenijal:hover,
#btnPagoTarjeta{
	background: #0d7abc
}
.shopping-cart-header {
    position: relative;
    text-align: center;
    z-index: 999;
    width: 100%;
    right: 0;
    padding: 5px;
    font-size: 15px;
    border-bottom: solid 1px #d0d1d2;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    background-color: #fff;
	font-family: 'Montserrat', sans-serif;
}
.shopping-cart-container {
    background-color: #fff;
}
.shopping-cart-container table{width: 100%;}
.fixed{position:fixed; top:0}
#subtotalCompraCarritoDerecho{color:#0467A6; font-family:"Arial", serif;}
#carritoDerecho td.delItem{width:50px;}
#carritoDerecho td.product-thumbnail{padding-left:5px; padding-right: 5px}
#carritoDerechoScroll {
    height: 270px !important;
    overflow-y: scroll;
	position: relative
}
#carritoTienda{display: none; z-index: 1}
#cntPagoTarjeta{background: #eeeeee; padding: 45px 15px 0;}
#cntPagoTarjeta .container{
	max-width: 767px !important;
	width: 100%;
	margin: auto;
}
.tarjetasFP{background: url(../images/pagos/tarjetaV2.png) center bottom no-repeat; width: 246px; height: 141px; margin: auto; text-align: center; padding-top: 70px}
#btnPagoTarjeta,
#btnPaypal,
#btnPagoTienda,
#btnSpei{display: block;padding: 8px 15px; font-size: 14px; margin: auto; width: 130px !important; line-height: 18px;}

.paypalFP{background: url(../images/pagos/PaypalV2.png) center bottom no-repeat; width: 249px; height: 141px; margin: auto; text-align: center; padding-top: 70px}
span.logoPaypal{
	display: inline-block;
	background: url(../images/pagos/paypal.png) center 0 no-repeat;
	width: 128px;
	height: 32px;
	text-indent: -99999%
}
.pagoTienda{background: url(../images/pagos/pagoTienda.png) center bottom no-repeat; width: 249px; height: 141px; margin: auto; text-align: center; padding-top: 70px}
.pagoSpei{background: url(../images/pagos/pagoSpei.png) center bottom no-repeat; width: 249px; height: 141px; margin: auto; text-align: center; padding-top: 70px}
#selectFPago{
	background: #025d92;
}
#selectFPago .container{
	font-size: 30px;
	min-height: 102px;
	line-height: normal;
	padding: 35px 15px;
	color: #FFF;
	text-align: center;
	font-family: "Montserrat", serif;
	text-transform: uppercase
}



/*Alertas*/
.notif {
  position: relative;
  padding: 25px 30px 25px 100px;
  min-height: 50px;
  line-height: 22px;
  background: white;
  border-radius: 2px;
}
.notif:before {
  content: '';
  position: absolute;
  top: 25px;
  left: 30px;
  width: 40px;
  height: 40px;
  border: 5px solid;
  border-radius: 25px;
}
.notif p {
  font-size: 11px;
  color: #666;
}

.notif-title {
  margin: 0 0 5px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
	text-align: left !important;
}
.notif-title:before, .notif-title:after {
  content: '';
  position: absolute;
  background: white;
  border-radius: 2px;
}

.notif-notice:before {
  background: #a7d155;
  border-color: #8fb14f;
}
.notif-notice .notif-title:before, .notif-notice .notif-title:after {
  top: 44px;
  left: 55px;
  width: 4px;
  height: 12px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.notif-notice .notif-title:after {
  top: 50px;
  left: 48px;
  width: 8px;
  height: 4px;
}

.notif-alert:before {
  background: #e34f4f;
  border-color: #c14343;
}
.notif-alert .notif-title:before, .notif-alert .notif-title:after {
  top: 43px;
  left: 53px;
  width: 4px;
  height: 14px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.notif-alert .notif-title:after {
  top: 48px;
  left: 48px;
  width: 14px;
  height: 4px;
}

.notif-warn:before {
  background: #f1e472;
  border-color: #cec260;
}
.notif-warn .notif-title:before, .notif-warn .notif-title:after {
  top: 42px;
  left: 53px;
  width: 4px;
  height: 11px;
  background: #5c562b;
}
.notif-warn .notif-title:after {
  top: 54px;
  height: 4px;
}

.notif-controls {
  position: absolute;
  top: 0;

  right: 0;
  height: 16px;
  padding: 4px 3px 5px;
  background: #f0f0f0;
  border: solid #dcdcdc;
  border-width: 0 0 1px 1px;
  border-radius: 0 2px;
}
.notif-controls > a {
  position: relative;
  float: left;
  margin: 0 1px;
  width: 16px;
  height: 16px;
  font: 0/0 serif;
  text-shadow: none;
  color: transparent;
}

.notif-minimize:before {
  content: '';
  position: absolute;
  top: 11px;
  left: 4px;
  width: 7px;
  height: 2px;
  background: #bbb;
}
.notif-minimize:hover:before {
  background: #888;
}

.notif-zoom:before {
  content: '';
  position: absolute;
  top: 6px;
  left: 3px;
  width: 5px;
  height: 3px;
  border: 2px solid #bbb;
}
.notif-zoom:hover:before {
  border-color: #888;
}

.notif-close:before, .notif-close:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 7px;
  width: 2px;
  height: 10px;
  background: #bbb;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.notif-close:after {
  top: 8px;
  left: 3px;
  width: 10px;
  height: 2px;
}
.notif-close:hover:before, .notif-close:hover:after {
  background: #888;
}

/* IE 8 doesn't support CSS transforms; use Unicode instead. */
.lt-ie9 .notif-notice .notif-title:before {
  content: '\2714';
  display: block;
  top: 25px;
  left: 30px;
  width: 50px;
  font: bold 18px/50px "Arial Unicode MS";
  color: white;
  text-align: center;
  background: none;
}
.lt-ie9 .notif-notice .notif-title:after {
  display: none;
}
.lt-ie9 .notif-alert .notif-title:before {
  content: '\2716';
  display: block;
  top: 25px;
  left: 30px;
  width: 50px;
  font: bold 17px/50px "Arial Unicode MS";
  color: white;
  text-align: center;
  background: none;
}
.lt-ie9 .notif-alert .notif-title:after {
  display: none;
}
.lt-ie9 .notif-close:before {
  content: '\2716';
  display: block;
  top: 0;
  left: 0;
  width: 16px;
  font: 11px/19px 'Arial Unicode MS';
  color: #bbb;
  text-align: center;
  background: none;
}
.lt-ie9 .notif-close:after {
  display: none;
}
.lt-ie9 .notif-close:hover:before {
  color: #999;
}

#overlayAlerta{position:fixed;z-index:99999992;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0.80)}

#idNotif{width: 300px; position: fixed; left: 50%; top: 50%; z-index: 99999993; display: none;
	font-family: "Verdana", serif;
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	-o-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
#idNotif .notif-controls{padding-bottom: 3px}
#idNotif *,
#idNotif *:before{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box;	
}
.notif{padding-left: 90px}
.notif:before{left: 20px}
.notif-alert .notif-title:before{left:43px}
.notif-alert .notif-title:after{left:38px}
.notif p{line-height: 18px}
.notif-notice .notif-title:before{left:45px}
.notif-notice .notif-title:after{left:38px}
.notif-close{cursor: pointer;}


.pagoCorrecto{ background: #84b14d; text-align: center; color: #FFF; padding: 15px; font-size: 17px; margin-bottom: 38px}
.bloquesPago article{height: 85px; border:solid 1px #dbdbdb; position: relative; box-sizing: border-box; text-align: center; padding: 25px 0 0; font-size: 14px; color: #909090; font-family: "Arial", serif; line-height: 22px}
.bloquesPago article .label{display: block; position: absolute; width: 100%; text-align: center; font-size: 18px; color: #616161; top: -11px; padding: 0; margin: 0;}
.bloquesPago article strong {display: inline-block; background: #FFF; padding: 0 15px; line-height: 20px;}
.bloquesPago .precio{font-size: 30px; color: #616161; line-height: normal}

#detallePedido{max-width: 600px; margin: 20px auto;}
#detallePedido th{font-size: 14px; color: #9e9e9e; font-weight: 400; text-transform: uppercase; padding: 8px 0}
#detallePedido td{font-size: 14px; vertical-align: middle; padding: 8px 0}
#detallePedido .tdProducto{color: #19619f; padding-left: 10px }
.p0p0c{text-align: center;}
.tdRight{text-align: right}
#detallePedido table tr:last-child{border-bottom: none;}
#detallePedido .table > tbody > tr > td, 
#detallePedido .table > tbody > tr > th, 
#detallePedido .table > tfoot > tr > td, 
#detallePedido .table > tfoot > tr > th, 
#detallePedido .table > thead > tr > td, 
#detallePedido .table > thead > tr > th{border-top: 2px solid #ececec;}
.footerPagoCorrecto{border:dashed 1px #26abff; padding: 12px 12px; font-size: 14px; text-align: center; font-family: "Arial", serif;}
.footerPagoCorrecto a{color: #19619f}

#lblOpenPay{position: relative;}

#areaFactura.oculto #formFact{display: none}
#cntLabel{text-align: left !important}
#selectFact label,
#selectFact input{cursor: pointer; z-index: 2; width: 100%; display: block !important; height: 20px}
#selectFact label span{display: inline-block;}
#selectFact span.cntLabel{display: inline-block; width: 150px; text-align: center}
#selectFact span.cntLabel i{position: relative; display: inline-block; font-style: normal}

.magic-radio,.magic-checkbox {
 position:absolute !important;
 opacity: 0 !important;
}
.magic-radio[disabled],.magic-checkbox[disabled] {
 cursor:not-allowed;
}
#formResumen .magic-radio+label, #formResumen .magic-checkbox+label {
 position:relative;
 display:inline-block;
 padding-left:22px !important;
 cursor:pointer;
 vertical-align:middle;
	z-index: 1;
}
.magic-radio+label:hover:before,.magic-checkbox+label:hover:before {
 animation-duration:0.4s;
 animation-fill-mode:both;
 animation-name:hover-color;
}
.magic-radio+label:before,.magic-checkbox+label:before {
 position:absolute;
 top:0;
 left:0;
 display:inline-block;
 width:18px;
 height:18px;
 content:'';
 border:2px solid #fff;
}
.magic-radio+label:after,.magic-checkbox+label:after {
 position:absolute;
 display:none;
 content:'';
}
.magic-radio[disabled]+label,.magic-checkbox[disabled]+label {
 cursor:not-allowed;
 color:#e4e4e4;
}
.magic-radio[disabled]+label:hover,.magic-radio[disabled]+label:before,.magic-radio[disabled]+label:after,.magic-checkbox[disabled]+label:hover,.magic-checkbox[disabled]+label:before,.magic-checkbox[disabled]+label:after {
 cursor:not-allowed;
}
.magic-radio[disabled]+label:hover:before,.magic-checkbox[disabled]+label:hover:before {
 border:1px solid #e4e4e4;
 animation-name:none;
}
.magic-radio[disabled]+label:before,.magic-checkbox[disabled]+label:before {
 border-color:#e4e4e4;
}
.magic-radio:checked+label:before,.magic-checkbox:checked+label:before {
 animation-name:none;
}
.magic-radio:checked+label:after,.magic-checkbox:checked+label:after {
 display:block;
}
.magic-radio+label:before {
 border-radius:50%;
}
.magic-radio+label:after {
 top:5px;
 left:5px;
 width:8px;
 height:8px;
 border-radius:50%;
 background:#fff;
}
.magic-radio:checked+label:before {
 border:2px solid #fff;
}
.magic-radio:checked[disabled]+label:before {
 border:1px solid #c9e2f9;
}
.magic-radio:checked[disabled]+label:after {
 background:#c9e2f9;
}
.magic-checkbox+label:before {
 border-radius:3px;
}
.magic-checkbox+label:after {
 top:2px;
 left:7px;
 box-sizing:border-box;
 width:6px;
 height:12px;
 transform:rotate(45deg);
 border-width:2px;
 border-style:solid;
 border-color:#fff;
 border-top:0;
 border-left:0;
}
.magic-checkbox:checked+label:before {
 border:#3e97eb;
 background:#3e97eb;
}
.magic-checkbox:checked[disabled]+label:before {
 border:#c9e2f9;
 background:#c9e2f9;
}

/*Promociones*/
.lblDescuento_Prod{
	position: absolute;
	top: 20px;
	right: 15px;
	background: #ff1212;
	color: #FFF;
	padding: 5px 0 0;
	text-align: center;
	font-size: 16px;
	line-height: 17px;
	width: 56px;
	height: 27px;
	font-weight: 700;
	font-family: "Open Sans", serif;
	z-index: 3
}
.image-product{position: relative}
.image-product .lblDescuento_Prod{
	width: 80px;
	height: 39px;
	z-index: 99;
	font-size: 23px;
	padding: 11px 0 0;
	right: 30px;
}



/*Registro*/
.bgf6f6f6{
    background: #f6f6f6;
}
#formReg{
    padding-left: 540px;
    position: relative;
}
.imgRegLoginIzq{
    position: absolute;
    left: 15px;
    top: 0;
    max-width: 490px;
    max-height: 522px;
    width: 100%;
    height: 100%;
    z-index: 2;    
}
#reg-imgIzq {
    background: url(../images/registro/registro.webp) center center no-repeat;
    background-size: contain;
}
.titRegistro{
    font-size: 36px;
    color: #86cfe5;
    font-family: 'Montserrat', sans-serif;
    border-bottom: solid 1px #91bdd5;
    line-height: 40px;
    padding: 0 0 12px;
    font-weight: 600;
}
.frmRegistro{
    padding: 25px 0 0;
    font-family: 'Montserrat', sans-serif;
}
.frmRegistro label{
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 15px;
    color: #64bed9;
    line-height: 20px;
    padding-bottom: 5px;
    text-align: left
}
.frmRegistro .form-control{
    height: 42px;
    border: solid 1px #87cfe5;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}
.frmRegistro .form-group {
    margin-bottom: 20px;
    position: relative;
}
.frmRegistro .has-error .form-control-feedback {
    line-height: 42px;
}
.frmRegistro .cntSubmit{
    padding-bottom: 0
}
.btnReg{
    display: block;
    width: 100%;
    background: #096ca6;
    text-align: center;
    height: 42px;
    font-size: 18px;
    color: #FFF;
    margin-top: 15px;
    font-weight: 600
}
.btnReg:hover{
    background: #238bc8;
}

/*Login*/
#log-imgIzq{
    min-height: 396px;
    background:url(../images/login/banner.jpg?) center top no-repeat;
    background-size: contain;
    max-width: 567px;
    width: 52%;
}
.titLogin{
    font-size: 36px;
    color: #007bb2;
    font-family: 'Montserrat', sans-serif;
    border-bottom: solid 1px #86b6d1;
    line-height: 40px;
    padding: 0 0 12px;
    font-weight: 600;
}
#frmLogin .cntSubmit{
    padding-bottom: 20px
}
#frmLogin .link{
    text-align: right;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
}
#frmLogin .link a{
    color: #616161;
    cursor: pointer;
}
#formLogin{
    padding-left: 58%;
    position: relative;
}

#winLost{
    width: 296px;
    height: 254px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -198px;
    margin-top: -127px;
    z-index: 11;
    display: none;
}
#frmLost{
    border: solid 3px #FFF;
    height: 248px;
    position: relative;
    background:url(../images/login/bgLost.png) center no-repeat;
}
#closeLost{
    position: absolute;
    background: url(../images/login/close.png);
    height: 23px;
    width: 23px;
    top: -13px;
    right: -12px;
    cursor: pointer;
}
#overlayLost{
    background:rgba(0,0,0,0.70);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}
.titLost{
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    color: #FFF;
    font-weight: 600;
    padding: 79px 0 8px;
    text-align: center;
}
.subtitLost{
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
    color: #FFF;
    text-align: center;
    line-height: 21px;
}
.inputLost{
    margin: auto;
    width: 190px;
    padding-top: 9px;
}
.inputLost:last-child{
    padding-top: 11px;
}
.inputLost input{
    display: block;
    width: 100%;
}
.inputLost input[type="text"]{
    border:solid 1px #ababab;
    height: 28px;
    font-size: 11px;
    color: #959595;
    padding: 0 5px;
}
.inputLost input[type="submit"]{
    background: #004369;
    height: 31px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
}
.inputLost input[type="submit"]:hover{
    opacity: 0.75;
}

.inputLost input::-webkit-input-placeholder {color:#959595; opacity:  1;}
.inputLost input:-moz-placeholder {color:#959595; opacity:  1;}
.inputLost input::-moz-placeholder {color:#959595; opacity:  1;}
.inputLost input:-ms-input-placeholder {color:#959595; opacity:  1;}
.inputLost input:focus::-webkit-input-placeholder {opacity:0.5}
.inputLost input:focus:-moz-placeholder{opacity:0.5}
.inputLost input:focus::-moz-placeholder{opacity:0.5}
.inputLost input:focus:-ms-input-placeholder{opacity:0.5}

/*#mnuLineasTop{
	width: 380px;
	background: #FFF;
	padding: 8px;
	margin-left: -140px;
}
#mnuLineasTop li{
	background: #FFF;
}
#mnuLineasTop .row-tr{
	display: table-row;
}
#mnuLineasTop .td{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 5px;
	width: 33.3333%;
}
#mnuLineasTop img{
	display: block;
	width: 100%;
	margin: auto;
}
#mnuLineasTop img.maxw210{
	max-width: 210px;
}*/
#mainProds{
	/*padding-left: 228px;*/
	padding-left: 0;
	padding-bottom: 25px
}
#mainProds:before,
#mainProds:after{
	display: block;
	content: "";
	clear: both;
}
#menuProds{
	/*position: absolute;
	left: 15px;
	top: 0;
	z-index: 2;*/
	width: 200px;
	padding-right:20px;
	border-right: solid 1px #d8d8d8;
	min-height: 400px;
	float: left;
	padding-bottom: 15px
}
#derProds{
	float: right;
	width: 78%;
}
#aComplementos{margin-top: 8px}

#mBloques{
	padding-bottom: 50px;
}
#mBloques div[class*="col-"] a{
	display: block;
	margin-bottom: 15px
}
#mBloques.hidenAll .row:last-child{
	display: none
}
#mBloques:not(.hidenAll) #masMBanner a{
	display: none;
}
#mBloques img{
	display: block;
	width: 100%;
	height: auto
}
#masMBanner a{
	color: rgba(154,154,154,1.00);
	font-style: italic;
	cursor: pointer
}
#menuProds li{
	list-style: none;
}
#menuProds .titMenu{
	text-transform: uppercase;
	font-size: 20px;
	color: #0e70a8;
	border-bottom: solid 1px #d0d0d0;
	font-family: 'Montserrat', sans-serif;
	line-height: 42px
}
#menuProds a{
	display: block;
	font-size: 17px;
	color: #7d7d7d;
	line-height: 28px;
	font-family: 'Montserrat', sans-serif;
	cursor: pointer;
	border-bottom: solid 1px #d0d0d0;
}
#menuProds ul a:hover{
	text-decoration: none;
	
}
#menuProds ul ul{
	height: 0;
	overflow: hidden;
	transition: all 0.3s ease-in-out 0s;-moz-transition: all 0.3s ease-in-out 0s;-webkit-transition: all 0.3s ease-in-out 0s;
}
#menuFiltros ul ul.active{
	height: auto;
	border-bottom: solid 1px #d0d0d0;
}
#menuProds ul ul a{
	padding-left: 40px;
	border-bottom: none;
}
#menuProds ul ul a.active,
#menuProds ul ul a:hover{
	color: #0e70a8
}


#masProd{
	text-align: center;
	background: rgb(47, 131, 179);
	color: #FFF;
	font-size: 14px;
	padding: 8px 15px;
	max-width: 280px;
	margin: auto;
	cursor: pointer;
}
#masProd:hover{
	opacity: 0.75
}


/*
.rd-mobilemenu_ul #mnuLineasTop{
	background: none;
	width: 100%;
    margin-left: 0;
	padding: 0
}
.rd-mobilemenu_ul #mnuLineasTop .row-tr{
	display: block
}
.rd-mobilemenu_ul #mnuLineasTop .td {
    display: block;
    width: 100%;
	padding: 0;
}*/







.iniContainer{background: #FFF;
	max-width: 1920px;
	margin: auto;
	overflow: hidden;
}
.wow{visibility: hidden}

#seoWords{
	display: none;
}
#formResumen .form-control{
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}









#cntStars{color: #FFC600; font-size: 22px;}
[data-stars="5"] .fa.star:before{
	content: "\f005 \f005 \f005 \f005 \f005";
}
[data-stars="4.5"] .fa.star:before{
	content: "\f005 \f005 \f005 \f005 \f123";
}
[data-stars="4"] .fa.star:before{
	content: "\f005 \f005 \f005 \f005 \f006";
}
[data-stars="3.5"] .fa.star:before{
	content: "\f005 \f005 \f005 \f123 \f006";
}
[data-stars="3"] .fa.star:before{
	content: "\f005 \f005 \f005 \f006 \f006";
}
[data-stars="2.5"] .fa.star:before{
	content: "\f005 \f005 \f123 \f006 \f006";
}
[data-stars="2"] .fa.star:before{
	content: "\f005 \f005 \f006 \f006 \f006";
}
[data-stars="1.5"] .fa.star:before{
	content: "\f005 \f123 \f006 \f006 \f006";
}
[data-stars="1"] .fa.star:before{
	content: "\f005 \f006 \f006 \f006 \f006";
}
[data-stars="0.5"] .fa.star:before{
	content: "\f123 \f006 \f006 \f006 \f006";
}

#div-paqueteria{
    display: none;
}
#resPaq{
    text-align: center;
    padding-bottom: 25px;    
}
#cargaPaq{
    position: relative;
    padding: 60px 0 10px;
    color: #2e83b4;
}
#cargaPaq:before{
    display: block;
    content: "";
    position: absolute;
    top: -3px;
    width: 48px;
    height: 48px;
    left: 50%;
    margin-left: -24px;
    z-index: 1;
    background: url(../images/loading.png);
}
#resPaq .item{
    display: inline-block;
    max-width: 250px;
    text-align: center;
    border: solid 1px #d7d7d7;
    min-height: 50px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    padding: 5px;
    margin: 0 15px 15px;
    line-height: 22px;
}
#resPaq .item article{
    width: 150px;
}
#resPaq .item strong{
    display: block;
    color: #2e83b4;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    padding-bottom: 6px;
}
#resPaq .item span{
    display: block;
    color: #2e83b4;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
}
#resPaq .item figure{
    height: 60px;
    margin-bottom: 10px;
}
.logo-FEDEX{
    background: url(../images/paqueterias/fedex.png) center center no-repeat;
    background-size: contain;
}
.logo-REDPACK{
    background: url(../images/paqueterias/redpack.png) center center no-repeat;
    background-size: contain;
}
.logo-ESTAFETA{
    background: url(../images/paqueterias/estafeta.png) center center no-repeat;
    background-size: contain;
}
.logo-AMENIJAL{
    background: url(../images/paqueterias/amenijal.png) center center no-repeat;
    background-size: contain;
}
.logo-DHL{
    background: url(../images/paqueterias/dhl.png) center center no-repeat;
    background-size: contain;
}
#resPaq .item:hover,
#resPaq .item.seleccionado{
    background: #e7fcff;
    cursor: pointer;       
    border-color: #0be6ff;
}
#resPaq .item:hover span,
#resPaq .item.seleccionado span{
    color: #000 !important; 
}
#rLeyenda{
    color: #2e83b4;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    padding: 15px 0;
    max-width: 680px;
    margin: auto;
}
.itemAmenijal{
	width: 220px;
}
#resPaq .item.itemAmenijal article{
	width: auto;
}
#divLocal{
	display: none;
	color: #333;
	font-size: 16px;
	text-align: left;
	padding-bottom: 35px
}
#divLocal .horario{
	position: relative;
	padding-left: 100px;
}
#divLocal .horario div{
	position: absolute;
	left: 0;
	top: 0;
}

#bannerCart img{
	display: block;
	width: 100%;
	height: auto;
}




#overlay-product{
    display:block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.77);
    z-index: 9999;
}
#alertProd{
    display:block;
    position: fixed;
    z-index: 99999;
    padding: 13px 0;
    width: 200px;
    color: #2C7635;
    background-color: #DFF0D4;
    border: #D6E9C4 solid 1px;    
    font-size: 15px;
    text-align: center;
    top: 50%;
    left: 50%;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); 
}



#timerDescuento:before,
#timerDescuento:after{
	display: block;
	content: "";
	clear: both
}
#timerDescuento div {
    display: block;
	float: left;
    line-height: 50px;
    padding: 0;
    font-size: 20px;
	text-align: center;
	height: 51px;
}
#timerDescuento #lblTimer{
	font-size: 15.5px;
	background: #ff1414;
	color: #FFF;
	font-family: "Open Sans", serif;
	text-align: center;
	
}
#timerDescuento #days,
#timerDescuento #hours,
#timerDescuento #minutes,
#timerDescuento #seconds{
	width: calc(25% - 1.5px);
	margin-right: 2px;
	background: #dcf1f7;
	text-align: center;
	font-size: 18px;
	color: #21738b;
	font-family: 'Montserrat', sans-serif;
	line-height: 19px;
	font-weight: 600;
	padding-top: 7px;
}
#timerDescuento #seconds{
	margin-right: 0;
}

#timerDescuento span {
 	display: block;
  	font-size: 14px;
  	color: #606060;
	font-weight: 400
}

.lblOfertaLim{
	text-align: center;
	position: absolute;
	background: #ff1212;
	color: #FFF;
	height: 24px;
	line-height: 24px;
	max-width: 195px;
	left: 50%;
	top: -12px;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 2;
	width: 100%;
	font-family: "Open Sans", serif;
	font-size: 13px;
}




/*=Chat=*/
#chat{background: url(../images/chat_es.jpg) left bottom no-repeat; position: fixed; right: 0; bottom: 0; width: 242px; height: 279px; z-index:11}
html[data-lang="en"] #chat{background: url(../images/chat_en.jpg) left bottom no-repeat;}
#chat .headChat{height: 50px; position: relative}
#chat .bodyChat{position: relative;}
#chat span{display: block; width: 100%; height: 230px; position: relative; z-index: 3}
#chat img{opacity: 0 !important; width: 100%; height: 100%;}
#cierraChat{position: absolute; right:10px; top: 15px; width: 20px; height: 20px; z-index: 2; line-height: 18px; color: #FFF; text-align: center; font-size: 16px; font-family: "Arial", serif; cursor: pointer;}
#estatus{position: absolute; font-size: 40px; bottom: 1px; right: 0; width: 38px; height: 38px; line-height: 39px; text-align: center; z-index: 1}
#estatus.st0{color: #fff; background: #CF0003}
#estatus.st1{color: #fff; background: #11f803}

#chat.cerrado .headChat{display: none;}
#chat.cerrado,
#chat.cerrado .bodyChat,
#chat.cerrado .bodyChat span{height: 39px;}
#chat.cerrado{border-top: solid 1px #bfbfbf;}
#phplive_widget_embed_iframe_loading{display: none !important}
#phplive_widget_embed_iframe{right: 0 !important; margin-bottom: 0 !important}
#phplive_widget_embed_iframe_shadow{right: -5px !important; margin-bottom: -5px !important}
#phplive_widget_embed_iframe_shadow_minimzed{display: none !important}
#phplive_embed_menu_maximize{float: none !important; width: 100% !important; position: absolute; left: 0; top: 0; height: 45px !important;}
#phplive_embed_menu_minimize,
#phplive_embed_menu_popout{display: none!important}
#phplive_widget_embed_iframe_wrapper{margin-top: 4px;}
#phplive_widget_embed_actions{top: 2px}


#divSearch{
  position: absolute;
  right: 19px;
  top: 90px;
  width: 300px;
}
#frmSearch{
  display: block;
  width: 100%;
}
#frmSearch label{
  position: relative;
  width: 100%;
}
#frmSearch label input{
  font-weight: 400;
  background: rgba(0, 0, 0, 0.18);
  border: solid 1px #009fff;
  color: #FFF;
  font-family: 'Montserrat', sans-serif;
}
#frmSearch label button{
  position: absolute;
  right: -4px;
  top: 0;
  height: 100%;
  width: 38px;
  z-index: 4;
  border: solid 1px #009fff;
  background: rgb(29, 144, 247);
  color: #FFF;
}
#frmSearch input::-webkit-input-placeholder {color:#fff; opacity:  1;}
#frmSearch input:-moz-placeholder {color:#fff; opacity:  1;}
#frmSearch input::-moz-placeholder {color:#fff; opacity:  1;}
#frmSearch input:-ms-input-placeholder {color:#fff; opacity:  1;}

#frmSearch input:focus::-webkit-input-placeholder {opacity:0.5}
#frmSearch input:focus:-moz-placeholder{opacity:0.5}
#frmSearch input:focus::-moz-placeholder{opacity:0.5}
#frmSearch input:focus:-ms-input-placeholder{opacity:0.5}