/*
 Project: lincoln
 Version: 1.1
 @Author: FineLayers
 This file contains the styling for the actual theme, this
 is the file you need to edit to change the look of the
 theme.
 
 However we used Less script to make things easy to maintain, this is the compressed ourput, we recommend to edit the less files and then recombile the files and add the result here, if you don't like to use less you can edit this file here.
 This files contents are outlined below.
 01.	Theme Reset Style
 03.	Global Elements
 04.	Home Page 1
		+Header
			-Online Option
			-Cart Option
			-Nav
			-Responsive Menu
			-Logo
			-Navigation
			-Dropdown
			-Sub Menu
			-Maga Dropdown
			-Search Bar
			-Banner
			-Banner 2
		+Main Content
			-Upcoming Release
			-Best Seller
			-Add Banner
			-Recomended Products
			-Book Collection
			-Services
			-Aurthor History
			-Related Products
			-Tweet Slider
		+Footer
			-Footer Columns
			-News Latters
			-Login Modal
			-Product Modal
 05.	Home Page 2
 06.	Inner Banner
 07.	Author
 08.	Author Detail
 09.	Blog All View
 10.	Event List
 12.	Event Detail
 13.	Blog Detail
 14.	Shop Grid
 15.	Shop Detail
 16.	Book Detail
 17.	Book List
 18.	About Us
 19.	Contant
 20.	Gallery
 21.	404
 22.	Massonary View	
*/

/****** Theme Reset Style ***********************************************************
*********************************************************** Theme Reset Style ******/


@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900|Rubik:300,400,500,700,900');
@font-face {
    font-family: 'AvenirNextLTPro-Heavy';
    src: url('fonts/AVENIRNEXTLTPRO-HEAVY.otf') format('opentype');
  }
  
  @font-face {
    font-family: 'AvenirNextLTPro-Regular';
    src: url('fonts/AVENIRNEXTLTPRO-REGULAR.otf') format('opentype');
  }  

@font-face {
    font-family: 'AvenirNextLTPro-SemiBold-it';
    src: url('fonts/AVENIRNEXTLTPRO-DEMIIT.otf') format('opentype');
  }

@font-face {
    font-family: 'AvenirNextLTPro-SemiBold';
    src: url('fonts/AVENIRNEXTLTPRO-DEMI.otf') format('opentype');
  }

