

	/* GLOBAL */
	
		a, a img, .btn, button, button img { transition: all 0.3s; }
		a { color: #000; }
		a:hover, a:focus { color: #c60001; outline: none; text-decoration: none; }
		html, body { position: relative; height: 100%; min-height: 100%; }
		body { font-family: 'Open Sans', sans-serif; background: #ffffff; /*padding-top: 75px;*/ }
		img { max-width: 100%; }
		ul { list-style-type: none; padding-left: 0; }
		h5.sub_title { margin-bottom: 20px !important; font-size:14px !important; line-height:18px;}	
		
		.row { margin-left: 0; margin-right: 0; }	
		.form-control { border: none; box-shadow: none !important; }
		.w100 { width: 100%; }
		.center { text-align: center; }	
		.no-bg { background: none !important; }	
		.no-pd { padding-left: 0 !important; padding-right: 0 !important; }	
		.no-pd-left { padding-left: 0 !important; }	
		.no-pd-right { padding-right: 0 !important; }	
		.btn { border: none; border-radius: 0; }	
		.btn span { position: relative; top: 2px; }
		.btn:active { box-shadow: none; -webkit-box-shadow: none; }
		.btn:active:focus { background-color: transparent; }
		.form-control, .dropdown-menu, .alert { border-radius: 0 !important; }	
		.form-control:focus::placeholder  {color:transparent;}
		.font-2 { font-family: 'Roboto Condensed', sans-serif; }
		.red { color: #c60001 !important; }
		.white { color: #ffffff !important; }
		.bg-red { background-color: #c60001; }
		.bg-black { background-color: #000; }
		.bg-grey { background-color: #eee; }
		
		.btn-white { color: #fff; border-radius: 25px; border: 2px solid #fff; }
		.btn-white:hover, a:hover .btn-white { color: #fff; background: rgba(0,0,0,0.5); }
		.btn-black { color: #000; border-radius: 25px; border: 2px solid #000; text-transform: uppercase; }
		/* .btn-black:hover, a:hover .btn-black { color: #000; background: rgba(255,255,255,0.7); } */
		.btn-black:hover, a:hover .btn-black { color: #fff; background: #000; }
		.btn-red { color: #c60001; border-radius: 25px; border: 2px solid #c60001; text-transform: uppercase; }
		/* .btn-red:hover, a:hover .btn-red { color: #c60001; background: rgba(255,255,255,0.7); } */
		.btn-red:hover, a:hover .btn-red { color: #fff; background: #c60001; }
		
		.btn-default { background-color: #333; color: #fff; font-weight: 700; }
		.btn-default:hover { background-color: #000; color: #fff; }
		
		.btn-grey { background-color: #555; color: #fff; }
		.btn-grey:hover { background-color: #222; color: #fff; }
		.btn-red2 { background-color: #c60001; color: #fff; }
		.btn-red2:hover { background-color: #7c0006; color: #fff; }
		
		.btn-sm { padding: 3px 10px; line-height: 1.5; text-transform: uppercase; }
		
		.text-white { color: #fff; }
		.text-red { color: #c60001; }
		.link-red { color: #c60001; }
		.link-red:hover { color: #7c0006; text-decoration: underline; }
		.link-grey { color: #777; }
		.link-grey:hover { color: #222; }
		
		span.validate-has-error { display: block; padding-top: 10px; color: #cc3f44; font-size: 12px; }
		
		.loader-window { position: absolute; z-index: 9; width: 250px; height: 50px; border-radius: 25px; top: 200px; left: calc(50% - 125px);
			background: rgba(255,255,255,0.85); box-shadow: 0 3px 5px rgba(0,0,0,0.5); padding: 10px; text-align: center; }
		.loader-window span { vertical-align: top; line-height: 25px; margin-left: 10px; }
		.loader { display: inline-block; border: 4px solid #aaa; border-top: 4px solid #c60001; border-radius: 50%;
			width: 25px; height: 25px; -webkit-animation: spin 2s linear infinite; /* Safari */
			animation: spin 1.2s linear infinite; }

			@-webkit-keyframes spin {
			  0% { -webkit-transform: rotate(0deg); }
			  100% { -webkit-transform: rotate(360deg); }
			}

			@keyframes spin {
			  0% { transform: rotate(0deg); }
			  100% { transform: rotate(360deg); }
			}
		
	/* HEADER */
					
		.navbar { border-radius: 0; margin-bottom: 0; min-height: 70px; box-shadow: none; }
		.navbar-inverse { background-color: #c60001; border: none; }
		.navbar-inverse .navbar-collapse { border: none; box-shadow: none; padding-right: 0; padding-left: 0; }
		.container > .navbar-header { margin-right: 0; margin-left: 0; }
		.navbar-header { float: none; position: relative; width: 100%; text-align: center; }
		.navbar-brand { height: 60px; float: none; display: inline-block; margin: 0 auto; }
		.navbar-brand img { width: 120px; }
						
		.top-right  { float: none; margin: 0 auto 7px auto; }	
		.top-right a { display: inline-block; padding: 2px; position: relative; margin-left: 8px; }
		.top-right a img { width: 32px; height: 32px; }
		.top-right a:hover img, .social a:hover img, .social button:hover img { filter: invert(100%); }
		.shopping-icon > span { background: #000; border-radius: 50%; color: #fff; position: absolute; z-index: 9; text-align: center;
			height: 24px; line-height: 24px; left: 27px; top: -8px; width: 24px; font-family: 'Roboto Condensed', sans-serif; }
			
		.top-account  { float: right; margin: 0 auto; }	
		.top-account a { display: inline-block; padding: 14px 8px; }
		.top-account a:hover { background: rgba(0,0,0,0.6); }
		.top-account a span { color: #888; transition: all 0.3s; }
		.top-account a img { width: 32px; height: 32px; }
		.top-account .dropdown { display: inline-block; }
		.top-account .dropdown:hover .dropdown-menu { display: block; }
		.top-account .dropdown-menu { left: auto !important; right: 0; margin: 0; padding: 0; border: none; }
		.top-account .dropdown:hover a { background: #333; }
		.top-account .dropdown-menu li a { display: block; font-size: 13px; padding: 10px 20px; color: #fff; }
		.top-account .dropdown-menu li a:hover { background: #151515; }
		
		.navbar-center { float: none; display: inline-block; width: 100%; margin-top: 0; }		
		.searchbar .input-group .form-control { background: transparent; color: #fff; font-size: 16px; border-bottom: 2px solid #fff; }		
		.searchbar .input-group .form-control::placeholder { color: #fff; }
		.searchbar .input-group .form-control:focus::placeholder  {color:transparent;}
		.searchbar .input-group-btn button { width: 46px; padding: 0 !important; background: transparent; }
		.searchbar .input-group-btn button img { width: 42px; height: 42px; transition: all 0.3s; }
		.searchbar .input-group-btn button:hover img { filter: invert(100%); }
		.input-select { width: 93px; overflow: hidden; background: url('../images/icons/icon-white-arrow.png') no-repeat 90% 50%; }
		.input-select .form-control { font-size: 13px; padding: 0; appearance: none; -webkit-appearance: none; width: 140%; }
		.input-select select.form-control:hover { background-color: rgba(0,0,0,0.2); cursor: pointer; }
		
		.navbar-2 { min-height: 60px; background: transparent; }				
		.categories .container { position: relative; }
		
		.categ-button { background-color: #151515; height: 60px; }
		.navbar-toggle { position: absolute; top: 5px; left: 15px; margin-left: 0; z-index: 9; }	
		.navbar-toggle .button-label { display: inline-block; float: left; font-weight: bold; padding-left: 10px; line-height: 14PX;
			font-weight: 700; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; color: rgba(255,255,255,0.7); }
		.button-bars { display: inline-block; float: left; }	
		
		.navbar-collapse { position: absolute; top: 0; width: 100%; z-index: 99; }
		.navbar-collapse .nav { background-color: #222; color: #fff; }
		li.mega-dropdown a  { font-size: 13px; font-weight: 700; color: #fff; }
		
		.categories .nav > li > a { border-radius: 0; padding: 15px 15px; border-top: 1px solid rgba(255,255,255,0.1); }
		.categories .nav > li > a:hover, .categories .nav > li:hover > a, .categories .nav > li > a:focus { background-color: #eee; color: #000; }
		.categories .nav .open > a, .categories .nav .open > a:hover, .categories .nav .open > a:focus { border-color: #eee; }
						
		.categs-small { background-color: #ccc; }		
		.categs-small .nav-pills > li > a { border-radius: 0; padding: 8px 0; color: #555; border-top: 1px solid rgba(0,0,0,0.15); }
		.categs-small .nav-pills > li > a span { color: #000; font-size: 16px; position: relative; top: 3px; }
		.categs-small .nav-pills > li > a:hover { color: #000; }
		.categs-small .nav-pills > li > a span { margin-right: 5px; }
		.categs-small .nav-pills > li > a.current, .categs-small .nav-pills > li > a.current:hover { cursor: default; background: none; color: #555; }
			
		.categs-small .container { padding-left: 0; padding-right: 0; }
		.nav-justified > li > a { margin-bottom: 0; }	

		/* Hamburger menu always */
		
			.navbar-toggle { display: block; }
			.navbar-collapse.collapse { display: none!important; }
			.navbar-nav { float: none!important; }
			.navbar-nav>li { float: none; }
			.navbar-collapse.collapse.in{ display:block !important; }
												
	
	/* MAIN */
		
		.main .container { padding-right: 0; padding-left: 0; }
		
		.categs-big {  }
		.categs-big a { display: block; padding: 25px 0; }
		.categs-big a img { width: 60%; }
		.categs-big a:hover { background-color: #f5f5f5; }
		.categs-big .title-2 { border-bottom: 1px solid #eee; padding: 15px 0; margin: 0; font-weight: 700; }
		.categs-big a.current, .categs-big a.current:hover { background-color: #fff; color: #c60001; cursor: default; }
		
		.categs-big-2 { background-color: #ddd; text-transform: uppercase; }
		.categs-big-2 a { padding: 12px 0 8px 0; /* box-shadow: inset 5px 0 8px rgba(0,0,0,0.2); */ }
		.categs-big-2 .col-md-2:first-child a { box-shadow: none; }
		.categs-big-2 a img { width: 80px; }
		.categs-big-2 a h5 { font-weight: 700; }
		
	
}
		/* BANNERS */
		
			.banner-row .col-sm-4 { padding-left: 5px; padding-right: 5px; }
			
			.banners { display: block; margin-top: 5px; background-repeat: no-repeat; background-size: cover; }
			.banners h3 { color: #fff; font-size: 20px; font-weight: 700; margin-top: 0; margin-bottom: 0; }
			.banners h4 { color: #000; }
			.banner-book { background: #444 url('../images/pattern-1.png'); height: 475px; }
			.banner-book h3 { min-height: 72px; }
			.banner-book a { display: block; padding: 20px 0 40px 0; }
			.banner-book a img.cover { display: inline-block !important; height: 240px; margin-bottom: 5px; }
			.banner-book a:hover img.cover { box-shadow: 3px 3px 12px rgba(0,0,0,0.7); }
			
			.banner-book .price { font-size: 18px; }
			.banner-book .price font { text-decoration:line-through; margin-right: 10px; }
			
			/*
			.banner-best { height: 235px; background-color: rgba(0,0,0,0.2); background-image:url('../images/bgs/Book-Banner-3.jpg'); 
				background-position: right top; background-blend-mode: multiply; padding: 20px 0 0 30px; }
			.banner-best:hover { background-color: #fff; }
			.banner-best h3 { min-height: 55px; }
			*/
			
			.banner-digital { height: 235px; background-color: rgba(0,0,0,0.1); background-image:url('../images/bgs/Main-banner-ebooks-final.png'); 
				background-position: 80% top; background-blend-mode: multiply; padding: 20px 0 0 30px; }
			.banner-digital:hover { background-color: rgba(0,0,0,0.2); }
			
			.banner-transport { height: 235px; background-color: rgba(0,0,0,0.2); background-image:url('../images/bgs/banner_Reading.jpg'); 
				background-position: left bottom; background-blend-mode: multiply; padding: 20px 30px 0 0; text-align: right; }
			.banner-transport:hover { background-color: #fff; }
			
			.banner-packages { height: 235px; background-color: rgba(0,0,0,0.2); background-image:url('../images/bgs/What-Is-A-Book-Banner-01.jpg'); 
				background-position: right bottom; background-blend-mode: multiply; padding: 20px 30px 0 0; text-align: right; }
			.banner-packages:hover { background-color: #fff; }
			
			.banner-disney { text-align: center; height: 235px; background-position: center 10%; }
			.banner-disney:hover, .banner-offer:hover { box-shadow: inset 0 0 40px rgba(0,0,0,0.5); }
			.banner-card { text-align: center; height: 300px; background-position: left center; }
			.banner-offer { text-align: center; height: 410px; background-position: 70% center; margin-top: 35px; padding: 30px 0; }
			.banner-offer img { width: 45%; }
			.banner-offer h3 { color: #000; }
			
			/* TAA banner ( bottom left ) */
							
				
				.side-drawer {
					position: fixed; left: 0; bottom: 50px; -webkit-box-shadow: 0 0 10px #ddd; box-shadow: 0 0 15px rgba(0,0,0,0.2); z-index: 99;
					-webkit-transform: translateX(-100%);
					transform: translateX(-100%);
					-webkit-transition: -webkit-transform .3s ease-in-out;
					transition: -webkit-transform .3s ease-in-out;
					transition: transform .3s ease-in-out;
					transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
				}
				.side-drawer.drawer-open {
					-webkit-transform: translateX(0);
					transform: translateX(0);
				}
				
				.side-drawer .side-drawer-container {
					position: relative;
				}
				
				.side-drawer a, .side-drawer a img { display: block; width: 160px; }
				
				.side-drawer .side-drawer-container .drawer-toggle {
					position: absolute;
					right: 0;
					-webkit-transform: translateX(100%);
					transform: translateX(100%);
					background: #c60001;
					padding: 6px;
					top: 0;
					bottom: 0;
					display: -webkit-box;
					display: -ms-flexbox;
					display: flex;
					-webkit-box-align: center;
					-ms-flex-align: center;
					align-items: center;
					-webkit-box-pack: center;
					-ms-flex-pack: center;
					justify-content: center;
					cursor: pointer;
				}
				.side-drawer .side-drawer-container .drawer-toggle img {
					max-width: 26px;
					-webkit-transform: rotate(180deg);
					transform: rotate(180deg);
				}
									
		#carousel-book .carousel-control.right img { position: absolute; top: 50%; transform: translateY(-50%); right: 5px; }
		#carousel-book .carousel-control.left img { position: absolute; top: 50%; transform: translateY(-50%); left: 5px; }
		
		/*
		.title { position: relative; margin-bottom: 20px; }
		.title:before { border-top: 2px solid #ccc; content:""; margin: 0 auto; position: absolute;
			top: 16px; left: 0; right: 0; bottom: 0; width: 100%; z-index: -1; }
		.title span { text-transform: uppercase; background-color: #fff; color: #000; font-weight: 800; padding: 0 15px; }
		*/
		.title { position: relative; margin-bottom: 20px; background-color: #c60001; 
			border-left: 10px solid #222222; transform: skewX(-8deg); padding: 5px 0; }
		.title span { background-color: #c60001; color: #ffffff; font-weight: 800;
			text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; }
		
		.sidebar ul { margin-bottom: 40px; }
		.sidebar ul li a { display: block; text-transform: uppercase; padding: 12px 0 2px 0; border-bottom: 3px solid #000;
			color: #000; font-size: 17px; font-weight: 600; line-height: 18px; }
		.sidebar ul li a:hover { border-bottom: 3px solid #c60001; color: #c60001; }
		.sidebar ul li a.current, .sidebar ul li a.current:hover { border-bottom: 3px solid #c60001; color: #c60001; cursor: default; }
		
		.filters-box { margin-bottom: 10px; }
		.filters-title { float: none; width: 100px; padding: 8px 0; margin: 0 0 1px 0; text-align: center; background: #000; 
			color: #fff; font-weight: 700; }
		.filters { float: none; width: 100%; }
		.filters label { margin: 0 0 1px 1px; background-color: #e6e6e6; overflow: auto; float: left; font-weight: 400; transition: all 0.3s; }
		.filters .justified { display: table; }
		.filters .justified li { display: table-cell; width: 1%; }
		.filters .justified label { display: block; float: none; }
		.filters label:hover { background-color: #666; color: #fff; cursor: pointer; }
		.filters label:hover a { color: #fff; }
		.filters label span { font-size: 12px; text-align: center; padding: 8px 10px; display: block; }
		.filters input:checked + span { background-color: #c60001; color: #fff; }
		
		.results { margin-bottom: 10px;  }
		.results { font-size: 13px; font-weight: 600; text-transform: uppercase; color: #666; margin: 0; }
		.results .col-md-12 { padding-bottom: 10px; border-bottom: 3px solid #ccc; }
		.results span { font-weight: 800; color: #333; }
		.results .pull-right a { margin-left: 8px; color: #555; }
		.results .pull-right a.current { color: #000; }
		.results .pull-right a span { width: 12px; height: 6px; display: inline-block; position: relative; top: -2px;
			background: url('../images/icons/icon-black-arrows.png') left bottom; background-size: 12px 12px; visibility: hidden; }
		.results .pull-right a.current span { visibility: visible; }
		
		.pagination, .page_nav { margin: 10px 0; vertical-align: top; }
		.pagination>li>a, .pagination>li>span, .page_nav>li>a, .page_nav>li>span { border: none; border-radius: 0 !important; 
			color: #666; background-color: #eee; font-size: 15px; font-weight: 600; padding: 4px 9px; margin-right: 1px; }
		.pagination>li>span, .page_nav>li>span { font-weight: 400; }
		.pagination>li>span:focus, .pagination>li>span:hover,
			.page_nav>li>span:focus, .page_nav>li>span:hover { color: #666; background-color: transparent; }
		.pagination>li>a span, .page_nav>li>a span { font-size: 19px; line-height: 16px; }
		.pagination>li>a:focus, .pagination>li>a:hover,
			.page_nav>li>a:focus, .page_nav>li>a:hover { color: #000; background-color: #d8d8d8; }		
		.page_nav>.current_page>a, .page_nav>.current_page>a:focus, .page_nav>.current_page>a:hover { background-color: #c60001; color: #fff; }
		
		.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, 
		.pagination>.active>span:focus, .pagination>.active>span:hover {   
			background-color: #000; border-color: #000; }
		
		.letters span { display: inline-block; margin-top: 11px; vertical-align: top; height: 30px; line-height: 30px;
			background-color: #ddd; width: 80px; padding: 0 0 0 10px; }
		.letters .pagination>li>a { color: #fff; background-color: #c60001; }
		.letters .pagination>li>a:hover, .letters .pagination>li>a:focus { color: #fff; background-color: #555; }
		.letters .pagination>li>a.active, .letters .pagination>li>a.active:focus, .letters .pagination>li>a.active:hover
			 { color: #fff; background-color: #000; cursor: default; }
		
		.letters ul li, .page_nav li { display: inline-block; margin: 1px; }
		.list a { display: block; padding: 8px 8px; line-height: 17px; font-family: 'Roboto Condensed', sans-serif; 
			border-bottom: 1px solid #eee; }
		.list a:hover { background-color: #f5f5f5; }
		
		.input-group-lg .form-control { height: 46px; }
		.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { border-radius: 0; }
		
		.easy-autocomplete-container ul { top: 46px; }
		.easy-autocomplete a { text-align: left; }
		
		.heading { padding-bottom: 7px; border-bottom: 3px solid #ccc; font-weight: 700; color: #000; }
		
		
		/* BOOKS */
		
			.book-box { /* margin-bottom: 40px; */ min-height: 400px; margin-bottom: 20px; }
			.book-box-img { display: inline-block; width: 100%; max-width: 100%; position: relative; overflow: hidden; height:250px; }
			.book-box-img img { width: 100%; }
			.book-box h4 { font-size: 13px; line-height: 1.0; font-weight: 600; height: 41px; 
				margin-bottom: 0; margin-top: 3px; clear: both; overflow-y: hidden; }
			.book-box h5, .book-info h5 { font-size: 12px; line-height: 1.0; margin-top: 3px; margin-bottom: 0; 
				min-height: 27px; clear: both; }
			.book-box h5:nth-of-type(2) a, .book-info h5:nth-of-type(2) a { color: #777777; }
			.book-details .book-info h5 { font-size: 14px; }
			
			.book-price { text-align: left; width: 100%; min-height: 40px; background: #000; color: #fff; clear: both; }
			.book-price, .digital-price { padding: 0 5px 0 10px; }
			.book-price span.price, .digital-price span.price { float: left; }
			.book-price font, .digital-price font { display: block; font-size: 12px; color: #999; text-decoration: line-through; 
				line-height: 14px; margin-top: 5px; }							
			.noline {  text-decoration: none !important; line-height: 7px !important;  }
			.book-price strong { display: block; font-size: 16px; line-height: 19px; font-weight: 600; }
			.digital-price strong { font-size: 16px; line-height: 19px; font-weight: 600; }
			.book-price a, .digital-price a { float: right; margin: 5px 7px 0 0; }
			.digital-price span { float: left; margin-top: 5px; }
			.digital-price span.price { margin-top: 0; }
			.book-price img, .digital-price img { width: 26px; height: 26px; opacity: 0.6; }
			.book-price a span { /* font-size: 21px; */ color: #fff; padding: 5px; transition: all 0.3s; }
			.book-price a:hover span, .book-price a:hover img, .digital-price a:hover span, .digital-price a:hover img { opacity: 1; }	

			.book-details .book-price font,	.book-details .book-price strong { display: inline-block; line-height: 40px; }
			.book-details .book-price strong { margin-left: 10px; }
			
			.book-price .input-group { float: right; width: 90px; margin: 5px 10px 0 0; }
			.book-price .input-group button { background: #eee; border: 1px solid #ddd; font-weight: 700; }
			.book-price .input-group button:hover { background: #ddd; }
			.book-price .input-group input { width: 45px; border: 1px solid #ddd; }
			
			.book-price .product-quantity { float: right; width: 90px; margin: 5px 0 0 0; }
			.book-price .product-quantity input { position: relative; z-index: 2; float: left; width: 45px; height: 38px; 
				text-align: center; border: 1px solid #ddd; }
			.book-price .product-quantity a.cart-plus { float: left; top: -2px; color: #000; font-weight: 700; width: 20px; height: 19px; }
			.book-price .product-quantity a.cart-minus { float: left; top: 18px; left: -22px; color: #000; font-weight: 700; width: 20px; height: 19px; }
			.book-price .product-quantity a.cart-plus:hover, .book-price .product-quantity a.cart-minus:hover 
				{ background: #bbb !important; text-decoration: none; }
			
			.book-price  a.btn-text { margin-top: 5px !important; padding-top: 4px; padding-bottom: 4px; }
			
			.not-available { position: absolute; text-align: center; width: 100%; height: 100%; top: 0; left: 0;
				background-color: rgba(255,255,255,0.6); overflow-y: hidden; z-index: 9; }
			.not-available span { font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight: bold;
				color: #000; text-transform: uppercase; position: relative; top: 45%; }
			
			.digital-price { background: #ddd !important; color: #000; position: relative; clear: both; min-height: 34px; }
			.digital-price img { filter: invert(100%); }
			.digital-price font { color: #666; }
			.digital-price .icon-ebook { width: 26px; height: 26px; display: inline-block; }
			.digital-price .icon-ebook img { width: 26px; height: 26px; /* margin: 5px 0 0 7px; */ }
			
			.book-info .book-price { background: #fff; color: #000 !important; clear: both; min-height: 50px;
				border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
			.book-info .book-price a { display: inline-block; background: #000; margin: 2px 1px; }
			.book-info .book-price font { font-size: 16px; padding-left: 0; }
			.book-info .book-price strong { font-size: 21px; }
			
			.book-info .btn-line a  { display: inline-block; background: #fff; margin-left: 10px; margin-top: 8px; }
			.book-info .btn-line a img { width: 32px; height: 32px; filter: invert(100%); }
	
			.fb-like { position: relative !important; top: 5px; }
			.twitter-share-button { position: relative !important; top: 10px; left: 5px; }
			
			
			.book-list { display: block; clear: both; margin-bottom: 20px; }
			.book-list .book-info h5 a { color: #000; }
			.book-list .book-info .btn-line { margin-top: 20px; }
			.book-list .book-info .btn-line font { font-size: 13px; color: #666; text-decoration: line-through; }
			.book-list .book-info .btn-line a img { width: 26px; height: 26px; }
			
			.btn-text { padding-right: 15px; padding-left: 10px; font-weight: 700; color: #fff !important; }
			.btn-text:hover { background-color: #c60001 !important; color: #fff; text-decoration: none !important; }
			.btn-text:hover img { background-color: transparent !important; }
			
			.nav-tabs { background-color: #eeeeee; padding-left: 20px; padding-top: 10px;
				border-bottom: 1px solid #cccccc; border-radius: 5px 5px 0 0; }
			.nav-tabs>li>a { font-weight: bold; color: #555555; }
			.nav-tabs>li>a:focus, .nav-tabs>li>a:hover { background-color: #ffffff; color: #000000; }
			.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
				color: #000000; border: 1px solid #cccccc; border-bottom-color: transparent; }
			.tab-content>.tab-pane { padding: 0 20px; }
			
			/*
			.badge-dis { width: 72px; height: 72px; position: absolute; left: -15px; top: -15px; text-align: center; border-radius: 50%; 
				border: 3px solid #fff; box-shadow: 3px 8px 12px rgba(0,0,0,0.6); transform: rotate(-30deg); }
			.badge-dis span { line-height: 68px; font-family: 'Roboto Condensed', sans-serif; font-size: 12px; text-transform: uppercase; color: #fff; }
			*/
			
			.badge-dis { position: absolute; text-align: center; width: 150px; top: 15px; left: -45px; 
				transform: rotate(-45deg); -webkit-transform: rotate(-45deg); box-shadow: 0 2px 2px rgb(0,0,0,0.5); }
			.badge-dis span { font-family: 'Roboto Condensed', sans-serif; font-size: 10px; line-height: 28px; 
				letter-spacing: 1px; color: #fff; text-transform: uppercase; }
			
			.badge-dis-shipping { position: absolute; text-align: center; width: 150px; height: 30px; background: #047FAF;
				top: calc(100% - 40px); left: calc(100% - 100px); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
			.badge-dis-shipping span { font-family: 'Roboto Condensed', sans-serif; font-size: 10px; line-height: 10px; 
				letter-spacing: 1px; color: #fff; text-transform: uppercase; width: 60px; display: inline-block;
				margin-top: 5px; }
							
		.big-icons .col-md-3 { background-color: #eee; box-shadow: inset 3px -3px 6px rgba(0,0,0,0.2); text-align: center; 
			padding: 20px 0 40px 0; }
		.big-icons .col-md-3:nth-of-type(even) { background-color: #ddd; }
		.big-icons  img { display: inline-block; width: 35%; margin-bottom: 20px; opacity: 0.8; }
		.big-icons  h4 { margin: 0; line-height: 23px; color: #666; }
		.big-icons  h4 strong { color: #333; }
		
		.social { background-color: #c60001; padding: 30px 0; }
		.social .col-sm-3 { padding-top: 10px; padding-bottom: 10px; text-align: center; }
		.social .col-sm-6 { padding-top: 10px; padding-bottom: 10px; }
		.social span strong { display: inline-block; color: #fff; }
		.social a { display: inline-block; width: 46px; height: 46px; border-radius: 50%; padding: 0 0; }
		
		.newsletter h4 { color: #000; font-weight: 700; margin: 0 0 20px 0; text-align: center; }
		.newsletter .input-group { border-bottom: 2px solid #fff; }
		.newsletter .form-control { background: transparent; border: none; box-shadow: none; color: #fff; height: 38px;
			font-size: 16px; font-family: 'Roboto Condensed', sans-serif; }
		.newsletter .form-control::placeholder { color: #fff; text-align: center; font-family: 'Roboto Condensed', sans-serif; }
		.newsletter .form-control:focus::placeholder  {color:transparent;}
		.newsletter .input-group-btn button { width: 30px; padding: 0 !important; background: transparent; }
		
		.bread a, .book-info a { color: #c60001; }
		.bread a:hover, .book-info a:hover { text-decoration: underline; }
		
		.breadcrumbs-area { background-color: #fff; padding: 15px 0 15px 25px; }
		.breadcrumbs-menu{}
		.breadcrumbs-menu ul{}
		.breadcrumbs-menu ul li {
		  display: inline-block;
		  padding-right: 5px;
		}
		.breadcrumbs-menu ul li a{
			color: #333;
			text-decoration: none;
			text-transform:capitalize;
		}
		.breadcrumbs-menu ul li a:hover{
			color: #333;
			text-decoration: none;
			text-transform:capitalize;
			 color:#c60001;
		}
		.breadcrumbs-menu ul li i {
		  padding-left: 6px;
		  font-size:9px;
		  color:#c60001;
		}
		.breadcrumbs-menu ul li a.active{
			color:#e23e57;
		}
		
		/* FORMS */
		
			.form-outer { padding: 0 20px; text-align: left; }	
			.form-outer form .form-group { margin-bottom: 0; }
			.form-outer form .form-control { border: 2px solid #ddd; height: 52px; padding: 13px 16px; }
			.form-outer form .control-label { width: 100%; margin: 0; height: 52px; padding: 10px 16px; 
				font-size: 16px; border: 2px solid #ddd; background: #f6f6f6; }
			.form-outer form .control-label span { font-size: 22px; margin-left: 10px; top: 4px; color: #888; }
			.form-outer form .form-control:focus { border-color: #ddd; background: #f9f9f9; box-shadow: none; }
			.form-outer form select.form-control:hover { cursor: pointer; }
			.form-outer form textarea { height: auto !important; }
			
			.contact-info { text-align: left; padding-top: 10px; padding-bottom: 10px; }					
		
		
		/* MEGA DROPDOWN */
		
			/* .mega-dropdown { position: static !important; } */
			.dropdown-menu { top: 0; left: 0; }
			.mega-dropdown-menu { padding: 20px 0px; width: 100%; min-height: 294px; margin: 0; box-shadow: none; 
				-webkit-box-shadow: none; top: 0; left: 100%; border: none; background: #eee; }
			.mega-dropdown-menu > li > ul { padding: 0; margin: 0; }
			.mega-dropdown-menu > li > ul > li { list-style: none; }
			.mega-dropdown-menu > li > ul > li.dropdown-header { list-style: none; font-weight: 700; padding-left: 5px; color: #000; white-space: normal; }
			.mega-dropdown-menu > li > ul > li > a { display: block; color: #222; padding: 3px 5px; font-weight: 400; }
		
			.mega-dropdown .container { box-shadow: 3px 3px 8px rgba(0,0,0,0.3); }
			.mega-dropdown .dropdown-toggle { text-transform: uppercase; }
			.mega-dropdown h4 { font-weight: 700; padding-left: 15px; padding-top: 20px; margin-top: 0; }
			.mega-dropdown a { display: block; color: #000; padding: 5px 15px; }
			.mega-dropdown a font { color: #c60001; font-weight: 700; }
			.mega-dropdown a:hover { background-color: rgba(0,0,0,0.1); color: #000; }
			.mega-dropdown span.label { margin-left: 15px; }
			.mega-dropdown .col-sm-5 { background-color: #e8e8e8; }
			
			.list-small { border-bottom: 1px solid #e8e8e8; }
			.list-small img { width: 40px; }
			.list-small h5 { font-size: 20px; margin: 5px 0; color: #555; padding-left: 15px; }
			.list-small .pull-right { padding-top: 10px; }
			.list-small .pull-right span { font-size: 14px; color: #888; text-decoration: line-through; }
			
			.mega-dropdown-links { background-color: #f7f7f7; padding: 0 0 20px 0; }
			.mega-dropdown-links a span { color: #777; float: right; }

			
		/* LOGIN */
		
		.panel-login {
			margin: 30px 0;
			border-radius: 0;
			-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
			-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
			box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
		}
		.panel-login>.panel-heading {
			color: #c60001;
			background-color: #fff;
			border-color: #fff;
			text-align:center;
			padding: 0;
		}
		.panel-login>.panel-heading a{
			text-decoration: none;
			color: #777;
			font-weight: 600;
			font-size: 18px;
			-webkit-transition: all 0.1s linear;
			-moz-transition: all 0.1s linear;
			transition: all 0.1s linear;
		}
		.panel-login>.panel-heading a.active{
			color: #c60001;
			font-size: 18px;
		}
		.panel-login>.panel-heading hr{
			margin-top: 10px;
			margin-bottom: 0px;
			clear: both;
			border: 0;
			height: 1px;
			background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0));
			background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
			background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
			background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
		}
		.panel-login input[type="text"],.panel-login input[type="email"],.panel-login input[type="password"] {
			height: 45px;
			border: 1px solid #ddd;
			font-size: 16px;
			-webkit-transition: all 0.1s linear;
			-moz-transition: all 0.1s linear;
			transition: all 0.1s linear;
		}
		.panel-login input:hover,
		.panel-login input:focus {
			outline:none;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
			border-color: #ccc;
		}
		.btn-login {
			background-color: #000;
			outline: none;
			color: #fff;
			font-size: 14px;
			height: auto;
			font-weight: normal;
			padding: 14px 0;
			text-transform: uppercase;
			border-color: #000;
		}
		.btn-login:hover,
		.btn-login:focus {
			color: #fff;
			background-color: #c60001;
			border-color: #c60001;
		}
		.forgot-password {
			text-decoration: underline;
			color: #888;
		}
		.forgot-password:hover,
		.forgot-password:focus {
			text-decoration: underline;
			color: #666;
		}

		.btn-register {
			background-color: #000;
			outline: none;
			color: #fff;
			font-size: 14px;
			height: auto;
			font-weight: normal;
			padding: 14px 0;
			text-transform: uppercase;
			border-color: #000;
		}
		.btn-register:hover,
		.btn-register:focus {
			color: #fff;
			background-color: #c60001;
			border-color: #c60001;
		}

		#login-Tabs>li>a { font-family: 'Roboto Condensed', sans-serif; border: none; border-radius: 0; background-color: #ddd; }
		#login-Tabs>li>a:hover { background-color: #ccc; }
		#login-Tabs>li.active>a, #login-Tabs>li.active>a:hover { background-color: #fff; }
		
		.account-Tabs { font-family: 'Roboto Condensed', sans-serif; font-weight: 700; }
		
		.account-form .heading { margin-bottom: 30px; }
		.account-form form { margin-bottom: 30px; }
		.account-form .form-control { border: 1px solid #ccc; } 
		.account-form table th, .account-form table td { text-align: center; vertical-align: middle !important; }
		
		.address-box { margin: 0 0 10px 0; }
		.address-box span { display: inline-block; vertical-align: top; line-height: 21px; margin: 0 0 0 5px; }
		.address-box a { font-size: 21px; }
		
		.a-center a { font-size: 18px; }
		
	
	/* CHECKOUT */
	
		#checkout_process_wrapper .table-content table td.product-name { padding: 3px 0; }
		#checkout_process_wrapper .bg-grey { padding-top: 10px; padding-bottom: 10px; }
		#checkout_process_wrapper p.cart-code { margin-bottom: 0; }
		#checkout_process_wrapper p.cart-qnt { display: inline-block; margin-bottom: 0; }
		#checkout_process_wrapper .table-content table, #checkout_process_wrapper .table-content table td { border: none !important; }
		
		#checkout_process_wrapper h4 { border-bottom: 3px solid rgba(0,0,0,0.1); padding-bottom: 7px; margin-bottom: 20px; }
		
		#checkout_process_wrapper hr { margin-top: 7px; margin-bottom: 7px; }
		
		/* The container */
		.radio-container {
		  display: block;
		  position: relative;
		  padding-left: 30px;
		  padding-top: 2px;
		  margin-bottom: 12px;
		  margin-right: 12px;
		  cursor: pointer;
		  font-size: 14px;
		  -webkit-user-select: none;
		  -moz-user-select: none;
		  -ms-user-select: none;
		  user-select: none;
		}
		
		#checkout_process_wrapper .bg-grey .radio-container { display: inline-block; }
		
		.radio-container font { font-weight: normal; }

		/* Hide the browser's default radio button */
		.radio-container input {
		  position: absolute;
		  opacity: 0;
		  cursor: pointer;
		}

		/* Create a custom radio button */
		.checkmark {
		  position: absolute;
		  top: 0;
		  left: 0;
		  height: 23px;
		  width: 23px;
		  background-color: #fff;
		  border-radius: 50%;
		  border: 1px solid #bbb;
		}

		/* On mouse-over, add a grey background color */
		.radio-container:hover input ~ .checkmark {
		  background-color: #ccc;
		}

		/* When the radio button is checked, add a blue background */
		.radio-container input:checked ~ .checkmark {
		  background-color: #c60001;
		}

		/* Create the indicator (the dot/circle - hidden when not checked) */
		.checkmark:after {
		  content: "";
		  position: absolute;
		  display: none;
		}

		/* Show the indicator (dot/circle) when checked */
		.radio-container input:checked ~ .checkmark:after {
		  display: block;
		}

		/* Style the indicator (dot/circle) */
		.radio-container .checkmark:after {
			top: 6px;
			left: 6px;
			width: 9px;
			height: 9px;
			border-radius: 50%;
			background: white;
		}
		
		.overlay-white { position: relative; }
		.overlay-white .row { position: relative; z-index: -1; }
		.overlay-white-in { position: absolute; width:100%; height: 100%; left: 0; top: 0; z-index: 1; background-color: rgba(255,255,255,0.7); }
		
		.checkout-login .bg-grey { padding: 10px 15px; margin-bottom: 10px; }
		.checkout-login .bg-grey h5 { font-weight: 800; }
		.checkout-login .text-center .btn-login { padding: 10px 12px !important; margin-right: 10px; }
		.checkout-login .text-center .btn-login, .checkout-login .text-center a { display: inline-block; vertical-align: top; }
		
		.arrow-up { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent;		  
			border-bottom: 8px solid #ddd; margin-left: 20px; }
		
				
	/* FOOTER */
		
		.footer { padding: 50px 0 40px 0; background: #111; color: #ccc; }		
		.footer-logo { display: inline-block; margin-bottom: 10px; }
		.footer h4 { margin-top: 20px; margin-bottom: 10px; font-weight: 700; color: #fff; }
		.footer a, .footer p { font-family: 'Roboto Condensed', sans-serif; line-height: 26px; }
		.footer a { color: #c60001; }
		.footer a:hover { color: #fff; }
		.footer ul { margin-bottom: 20px; }
		.footer ul li a { display: block; text-transform: uppercase; }
		
		.copyright { background: #000; padding: 15px 0; }
		.copyright p { color: #555; margin-bottom: 0; }
		
								

/* adafos */

.alert-minimalist {
	background-color: rgb(241, 242, 240);
	border-color: rgba(149, 149, 149, 0.3);
	/*border-radius: 3px;*/
	color: rgb(149, 149, 149);
	padding: 10px;
}
.alert-minimalist > [data-notify="icon"] {
	height: 80px;
	margin-right: 12px;
	padding:0 10px;
	background:#fff;
}
.alert-minimalist > [data-notify="title"] {
	color: rgb(51, 51, 51);
	display: block;
	font-weight: bold;
	margin-bottom: 5px;	
}
.alert-minimalist > [data-notify="message"] {
	font-size: 90%;
	line-height:140%;
}


.table-content table {
  background: #fff none repeat scroll 0 0;
  border-color: #e5e5e5;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  margin: 0 0 20px 0;
  text-align: center;
  width: 100%;
}

.table-content thead th { background: #333; color: #fff; }

.table-content thead th.product-name { text-align: left; }

.table-content table th, .table-content table td {
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.table-content table th {
  border-top: medium none;
  font-weight: normal;
  padding: 20px 10px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
}
.table-content table {
  text-align: center;
}
.table-content table td {
  border-top: medium none;
  font-size: 14px;
  padding: 20px 10px;
  vertical-align: middle !important;
}
.table-content table td.product-thumbnail {

}
.table-content table td.product-name a {
  color: #333;
  font-size: 14px;
  font-weight: 700;
  /*margin-left: 10px;*/
  text-decoration:none;
}

.table-content table td.product-name a.icon-ebook { display: inline-block; width: 30px; height: 30px; }
.table-content table td.product-name a.icon-ebook img { filter: invert(100%); width: 30px; height: 30px; opacity: 0.6; }
.table-content table td.product-name a.icon-ebook:hover img { opacity: 1; }

a.cart-plus { width: 20px; height: 20px; font-size: 15px; position: relative; top: -10px; background: #eee !important; padding: 0 4px;  }
a.cart-minus { width: 21px; height: 20px;  font-size: 15px; position: relative; top: 10px; left: -21px; background: #eee !important; padding: 0 0 0 7px; }
a.cart-minus i { position: relative; left: -3px; }
a.cart-plus:hover, a.cart-minus:hover { background: #000; color: #fff; }

.table-content table td input {
  background: #e5e5e5 none repeat scroll 0 0;
  border: medium none;
  border-radius: 3px;
  color: #6f6f6f;
  font-size: 15px;
  font-weight: normal;
  height: 40px;
  padding: 0 5px 0 10px;
  width: 60px;
}
.table-content table td.product-subtotal {
  font-size: 14px;
  font-weight: bold;

}
.table-content table .product-price .amount {
  font-size: 15px;
  font-weight: 700;
}

/*
.table-content table td.product-remove a {
	background: #c60001; color: #fff; height: 26px; line-height: 16px; display: inline-block; width: 26px; border-radius: 50%; padding: 5px;
}
.table-content table td.product-remove i {
  font-size: 16px; 
}	
*/

.table-content table td.product-remove a { display: inline-block; }
.table-content table td.product-remove a span { font-size: 21px; }
	
.table-content table td.product-name {
    text-align: left;
}

.borderless td, .borderless th {
    border: none !important;
}
.product_code { color: #999 }


.complete-order { text-align:center; margin:20px 0 40px 0;}
.complete-order .fa {color:green; font-size:96px;}
.complete-order .order-number { color:#c60001; margin-bottom:10px; font-weight:700;}
.complete-order p { font-size:16px; }
.complete-order .complete-help-text {
	text-align:left !important;
	font-size:15px !important;
	margin-top:30px;
}
.complete-order .complete-help-text p { font-size:15px !important; }

.book-info .book-price a.icon-ebook { 
	background:none #ddd; 
	margin-top: 5px !important;
    padding-top: 6px;
    padding-bottom: 6px;
}
.book-info .book-price a.icon-ebook img {
    width: 26px !important;
    height: 26px !important;
    background:none !important;
    opacity: 0.6;
    filter: invert(100%);
}
.required-red {color:red}

a.collapse-btn[aria-expanded=true] .glyphicon-chevron-down {
   display: none;
}
a.collapse-btn[aria-expanded=false] .glyphicon-chevron-up {
   display: none;
}

.mobile-hide { display: block; }
.mobile-inline-hide { display: inline-block; }
.mobile-show, .mobile-inline-show { display: none; }

/* RESPONSIVE */
		
	
	@media (min-width: 768px) {  						
		.container { padding-right: 15px; padding-left: 15px; }			
		.navbar-brand { height: 80px; float: left; margin: 0; padding-top: 20px; }
		.navbar-center { width: 40%; margin: 5px auto; }
		.searchbar { margin-top: 18px; }
		.top-right { float: right; margin: 25px 10px 0 0; }			
		.categories { min-height: 60px; }
		.navbar-collapse { width: auto; }
		.filters-title { float: left; }
		.filters { float: right; width: calc(100% - 102px); }
		.filters label span { font-size: 14px; }			
		.footer-logo, .footer h4 { margin-bottom: 30px; }

		.mega-dropdown { position: static !important; }
		.mega-dropdown-menu { width: 525px; }
		.mega-dropdown .container { display: flex; }
		.mega-dropdown .col-md-5 { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
		
		.checkout-login .bg-grey { min-height: 220px; }
	}
	
	@media (min-width: 990px) {  
		.mega-dropdown-menu { width: 750px; }
	}
	
	@media (min-width: 1199px) {  
		.mega-dropdown-menu { width: 945px; }
	}
		
	@media (max-width: 1199px) {
		.book-box-img { height: 300px; }
	}
		
	@media (max-width: 768px) {
		body { /*padding-top: 163px;*/ }
		.filters .justified li { display: inline-block; float: left; width: auto; }
		.footer .col-sm-3 { text-align: center; }
		.footer p { line-height: 18px; }
		/*
		.book-details .book-price a, .book-details .book-price .input-group { float: left; margin-right: 5px; margin-bottom: 5px; }
		*/
		.book-details .book-price span.price 
			{ display: block; width: 100%; text-align: center; border-bottom: 1px solid #eee;}
		.book-details .book-price .product-quantity, .book-details .book-price a, .book-details .book-price .btn-line, 
		.book-details .book-price .btn-line a 
			{ display: inline-block; vertical-align: top; }
		
		.navbar-2 #navbar { height: 400px; }
		.dropdown-menu {
			top: 49px;
			left: 0;
		}
		
		.table-content table td { display: inline-block; }
		.table-content table td.product-name { width: 100%; padding-left: 15px !important; }
		.book-box-img { height: auto; }
		
		.mobile-hide, .mobile-inline-hide { display: none; }
		.mobile-show { display: block; }
		.mobile-inline-show { display: inline-block; }
	}
	
		