/**  css beto  **/
.alert-error{ 
    width: 100%; 
   background-color: #FC7171;
   color: #000; 
   text-align: center;
 font-size: 1.3em;
    text-shadow: 1px 1px #ccc;
}
.menuprincipal .nav-pills {font-size: 15px;}
#G_product .colorbox-image{ width: 100%; display: block; flex:auto; margin-bottom: 25PX;}

/** css beto **/

/** css Omar **/
.lstLikProdc .toggleWish.select,
.lstLikProdc .addWish.select{
  color: red;
}
#pltmenu > a > img {
    max-width: 100px;
    max-height: 100px;
}
.regular-sentence h4, .regular-sentence h5{
 color:#333;
}

body > footer > div.bg-secondary{
     background-color: #51555C!important;
}
body footer div.bg-secondary h6{
    color: #fff;
    text-shadow: 1px 0px #333;
}
body footer .bg-secondary .text-md-right.justify-content-end a span{
    display:none;
}
body footer .bg-secondary .text-md-right.justify-content-end a{
    max-width: 50px;
    max-height: 50px;
    width: 50px;
    height: 50px;
    overflow: hidden;
}
/** css Omar **/

/** Margins complement **/


.mt-7 {margin-top: 7rem;}

/** Search bar **/
.searchbar {border: 1px solid #dee2e6; border-radius: 2rem; overflow: hidden; background: #F9F9F9;}
.searchbar input[type=text],
.searchbar input:focus:invalid:focus,
.searchbar select:focus:invalid:focus,
.searchbar textarea:focus:invalid:focus,
.searchbar input[type=text]:focus,
.searchbar textarea:focus {border: none; box-shadow: none;}
.searchbar button[type=submit] {margin-top: -3px;width: auto; float: right; background: transparent; color: #212121; border: none; box-shadow: none; transition: all .5s;}
.searchbar button[type=submit]:hover {cursor: pointer; color:#0DA5AD; }

/** Scroll menu **/
.top-bar {position: relative; z-index: 1032;}
.fixed-top {top: 3rem;}
#pltmenu .navbar-brand img {width:200px;}
#pltmenu.navbar {background: #000;}
#pltmenu {transition: all .6s, line-height .6s;}
#pltmenu.scrolled-nav.fixed-top{ top: 0!important;}
#pltmenu ul li._no-user-item {background-color: white; transition: all .6s; }
#pltmenu ul li._no-user-item:hover, #pltmenu ul li._no-user-item a:hover{background-color: white; font-weight: bolder;}
#pltmenu .navbar-toggler {width: auto;}
#pltmenu .navbar-brand img {width:150px;}

/**General anchor ***/
a {color: #000; transition: color 0.4s ease; font-family:'Montserrat', sans-serif; }
a:hover {color: #0da5ad; text-decoration: none;}
a.effect {position: relative;display: inline-block;transition: color .2s ease;}
a.effect:hover {color: #aaa;}
a.effect:hover::after,
a.effect:hover::before {width: 100%;left: 0;}
a.effect::after,
a.effect::before {content: '';  position: absolute;top: calc(100% + 5px);width: 0;right: 0;height: 3px;}
a.effect::before {transition: width .4s cubic-bezier(0.51, 0.18, 0, 0.88) .1s;background: #42A4C3;}
a.effect::after {transition: width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83);background: #7B097E;}

/** Gradient Head **/
.gradient-head {background: linear-gradient(to right, #006064, #3a6073); height: 250px;}

/** Main title **/

.sub-title {position: relative; -js-display: flex; display: -ms-flexbox; display: flex;
  -ms-flex-flow: row wrap;flex-flow: row wrap;-ms-flex-align: center; align-items: center;
  -ms-flex-pack: justify;justify-content: space-between; width: 100%; margin: 1em auto;}
.sub-title b {display: block; -ms-flex: 1;flex: 1; height: 2px; opacity: .3; background-color: #0da5ad;}
.sub-title b.light {background-color: #FFF;}
.sub-title h2 {margin: 0 15px; letter-spacing: .1em;}


/**Parallax effect ***/
.parallax-content {position: relative; min-height: 500px;}
.parallax-window {min-height:500px; background: transparent;}
.parallax-incontent {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%); z-index: 3;}

.parallax-content.title-section,
.parallax-window.title-section {min-height: 350px;}

.parallax-content.section-lg  {position: relative; min-height: 800px;}
.parallax-window.section-lg {min-height:800px; background: transparent;}

.overlay:after {position: absolute; z-index: 2; background: rgba(0,0,0,.5); content: ''; width: 100%; height: 100%; top:0; left:0;}

/** Swipper Slider **/
#bannerContenedor .swiper-container {margin-top:100px;}
.swiper-slide img {width: 100%;}

/*** Bottoms ***/
.btn-see-more,
#main input[type="submit"] {background: #DCDEDE; transition: all .6s; color: #000; font-family: 'Questrial-Regular';}
.btn-see-more:hover,
.btn-see-more:focus,
#main input[type="submit"]:hover,
#main input[type="submit"]:focus  {color: #333; background: #C5E0DC; cursor:pointer;}


/*** Images ***/

.img-scale {transition: all .6s;}
.img-scale:hover {transform: scale(1.05);}

/**Shower Effect***/

.shadow-hover {transition: box-shadow .5s; box-shadow: rgba(164,164,164,.2) 0 2px 2px,
  rgba(164,164,164,.2) 0 4px 4px,
  rgba(164,164,164,.2) 0 8px 8px,
  rgba(164,164,164,.2) 0 16px 16px,
  rgba(164,164,164,.2) 0 32px 32px,
  rgba(164,164,164,.2) 0 64px 64px;}

.shadow-hover:hover {box-shadow: rgba(0,126,148,.2) 0 2px 2px,
  rgba(0,126,148,.2) 0 4px 4px,
  rgba(0,126,148,.2) 0 8px 8px,
  rgba(0,126,148,.2) 0 16px 16px,
  rgba(0,126,148,.2) 0 32px 32px,
  rgba(0,126,148,.2) 0 64px 64px;}

.shadow-neon {position: relative; transition: all .5s;}
.shadow-neon::after {position:absolute; top: 0; left:0; content: '';background: #7B097E;
  background: -webkit-linear-gradient(to right, #42A4C3, #7B097E);
  background: linear-gradient(to right, #42A4C3, #7B097E);
  width: 100%; height: 100%; filter: blur(10px);
  z-index: -1; transition: all .5s;}
.shadow-neon:hover::after {filter: blur(20px); background: #7B097E;
  background: -webkit-linear-gradient(to right, #7B097E, #7B097E);
  background: linear-gradient(to right, #7B097E, #7B097E);
}

/** Card **/
.card, .property-card {transition: all .6s; padding:0;}
.card:hover {transform: scale(1.01);}


/*** Share ***/

nav.share {margin: 1em auto;}
nav.share a {margin-right: 1em; transition: all .5s;}
nav.share .twitter {color: #1DA1F3;}
nav.share .twitter:hover {color: #198CD3;}
nav.share .facebook {color: #3A589E;}
nav.share .facebook:hover {color: #283E6E;}
nav.share .whatsapp {color: #5DBD57;}
nav.share .whatsapp:hover {color: #38A82D;}


/** Search **/
.search-form > .search-pane > input {height: 100%;}
.search-form {margin-top: -.5em;}
.search-form>.search-pane {border-radius: 5px;}
.search-form>.search-pane button[type=submit] {background: transparent; color: #212121; margin: -22px 2px 0 0 !important; transition: all .5s;}
.search-form>.search-pane button[type=submit]:hover {color: #91A831;}
.search-form input:focus:invalid:focus,
.search-form select:focus:invalid:focus,
.search-form textarea:focus:invalid:focus,
.search-form input[type=text]:focus,
.search-form textarea:focus {border: none;}
@-moz-document url-prefix() {
  .search-form>.search-pane button[type="submit"] {margin-top: -2.2em}
}

/** Menu **/
ul.session li {padding-top: 7px;}
ul.session li a {padding: .5rem .5rem; color: rgba(255,255,255,.5) !important; transition: all .5s;}
ul.session li a:hover {color: rgba(255,255,255,.75);}

.nav-item.dropdown-submenu.open {position: relative;}
.nav-item.dropdown-submenu.open ul li {margin: .5em auto;}
.dropdown-menu > li > a {display: block; width: 100%; height: 100%;}

/** Main list **/
.see-more-items .title-section,
.see-more-items .pagination,
.see-more-items .welcome-phase,
.see-more-items .gradient-head {display: none !important;}
.main-list {padding-top: 5em;}
.item-list {margin-bottom: 1.8em;}
.item-list, .item-img img {transition: all .6s;}
.item-list:hover .item-img img {opacity: .8; transform: scale(1.03) rotate(2deg);}
.item-list .item-info {margin-top: .8em;}


/** Detail Page ***/
.detail-page {padding-top: 3.5em;}
.detail-page .img-detail {margin-top: -2.5em;}
.detail-page input[type=radio] {display: none;}

/** Gallery Content **/
.gallery-float {position: relative; margin-top: -3.5em;}


/** Basket **/
.main-basket {margin-top: 45px;}
#contenedorCesta {width: 100%;}


/*** Contact ***/
.space-main {padding-top: 3.5em;}

/** Page head in detail page ***/
.main-menu-detail .main-banner  {display: none !important;}

/** Without access pages **/

/** Sign Up page **/
.CL35e08fa25c8bd643a77d2b090c6f6309 #content,

/** Sign In page **/
.CL6cc0fbc862743161b168081bdcf637db #content,

/** Stores **/
.CL2a535303dbc446257809cc94871fbb53 #content,

/** My account page **/
.CL9c6c44c3fc8e2951619159eb7169c6fb #content {width: 1300px; margin: 100px auto;}

/** Stores Styles **/
.CL2a535303dbc446257809cc94871fbb53 .store-locator-container {width: 100%;}
.CL2a535303dbc446257809cc94871fbb53 .store-locator-container #page-header h1 {color: #7B097E; text-transform: uppercase;
  letter-spacing: .1em; font-size: 1.2em; margin: 1em auto;}
.CL2a535303dbc446257809cc94871fbb53 .store-locator-container #loc-list {display: inline-block; width: 250px !important;}
.CL2a535303dbc446257809cc94871fbb53 .store-locator-container #map {position: absolute; display: inline-block;}
.CL2a535303dbc446257809cc94871fbb53 .store-locator-container #loc-list .list-content .loc-name,
.CL2a535303dbc446257809cc94871fbb53 .store-locator-container #map-container .loc-name {color: #7B097E;}
.CL2a535303dbc446257809cc94871fbb53 .store-locator-container #loc-list .list-label {background: #7B097E;}
.CL2a535303dbc446257809cc94871fbb53 .store-locator-container #map-container a {color: #7B097E;}

.control-group .input-append,
.control-group .input-xlarge {width: 100%;}
.control-group .input-append input {width: 90%;}
.control-group .input-xlarge input#newContrasena {width: 96% !important;}
.control-group input#loginContrasena {width: 91% !important;}
.control-group .input-append i {color: #7B097E; }

/** Cesta **/
.CL301b212084a78d65ea541ba5d0ba14ab .search-form>.search-pane button[type=submit] {background: transparent; 
  color: #212121; margin: -22px 2px 0 0 !important; transition: all .5s; height: auto; width:auto; font-size: 12px;}


/** Medias Query **/

/** xl according Bootstrap 4**/
@media (max-width: 1140px) {
  #bannerContenedor .swiper-container {height: 365px; margin-top: 80px;}

}

/** lg according Bootstrap 4**/
@media (max-width: 960px) {
  /** Scroll menu **/
  .fixed-top .d-flex {display: block !important;}
  #bannerContenedor .swiper-container {height: 355px;}
  .basket-menu, .search-menu {float: left;}
  .search-form .d-flex.float-right {width: 100%;}

}

/** md according Bootstrap 4**/
@media (max-width: 720px) {
  #bannerContenedor .swiper-container {height: 265px; margin-top:100px;}
  .top-bar .col-lg-6.col-md-6.col-xs-6 {width: 50%;}
}
/** sm according Bootstrap 4**/
@media (max-width: 540px) {
  .top-bar {display: none;}
  .fixed-top {top: 0;}
  #bannerContenedor .swiper-container {height: 265px; margin-top: 85px;}

}