body{ background: #fff; font-family: 'AvenirNextLTPro-Regular', sans-serif;}
body h1, body h2, body h3, body h4, body h5, body h6{ margin: 0 0 20px; color: black; font-family: "AvenirNextLTPro-SemiBold", sans-serif;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color: black;}

p a{ color: #555;}
p a:hover{ text-decoration:underline; outline: none;}
p{ letter-spacing: normal; line-height: 24px; font-size: 14px; color: #555;}

a{ color: #555; text-decoration: none; outline: none; display: block;}
a:hover, a:focus, a:active { outline: none; text-decoration: none;}

.row.no-gutters{ margin-right: 0; margin-left: 0;}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"]{ padding-right: 0; padding-left: 0;}

img{ max-width: 100%;}
iframe{ border: 0; width: 100%;}

button{ background: none;}

blockquote{ padding: 0; border: 0;}

label { color: #7f7f7f; display: block; font-weight: 400; margin: 0;}

textarea{ border-radius: 0!important; resize: none;}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input,
.form-control{ height: 48px; line-height: 48px; width: 100%; border-radius: 0; color: #928b8b; font-weight: 400; width: 100%; background: none; 
padding: 0 20px; border: 1px solid #e7e7e7;
box-shadow: none;}
textarea{ height: auto!important;}
/****** Theme Reset Style ***********************************************************
*********************************************************** Theme Reset Style ******/

/****** Global Elements ***********************************************************
*********************************************************** Global Elements ******/
.main-heading-holder{ text-align: center;}
.main-heading{ display: inline-block; padding: 0 0 50px;}
.main-heading p{ margin: 0; line-height: 16px;}
.main-heading h2{ font-size: 24px; font-weight: bold; position: relative; display: inline-block; padding: 0 20px;}
.main-heading h2::before,
.main-heading h2::after{ content: ""; position: absolute; width: 58px; height: 6px; top: 50%; margin: -2px 0 0;}
.main-heading h2::before{  right: 100%; background: url(images/heading-left-line.png) no-repeat;}
.main-heading h2::after{  left: 100%; background: url(images/heading-right-line.png) no-repeat;}
.main-heading.style-1 h2{ margin: 0;}

.sec-heading{ margin: 0 0 30px; padding: 0 0 15px; border-bottom: 1px solid #ececec; position: relative;}
.sec-heading::after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.sec-heading h3,
.sec-heading h4{ font-weight: bold; font-size: 24px; margin: 0; float: left;}
.sec-heading h4{ font-size: 19px;}
.sec-heading::before{ content: ""; position: absolute; width:  70px; border-bottom: 3px solid; bottom: -2px; left: 0;}
.sec-heading .view-all{ float: right; color: #999; line-height: 20px; margin: 7px 0 0;}
.sec-heading .view-all i{ margin: 0 0 0 6px;}

button{ border: 0; border-radius: 0;}
.btn-1{ font-size: 14px; position: relative; display: inline-block; padding: 0 28px; height: 58px; line-height: 58px;
border-radius: 5px; color: #fff; text-transform: uppercase; z-index: 11; text-decoration: none;
-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.67);
-moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.67);
box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.67);}
.btn-1 .fa{ padding: 0 0 0 10px;}
.btn-1:hover{ color: #fff;}
.btn-1:hover:before{ width: 100%; opacity: 1; background: rgba(0,0,0,0.3);}
.btn-1:before{ content: ''; border-radius: 5px; position: absolute; left: 0; top: 0; height: 100%; width: 50%; z-index: -1;
opacity: 0;}
.btn-1.sm{ height: 40px; line-height: 40px; padding: 0 18px; font-size: 13px;}
.btn-1.shadow-0{ box-shadow: none;}
.btn-1.full-width{ width: 100%;}
.btn-1.blank{ background: #f2f2f2; color: #999;}

.pagination-holder ul{ margin: 30px 0 0;}
.pagination-holder ul li{ margin: 0 0 0 10px; float: left;}
.pagination-holder ul li:first-child{ margin: 0;}
.pagination-holder ul li a{ border: 0;  padding: 0 12px; height: 36px; line-height: 32px; display: block; box-shadow: none; color: #555;}
.pagination-holder ul li.active a{ border: 1px solid; border-radius: 100%; background: none;}  
.pagination-holder ul li a:hover{ background: none;}

.tc-breadcrumb ul{ display: inline-block;}
.tc-breadcrumb li{ float: left; color: #656565;}
.tc-breadcrumb li a{ float: left; font-weight: bold;}
.tc-breadcrumb li::before{ float: left; line-height: 22px; content: "\f111"; font-family: fontawesome; margin: 0 10px; font-size: 7px;}
.tc-breadcrumb li:first-child::before{ display: none; margin: 0;}

.social-icons{ overflow: hidden;}
.social-icons li{ float: left; margin: 0 0 0 10px;}
.social-icons li:first-child{ margin: 0;}
.social-icons li a{ height: 28px; line-height: 28px; text-align: center; width: 28px; border-radius: 100%; border-radius: 100%; color: #fff;}
/* Asegurarte de que los íconos estén en blanco inicialmente */
.social-icons li a i {
    color: #ffffff;
    transition: color 0.3s ease, background 0.3s ease;
  }
  
  /* Estilos de hover para cambiar el color de fondo */
  .social-icons li a.facebook:hover {
    background: #3c5899;
  }
  
  .social-icons li a.twitter:hover {
    background: #5ea9dd;
  }
  
  .social-icons li a.youtube:hover {
    background: #ee1c1b;
  }
  
  .social-icons li a.pinterest:hover {
    background: #bd081c;
  }
  
  .social-icons li a.instagram:hover {
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888',GradientType=1);
  }
  


.countdown{ margin: 0 0 20px; display: inline-block; overflow: hidden;}
.countdown li{ text-align: center; float: left; margin: 0 0 0 30px!important;}
.countdown li:first-child{ margin: 0!important;}
.countdown li span{ background: #fff; color: #252525; border-radius: 2px; font-size: 30px; padding: 30px 15px;
display: block; border: 1px solid #ebebeb; overflow: hidden; margin: 0 0 20px;}
.countdown li{ margin: 0; font-size: 14px; text-transform: uppercase; color: #636363;}

.rating-stars li{ float: left; margin: 0 0 0 4px;}
.rating-stars li:first-child{ margin: 0}
.rating-stars li i{ color: #f0bf2d; font-size: 14px;}

.overlay-dark{ position: relative;}
.overlay-dark::before,
.overlay-dark::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; 
background: rgba(0,0,0,0.5); z-index: -1;}

.position-center-center{ left: 50%; position: absolute; top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.position-center-x{ position: absolute; top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);}
.position-center-y{ left: 50%; position: absolute;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);}
.p-absolute{ position: absolute;}
.p-relative{ position: relative;}

.z-index-2{ z-index: 2;}

.font-italic{ font-style: italic}
.font-lato{ font-family: 'Lato', sans-serif;}
.font-merriweather{ font-family: 'Merriweather', serif;}

.white-bg{ background: #fff;}
.gray-bg{ background: #f5f5f5;}
.text-white{ color: #fff;}
.font-bold{ font-weight: bold;}
.text-left{ text-align: left;}
.text-right{ text-align: right;}
.d-inline-block{ display: inline-block;}
.d-block{ display: block;}
.h-white h1,
.h-white h2,
.h-white h3,
.h-white h4,
.h-white h5,
.h-white h6{ color: #fff;}
.p-white p{ color: #fff;}
.h-m-0 h1,
.h-m-0 h2,
.h-m-0 h3,
.h-m-0 h4,
.h-m-0 h5,
.h-m-0 h6{ margin: 0;}
.p-m-0 p{ margin: 0;}
.h-white h1 a,
.h-white h2 a,
.h-white h3 a,
.h-white h4 a,
.h-white h5 a,
.h-white h6 a{ color: #fff;}
.p-white p{ color: #fff;}
.h-m-0 h1 a,
.h-m-0 h2 a,
.h-m-0 h3 a,
.h-m-0 h4 a,
.h-m-0 h5 a,
.h-m-0 h6 a{ margin: 0;}
.p-m-0 p a{ margin: 0;}

.navbar-brand{ height: auto; width: auto; padding: 0;}
.tc-padding-top{ padding-top: 108px;}
.tc-padding-bottom{ padding-bottom: 108px;}
.tc-padding{ padding: 10% 0;}
.tc-margin{ margin: 10% 0;}
.tc-margin-top{ margin-top: 80px;}
.tc-margin-bottom{ margin-bottom: 80px;}

.btn-list{ margin: 0; padding: 0; list-style: none;}
.btn-list li{ float: left; margin: 0 0 0 30px; width: 46%;}
.btn-list li:first-child{ margin: 0;}

.overlay{ position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
ul{ margin: 0; padding: 0; list-style: none;}

.m-0{ margin: 0!important;}
.p-0{ padding: 0!important;}
.border-0{ border: 0!important;}
.m-lef-0{ margin-left: 0;} 
.m-right-0{  margin-right: 0;}

.w-100-pre{ width: 100%;}
.h-100-pre{ height: 100%;}

.right-0{ right: 0;}
.left-0{ left: 0;}
.top-0{ top: 0;}
.bottom-0{ bottom: 0;}

.has-layout{ float: left; width: 100%;}
.box-layout{ width: 1250px; margin: 50px auto;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.39);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.39);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.39);}
/****** Global Elements ***********************************************************
*********************************************************** Global Elements ******/

/****** Home Page 1 ***********************************************************
*********************************************************** Home Page 1 ******/
.wrapper{ position: relative; overflow: hidden;}

/****** Header ******/
.topbar{ background: black; padding: 15px 0;}

/* Banner */
.main-slider{ position: relative; overflow: hidden;}
.main-slider .item{ position: relative;}
.banner-overlay{ position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
.caption.style-1{ width: 502px; right: 0;}
.caption.style-1 h1{ font-size: 65px; text-transform: capitalize; font-style: italic; font-weight: bold;}
.caption.style-1 b{ font-size: 48px; font-weight: 300; color: #333; line-height: 65px; margin: 0 0 20px; display: block;}
.caption.style-1 p{ font-size: 18px;}
.layer-img{ margin: 50px 0 0 0; float: left;}
.banner-overlay .full-width{ width: 100%!important;}

/* Banner 2 */
.banner-overlay.style-2{ padding: 70px 0;}
.book-1 .bk-cover{background-image:url(images/banner-2/img-01.jpg);background-repeat:no-repeat;}
.book-2 .bk-cover{background-image:url(images/banner-2/img-02.jpg);background-repeat:no-repeat;}
.book-3 .bk-cover{background-image:url(images/banner-2/img-03.jpg);background-repeat:no-repeat;}
.book-1 .bk-front > div,.book-1 .bk-back,.book-1 .bk-left,.book-1 .bk-front:after{background-color:#ffc219;}
.book-2 .bk-front > div,.book-2 .bk-back,.book-2 .bk-left,.book-2 .bk-front:after{background-color:#11767f;}
.book-3 .bk-front > div,.book-3 .bk-back,.book-3 .bk-left,.book-3 .bk-front:after{background-color:#a8cfee;}
.bk-back p{ padding: 30px!important; color: #fff!important;}
.caption.style-2{ float: right; width: 700px;}
.caption.style-2 h1{ font-size: 56px; text-transform: none!important; color: #fff; font-style: inherit;  font-style: italic; font-weight: bold;}
.caption.style-2 h1 span{ display: block; margin: 15px 0 0;}
.caption.style-2 p{ font-size: 18px; color: #fff;}
.floating { animation-name: floating; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;
/*margin-left: 30px;margin-top: 5px;*/}
@keyframes floating {
0%{ transform: translate(0px, 0px);}
65%{ transform: translate(0px, 15px);}
100%{ transform: translate(0px, 0px);}}
.scaling { float: left; animation-name: scale; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;}
@keyframes scale {
0%{ transform: scale(0.9);}
65%{ transform: scale(1);}
100%{ transform: scale(0.9);}}

/****** Main Content ******/

/* Upcoming Release */
.upcoming-release{ background: url(images/upcoming-release/pattern-1.jpg) repeat; padding: 0 0 25px; overflow: hidden;}
.release-heading{ background: black; padding: 18px 30px; width: 53%;}
.release-heading h5{ margin: 0; text-transform: capitalize; font-size: 18px;}

.upcoming-slider{ position: relative; min-height: 230px;}
.upcoming-slider::before{ content: ""; background: url(images/upcoming-release/pattern-2.jpg) repeat; position: absolute; left: 0; 
height: 87.6%; width: 100%; top: 0;
-webkit-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.18);
-moz-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.18);
box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.18);}
.release-book-detail{ background: black; padding: 17px 30px; border-radius: 30px 30px 0 30px; margin: -20px 0 0; position: relative; width: 38.2%; float: left;}  
.release-book-detail::before{ content: ""; background: url(images/upcoming-release/round-cerve.png) no-repeat; position: absolute; bottom: 0; 
left: 100%; width: 32px; height: 21px;}
.release-book-detail::after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.release-book-detail .detail{ width: 60%; float: left;}
.release-book-detail .detail span{ font-size: 28px; font-weight: bold;}
.release-book-detail .detail h5{ font-size: 18px; font-weight: bold; margin: 0 0 10px;}
.release-book-detail .detail p{ margin: 0 0 10px;}
.release-book-detail .detail{ font-size: 28px; font-weight: bold; margin: 30px 0 0;}
.release-book-detail .detail-img{ float: right;}
.release-book-detail .detail-img img{ border-radius: 4px;}
.bx-wrapper{ margin: 0;}
.release-book-detail i{ float: right; color: #fff; position: absolute; right: 0; bottom: 0;}
.bx-wrapper .bx-controls-direction{ position: absolute; right: -754px; top: -39px;}
.bx-wrapper .bx-controls-direction a{ position: static!important; float: left; margin: 0; color: #fff;}
.bx-wrapper .bx-controls-direction a:first-child{ margin: 0;}
.release-book-detail .bx-controls .bx-prev::before,
.release-book-detail .bx-controls .bx-next::before{ font-family: icomoon!important;}
.release-book-detail .bx-controls .bx-prev::before{ content: "\e901";}
.release-book-detail .bx-controls .bx-next::before{ content: "\e900";}

.release-thumb-holder{ padding: 20px 0 0 0; float: right; width: 57%;}
.release-thumb-holder::after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.release-thumb{ float: right;}
.release-thumb li{ display: inline-block; margin: 0 -4px 0 19px; vertical-align: top;}
.release-thumb li:first-child{ margin: 0;}
.release-thumb li a{ position: relative;}
.release-thumb li a{  border-radius: 10px; text-align: center;}
.release-thumb li a > span{ display: block; text-transform: uppercase; margin: 0 0 10px; font-size: 13px;}
.release-thumb li a .b-shadow{ display: block; margin: 10px 0;}
.release-thumb a.active{  padding: 10px 25px; background: #fff;
-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.67);
-moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.67);
box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.67);}
.plus-icon{ height: 39px; width: 39px; line-height: 37px; text-align: center; border-radius: 100%; font-size: 25px!important; color: #fff;
position: absolute; left: 50%; margin: 0 0 0 -20px!important; font-weight: bold; visibility: hidden; opacity: 0;}
.release-thumb a.active .plus-icon{ visibility: visible; opacity: 1;}

/* Best Seller */
.product-box{ border: 1px solid #e7e7e7; position: relative; z-index: 0;}
.product-box::before,
.product-box::after{ content: ""; position: absolute; width: 80%; height: 80%; visibility: hidden; opacity: 0; z-index: 1;}
.product-box::before{ border-left: 6px solid black; border-top: 6px solid black; left: 0; top: 0;}
.product-box::after{ border-right: 6px solid black; border-bottom: 6px solid black; right: 0; bottom: 0;}
.product-box:hover::before,
.product-box:hover::after{ visibility: visible; opacity: 1; width: 100%; height: 100%;}
.product-img{ padding: 30px 0; text-align: center; background: #f8f8f8; position: relative; z-index: 2; width: 95%; margin: 6px auto 0;}
.product-img img{-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.67);
-moz-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.67);
box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.67);}
.product-cart-option{ left: 20px; opacity: 0; visibility: hidden;}
.product-cart-option li{ margin: 0 0 15px;}
.product-cart-option li:last-child{ margin: 0;}
.product-cart-option li a{ height: 34px; width: 34px; line-height: 34px; text-align: center; color: #fff; background: #f2f2f2; color: #555;}  
.product-cart-option li a:hover{ color: #fff;}
.product-box:hover .product-cart-option{ opacity: 1; visibility: visible;}
.product-box:hover .product-cart-option li{ margin: 0 0 6px!important;}
.product-img .sale-bacth{ height: 45px; width: 45px; line-height: 45px; text-align: center; font-size: 12px; border-radius: 100%;
display: block; position: absolute; right: 10px; color: #fff; text-transform: uppercase;}

.product-detail{ padding: 20px 20px;  position: relative; z-index: 2;}
.product-detail > span{ display: block; margin: 0 0 10px; text-transform: uppercase; font-size: 12px;}
.product-detail h5{ font-weight: bold; font-size: 16px; margin: 0 0 10px;}
.product-detail p{ margin: 0 0 10px;}
.rating-nd-price{ overflow: hidden; border-bottom: 1px solid #e7e7e7; padding: 0 0 15px;}
.rating-nd-price strong{ float: left; font-weight: bold; font-size: 20px; line-height: 20px;}
.rating-nd-price ul{ float: right; margin: 3px 0 0;}
.aurthor-detail{ overflow: hidden; padding: 15px 0 0;}
.aurthor-detail span{ float: left; text-transform: capitalize;}
.aurthor-detail span img{ border-radius: 100%; overflow: hidden; margin: 0 10px 0 0;}
.aurthor-detail a{ margin: 5px 0 0; float: right; height: 24px; width: 24px; line-height: 24px; text-align: center; border-radius: 100%;
background: #f3f3f3;}
.product-detail::before,
.product-detail::after{ border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7;
content: ""; height: 8px; position: absolute;}
.product-detail::before{ bottom: -9px; left: 3px;  width: 98.6%;}
.product-detail::after{ bottom: -17px; height: 8px; left: 6px; width: 96.6%;}

.tabs-nav-holder{ overflow: hidden; position: relative; margin: 0 0 30px;}
.tab-content > .active{ height: auto;}

.tabs-nav-holder::before{ content: ""; position: absolute; bottom: 0; border-bottom: 1px solid #e7e7e7; height: 100%; width: 92%; left: 0; z-index: -1;}
.best-sellers-tabs .tabs-nav{ overflow: hidden; float: left; border-radius: 4px;}
.best-sellers-tabs .tabs-nav li{ float: left; border: 1px solid #efefef; border-left: 0;}
.best-sellers-tabs .tabs-nav li:last-child{ left: 0;}
.best-sellers-tabs .tabs-nav li:first-child{ border-left: 1px solid #efefef; }
.best-sellers-tabs .tabs-nav li a{ padding: 12px 25px; text-align: center; font-size: 14px; font-weight: bold; text-transform: uppercase;
font-family: 'Merriweather', serif; min-width: 115px; background: #fafafa;} 
.best-sellers-tabs .tabs-nav li.ui-tabs-active a{ color: #fff; border-radius: 4px;}
.best-seller-slider .owl-stage-outer{ padding: 20px; margin: -20px;}
.best-seller-slider .owl-nav{ position: absolute; top: -25px; right: 0;}
.best-seller-slider .owl-nav .owl-prev,
.best-seller-slider .owl-nav .owl-next{ height: 25px; width: 25px; position: static; font-size: 10px; float: left; margin: 0 0 0 10px; line-height: 25px;
color: #8c8c8c; background: #f6f6f6; border: 1px solid #e7e7e7; box-shadow: none;}
.best-seller-slider .owl-nav .owl-prev::before{ content: "\e903";}
.best-seller-slider .owl-nav .owl-next::before{ content: "\e902";}

/* Add Banner */
.add-banner{ position: relative; border-radius: 5px; min-height: 172px;}
.add-banner::before{ content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; border-radius: 5px;}
.add-banner-1::before{ background: rgba(153,211,255,0.85);}
.add-banner-2::before{ background: rgba(197,241,95,0.85);}
.add-banner{ background: url(images/add-banners/img-01.jpg) no-repeat;}
.add-banner h3{ font-size: 22px; margin: 0 0 10px; font-style: italic; font-weight: bold; color: #0c085c;}
.add-banner p{ margin: 0; font-size: 16px;}
.add-banner hr{ border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(255,255,255,0.2); margin: 10px 0;}
.add-banner strong{ font-size: 18px; font-weight: bold; color: #333;}
.add-banner strong sup{ font-size: 10px;}
.add-banner .adds-book{ position: absolute;}
.add-banner:hover .adds-book{ transform: scale(1.1);}
.add-banner-1 .adds-book{ top: -20px; left: 0;}
.add-banner-2 .adds-book{ top: -20px; right: 0;}

.add-banner-1{ padding: 20px 40px 20px 186px;}
.add-banner-2{ padding: 20px 186px 20px 40px;}
.add-banner-2 h3{ font-size: 36px;}
.add-banner-2 strong{ font-size: 20px; font-style: italic; margin: 0 0 10px; display: block;}
.add-banner-2 p{ color: #343434; font-size: 20px;}

/* Recomended Products */
.recomended-products{ background: url(images/staff-bg.jpg) repeat; padding-bottom: 73px;}
.recomend-slider{ padding: 0 214px 95px; background: url(images/book-shelf-img.png) no-repeat 40px 80px;}
.recomend-slider .owl-prev,
.recomend-slider .owl-next{ border-radius: 0; background: none; border: 1px solid #999; color: #999;
height: 45px; width: 45px; line-height: 44px;}
.recomend-slider .owl-prev{ right: 100%; left: auto;}
.recomend-slider .owl-next{ left: 100%;}
.recomend-slider .owl-prev:hover,
.recomend-slider .owl-next:hover{ background: black; border-color: black;}

.open-book-view .modal-content{ background: rgba(0,0,0,0.4); padding: 40px;}
.open-book-view .close{ position: absolute; right: 20px; top: 10px; font-size: 20px; color: #fff; opacity: 1;}
.view-page{ position: fixed; z-index:  101; top: 200px; opacity: 0; visibility: hidden;
left: 50%; top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.position-center-x{ position: absolute; top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);}
#magazine{ width: 350px; height: 300px;}
#magazine .turn-page{ background-color:#ccc; background-size:100% 100%;}

/* Book Collection */
.book-collection { float: left; width: 100%; padding: 100px 0;}
.book-collection .nav-tabs{ float: left; width: 100%; margin: 0;}
.sidebar{ background: #f8f8f8;}
.sidebar h4{ font-weight: bold; border-bottom: 1px solid #f8f8f8; padding: 15px; margin: 0; background: #f8f8f8; font-size: 16px;}
.sidebar ul{ height: 584px; overflow-y: scroll;}
.sidebar ul li{ position: relative;}
.sidebar ul li a{ padding: 10px 20px; position: relative; z-index: 2;}
.sidebar ul li::before{ content: ""; position: absolute; height: 100%; width: 0; top: 0; left: 0; z-index:  1;}
.sidebar ul li.ui-state-active::before{ color: #fff; width: 100%;}
.sidebar ul li.ui-state-active a{ color: #fff;}
.collection-content{ margin: -10px 0 0 -30px;}
.collection-content::after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.collection-content li{ float: left; width: 16.5%; margin: 10px 0 10px 29px;}
.s-product img{
-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.67);
-moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.67);
box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.67);}
.s-product h6{ font-size: 13px; color: #333; font-weight: bold; margin: 0 0 10px;}
.s-product > span{ color: #999; text-transform: capitalize;}
.s-product-img{ position: relative; margin: 0 0 20px;}
.s-product-hover{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.8);
text-align: center; visibility: hidden; opacity: 0;}
.s-product-img:hover .s-product-hover{ visibility: visible; opacity: 1; text-align: center;}
.s-product-hover .position-center-x{ width: 100%;} 
.s-product-hover .plus-icon{ visibility: visible; opacity: 1; display: inline-block; font-size: 14px!important; line-height: 40px;}
.s-product-hover .plus-icon i{ margin: 0 0 0 -2px;}
.s-product-hover .plus-icon:hover{ background: #fff;}
.s-product-hover .btn-1{ font-size: 12px; display: inline-block; background: #fff; font-weight: bold;}
.s-product-img:hover .s-product-hover .btn-1{ margin: 55px 0 0;}

.recommended-by li{ float: left; width: auto; margin: 0 10px 0 0;}
.recommended-by li:first-child{ float: none; color: #999; margin: 0 0 5px; text-transform: uppercase; font-size: 12px;}
.recommended-by li:last-child{ margin: 0;} 
.recommended-by li img{ border-radius: 100%; overflow: hidden;}

/* Services */
.services-text strong{ text-transform: uppercase; display: block; margin: 0 0 15px; font-weight: normal;}
.services-text h3{ line-height: 35px; font-size: 22px; font-weight: bold;}
.service-column{ padding: 0 0 0 60px; position: relative; margin: 0 0 30px;}
.service-column .service-icon{ height: 45px; width: 45px; line-height: 45px; position: absolute; left: 0; top: 0;
background: black; text-align: center; color: #fff; font-size: 25px; border-radius: 100%;}
.service-column p{ margin: 0;}
.service-column h5{ font-size: 16px; font-weight: bold; padding: 12px 0 0;}

/* Aurthor History */
.timeline-area{ background: black;}
.aurthor-img{ border: 10px solid rgba(255,255,255,0.1);
-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.67);
-moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.67);
box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.67);}
.s-related-products{ float: right; margin: 44px 0 0;}
.s-related-products li:first-child{ margin: 0;}
.s-related-products li{ float: left; margin: 0 0 0 15px; text-align: center;}
.s-related-products li img{ margin: 0 0 15px;}
.s-related-products li h6{ color: #fff; font-size: 12px; margin: 0;}
.text-box h5{ color: #fff; font-size: 12px; font-style: italic;}
.text-box h5 span{ font-style: normal; font-size: 16px;}
.timeline-area .text-box { float: left; width: 100%;}
.timeline-area .text-box h2 { color: #fff;}
.timeline-area .text-box .left-box { float: left; width: 525px; margin: 0 20px 0 0;}
.timeline-area .text-box strong.name { font: 16px/16px 'Merriweather', serif; display: block; padding: 0 0 15px 0;}
.timeline-area .text-box strong.name span { font: 300 italic 14px/14px 'Lato', sans-serif; color: #fff; padding: 0 0 0 10px;}
.timeline-area .text-box p { color: #fff; font-weight: 300; margin: 0 0 15px 0;}
.follow ul li:first-child{ color: #fff; line-height: 25px;}

#timeline{ overflow: hidden; position: relative;}
#dates{ margin: 0 0 40px!important; width: 100%!important; background: url("images/timeline-bg.png") left 45px repeat-x;}
#dates::after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
#dates > li{ list-style: none; float: left; width: 137px; height: 50px; font-size: 24px; text-align: center;}
#dates a{line-height: 38px; padding-bottom: 10px; font-size: 14px; position: relative; color: #fff;}
#dates .selected{ font-size: 24px;}
#dates a::before{ content: ""; position: absolute; height: 15px; width: 15px; background: #323749; top: 100%;
border-radius: 100%; left: 50%; margin: -6px 0 0 -7px; border: 6px solid transparent;}
#dates .selected::before{ border-color: #fff; height: 25px; width: 25px; margin: -10px 0 0 -10px;}
#issues{ overflow: hidden;}
#issues > li{ list-style: none; float: left;}

/* Blog and Gallery */
.latest-section h2 { margin: 0;}
.blog-style-1 { float: left; width: 100%;}
.blog-style-1 .post-box { float: left; width: 100%; border-top: 1px solid #e7e7e7; padding: 15px 0;}
.blog-style-1 .post-box:first-child { padding: 0 0 15px 0; border: 0;}
.blog-style-1 .post-box .thumb { float: left; margin: 0 12px 0 0;}
.blog-style-1 .post-box .text-column {}
.blog-style-1 .post-box .text-column strong { font: 400 13px/13px 'Lato', sans-serif; color: #555; display: block; padding: 0 0 10px 0;}
.blog-style-1 .post-box .text-column strong .fa { padding: 0 9px 0 0; color: #ccc;}
.blog-style-1 .post-box .text-column a { text-decoration: none; font: 700 13px/23px 'Merriweather', serif; color: #333; text-decoration: none; padding: 0 0 15px 0; display: block;}
.blog-style-1 .post-box .text-column span { font: 400 13px/13px 'Lato', sans-serif; color: #555; float: left; padding: 0 10px;}
.blog-style-1 .post-box .text-column span .fa { padding: 0 9px 0 0; color: #ccc;}
.blog-style-1 .post-box .text-column em { font: normal 400 13px/13px 'Lato', sans-serif; color: #555; float: left;}
.blog-style-1 .post-box .text-column em .fa { padding: 0 10px 0 0;}

.gallery{ float: left; width: 100%;}
.gallery a.btn-all { color: #999; float: right; font: 400 12px/12px "Lato", sans-serif; text-decoration: none;}
.gallery a.btn-all .fa { padding: 0 0 0 7px; font-size: 14px;}
.gallery a.btn-all:hover .fa{ padding: 0 5px 0 10px;}
.gallery > ul{ overflow: hidden; margin: 0 0 0 -10px;}
.gallery > ul > li{ float: left; margin: 0 0 10px 10px; width: 31.9%;}

.gallery-figure{ position: relative; overflow: hidden;}
.gallery-figure .overlay{ background: rgba(30,41,61,0.85); text-align: center; opacity: 0; visibility: hidden; transform: scale(0);}
.gallery-figure .overlay ul{ margin: 0 0 0 -77px; left: 50%;}
.gallery-figure .overlay ul li{ float: left; margin: 0 0 0 10px;}
.gallery-figure .overlay ul li:first-child{ margin: 0;}
.gallery-figure .overlay ul li a{ border: 1px solid rgba(255,255,255,0.4); height: 37px; line-height: 35px; padding: 0 15px; border-radius: 3px; color: #fff;}
.gallery-figure .overlay ul li:first-child a i{ margin: 0 10px 0 0;}
.gallery-figure:hover .overlay{ opacity: 1; visibility: visible; transform: scale(1);}

/* Related Products */
.related-product ul { padding: 0; margin: 0; list-style: none; }
.related-product ul li:first-child{ margin: 0;}
.related-product ul li{ position: relative; padding: 50px 30px 30px; text-align: center; border: 1px solid #e7e7e7; 
background: #f9f9f9; min-height: 200px; min-width: 212px; float: left; margin: 0 0 0 20px;}
.related-product ul li .price{ position: absolute; right: 15px; top: 15px;}
.related-product ul li img{ margin: 0 0 10px;}
.related-product ul li h5{ font-size: 14px; font-weight: bold; color: #333; margin: 0;}
.related-product ul li .product-cart-option{ position: absolute; left: 10px; top: 25px;}
.related-product ul li .product-cart-option li{ margin: 0 0 0 2px; min-width: auto; min-height: auto; padding: 0; border: 0;}
.related-product ul li:hover .product-cart-option{ opacity: 1; visibility: visible;}

.related-product .content { overflow: auto; position: relative; padding: 0px; background: none; width: 100%; max-width: 100%; height: 300px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.related-product .mCSB_scrollTools.mCSB_scrollTools_horizontal { height: 55px; background: #f7f7f7; overflow: hidden; padding: 15px 25px;
border-radius: 30px; width: 60%; margin: 0 auto;}
.mCSB_scrollTools .mCSB_draggerContainer{ position: static!important; background: url(images/progress-bg.jpg) repeat-x; border-radius: 20px;}
.related-product .mCSB_scrollTools{ opacity: 1;}
.related-product .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 13px; width: 65px; background: transparent;}
.related-product .mCSB_scrollTools .mCSB_draggerRail{ background: #f7f7f7;}
.related-product .mCSB_scrollTools .mCSB_draggerRail{ border-radius: 30px;}
.related-product .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 28px; width: 65px; margin: -7px 0 0;
 background: url(images/progress-triger.png) no-repeat;}
.related-product .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ padding: 0 25px;}
.mCSB_scrollTools .mCSB_dragger{ height: 13px!important;}

/* Tweet Slider */
.tweet{ background: #55acee; padding: 50px 0;}
.tweet-slider .item{ padding: 0 100px 0 90px; overflow: hidden;} 
.tweet-slider .item p{ font-size: 18px; color: #1f2539; margin: 0 0 10px;}
.tweet-slider .item p a{ display: inline-block; color: #fff; padding: 0;}
.tweet-slider .item p strong{ color: #fff; font-weight: normal;}
.tweet-slider .item ul li{ float: left; margin: 0 0 0 10px; color: #fff;}
.tweet-slider .item ul li:first-child{ margin: 0;}
.tweet-slider .item ul li i{ margin: 0 5px 0 0;}
.twit-icon{ position: absolute; left: 0; height: 54px; line-height: 54px; width: 54px; text-align:  center; font-size: 20px; color: #fff;
border: 1px solid #fff; border-radius: 100%;}
.tweet-slider .owl-nav{ position: absolute; right: 0; top: 50%; margin: -20px 0 0 0;}
.tweet-slider .owl-prev,
.tweet-slider .owl-next{ background: none; border: 1px solid #fff; margin: 0; border-radius: 100%; float: left; position: static;
height: 26px; line-height: 24px; width: 26px; font-size: 14px; color: #fff;}
.tweet-slider .owl-next{ margin: 0 0 0 10px;}
.tweet-slider .owl-prev::before,
.tweet-slider .owl-next::before{ font-family: fontawesome!important;}
.tweet-slider .owl-prev::before{ content: "\f104";}
.tweet-slider .owl-next::before{ content: "\f105";}

/****** Footer ******/
#footer{ background: #111; padding: 60px 0 0; float: left; width: 100%;}

/* Footer Columns */
.footer-columns{ padding: 0 0 60px;}
.footer-ad-banner{ text-align: center; margin: 0 0 35px;}
.logo-column{ padding: 0!important;}
.logo-column a{ margin: 0 0 30px;}
.logo-column p{ color: #928b8b;}
.address-list li{ margin: 0 0 15px; color: #928b8b;}
.address-list li:last-child{ margin: 0; }
.address-list li i{ height: 30px; line-height: 30px; width: 30px; text-align: center; border-radius: 100%; margin: 0 10px 0 0;}

.footer-column{ padding: 35px 0 0;}
.footer-column h4{ margin: 0 0 40px; font-size: 16px;}
.footer-links li{ position: relative; margin: 0 0 20px; padding: 0 0 0 15px;}
.footer-links li:hover{ padding: 0 0 0 30px;}
.footer-links li:hover::before{ left: 10px;}
.footer-links li:last-child{ margin: 0;}
.footer-links li::before{ content: "\f105"; font-family: fontawesome; position: absolute; left: 0; top: 0; color: #928b8b;}
.footer-links li a{ color: #928b8b; text-transform: uppercase;}

/* News Latters */
.newsletter p{ color: #928b8b; margin: 0 0 20px;}
.newsletter-input{ position: relative; margin: 0 0 30px;}
.newsletter-input i{ height: 48px; line-height: 48px; color: black; font-size: 16px; position: absolute; left: 0; width: 48px;
text-align: center; border-right: 1px solid rgba(255,255,255,0.1);}
.newsletter-input input{ border: 1px solid black; color: #928b8b; padding: 0 60px;}
.newsletter-input button{ position: absolute; right: 0; height: 47px; padding: 0 20px; border: 0; color: #fff; top: 1px;}

.sub-foorer{ background: #000; padding: 10px 0;}
.sub-foorer p{ color: white; font-size: 12px; margin: 0;}
.back-top{ color: #928b8b; font-size: 12px; float: right;}
.back-top i{ height: 25px; width: 25px; line-height: 25px; text-align: center; border-radius: 100%; background: white;
margin: 0 0 0 10px;}
.cards-list{ float: right; margin: 0 30px 0 0;}
.cards-list li{ float: left; margin: 0 0 0 5px;}

/* Login Modal */
.login-modal{ background: rgba(0,0,0,0.7);}
.login-modal .close{ position: absolute; right: 10px; top: 10px;}
.login-modal .modal-content{ width: 445px; padding: 20px 35px;}
.modal-content > strong{ display: block; margin: 0 0 10px; font-size: 18px; text-transform: uppercase; color: #1f2539;} 
.social-options{ margin: 0 0 30px;}
.social-options ul li{ overflow: hidden; margin: 0 0 15px;}
.social-options ul li:last-child{ margin: 0;}
.social-options ul li a{ height: 50px; line-height: 50px; text-align: center; color: #fff; border-radius: 3px; position: relative; font-weight: bold;} 
.social-options ul li a i{ height: 100%; line-height: 50px; text-align: center; width: 60px; position: absolute; left: 0; background: rgba(0,0,0,0.2);}
.social-options ul li a.facebook{ background: #4b6ea9;}
.social-options ul li a.twitter{ background: #00d7fa;}
.social-options ul li a.google{ background: #dd4c3b;}
.terms{ font-size: 15px; color: #999;}
.terms a{ font-weight: bold; display: inline-block;}

/* Product Modal */
.quick-view{ background: rgba(0,0,0,0.7);}
.quick-view .modal-content{ padding: 50px; width: 880px;}
.quick-view .single-product-detail{ margin: 0;}
.quick-view .close{ position: absolute; right: 20px; top: 20px; font-size: 20px;}
.quick-view .prics{ font-size: 20px; display: block; margin: 0 0 10px;}
.quick-view .prics .was{ color: #999; margin: 0 10px 0 0;}
.quick-view .single-product-detail .rating-stars{ margin: 0 0 10px;}

/****** Home Page 2 ***********************************************************
*********************************************************** Home Page 2 ******/

/****** Header 2 ******/
.nav-holder.style-2{ padding: 0;}
.nav-holder.style-2 .logo-bar{ padding: 30px 0; overflow: hidden; background: url(images/header-bg.jpg) repeat;}
.nav-holder.style-2 .logo{ float: left;}
.nav-holder.style-2 .add-to-cart{ float: right; padding: 15px 0 0;}
.nav-holder.style-2 .add-to-cart .btn-1{ height: 43px; line-height: 43px; border: 1px solid #ddd; box-shadow: none; background: #fff; color: #333;
padding: 0 15px;}
.nav-holder.style-2 .add-to-cart .btn-1:hover{ color: #fff;}
.nav-holder.style-2 .add-to-cart .btn-1 i{ padding: 0 15px 0 0; position: relative;}
.nav-holder.style-2 .add-to-cart .btn-1 i em{ height: 16px;  width: 16px; border-radius: 100%; line-height: 16px; font-size: 12px; color: #fff; text-align: center;
position: absolute; top: -7px; right: 3px;}
.address-list.style-2{ float: right; margin: 0 50px 0 0; padding: 15px 0 0;}
.address-list.style-2 ul li{ float: left; position: relative; padding: 0 0 0 45px; margin: 0 0 0 40px; color: #333; font-size: 16px; font-weight: bold;}
.address-list.style-2 ul li::before{ content: ""; height: 30px; width: 100%; border-left: 1px solid rgba(0,0,0,0.1); position: absolute; right: 20px; top: 10px;}
.address-list.style-2 ul li:first-child::before{ display: none;}
.address-list.style-2 ul li span{ display: block; font-weight: normal; font-size: 12px;}
.address-list.style-2 ul li i{ background: none; font-size: 30px; position: absolute; left: 0; top: 10px;}

.nav-holder.style-2 .nav-bar{ background: #fff; border-top: 1px solid rgba(0,0,0,0.1); ; border-bottom: 1px solid rgba(0,0,0,0.1);}
.nav-holder.style-2 .navigation{ margin: 0; float: left;}
.nav-holder.style-2 .navigation > ul > li > a{ padding: 30px 19px 15px; font-weight: normal; font-size: 14px; color: #555;} 
.nav-holder.style-2 .navigation > ul > li > a > i{ top: 13px; font-size: 14px;}
.nav-holder.style-2 .navigation > ul > li{ border-left: 1px solid rgba(0,0,0,0.1);}
.nav-holder.style-2 .navigation ul li:last-child{ border-right: 1px solid rgba(0,0,0,0.1);}
.nav-holder.style-2 .navigation ul li::before{ display: none;}
.nav-holder.style-2 .navigation ul > li.dropdown-icon > a::after{ display: none;}

.nav-holder.style-2 .mega-dropdown-holder > ul{ top: 66px!important;}


.search-nd-drop{ float: right; margin: 10px 0 0 10px;}
.search-nd-drop ul{ overflow: hidden;}
.search-nd-drop ul li{ float: left; margin: 0 0 0 10px;}
.search-nd-drop ul li:first-child{ margin: 0;}
.language-select{ width: 170px;}
.language-select select{  padding: 0 15px; height: 43px; border: 1px solid #e6e6e6; width: 100%; font-size: 12px; color: #999; text-transform: uppercase;}
.language-select select option{ padding: 10px; border-bottom: 1px solid #e6e6e6;}

.search-bar.style-2{ margin: 0; position: relative; width: 270px;}
.search-bar.style-2 input{ height: 43px; line-height: 43px; border: 1px solid #e6e6e6; text-transform: uppercase;}
.search-bar.style-2 .sub-btn{ position: absolute;  top: 0; right: 0; border-radius: 0; height: 43px; line-height: 43px; padding: 0 15px; width: auto;}

.aurthor-history.style-2{ min-height: 296px; position: relative; padding: 0 0 0 240px;}
.aurthor-history.style-2 > img{ position: absolute; left: 0;}

.follow-nd-s-pro{ overflow: hidden;}
.follow-nd-s-pro .follow{ float: left; width: 64%;}
.follow-nd-s-pro .s-related-products{ float: right; margin: 0;}

.aurthor-history.style-2 .text-box h5{ color: black; font-size: 16px; font-style: normal; font-weight: bold;}
.aurthor-history.style-2 .text-box h5 span{ font-size: 12px; font-style: italic;}
.aurthor-history.style-2 .s-related-products li span{ display: block; color: #555; font-weight: bold; line-height: 15px;}

.blog-style-1.style-2 .post-box .text-column em i,
.blog-style-1.style-2 .post-box .text-column em{ color: #999;}
.blog-style-1.style-2 .post-box{ border: 0; padding: 0; margin: 0 0 25px;}
.blog-style-1.style-2 .post-box:last-child{ margin: 0; }

/****** Inner Banner ***********************************************************
*********************************************************** Inner Banner ******/
.inner-banner::before{ background: rgba(0,0,0,0.7);}
.inner-page-heading{ text-align: center;}
.inner-page-heading h2{ margin: 0; font-size: 36px; font-weight: bold;}
.inner-page-heading.style-2 h2{ margin: 0 0 20px;}
.inner-page-heading.style-2 span{ color: #fff; text-transform: uppercase;}
.inner-page-heading.style-2 span i{ margin: 0 10px 0 0;}
.inner-page-heading.style-2 p{ color: #fff; margin: 0;}

.breadcrumb-holder{ padding: 20px 0;}
.breadcrumbs{ float: right; color: #555;}
.breadcrumbs ul li{ float: left; font-size: 12px; text-transform: uppercase;}
.breadcrumbs ul li a{ float: left; color: #999;}
.breadcrumbs ul li::before{ content: "/"; float: left; margin: 0 5px;}
.breadcrumbs ul li:first-child::before{ display: none;}


/****** Author ***********************************************************
*********************************************************** Author ******/
.authors-filter{ margin: 0 0 50px; overflow: hidden;}
.authors-filter ul li{ float: left;}
.authors-filter ul li a{ color: #999; padding: 15px 14px; text-transform: uppercase; font-size: 14px;
border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; position: relative;}
.authors-filter ul li a.selected{ background: #f6f6f6;}
.authors-filter ul li a.selected::before{ content: ""; position: absolute; width: 100%; height: 100%; bottom: -1px; border-bottom: 1px solid; left: 0;}

.author-list li{ padding: 0 0 50px; margin: 0 0 50px; border-bottom: 1px solid #f3f3f3;}
.author-list li:last-child{ margin: 0; padding: 0; border: 0;}
.author-list-widget{ position: relative; padding: 0 0 0 210px;}
.author-list-widget:hover .overlay{ visibility: visible; opacity: 1;}
.author-list-widget:hover .overlay a{ margin: 0;}
.arthor-list-img{ position: absolute; left: 0; top: 0;}
.arthor-list-img .overlay{ background: rgba(0,0,0,0.6); visibility: hidden; opacity: 0;}
.arthor-list-img .overlay a{ height: 38px; line-height: 34px; width: 38px; background: rgba(255,255,255,0.2); border-radius: 100%; border: 1px solid rgba(255,255,255,0.9);
font-size: 25px; font-weight: bold; text-align: center; margin: 30px 0 0;} 
.author-list-detail h5{ margin: 0 0 15px;}
.author-list-detail span{ color: #555; margin: 0 0 14px; display: block;}
.author-list-detail p{ font-size: 14px; margin: 0 0 15px;}  
.author-list-detail .btn-1{ box-shadow: none;}

.aside-widget{ margin: 0 0 40px; overflow: hidden;}
.aside-widget > h6{ padding: 0 0 15px; border-bottom: 5px solid #f5f5f5; font-weight: bold; margin: 0 0 25px;}

.s-arthor-list li{ margin: 0 0 30px;}
.s-arthor-list li:last-child{ margin: 0;}
.s-arthor-wighet{ position: relative; padding: 0 0 0 65px;}
.s-arthor-img{ position: absolute; left: 0; top: 0; border-radius: 100%; overflow: hidden;}
.s-arthor-img .overlay{ background: rgba(0,0,0,0.5); visibility: hidden; opacity: 0;}
.s-arthor-img .overlay a{ color: #fff; font-weight: bold; margin: 10px 0 0; font-size: 20px;}
.s-arthor-wighet:hover .overlay{ visibility: visible; opacity: 1;}
.s-arthor-wighet:hover .overlay a{ margin: 0;}
.s-arthor-detail h6{ font-size: 13px; margin: 0 0 10px;}
.s-arthor-detail h6 a{ color: #999; display: inline-block;}

.books-year-list li{ margin: 0 0 30px;}
.books-year-list li:last-child{ margin: 0;}
.books-post-widget{ position: relative; padding: 0 0 0 70px;}
.books-post-widget > img{ position: absolute; left: 0; top: 0;}
.books-post-widget h6{ font-size: 12px; line-height: 20px; font-weight: bold; margin: 0 0 5px;}
.books-post-widget span{ text-transform: uppercase; font-size: 12px;}

/****** Author Detail ***********************************************************
*********************************************************** Author Detail ******/
.arthor-detail-column{ padding: 30px; text-align: center; border: 1px solid #ececec;}
.arthor-detail-column .arthor-img{ position: relative; display: inline-block;}
.arthor-detail-column .arthor-img .edit-tag{ position: absolute; left: 0; bottom: 0; height: 26px; line-height: 26px; text-align: center;
background: black; font-size: 12px; padding: 0 10px 0 40px; color: #fff;}
.arthor-detail-column .arthor-img .edit-tag i{ padding: 0 10px 0 0; position: absolute; left: 0; height: 100%; padding: 0 10px; line-height: 26px; background: #505866;}

.arthor-detail{ padding: 30px 20px;}
.arthor-detail h6{ margin: 0 0 5px;}
.arthor-detail > span{ display: block; font-size: 14px; font-weight: normal; margin: 0 0 30px;}
.arthor-progress span{ color: #333; margin: 0 0 20px; display: inline-block;}
.arthor-progress .progress{ margin: 0;}
.arthor-progress .progress[value], base::-moz-progress-bar{ border-radius: 10px; background: #f7f7f7; height: 10px;}

.comments-status{ background: #f7f7f7; padding: 15px 0; overflow: hidden; margin: 0 0 30px;}
.comments-status li{ float: left; width: 33%; font-weight: bold; text-align: center; border-right: 1px solid rgba(0,0,0,0.1); border-left: 1px solid #fff;}
.comments-status li:last-child{ border: 0; border-left: 1px solid #fff;}
.comments-status li i{ display: block; margin: 0 0 5px;}

.social-activity p{ font-size: 13px;}
.social-activity .social-icons{ display: inline-block; margin: 0 0 30px;}

.single-arthor-widget{ margin: 0 0 60px;}
.single-arthor-widget:last-child{ margin: 0;}
.single-arthor-widget h5{ font-size: 18px; padding: 0 0 15px; border-bottom: 3px solid #f5f5f5; font-weight: bold; margin: 0 0 25px;}
.single-arthor-widget h5 i{ margin: 0 10px 0 0; color: #dcdcdc;}

.single-arthor-widget .filter-tags-holder{ overflow: hidden; margin: 0 0 30px;}
.single-arthor-widget .filter-tags-holder ul{ float: left;}

.author-overview p{ font-size: 13px; line-height: 21px; margin: 0 0 20px;}
.author-overview p:last-child{ margin: 0;}

.recommended-book-img{ margin: 0 0 15px;}
.recommended-book-detail h6{ margin: 0 0 5px; font-size: 14px;}
.recommended-book-detail span{ font-size: 12px; color: #555; display: block;} 

.author-p-detail ul li{ margin: 0 0 30px;}
.author-p-detail ul li:last-child{ margin: 0;}
.author-p-detail ul li h6{ color: #999; font-size: 16px;}
.author-p-detail ul li h6 span{ color: #333;}
.author-p-detail ul li h6 i{ margin: 0 10px 0 0; font-size: 8px;}
.author-p-detail ul li p{ margin: 0;}
/****** Blog All View ***********************************************************
*********************************************************** Blog All View ******/
.aside-widget .search-bar.style-2{ width: 100%;}

.Category-list li a{ padding: 10px 0; border-bottom: 1px solid #f5f5f5; font-size: 14px;}
.Category-list li a:hover{ margin: 0 0 0 20px;}
.Category-list li a:hover::before{ margin: 0 20px 0 0;}
.Category-list li a::before{ content: "\f105"; font-family: fontawesome; margin: 0 10px 0 0; color: #ccc;}
.Category-list li:first-child a{ padding-top: 0;}
.Category-list li:last-child a{ padding-bottom: 0; border: 0;}

.s-arthor-list.style-2 .s-arthor-detail h6{ margin: 0; line-height: 20px;}
.s-arthor-list.style-2 .s-arthor-detail h6 a{ color: black;}
.s-arthor-list.style-2 .s-arthor-detail span{ font-size: 12px; color: #999;}

.weekly-newsletter .form-group{ position: relative;}
.weekly-newsletter .form-group .form-control{ padding-left: 40px; }
.weekly-newsletter .form-group i{ position: absolute; left: 15px; top: 15px; color: #ccc;}

.tags-list{ margin: 0 0 0 -2px;}
.tags-list li{ float: left; margin: 0 0 5px 2px;}
.tags-list li a{ font-size: 12px; padding: 0 14px; height: 34px; line-height: 32px; border: 1px solid #f1f1f1; border-radius: 20px;
background: #f9f9f9; text-transform: uppercase;}
.tags-list li a:hover{ color: #fff;}

/* Blog large Post */
.large-blog-post h3{ font-size: 24px; font-weight: bold; line-height: 36px;}

.large-blog-img{ margin: 0 0 30px;}
.blog-slider .owl-controls{ position: absolute; left: 50%; margin: 0 0 0 -30px; bottom: 30px;}
.blog-slider .owl-dots{ margin: 0;}
.blog-slider .owl-dot{ height: 10px; width: 10px; border-radius: 100%; border: 1px solid #fff; background: none;}
.blog-slider .owl-dot.active{ background: #fff;}

.left-border{ padding: 0 0 0 30px; position: relative;}
.left-border::before{ content: ""; position: absolute; left: 0; width: 9px; height: 100%; background: url(images/border-left.jpg) repeat-y;}

.meta-post{ margin: 0 0 20px; overflow: hidden;}
.meta-post li{ float: left; font-size: 13px; color: #999;}
.meta-post li span{ color: #555;}
.meta-post li i{ margin: 0 10px 0 0;}
.meta-post li:first-child::before{ display: none;}
.meta-post li::before{ content: "/"; float: left; margin: 0 10px;}

.post-m-widget{ margin: 0 0 80px;}

.post-thumnail-slider .bx-wrapper{ margin: 0 0 9px;}
.post-thumnail-slider #thumbnail{ overflow: hidden; }
.post-thumnail-slider #thumbnail a {display: inline-block; margin: 0 0 0 9px; vertical-align: top; width: 15%;}
.post-thumnail-slider #thumbnail a:first-child{ margin: 0;}
.post-thumnail-slider .post-thumbnail li .overlay a{ height: 68px; line-height: 68px; width: 68px; border-radius: 100%; 
background: black; color: #fff; font-size: 25px; text-align: center; visibility: hidden; opacity: 0; margin: 30px 0 0;}
.post-thumnail-slider .post-thumbnail li:hover .overlay a{ visibility: visible; opacity: 1; margin: 0;}

/* Blog Post List */
.list-blog{ margin: 0 0 40px;}
.list-blog .blog-detail h3{ font-size: 24px; font-weight: bold; line-height: 36px; margin: 0 0 10px;}
.list-blog .blog-detail .meta-post{ margin: 0 0 10px;}
.list-blog .blog-detail p{ margin: 0 0 10px;}

.grid-blog{ border: 1px solid #e7e7e7;}
.grid-blog .blog-detail{ padding: 20px;}
.grid-blog .blog-detail h5{ font-weight: bold;}
.grid-blog .blog-detail p{ font-size: 12px;}
.grid-blog .blog-detail .aurthor-detail{ border-top: 1px solid #e7e7e7; }
.date{ color: #555; font-size: 13px; text-transform: capitalize; margin: 0 0 15px;}
.date i{ margin: 0 10px 0 0;}

.large-blog-img.video iframe{ height: 460px;}

/* Blog Grid */
.blog-grid .grid-blog{ margin: 0 0 60px;}

/****** Event List ***********************************************************
*********************************************************** Event List ******/
.event-list-widget{ padding: 0 0 25px; margin: 0 0 25px; border-bottom: 1px solid #e7e7e7;}
.event-list-widget:last-child{ border: 0; margin: 0; padding: 0;}

.event-img{ position: relative;}
.event-img > img{ width: 100%;}
.event-img .overlay{ background: rgba(30,41,61,0.8); visibility: hidden; opacity: 0;}
.event-img .overlay a{ font-weight: bold; margin: 10px 0 0; font-size: 20px; height: 38px;
line-height: 34px; width: 38px; background: rgba(255,255,255,0.2); border-radius: 100%;
border: 1px solid rgba(255,255,255,0.9);
font-size: 25px; font-weight: bold; text-align: center; margin: 30px 0 0;}
.event-list-widget:hover .overlay{ visibility: visible; opacity: 1;}
.event-list-widget:hover .overlay a{ margin: 0;}

.event-detail h4{ font-size: 18px; font-weight: bold;}
.event-detail p{ font-size: 14px; margin: 0;}
.event-detail > p a{ display: inline-block; font-style: italic; color: #999;}
.event-detail .meta-post{ margin: 0 0 15px;}

.event-organizar{ margin: 0 0 20px;}
.event-organizar img{ margin: 0 10px 0 0; border-radius: 100%; overflow: hidden;}
.event-organizar span{ font-size: 14px;}

/****** Event Detail ***********************************************************
*********************************************************** Event Detail ******/
.event-organizar.style-1{ border-bottom: 1px solid #e7e7e7; padding: 0 0 20px; margin: 0 0 20px;}
.event-organizar.style-1 span{ font-size: 14px;}
.event-organizar.style-1 span i{ font-style: normal;}

.event-detail > h2{ font-size: 33px; font-weight: bold; margin: 0 0 10px; line-height: 40px;}
.event-map{ height: 480px; margin: 0 0 30px;}

.social-text{ padding: 0 0 0 90px; margin: 0 0 60px; position: relative;}
.social-text .social-icons{ position: absolute; left: 0;}
.social-text .social-icons li{ float: none; margin: 0 0 14px; text-align: center;}
.social-text .social-icons li:last-child{ font-size: 14px; margin: 0 0 30px; color: #333; font-weight: bold;}
.social-text .social-icons li a{ display: inline-block;}
.social-text p{ font-size: 14px; margin: 0 0 20px;}
.social-text p:last-child{ margin: 0;}

.single-event-detail blockquote{ padding: 0 0 0 30px; font-size: 20px; color: black; font-style: italic; font-weight: bold;
border-left: 5px solid black;}

.related-events{ margin: 0 0 80px;} 
.single-event-detail{ margin: 0 0 60px;}
.event-detail.style-2 .aurthor-detail{ border-top: 1px solid #e7e7e7;}
.event-detail.style-2 .meta-post li{ margin: 0 0 10px;}
.event-detail.style-2 .meta-post li:last-child{ margin: 0;}
.event-detail.style-2 .meta-post li::before{ display: none;}
.event-detail.style-2 .aurthor-detail span{ font-size: 12px;}

.comments-holder{ margin: 0 0 60px;}
.comments-holder > ul > li{ position: relative; overflow: hidden; margin: 0 0 30px;}
.comments-holder > ul > li > img{ position: absolute; margin: -10px 0 0 0; border-radius: 100%;}
.comments-holder ul li:last-child{ margin: 0;}
.comment{ padding: 0 0 0 100px;}
.comment h6{ margin: 0 0 20px; font-size: 14px; font-family: 'Lato', sans-serif;}
.comment h6 span{ color: #555; margin: 0 0 0 10px;}
.comment p{ margin: 0 0 20px; font-size: 14px;}
.comment .replay-btn{ font-size: 14px; }
.comment .replay-btn i{ margin: 0 10px 0 0;}
.sub-comment{ background: #f7f7f7; padding: 20px; margin-left: 100px!important;}
.sub-comment .comment{ padding: 0 0 0 70px;}
.sub-comment > img{ margin: 0!important;}

.sending-form .form-group{ position: relative; margin: 0 0 30px;}
.sending-form .form-group .form-control{ padding-left: 40px; }
.sending-form .form-group i{ position: absolute; left: 15px; top: 18px; color: #ccc;}

/****** Blog Detail ***********************************************************
*********************************************************** Blog Detail ******/
.single-blog-detail{ margin: 0 0 60px;}
.single-blog-detail blockquote{ font-size: 26px; font-style: italic; font-weight: bold;}

.blog-arthor{ position: relative; padding: 30px; background: #f9f9f9; margin:  0 60px;}
.blog-arthor-detail{ padding: 0 0 0 110px;}
.blog-arthor > img{ position: absolute;}

/****** Shop Grid ***********************************************************
*********************************************************** Shop Grid ******/
.search-bar.style-3 .sub-btn{ background: none; color: #575655; }

.best-seller .rating-stars{ overflow: hidden; margin: 0 0 5px;}
.best-seller .rating-stars li{ margin: 0;}
.offer-price{ color: #999;}

/* .pricing-slider{ position: relative;}
.pricing-slider #slider-range{ margin: 0 0 30px; height: 10px; background: #ccc; border: 0; border-radius: 10px; background: black;}
.pricing-slider .ui-slider-handle{ height: 25px; width: 39px; position: absolute; top: -7px;
background: url(images/slider-handle.png) no-repeat;}
.pricing-slider p{ margin: 0;}
.pricing-slider p input{ color: #333; font-size: 16px; width: 100%; padding: 0; line-height: 20px; height: 20px; float: left ; border: 0;}
.pricing-slider .ui-slider .ui-slider-range{ height: 100%; position: absolute;} */

.aside-widget {
    margin: 20px 0;
}

#slider-range {
    width: 100%;
    height: 10px; /* Altura de la barra deslizante */
    border-radius: 5px; /* Bordes redondeados */
    background: linear-gradient(to right, lightgrey 0%, lightgrey 100%); /* Colores de la barra */
}

.ui-slider-handle {
    width: 20px; /* Ancho de la manija */
    height: 20px; /* Altura de la manija */
    border-radius: 50%; /* Manija redonda */
    background: black; /* Color de la manija */
    top: -6px; /* Ajusta la posición vertical de la manija */
}

.ui-slider-range {
    background: black; /* Color de la parte seleccionada de la barra */
}

.product-sort{ overflow: hidden; padding: 0 0 20px; border-bottom: 1px solid #eee; margin: 0 0 30px;}
.product-sort .sort-dropdown label{ float: left; line-height: 32px; margin: 0 20px 0 0;}
.product-sort .sort-dropdown select{ height: 32px; border: 1px solid #eee; padding: 0 10px; color: #999;}

.product-grid-holder .product-box{ margin: 0 0 50px;}
.product-grid-holder .rating-nd-price{ border-top: 1px solid #e7e7e7; padding: 20px 0 0; border-bottom: 0;}

/****** Shop Detail ***********************************************************
*********************************************************** Shop Detail ******/
.add-cart-alert{ overflow: hidden; border-top: 1px solid; padding: 30px; background: #f7f7f7; margin: 0 0 40px;}
.add-cart-alert p{ float: left; margin: 0; line-height: 40px;}
.add-cart-alert p i{ margin: 0 10px 0 0;}

.single-product-detail{ margin: 0 0 60px;}

.product-thumnbnail{ text-align: center;}
.product-thumnbnail .bx-wrapper{ border: 1px solid #e3e3e3; overflow: hidden; text-align: center;}
.product-thumnbnail .bx-wrapper ul li{ padding: 50px 0;}
.product-thumnbnail .bx-wrapper ul li > img{ display: inline-block;
-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);}
.product-thumnbnail .bx-wrapper ul li .expand{ height: 45px; width: 45px; text-align: center; line-height: 45px; background: black;
position: absolute; left: 0; top: 0;}
.product-thumnbnail #product-thumbs a{ float: left; padding: 15px 29.8px; border-left: 1px solid #e3e3e3; border-top:0;
border-bottom: 1px solid #e3e3e3;}
.product-thumnbnail #product-thumbs a:last-child{ border-right: 1px solid #e3e3e3;}
.product-thumnbnail #product-thumbs{ display: inline-block;}

.availability{ text-transform: capitalize!important; color: #999; margin: 0 0 20px; display: block; }
.availability strong{ margin: 0 0 0 10px;}
.availability strong i{ margin: 0 0 0 10px;}

.single-product-detail h3{ font-weight: bold; font-size: 24px;}
.single-product-detail .rating-stars{ margin: 0 0 20px; overflow: hidden;}
.single-product-detail .rating-stars li:last-child{ margin: 0 0 0 10px; font-size: 12px; color: #999; line-height: 25px;}
.single-product-detail h4{ font-size: 18px; font-weight: bold;}

.single-product-detail p{ margin: 0 0 19px;}

.quantity-box{ overflow: hidden; margin: 0 0 20px;}
.quantity-box label{ float: left; margin: 0 10px 0 0; line-height: 32px;}
.sp-minus{ width:40px; height:40px; border:1px solid #f2f2f2; float:left; text-align:center; color: #999; cursor: pointer;}
.sp-input{ width:110px; height:40px; border:1px solid #f2f2f2; border-left:0px solid black; float:left;}
.sp-plus{ width:40px; height:40px; border:1px solid #f2f2f2; border-left:0px solid #f2f2f2; float:left; text-align:center; color: #999; cursor: pointer;} 
.sp-input input{ height: 100%;  width: 100%; padding: 0; text-align:center; border:0;}
.sp-input input:focus{ border:1px solid #f2f2f2; border: none;}
.sp-minus a, .sp-plus a{ display: block; width: 100%; height: 100%; padding-top: 5px; color: #999;}

.single-product-detail .btn-list li{ width: auto; margin: 0 0 0 5px;}
.single-product-detail .btn-list li .btn-1 i{ padding: 0;}

.reviews-list{ margin: 0 0 60px;}
.reviews-list ul li > img{ position: absolute;}
.reviews-list > ul > li{ margin: 0 0 30px;}
.reviews-list > ul > li:last-child{ margin: 0;}
.reviews-list ul li .comment{ padding: 0 0 0 70px;}
.reviews-list ul li .comment h6{ float: left; font-weight: bold; color: #333;}
.reviews-list ul li .comment h6 span{ margin: 0 10px; color: #999;}
.reviews-list ul li .comment .rating-stars{ display: inline-block; margin: 0 0 3px;}
.reviews-list ul li .comment .rating-stars li{ line-height: 0;}
.reviews-detail{ overflow: hidden;}
.reviews-list ul li .comment p{ margin: 0;}

.add-review{ margin: 0 0 60px;}
.add-review h5{ font-size: 18px; font-weight: bold;}
.add-review h6{ font-weight: bold; font-size: 14px;}
.add-review .rating-stars{ margin: 0 0 20px; overflow: hidden;}
.add-review form{ width: 85%;}

.related-products h5{ font-weight: bold; font-size: 18px; margin: 0 0 30px;}

.tabs-nav ul li{ margin: 0 0 6px;}
.tabs-nav ul li:last-child{ margin: 0;}
.tabs-nav ul li a{ padding: 15px 20px; background: #f9f9f9; font-weight: bold;}
.disc-reviews-tabs .tabs-nav ul li.ui-tabs-active a{ color: #fff;}

.description{ margin: 0 0 60px;}
.description p:last-child{ margin: 0;} 
.description .check-list li::before{ content: "\f046"; margin: 0 10px 0 0; font-family: fontawesome;}
.description .check-list li{ margin: 0 0 10px;}
.description .check-list li:last-child{ margin: 0;}
.related-products .product-box{ margin: 0!important;}


/****** Book Detail ***********************************************************
*********************************************************** Book Detail ******/
.single-boook-detail{ margin: 0 0 60px;}
.disc-nd-Description .product-box{ margin: 0 0 50px;}
.disc-nd-Description .rating-nd-price{ border-top: 1px solid #e7e7e7; padding: 20px 0 0; border-bottom: 0;}

.book-info-list ul li{ margin: 0 0 10px;}
.book-info-list ul li:last-child{ margin: 0;} 
.book-info-list ul li span{ font-weight: bold; margin: 0 5px 0 0;}

/****** Book List ***********************************************************
*********************************************************** Book List ******/
.book-list-widget{ position: relative; padding: 30px; border: 1px solid #ececec; overflow: hidden; margin: 0 0 40px;}
.book-list-widget:last-child{ margin: 0;}
.book-list-widget .detail{ position: relative; padding: 0 0 0 145px; min-height: 165px;}
.book-list-widget .detail > span{ font-size: 13px; display: block; margin: 0 0 10px;}
.book-list-widget .detail p:last-child{ margin: 0;}
.book-list-detail > img{ position: absolute;}
.book-list-detail{ padding: 0 0 20px; border-bottom: 1px solid #ececec;}
.heart-batch{ position: absolute; right: -43px; top: -36px; height: 80px; line-height: 80px; width: 80px; background: #f5f5f5;
text-align: center; color: #fff;
transform: rotate(138deg);
-webkit-transform: rotate(138deg);
-moz-transform: rotate(138deg);
-o-transform: rotate(138deg);
-ms-transform: rotate(138deg);} 
.heart-batch i{ margin: 0 0 0 50px;
transform: rotate(221deg);
-webkit-transform: rotate(221deg);
-moz-transform: rotate(221deg);
-o-transform: rotate(221deg);
-ms-transform: rotate(221deg);}

.book-list-widget:hover .heart-batch{ background: black;}

.book-list-detail .book-name{ margin: 0 0 20px;}
.book-list-detail h5{ font-size: 16px; font-weight: bold; float: left;}
.book-list-detail h5 span{ font-weight: normal; color: #999; margin: 0 10px;}
.book-list-detail strong{ float: left; line-height: 15px;}
.book-list-detail .book-name{ overflow: hidden;}
.book-list-detail .book-name h5{ margin: 0;}
.book-list-detail .rating-stars{ overflow: hidden; margin: 0 0 20px;} 
.book-list-detail .rating-stars li:last-child{ color: #999; margin: 0 0 0 10px;}

.book-list-btm{ overflow: hidden; padding: 20px 0 0;}
.book-list-btm .user-likes{ float: left;}
.book-list-btm .user-likes ul li{ float: left; margin: 0 0 0 5px;}
.book-list-btm .user-likes ul li:first-child{ margin: 0;}
.book-list-btm .user-likes ul li:last-child{ margin: 0 0 0 10px; line-height: 30px; color: #999;}

.book-list-btm .like-nd-share{ float: right;}
.book-list-btm .like-nd-share ul li{ float: left; margin: 0 0 0 20px;}
.book-list-btm .like-nd-share ul li:first-child{ margin: 0;}
.book-list-btm .like-nd-share ul li a{ color: #999;}
.book-list-btm .like-nd-share ul li a i{ margin: 0 10px 0 0;}

.book-list-header{ overflow: hidden; margin: 0 0 50px;}
.book-list-header h4{ float: left; font-size: 18px; font-weight: bold; margin: 0;}
.filter-tags-holder ul{ overflow: hidden; float: right;}
.filter-tags-holder ul li{ border: 0; float: left;}
.filter-tags-holder ul li a{ font-size: 12px; font-family: 'Lato', sans-serif; font-weight: normal; border-radius: 40px; height: 24px; line-height: 24px; padding: 0;
text-align: center; min-width: 95px; padding: 0 10px;}
.filter-tags-holder ul li a.selected{ color: #fff;}

/****** About Us ***********************************************************
*********************************************************** About Us ******/
.service-column.style-2{ text-align: center; padding: 30px 20px; margin: 0; border-radius: 10px;}
.service-column.style-2 .service-icon{ display: inline-block; position: static; height: 70px; width: 70px;
line-height: 70px; font-size: 30px; margin: 0 0 30px;}
.service-column.style-2 h4{ font-size: 16px; font-weight: bold;}
.service-column.style-2:hover{
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.20);}

.mission-disc h4{ font-weight: bold; font-size: 24px;}
.mission-disc strong{ font-size: 16px; margin: 0 0 20px; display: block;}

.simple-heading-holder{ text-align: center;}
.simple-heading{ display: inline-block; padding: 0 0 50px;}
.simple-heading h2{ font-size: 36px; font-weight: bold;}

/* Statistic */
.statistic::before{ background: rgba(0,0,0,0.8); z-index: 2; background-size: 100% 100%!important;}
.facts-list ul li{ text-align: center; color: #fff;}
.facts-list ul li i{ display: inline-block; font-size: 30px; margin: 0 0 15px;}
.facts-list ul li strong{ font-size: 36px; font-weight: 800; display: block; margin: 0 0 10px;}
.facts-list ul li span{ font-size: 16px; font-family: 'Merriweather', serif;}

/* Team */
.team-column{
-webkit-box-shadow: 2px 2px 1px 0px rgba(50, 50, 50, 0.14);
-moz-box-shadow:    2px 2px 1px 0px rgba(50, 50, 50, 0.14);
box-shadow:         2px 2px 1px 0px rgba(50, 50, 50, 0.14);}
.team-img{ position: relative; overflow: hidden;} 
.team-img > img{ width: 100%;}
.team-img ul{ width: 100%;}
.team-img ul li{ color: #fff; text-align: center; margin: 0 0 10px;}
.team-img ul li:last-child{ margin: 0;}
.team-img .overlay-padding{ padding: 15px; visibility: hidden; opacity: 0; position: absolute; bottom: 0; height: 0; width: 100%;}
.team-img .overlay{ position: static; border: 5px solid rgba(255,255,2255,0.2); background: rgba(0,0,0,0.5);}
.team-column:hover .overlay-padding{ opacity: 1; visibility: visible; height: 100%;}  

.team-detail{ padding: 30px; border: 1px solid #cfcfcf; border-top: 0; text-align: center;}
.team-detail h5{ margin: 0 0 10px; font-size: 16px; font-weight: bold;}
.team-btm{ text-align: center; border: 1px solid #cfcfcf; border-top: 0; overflow: hidden; padding: 15px 0 10px;}
.team-btm .social-icons{ overflow: hidden; display: inline-block;}

.partners ul { padding: 0; margin: 0; list-style: none; display: block; text-align: center;}
.partners ul li{ display: inline-block; margin: 0 20px;}

.call-action{ background: url(images/call-action-bg.jpg) no-repeat left top/cover; padding: 50px 0;}
.action-text{ float: left;}
.action-text h3{ font-size: 24px; font-weight: bold;}
.action-text strong{ font-size: 18px;}

.call-action .btn-1{ float: right;}

/****** Contant ***********************************************************
*********************************************************** Contant ******/
.address-column{ text-align: center;}
.address-column h6{ font-weight: bold;}
.address-icon{ height: 70px; width: 70px; line-height: 70px; margin: 0 0 30px; text-align: center; border-radius: 100%; 
background: #f8f8f8; color: #555; font-size: 20px; display: inline-block;}
.address-column strong{ font-size: 14px; margin: 0 0 10px; display: block;}
.address-column .social-icons{ display: inline-block;}
.address-column .social-icons li a{ height: 23px; width: 23px; line-height: 23px; font-size: 12px;}
.address-column:hover .address-icon{ color: #fff;}
.address-column p:last-child{ margin: 0;}

.contant-map{ height: 660px;}

/****** Gallery ***********************************************************
*********************************************************** Gallery ******/
.gallery-figure.style-2{ border: 1px solid transparent;}

/****** 404 ***********************************************************
*********************************************************** 404 ******/
.error-area{ width: 67%; margin: 0 auto;}

.error-heading{ position: relative; padding: 0 0 0 272px; margin: 0 0 30px;}
.error-heading > span{ position: absolute; left: 0; font-size: 150px; line-height: 116px; font-weight: 800;}
.error-heading h2{ font-size: 65px; font-weight: bold; line-height: 62px; margin: 0;}
.error-heading h2 span{ display: block;}

.error-area p{ font-size: 18px; text-align: center;}
.error-area form{ position: relative;}
.error-area form .btn-1{ position: absolute; right: 0; height: 100%; padding: 0 35px; border-radius: 0;}

/****** Massonary View ***********************************************************
*********************************************************** Massonary View ******/
.massonary-view{float:left;width:100%;padding:90px 0 120px;}
#blog-masonrywrap{width:100%;float:left;list-style:none;position:relative;margin:0;padding:0;}
.massnory-box{float:left;width:100%;border:1px solid #eee;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:0 0 20px;}
.massnory-box .frame{float:left;width:100%;overflow:hidden;position:relative;}
.massnory-box .frame img{display:block;width:100%;}
.massnory-box .text-box{float:left;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:20px 20px 5px;}
.massnory-box .text-box p{margin:0 0 15px;}
.massnory-box .text-box h3{line-height:25px;margin:0 0 12px;}
.massnory-btm-row{float:left;width:100%;border-top:1px solid #e3e3e3;padding:15px 0;}
.massnory-btm-row .thumb{float:left;width:34px;height:34px;border-radius:100%;overflow:hidden;margin:0 12px 0 0;}
.massnory-btm-row .thumb img{display:block;width:100%;border-radius:100%;}
.massnory-btm-row .text-column{overflow:hidden;}
.massnory-btm-row .text-column strong.title{display:block;font:700 14px/14px Lato, sans-serif;color:#333;padding:0 0 7px;}
.massnory-btm-row .text-column span{display:block;font:400 14px/14px Lato, sans-serif;color:#999;}
.massnory-btm-row .text-column a.like{font-size:14px;text-decoration:none;float:right;color:#999;padding:0 0 0 12px;}
.massonary-view .owl-next{width:27px;height:27px;border:1px solid #fff;border-radius:100%;background:rgba(0,0,0,0.2);position:absolute;right:15px;top:0;bottom:0;font-size:0;margin:auto;}
.massonary-view .owl-next:before{content:"\f105";display:block;color:#fff;font-size:14px;text-align:center;line-height:27px;font-family:FontAwesome;}
.massonary-view .owl-prev{width:27px;height:27px;border:1px solid #fff;border-radius:100%;background:rgba(0,0,0,0.2);position:absolute;left:15px;top:0;bottom:0;font-size:0;margin:auto;}
.massonary-view .owl-prev:before{content:"\f104";display:block;color:#fff;font-size:14px;text-align:center;line-height:27px;font-family:FontAwesome;}
.massonary-view a.btn-load{width:153px;height:41px;display:block;border:1px solid #e8e8e8;border-radius:30px;font:14px/38px Lato, sans-serif;text-align:center;clear:both;text-decoration:none;margin:0 auto;}
.massonary-view a.btn-load .fa{padding:0 7px 0 0;}
.massonary-view a.btn-load:hover{border:1px solid rgba(0,0,0,0);}

.checkbox label:after,
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
    background-image: url('images/checkbox-unchecked.png');
    background-size: cover;
    border: none; /* Remove border if not needed */
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr,
.radio label input[type="radio"]:checked + .cr {
    background-image: url('images/checkbox-checked.png');
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}


    /*
 * Row with equal height columns
 * -----------------------------
 */

.equal {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   flex-wrap: wrap;
  }
#misDatosForm input{
	border:none;
	background-color:white;
}
#misDatosForm{
	padding-top:1%;
}
#misDatosMenu ul li{
	list-style:none;
	padding:15px;		

}
#misDatosMenu  .active{
background-color:#333333;
border:none;
color:white;
}
#misDatosMenu  .active a{
color:#999999;
}
#misDatosMenu  li a{
color:#333333;
text-decoration:none;
font-size:1.4em;
}
#misDatosMenu  li{
border-bottom:1px solid #999999;
}
#misDatosMenu{
	text-align:center;
}
#MISDATOS .editable{
	background-color:lightgrey;
}
.white-panel {
  position: absolute;
  background: white;

  padding: 5px;
}
/* LOGGIN MODAL */

#login-modal .modal-dialog {
    width: 350px;
}

#login-modal input[type=text], input[type=password] {
	margin-top: 10px;
}

#div-login-msg,
#div-lost-msg,
#div-register-msg {
    border: 1px solid #dadfe1;
    height: 30px;
    line-height: 28px;
    transition: all ease-in-out 500ms;
}

#div-login-msg.success,
#div-lost-msg.success,
#div-register-msg.success {
    border: 1px solid #68c3a3;
    background-color: #c8f7c5;
}

#div-login-msg.error,
#div-lost-msg.error,
#div-register-msg.error {
    border: 1px solid #eb575b;
    background-color: #ffcad1;
}

#icon-login-msg,
#icon-lost-msg,
#icon-register-msg {
    width: 30px;
    float: left;
    line-height: 28px;
    text-align: center;
    background-color: #dadfe1;
    margin-right: 5px;
    transition: all ease-in-out 500ms;
}

#icon-login-msg.success,
#icon-lost-msg.success,
#icon-register-msg.success {
    background-color: #68c3a3 !important;
}

#icon-login-msg.error,
#icon-lost-msg.error,
#icon-register-msg.error {
    background-color: #eb575b !important;
}
.boxDisplayFlex {
    display: flex;
    flex-wrap: wrap;
}
.box2 {

    margin: 30px 0 30px;
    padding: 40px;
}
#metodoActivo{
	background-color: rgb(51, 51, 51);
	text-decoration:none;
	color:white;
	cursor:pointer;
	margin: 0 auto;
}
.selectorMetodo{
	font-size: 16px; 
	padding: 20px 20px; 
	width: 50%;
	background-color:rgb(153, 153, 153);
		margin: 0 auto;
		color:white;
	
}
#horarios option{
	
	border:1px solid lightgrey;
	padding:0px 15px;
}#horarios{
	
	color: #999999;
}

.spacer30 { height: 30px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.alertProdcutos{text-align:center;}

.graph-content {
	padding: 10px;
	position: relative;
	overflow: hidden;
}
.graph-content img {
	background-clip: padding-box;
	position: relative;
}
.nav-list{
cursor:pointer;
}
.pagination {
	list-style-type: none;
	padding: 10px 0;
	display: inline-flex;
	justify-content: space-between;
	box-sizing: border-box;
}
.pagination li {
	box-sizing: border-box;
	padding-right: 10px;
}
.pagination li a {
	box-sizing: border-box;
	background-color: #e2e6e6;
	padding: 8px;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #616872;
	border-radius: 4px;
}
.pagination li a:hover {
	background-color: #d4dada;
}
.pagination .next a, .pagination .prev a {
	text-transform: uppercase;
	font-size: 12px;
}
.pagination .currentpage a {
	background-color: #a19a9a;
	color: #fff;
}
.pagination .currentpage a:hover {
	background-color: #111;
}
.activo a{
	color:white;
}
.activo {
	background-color:black;
}
.ribbon {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 50px; /* Ajusta el tamaño del círculo */
    height: 50px; /* Ajusta el tamaño del círculo */
    display: flex;
    align-items: center;
    justify-content: center;
    background: yellow;
    border-radius: 50%;
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.ribbon span {
    font-size: 12px; /* Ajusta el tamaño del texto */
    font-weight: bold;
    color: black;
    text-transform: uppercase;
    text-align: center;
    line-height: 16px; /* Ajusta la altura de la línea según sea necesario */
    display: block;
    width: 50px; /* Asegúrate de que el tamaño del span coincida con el círculo */
    height: 50px; /* Asegúrate de que el tamaño del span coincida con el círculo */
    border-radius: 50%;
    background: yellow;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0; /* Quita el padding para centrar el texto */
    box-sizing: border-box;
}
  .ribbonAdd {
    position: absolute;
    right: -5px; top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px; height: 75px;
    text-align: right;
  }
  
  .ribbonAdd span {
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 100px;
    display: block;
    box-shadow: 0 3px 10px -5px rgb(215, 134, 220);
    background: rgb(215, 134, 220);
    position: absolute;
    top: 19px; right: -21px;
  }
  
  .ribbonAdd span::before {
    content: "";
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #0A2B3B;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #0A2B3B;
  }
  
  .ribbonAdd span::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #0A2B3B;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #0A2B3B;
  }
  .ribbonDestacado {
    position: absolute;
    left: -5px; top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px; height: 75px;
    text-align: left;
  }
  
  .ribbonDestacado span {
    font-size: 10px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    width: 100px;
    display: block;
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    background: rgb(0, 25, 148);
    position: absolute;
    top: 19px; left: -21px;
  }
  
  .ribbonDestacado span::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #0A2B3B;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #0A2B3B;
  }
  
  .ribbonDestacado span::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #0A2B3B;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #0A2B3B;
  }
  

.payment-method{
width:100%;	
}
#order-summary{
	width:100%;	
}
 /* Dropdown Button */
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;} 
.badge{background-color:red !important;}
#hover-content {
    display:none;
}
#parent:hover #hover-content {
    display:block;
}
.fa-info-circle{
	cursor:help;
}


.card{
	padding:3%;
}
  .card-product:after {
    content: "";
    display: table;
    clear: both;
    visibility: hidden; }
  .card-product .price-new, .card-product .price {
    margin-right: 5px; }
  .card-product .price-old {
    color: #999; }
  .card-product .img-wrap {
    border-radius: 3px 3px 0 0;
    overflow: hidden;
    position: relative;
    height: 100%;
    text-align: center; }
    .card-product .img-wrap img {
      max-height: 100%;
      max-width: 100%;
      object-fit: cover; }
      
    .card-product .info-wrap {
    padding: 15px;
    border-top: 1px solid #eee; }
  .card-product .action-wrap {
    padding-top: 4px;
    margin-top: 4px; }
  .card-product .bottom-wrap {
    padding: 15px;
    border-top: 1px solid #eee; }
.card-product .title {
    margin-top: 0;
	  word-wrap:break-word;
	}
	
input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-input {
  /* border: 2px solid #ddd; */
  display: inline-flex;
}

.number-input,
.number-input * {
  box-sizing: border-box;
}

.number-input button {
  outline:none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  margin: 0;
  position: relative;
}

.number-input button:before,
.number-input button:after {
  display: inline-block;
  position: absolute;
  content: '';
  width: 1rem;
  height: 2px;
  background-color: #212121;
  transform: translate(-50%, -50%);
}
.number-input button.plus:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.number-input input[type=number] {
  font-family: sans-serif;
  max-width: 5rem;
  padding: .5rem;
  border: solid #ddd;
  border-width: 0 2px;
  font-size: 2rem;
  height: 3rem;
  font-weight: bold;
  text-align: center;
}
.mostrar{
	display:inline-flex;
}
.number-input{
	margin:5px;
}
.strikeout{
  text-decoration: line-through;
}

/* Extra styling */
td { width: 100px; }
th { text-align: left; }
#loaderContent{
	width: 100%;
	height: 100%;
	z-index: 9998;
	background-color:black;
	opacity:0.9;
	position:fixed;
	top:0;
	left:0;
}
 /*.loader {
    border: 16px solid #f3f3f3; Light grey 
    border-top: 16px solid grey;  
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
	position: fixed;
	left:50%;
	top:50%;
 }

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
*/
.loader{
	background-image:url('images/74H8.gif');
	height: 100%; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: 150px 150px;
}
.hide-loader{
display:block;
}
.glyphicon-chevron-left::before{
	content:'';
}
.glyphicon-chevron-right::before{
	content:'';
}
.card{    
	background: #fff none repeat scroll 0 0;
    border: 1px solid #e6e6e6;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    margin: 5px 0px;
    padding: 5px;
	min-width: 100%;
    border-radius: 15px;
	}
#verMas{
	text-align:center;
}
.zoomWindowContainer {
    width: auto !important;
}
.hidden {
  display: none !important;
}
.topbar .container{
 display:table;
}
.style-1 .container{
 display:table;
}
/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

#pickupSelectDelivery{
	padding:5%;
	margin-bottom:2%;
}
.selectorMetodo {
	cursor:pointer;
}
#start{
	background: url("../images/laEmpresa.jpg");
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	position: absolute;
}
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:30px;
	right:10px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}
div {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.main_nav_menu{
	margin:0 auto;
}
.clearfix {
    zoom: 1
}

.float_left {
    float: left
}

.float_right {
    float: right
}

.trans_200 {
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}

.trans_300 {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease
}

.trans_400 {
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease
}

.trans_500 {
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease
}

.fill_height {
    height: 100%
}

.super_container {
    width: 100%;
    overflow: hidden
}

.prlx_parent {
    overflow: hidden
}

.prlx {
    height: 130% !important
}

.nopadding {
    padding: 0px !important
}

.button {
    display: inline-block;
    background: black;
    border-radius: 5px;
    height: 48px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}

.button a {
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 48px;
    color: #FFFFFF;
    padding-left: 35px;
    padding-right: 35px
}

.button:hover {
    opacity: 0.8
}

.header {
    position: relative;
    width: 100%;
    z-index: 10
}

.top_bar {
    width: 100%;
    background: #fafafa;
    border-bottom: solid 1px rgba(0, 0, 0, 0.05);
    z-index: 2
}

.header.scrolled .top_bar {
    display: none
}

.top_bar_contact {
    display: inline-block
}

.top_bar_contact_item {
    font-size: 16px;
    font-weight: 300;
    line-height: 56px;
    margin-right: 40px
}

.top_bar_contact_item:not(:first-child) {
    margin-right: 0px
}

.top_bar_contact_item a {
    font-size: 16px;
    font-weight: 300;
    line-height: 56px;
    color: #000;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}

.top_bar_contact_item a:hover {
    color: #8a8a8a
}

.top_bar_contact_item:last-child {
    margin-right: 0px
}

.top_bar_icon {
    display: inline-block;
    margin-right: 14px;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px)
}

.top_bar_menu {
    display: inline-block
}

.top_bar_dropdown li {
    padding-left: 13px;
    padding-right: 13px
}

.standard_dropdown li {
    display: inline-block;
    position: relative;
    height: 56px
}

.standard_dropdown li li {
    display: block;
    width: 100%
}

.standard_dropdown li li a {
    display: block;
    width: 100%;
    border-bottom: solid 1px #f2f2f2;
    font-size: 16px
}

.standard_dropdown li:last-child a {
    border-bottom: none
}

.standard_dropdown li.hassubs>a i {
    display: inline-block;
    margin-left: 5px
}

.standard_dropdown li a {
    display: block;
    position: relative;
    font-size: 16px;
    font-weight: 300;
    color: #000000;
    line-height: 56px;
    white-space: nowrap;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}

.standard_dropdown li a:hover {
    color: black
}

.standard_dropdown li a i {
    /* display: none; */
    -webkit-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -o-transform: translateY(-1px);
    transform: translateY(-1px);
    font-size: 12px
}

.standard_dropdown li ul {
    display: block;
    position: absolute;
    top: 120%;
    left: 0;
    width: auto;
    visibility: hidden;
    opacity: 0;
    background: #FFFFFF;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1
}

.standard_dropdown li:hover>ul {
    top: 100%;
    visibility: visible;
    opacity: 1
}

.standard_dropdown ul ul {
    left: 100%;
    top: 0 !important
}

.top_bar_user {
    display: inline-block;
    margin-left: 35px
}

.user_icon {
    display: inline-block;
    margin-right: 7px;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
    width: 15px
}

.user_icon img {
    width: 100%
}

.top_bar_user div {
    display: inline-block
}

.top_bar_user div:nth-child(2) {
    margin-right: 21px
}

.top_bar_user div:nth-child(2)::after {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -13px;
    width: 1px;
    height: 17px;
    background: rgba(0, 0, 0, 0.1);
    content: ''
}

.top_bar_user a {
    font-size: 16px;
    font-weight: 300;
    line-height: 56px;
    color: #000;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}

.top_bar_user a:hover {
    color: #8a8a8a
}

.header_main {
    z-index: 1
}

.header.scrolled .header_main {
    display: none
}

.header_main_item {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.logo_container {
    height: 80px
}

.logo {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.logo a {
    font-size: 36px;
    font-weight: 500;
}

.header_search {
    height: 90px
}

.header_search_content {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header_search_form_container {
    width: 100%;
    height: 50px;
    border: solid 1px #e5e5e5;
    border-radius: 5px
}

.header_search_form {
    width: 100%;
    height: 100%
}

.header_search_input {
    display: block;
    position: relative;
    width: calc((100% - 50px) * 0.601);
    height: 100%;
    line-height: 50px;
    border: none !important;
    outline: none !important;
    padding-left: 26px;
    color: #7f7f7f;
    float: left
}

.header_search_input::-webkit-input-placeholder {
    font-size: 16px !important;
    font-weight: 300;
    line-height: 50px;
    color: #a3a3a3 !important
}

.header_search_input:-moz-placeholder {
    font-size: 16px !important;
    font-weight: 300;
    line-height: 50px;
    color: #a3a3a3 !important
}

.header_search_input::-moz-placeholder {
    font-size: 16px !important;
    font-weight: 300;
    line-height: 50px;
    color: #a3a3a3 !important
}

.header_search_input:-ms-input-placeholder {
    font-size: 16px !important;
    font-weight: 300;
    line-height: 50px;
    color: #a3a3a3 !important
}

.header_search_input::input-placeholder {
    font-size: 16px !important;
    font-weight: 300;
    line-height: 50px;
    color: #a3a3a3 !important
}

.custom_dropdown {
    width: calc((100% - 50px) * 0.399);
    height: 50px;
    float: left;
    padding-left: 26px
}

.custom_dropdown::before {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 1px;
    height: 28px;
    background: #e5e5e5;
    content: ''
}

.custom_dropdown_list i {
    display: inline-block;
    color: #a3a3a3;
    font-size: 10px;
    margin-left: 3px;
    -webkit-transform: translateY(-1px);
    -moz-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    -o-transform: translateY(-1px);
    transform: translateY(-1px)
}

.custom_dropdown_placeholder {
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    color: #a3a3a3;
    line-height: 48px;
    cursor: pointer
}

.custom_dropdown_placeholder i {}

.custom_list {
    text-align: left;
    position: absolute;
    padding: 0;
    top: 75px;
    left: -15px;
    visibility: hidden;
    opacity: 0;
    box-shadow: 0 0 25px rgba(63, 78, 100, 0.15);
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -ms-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: all 0.2s ease
}

.custom_list.active {
    visibility: visible;
    opacity: 1;
    top: 50px;
    box-shadow: 0 0 25px rgba(63, 78, 100, 0.15);
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: all 0.3s ease
}

.custom_list li {
    height: 35px;
    padding-left: 15px;
    padding-right: 15px;
    background: #FFFFFF
}

.custom_list li a {
    display: block;
    color: #a3a3a3;
    line-height: 35px;
    border-bottom: solid 1px #ededed;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}

.custom_list li a:hover {
    color: black
}

select {
    display: inline;
    border: 0;
    width: auto;
    margin-left: 10px;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-bottom: 2px solid #555;
    color: #7b00ff;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

select:hover {
    cursor: pointer
}

select option {
    border: 0;
    border-bottom: 1px solid #555;
    padding: 10px;
    -webkit-appearance: none;
    -moz-appearance: none
}

.header_search_button {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    background: #555;
    border: none;
    outline: none;
    cursor: pointer;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.wishlist_cart {
    height: 90px
}

.wishlist {
    margin-right: 50px
}

.wishlist_icon img {
    width: 100%
}

.wishlist_content {
    margin-left: 14px
}

.wishlist_text a {
    font-size: 18px;
    font-weight: 400;
    color: #000000;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}

.wishlist_text a:hover {
    color: black
}

.wishlist_count {
    margin-top: -2px;
    color: #a3a3a3;
    font-size: 14px
}

.cart_count {
    position: absolute;
    bottom: -1px;
    right: -14px;
    width: 23px;
    height: 23px;
    background: #555;
    border-radius: 50%;
    text-align: center
}

.cart_count span {
    display: block;
    line-height: 23px;
    font-size: 12px;
    color: #FFFFFF;
    -webkit-transform: translateY(1px);
    -moz-transform: translateY(1px);
    -ms-transform: translateY(1px);
    -o-transform: translateY(1px);
    transform: translateY(1px)
}

.cart_icon img {
    width: 100%
}

.cart_content {
    margin-left: 28px
}

.cart_text a {
    font-size: 18px;
    font-weight: 400;
    color: #000000;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}

.cart_text a:hover {
    color: black
}

.cart_price {
    font-size: 14px;
    color: #a3a3a3;
    margin-top: -2px
}

.main_nav {
    width: 100%;
    border-top: solid 1px #f2f2f2;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
    background: #FFFFFF
}

.header.scrolled .main_nav {
    position: fixed;
    top: 0;
    left: 0;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}

.main_nav_content {
    width: 100%;
    height: 60px
}

.cat_menu_container {
    width: 293px;
    height: 100%;
    background: black;
    padding-left: 35px;
    cursor: pointer;
    z-index: 1
}

.cat_menu_title {
    height: 100%
}

.cat_burger {
    width: 18px;
    height: 14px
}

.cat_burger span {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #FFFFFF
}

.cat_burger span:nth-child(2) {
    top: 6px
}

.cat_burger span:nth-child(3) {
    top: 12px
}

.cat_menu_text {
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-left: 20px
}

.cat_menu_container ul {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1);
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: all 0.3s ease
}

.cat_menu_container>ul {
    padding-top: 13px
}

.cat_menu_container:hover .cat_menu {
    visibility: visible;
    opacity: 1
}

.cat_menu li {
    display: block;
    position: relative;
    width: auto;
    height: 46px;
    border-bottom: solid 1px #f2f2f2;
    padding-left: 35px;
    padding-right: 30px;
    white-space: nowrap
}

.cat_menu li.hassubs>a i {
    display: block
}

.cat_menu li a {
    display: block;
    position: relative;
    font-size: 16px;
    font-weight: 300;
    color: #000000;
    line-height: 46px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}

.cat_menu li a:hover {
    color: black
}

.cat_menu li a i {
    display: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    font-size: 12px
}

.cat_menu li ul {
    display: block;
    position: absolute;
    top: 35px;
    left: 100%;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.1)
}

.cat_menu li:hover>ul {
    top: 0;
    visibility: visible;
    opacity: 1
}

.main_nav_dropdown li {
    margin-right: 35px
}

.main_nav_dropdown li:last-child {
    margin-right: 0px
}

.main_nav_dropdown li a {
    font-size: 18px;
    font-weight: 400;
    color: #a19a9a;
    line-height: 60px
}

.main_nav_dropdown li li {
    padding-left: 15px;
    padding-right: 15px;
    margin-right: 0px
}

.menu_trigger_container {
    display: none;
    width: auto;
    height: 100%;
    padding-right: 25px;
    padding-left: 25px;
    cursor: pointer
}

.menu_trigger {
    height: 100%
}

.menu_burger_inner {
    display: inline-block
}

.menu_trigger_text {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-right: 16px
}

.page_menu {
    /* margin-top: 15px; */
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease
}

.page_menu_content {
    height: 0px;
    background: black;
    padding-left: 15px;
    padding-right: 15px;
    overflow: hidden
}

.page_menu_search {
    display: none;
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px
}

.page_menu_search_input {
    width: 100%;
    height: 40px;
    background: #FFFFFF;
    border: none;
    outline: none;
    padding-left: 25px
}

.page_menu_item {
    display: block;
    position: relative;
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
}

.page_menu_item>a {
    display: block;
    color: #FFFFFF;
    font-weight: 500;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}

.page_menu_item > a {
    position: relative;
    color: white; /* Color del texto por defecto */
    text-decoration: none;
  }
  
  .page_menu_item > a::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px; /* Grosor del borde */
    background-color: #3300be; /* Color del borde */
    transition: width 0.8s ease; /* Animación de la anchura */
  }

  .page_menu_item.active > a::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px; /* Grosor del borde */
    background-color: #3300be; /* Color del borde */
    font-weight: 900;
    color:black !important;
  }

  .page_menu_item.active a {
    color: lightgrey;
}
  .page_menu_item > a:hover::before {
    width: 100%; /* Al pasar el ratón, el borde se llena horizontalmente hasta el final */
  }
.page_menu_item a i {
    /* display: none; */
    margin-left: 8px
}

.page_menu_item.has-children>a>i {
    display: inline-block
}

.page_menu_selection {
    margin: 0;
    width: 100%;
    height: 0px;
    overflow: hidden;
    z-index: 1
}

.page_menu_selection li {
    padding-left: 10px;
    padding-right: 10px;
    line-height: 50px
}

.page_menu_selection li a {
    display: block;
    color: #FFFFFF;
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    font-size: 14px;
    text-transform: uppercase;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: all 0.3s ease
}

.page_menu_selection li a:hover {
    color: #b5aec4
}

.page_menu_selection li:last-child a {
    border-bottom: none
}

.menu_contact_item {
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    line-height: 56px;
    margin-right: 40px;
    color: #FFFFFF
}

.menu_contact_item:not(:first-child) {
    margin-right: 0px
}

.menu_contact_item a {
    font-size: 12px;
    font-weight: 300;
    line-height: 56px;
    color: #FFFFFF;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}

.menu_contact_item a:hover {
    color: #8a8a8a
}

.menu_contact_item:last-child {
    margin-right: 0px
}

.menu_contact_icon {
    display: inline-block;
    margin-right: 14px;
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px)
}

@media (min-width: 1200px) {
    .container {
        max-width: 1300px !important
    }
}

@media only screen and (max-width: 1199px) {
    .main_nav_dropdown li {
        margin-right: 30px
    }

    .main_nav_dropdown li a {
        font-size: 16px
    }
}

@media only screen and (max-width: 991px) {
		.thumbnails {
    position: relative !important;
	flex-direction: initial !important;
	}
    .header_search {
        height: 50px
    }

    .custom_dropdown {
        text-align: left
    }

    .main_nav {
        margin-top: 56px
    }

    .main_nav_menu {
        display: none
    }

    .logo_container,
    .wishlist_cart {
        height: 125px
    }

    .main_nav_content {
        background: black
    }

    .menu_trigger_container {
        display: block
    }

    .top_bar_content {
        height: 100%;
    }
    .top_bar {
        height: 100%;
    }

    .top_bar_contact_item {
        font-size: 12px;
        margin-right: 20px;
        line-height: 40px
    }

    .top_bar_contact_item a {
        font-size: 12px;
        line-height: 40px
    }

    .top_bar_icon {
        margin-right: 4px
    }

    .top_bar_icon img {
        width: 70%
    }

    .top_bar_menu {
        display: none
    }

    .top_bar_user a {
        font-size: 12px;
        line-height: 40px
    }

    .user_icon {
        -webkit-transform: translateY(-1px);
        -moz-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
        -o-transform: translateY(-1px);
        transform: translateY(-1px);
        width: 12px
    }
}

@media only screen and (max-width: 767px) {
    .header_search {
        display: none
    }

    .page_menu_search {
        display: block
    }

    .main_nav {
        margin-top: 0px
    }
}

@media only screen and (max-width: 575px) {
    h2 {
        font-size: 24px
    }

    p {
        font-size: 13px
    }

    .top_bar {
        display: none
    }

    .logo_container,
    .wishlist_cart {
        height: 72px
    }

    .logo a {
        font-size: 24px
    }

    .cat_burger {
        width: 16px;
        height: 12px
    }

    .cat_burger span:nth-child(2) {
        top: 5px
    }

    .cat_burger span:nth-child(3) {
        top: 10px
    }

    .menu_trigger_text {
        font-size: 13px;
        margin-right: 10px
    }

    .wishlist {
        margin-right: 23px
    }

    .wishlist_content {
        margin-left: 6px
    }

    .wishlist_text {
        display: none
    }

    .cart_text {
        display: none
    }

    .wishlist_text a,
    .cart_text a {
        font-size: 14px
    }

    .wishlist_count,
    .cart_price {
        font-size: 12px
    }

    .wishlist_icon {
        width: 20px
    }

    .cart_content {
        margin-left: 18px
    }

    .cart_icon {
        width: 17px
    }

    .cart_count {
        width: 21px;
        height: 21px
    }

    .cart_count span {
        line-height: 21px
    }

    .top_bar_user {
        margin-left: 0px
    }

    .header_search {
        display: none
    }

    .main_nav {
        width: calc(100% + 30px);
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 0px
    }

    .main_nav_content {
        height: 35px
    }

    .menu_trigger_container {
        padding-right: 15px
    }

    .page_menu_item>a {
        font-size: 12px
    }

    .page_menu_selection li a {
        font-size: 12px
    }

    .button {
        height: 32px
    }

    .button a {
        font-size: 12px;
        line-height: 32px;
        padding-left: 25px;
        padding-right: 25px
    }
}
/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

#pickupSelectDelivery{
	padding:5%;
	margin-bottom:2%;
}
.selectorMetodo {
	cursor:pointer;
}
#start{
	background: url("../images/laEmpresa.jpg");
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	position: absolute;
}
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:30px;
	right:10px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
  display:none;
}

.my-float{
	margin-top:16px;
}
.box {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e6e6e6;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    padding: 10px;
	height:100%;
}
.stroke{
	  text-decoration: line-through;
}
.stick {
    margin-top: 0;
    position: fixed;
    top: 0;
}
.sticknav {
    margin-top: 0;
    position: fixed;
    top: 0;
	width:100%;
	background-color:white;
}
.stickBottom {
    margin-top: 0;
    position: absolute;
    bottom: 0;
}

.payment-method img{
  transition: filter .5s ease-in-out;
  -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(0%); /* FF 35+ */
}

.payment-method img:hover {
  -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
  cursor:pointer;
}
#deliveryBox{
	 transition: 1s ease-in-out; /* 0.5 second transition effect to slide in the sidepanel */
}
#pickUpBox{
	 transition: 1s ease-in-out; /* 0.5 second transition effect to slide in the sidepanel */
}


.turn_grey{
  transition: filter .5s ease-in-out;
  -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
  filter: grayscale(100%); /* FF 35+ */
}

.breadcrumb-item+.breadcrumb-item::before {
    content: ">"
}

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .1rem 0rem !important;
    margin-bottom: 0rem;
    list-style: none;
    background-color: #ffffff;
    border-radius: .25rem
}

.single_product {
    padding-top: 66px;
    padding-bottom: 140px;
    background-color: #e5e5e5;
    margin-top: 0px;
    padding: 17px
}

.product_name {
    font-size: 20px;
    font-weight: 400;
    margin-top: 0px
}

.badge {
    display: inline-block;
    padding: 0.50em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.product-rating {
    margin-top: 10px
}

.rating-review {
    color: #5b5b5b
}

.product_price {
    display: inline-block;
    font-size: 30px;
    font-weight: 500;
    margin-top: 9px;
    clear: left
}

.product_discount {
    display: inline-block;
    font-size: 17px;
    font-weight: 300;
    margin-top: 9px;
    clear: left;
    margin-left: 10px;
    color: red
}

.product_saved {
    display: inline-block;
    font-size: 15px;
    font-weight: 200;
    color: #999999;
    clear: left
}

.singleline {
    margin-top: 1rem;
    margin-bottom: .40rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.product_info {
    color: #4d4d4d;
    display: inline-block
}

.product_options {
    margin-bottom: 10px
}

.product_description {
    padding-left: 0px
}

.product_quantity {
    width: 104px;
    height: 47px;
    border: solid 1px #e5e5e5;
    border-radius: 3px;
    overflow: hidden;
    padding-left: 8px;
    padding-top: -4px;
    padding-bottom: 44px;
    float: left;
    margin-right: 22px;
    margin-bottom: 11px
}

.order_info {
    margin-top: 18px
}

.shop-button {
    height: 47px
}

.product_fav i {
    line-height: 44px;
    color: #cccccc
}

.product_fav {
    display: inline-block;
    width: 52px;
    height: 46px;
    background: #FFFFFF;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    border-radius: 11%;
    text-align: center;
    cursor: pointer;
    margin-left: 3px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}

.br-dashed {
    border-radius: 5px;
    border: 1px dashed #dddddd;
    margin-top: 6px
}

.pr-info {
    margin-top: 2px;
    padding-left: 2px;
    margin-left: -14px;
    padding-left: 0px
}

.break-all {
    color: #5e5e5e
}

.image_selected {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc(100% + 15px);
    height: 525px;
    -webkit-transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    -o-transform: translateX(-15px);
    transform: translateX(-15px);
    border: solid 1px #e8e8e8;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    padding: 15px
}

.image_list li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 165px;
    border: solid 1px #e8e8e8;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1) !important;
    margin-bottom: 15px;
    cursor: pointer;
    padding: 15px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    overflow: hidden
}

@media (max-width: 390px) {
    .product_fav {
        display: none
    }
}

.bbb_combo {
    width: 100%;
    margin-right: 7%;
    padding-top: 21px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 24px;
    border-radius: 5px;
    margin-top: 0px;
    text-align: -webkit-center
}

.bbb_combo_image {
    width: 170px;
    margin: 0 auto;
}

.fs-10 {
    font-size: 10px
}

.step {
    background: #167af6;
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 6.8em;
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    line-height: 3.6em;
    margin-right: 5px;
    text-align: center;
    width: 3.6em;
    margin-top: 116px
}

.row-underline {
    content: "";
    display: block;
    border-bottom: 2px solid black;
    margin: 0px 0px;
    margin-bottom: 20px;
    margin-top: 15px
}

.deal-text {
    margin-left: -10px;
    font-size: 25px;
    margin-bottom: 10px;
    color: #000;
    font-weight: 700
}

.padding-0 {
    padding-left: 0;
    padding-right: 0
}

.padding-2 {
    margin-right: 2px;
    margin-left: 2px
}

.vertical-line {
    display: inline-block;
    border-left: 3px solid #167af6;
    margin: 0 10px;
    height: 364px;
    margin-top: 4px
}

.p-rating {
    color: green
}

.combo-pricing-item {
    display: flex;
    flex-direction: column
}

.boxo-pricing-items {
    display: inline-flex
}

.combo-plus {
    margin-left: 10px;
    margin-right: 18px;
    margin-top: 10px
}

.add-both-cart-button {
    margin-left: 36px
}

.items_text {
    color: #b0b0b0
}

.combo_item_price {
    font-size: 18px
}

.p_specification {
    font-weight: 500;
    margin-left: 22px
}

.mt-10 {
    margin-top: 10px
}

div {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

ul {
    list-style: none;
    margin-bottom: 0px
}

.single_product {
    padding-top: 16px;
    padding-bottom: 140px
}

.image_list li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 165px;
    border: solid 1px #e8e8e8;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    margin-bottom: 15px;
    cursor: pointer;
    padding: 15px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    overflow: hidden
}

.image_list li:last-child {
    margin-bottom: 0
}

.image_list li:hover {
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3)
}

.image_list li img {
    max-width: 100%
}

.image_selected {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc(100% + 15px);
    height: 525px;
    -webkit-transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    -o-transform: translateX(-15px);
    transform: translateX(-15px);
    border: solid 1px #e8e8e8;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    padding: 15px
}

.image_selected img {
    max-width: 100%
}

.product_category {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5)
}

.product_rating {
    margin-top: 7px
}

.product_rating i {
    margin-right: 4px
}

.product_rating i::before {
    font-size: 13px
}

.product_text {
    margin-top: 27px
}

.product_text p:last-child {
    margin-bottom: 0px
}

.order_info {
    margin-top: 16px
}

.product_quantity {
    width: 182px;
    height: 50px;
    border: solid 1px #e5e5e5;
    border-radius: 5px;
    overflow: hidden;
    padding-left: 25px;
    float: left;
    margin-right: 30px
}

.product_quantity span {
    display: block;
    height: 50px;
    font-size: 16px;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.5);
    line-height: 50px;
    float: left
}

.product_quantity input {
    display: block;
    width: 30px;
    height: 50px;
    border: none;
    outline: none;
    font-size: 16px;
    font-weight: 300;
    color: rgba(0, 0, 0, 0.5);
    text-align: left;
    padding-left: 9px;
    line-height: 50px;
    float: left
}

.quantity_buttons {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 29px;
    border-left: solid 1px #e5e5e5
}

.quantity_inc,
.quantity_dec {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 50%;
    cursor: pointer
}

.quantity_control i {
    font-size: 11px;
    color: rgba(0, 0, 0, 0.3);
    pointer-events: none
}

.quantity_control:active {
    border: solid 1px rgba(14, 140, 228, 0.2)
}

.quantity_inc {
    padding-bottom: 2px;
    justify-content: flex-end;
    border-top-right-radius: 5px
}

.quantity_dec {
    padding-top: 2px;
    justify-content: flex-start;
    border-bottom-right-radius: 5px
}


fieldset.active {
    display: block !important
}

fieldset {
    display: none
}


.product-pic {
    padding-left: auto;
    padding-right: auto;
    width: 100%
}

.thumbnails {
    position: absolute
}

.fit-image {
    width: 100%;
    object-fit: cover
}

.tb {
    width: 62px;
    height: 62px;
    border: 1px solid grey;
    margin: 2px;
    opacity: 0.4;
    cursor: pointer
}

.tb-active {
    opacity: 1
}

.thumbnail-img {
    width: 60px;
    height: 60px
}


 .bbb_viewed {
     padding-top: 51px;
     padding-bottom: 60px;
 }

 .bbb_main_container {
     background-color: #fff;
     padding: 11px
 }

 .bbb_viewed_title_container {
     border-bottom: solid 1px #dadada
 }

 .bbb_viewed_title {
     margin-bottom: 16px;
     margin-top: 8px
 }

 .bbb_viewed_nav_container {
     position: absolute;
     right: -5px;
     bottom: 14px
 }

 .bbb_viewed_nav {
     display: inline-block;
     cursor: pointer
 }

 .bbb_viewed_nav i {
     color: #dadada;
     font-size: 18px;
     padding: 5px;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease
 }

 .bbb_viewed_nav:hover i {
     color: #606264
 }

 .bbb_viewed_prev {
     margin-right: 15px
 }

 .bbb_viewed_slider_container {
     padding-top: 13px
 }

 .bbb_viewed_item {
     width: 100%;
     background: #FFFFFF;
     border-radius: 2px;
     padding-top: 25px;
     padding-bottom: 25px;
     padding-left: 30px;
     padding-right: 30px
 }

 .bbb_viewed_image {
     width: 150px;
 }

 .bbb_viewed_image img {
     display: block;
     max-width: 100%
 }

 .bbb_viewed_content {
     width: 100%;
     margin-top: 25px
 }

 .bbb_viewed_price {
     font-size: 16px;
     color:black;
     font-weight: 900
 }

 .bbb_viewed_item.discount .bbb_viewed_price {
     color: black;
 }

 .bbb_viewed_price span {
     position: relative;
     font-size: 12px;
     font-weight: 400;
     color: rgba(0, 0, 0, 0.6);
     margin-left: 8px
 }

 .bbb_viewed_price span::after {
     display: block;
     position: absolute;
     top: 6px;
     left: -2px;
     width: calc(100% + 4px);
     height: 1px;
     background: #8d8d8d;
 }

 .bbb_viewed_name {
     margin-top: 3px
 }
 .owl-item{
  width:100%;	
 }
 .bbb_viewed_name a {
     font-size: 14px;
     color: #000000;
     -webkit-transition: all 200ms ease;
     -moz-transition: all 200ms ease;
     -ms-transition: all 200ms ease;
     -o-transition: all 200ms ease;
     transition: all 200ms ease
 }

 .bbb_viewed_name a:hover {
     color: #0e8ce4
 }

 .item_marks {
     position: absolute;
     top: 18px;
     left: 18px
 }

 .item_mark {
     display: none;
     width: 36px;
     height: 36px;
     border-radius: 50%;
     color: #FFFFFF;
     font-size: 10px;
     font-weight: 500;
     line-height: 36px;
     text-align: center
 }

 .item_discount {
     background: #df3b3b;
     margin-right: 5px
 }

 .item_new {
     background: #0e8ce4
 }

 .bbb_viewed_item.discount .item_discount {
     display: inline-block
 }

 .bbb_viewed_item.is_new .item_new {
     display: inline-block
 }
/* on mobile browsers, I set a width of 100% */
table.mceLayout, textarea.tinyMCE {
    width: 100% !important;
}

/* on large screens, I use a different layout, so 600px are sufficient */
@media only screen and (min-width: 600px) {
    table.mceLayout, textarea.richEditor {
       width: 600px !important;
    }
}
.cancelado {
  background-color: red;
  padding:5%;
  color:white;

}
.pendiente {
  background-color: #ffdd00;
  padding:5%;
  color:black;

}
.confirmado {
  background-color: Orange;
  padding:5%;
  color:black;

}
.enviado {
  background-color: purple;
  padding:5%;
  color:white;

}
.entregado {
  background-color: green;
  padding:5%;
  color:white;

}
.preparando {
  background-color: blue;
  padding:5%;
  color:white;

}
.oferta{
    text-decoration: line-through;
    color: gray;
}
.nuevoPrecio{
    color: red;
    font-weight: 900;
    font-size: calc(var(--font-scale) * 1.5);
}
.button-size{
    margin-left: 5px;
}
:root {
    --font-scale: 1rem; /* Tamaño base de la fuente */
    --font-ratio: 1.2; /* Proporción entre los tamaños de fuente */
  }
  
.precio{
    font-weight: 700;
    font-size: calc(var(--font-scale) * 1.5);
    color:#3300be;
}

#deliveryBox:hover{
    cursor:pointer;
    background-color:lightgrey;
}
#pickUpBox:hover{
    cursor:pointer;
    background-color:lightgrey;
}
.turn_grey{
    cursor:not-allowed !important;
    background-color:lightgrey;
}

.round {
    position: relative;
  }
  
  .round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    left: 0;
    position: absolute;
    top: 0;
    width: 28px;
  }
  
  .round label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 8px;
    transform: rotate(-45deg);
    width: 12px;
  }
  
  .round input[type="checkbox"] {
    visibility: hidden;
  }
  
  .round input[type="checkbox"]:checked + label {
    background-color: #66bb6a;
    border-color: #66bb6a;
  }
  
  .round input[type="checkbox"]:checked + label:after {
    opacity: 1;
  }
  
  .option {
    position: relative;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 10px;
    border: 1px solid lightgray;
  }
  
  .option.selected {
    border: 3px solid green
  }
  
  .option img {
    max-width: 100%;
    height: auto;
  }
  
  .option .check-mark {
    position: absolute;
    top: 5px;
    right: 5px;
    display: none;
    color: green;
  }
  
  .option.selected .check-mark {
    display: block;
  }
.select2-dropdown{
    z-index: 9999 !important;
  }
.maps{
    height: 300px;
    width: 100%;
  }
.linea_amarilla {
    height:5px;
    background-color: grey;
    width: 55%;
    margin:0 auto;
  } 

.linea_blue {
    height:5px;
    background-color: #3300be;
    width: 35%;
}

.text-filter{
 padding:0;
 margin:0;
}
/* Contenedor con scroll personalizado */
.custom-scroll {
    max-height: 100px; /* Ajusta la altura según tus necesidades */
    overflow-y: auto;
    padding-right: 15px; /* Espacio para la barra de desplazamiento */
    margin-right: -15px; /* Ajuste para evitar la superposición de la barra de desplazamiento */
}

/* Elimina el padding predeterminado del ul y elimina los bullets */
.custom-scroll ul {
    padding-left: 0;
    list-style-type: none;
}

/* Personaliza la barra de desplazamiento en navegadores basados en WebKit (Chrome, Safari) */
.custom-scroll::-webkit-scrollbar {
    width: 8px; /* Ajusta el ancho de la barra de desplazamiento */
}

/* Personaliza la parte de la barra de desplazamiento que el usuario puede arrastrar */
.custom-scroll::-webkit-scrollbar-thumb {
    background-color: #888; /* Color de la barra de desplazamiento */
    border-radius: 10px; /* Bordes redondeados de la barra de desplazamiento */
}

/* Cambia el color de la barra de desplazamiento al pasar el ratón */
.custom-scroll::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

/* Personaliza la pista de la barra de desplazamiento */
.custom-scroll::-webkit-scrollbar-track {
    background: #f1f1f1; /* Color de fondo de la pista de desplazamiento */
}

.custom-header .custom-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: black;
    text-decoration: none;
}

.custom-header a {
    text-decoration: none !important;
}
hr {
    border: none;
    height: 2px;
    background-color: #ccc;
}

.custom-header .custom-link:hover {
    text-decoration: underline;
}

  .shadow {
    -webkit-box-shadow: 8px 10px 7px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 8px 10px 7px 5px rgba(0,0,0,0.5);
    box-shadow: 8px 10px 7px 5px rgba(0,0,0,0.5);
  }

  /* CSS para el filtro en escala de grises */
.grayscale {
    filter: grayscale(100%);
    transition: filter 0.3s ease;
  }

.semi-negrita-italic {
    font-family: 'AvenirNextLTPro-SemiBold-it';
}
.noBorder {
    border:0 !important;
}

.logo-item img {
    transition: opacity 0.5s ease-in-out;
    opacity: 0.7; /* Inicia con una opacidad reducida */
}

.logo-item img:hover {
    opacity: 1; /* Aumenta la opacidad al 100% cuando se pasa el mouse */
}