/*-------------------------------------------------------------------------------------
	Project Name: Jomes Reha
	Description: Shop Online
	Author: Bitempest
-------------------------------------------------------------------------------------*/

body { background: url('../img/bg.jpg') repeat; }

.container {
	margin: 30px auto;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0px 9px 22px 0px rgba(50, 50, 50, 0.34);
}

/*** =miscellaneous ***/

.btn-jom {
	color: #333;
	background: #d8d8d8;
	border-color: #adadad;
}

.btn-jom:hover { background: #c6c6c6; }


.btn-login { margin-right: 10px; }
.btn-login span, .btn-register span { margin-right: 5px; }

.btn-search { 
	/*margin-left: -24px;*/
	border: 1px solid #ccc; 
	border-left: none;
	border-radius: 0px 4px 4px 0px;
	background: #eee;
}
.btn-search:hover { background: #ddd; }
.search-input {
	border-radius: 4px 0px 0px 4px;
}
.no-padding { padding: 0px !important; }

@media(max-width: 769px) {
	.search-form, .search-group { width: 100% !important; }
	.search-input { border-radius: 4px; }
	.btn-search { display: none; }
}


/* shopping cart */

.cart {
	padding: 7px 6px 3px;
	color: #fff;
	background: #3E3E3E;
	font-size: 17px;
}

.cart:hover { 
	color: #fff;
	background: #424242;
	text-decoration: none;
}

.cart .badge {
	position: relative;
	top: -2px;
	background: #5bc0de;
}

.cart-label { 
	position: relative;
	top: -2px;
	font-size: 14px;
	padding-right: 5px;
}

@media(max-width: 993px ) {
	.cart-label { display: none; }
}


/*** =header ***/

.billboard {
	max-width: 1140px;
	width: 100%;
	height: auto;
	margin-top: 15px;
	border-radius: 23px 23px 0px 0px;
}

/* navigation */

.primary-nav {
	height: auto;
	margin-bottom: 0px;
	padding-right: 15px;
	border: none;
	border-radius: 0px;
	background: #787878;
	background: linear-gradient(to bottom, #787878 0%, #434343 100%);
}

.primary-nav.navbar {
	min-height: 15px;
	border-bottom: 3px solid #2ea2c5;
}

.primary-nav.navbar-default .navbar-nav > li > a {
	padding: 8px 10px;
	color: #fff;
}

.primary-nav .navbar-nav li.active a,
.primary-nav .navbar-nav li.active:hover a { 
	color: #fff;
	background: #2ea2c5;
}

.primary-nav .navbar-nav li.active a {
	margin-top: -7px;
	padding: 15px 17px 8px;
	border-radius: 5px 5px 0px 0px;
}

.primary-nav .navbar-nav li:hover a {
	background: #3E3E3E;
	color: #fff;
}

.primary-nav button.navbar-toggle { background: #ddd; }
.primary-nav button.navbar-toggle:hover { background: transparent; }

@media(max-width: 769px) {
	.primary-nav { padding-left: 15px; }

	.primary-nav .navbar-nav li.active a {
		padding: 8px 10px;
		border-radius: 0px;
	}
}

/* search & login & register */

.jom-panel { 
	border-radius: 0px;
	background: #ededed; 
}

@media(max-width: 769px) {
	.btn-register { 
		float: right; 
		margin-bottom: 20px; 
	}
}


/*** =aside ***/

.menu-items .panel-heading {
	padding: 9px 0px 7px 15px;
	color: #fff;
	background: #636262;
	box-shadow: 0 4px 0 0 #bababa;
}

.menu-items .panel-title { font-size: 14px; }

.category-name:hover,
.category-name:focus { 
	color: #fff; 
}

.left-nav .panel { margin-bottom: 5px; }

.left-nav .panel-body { padding: 0; }

.left-nav td { padding: 10px 0 7px 15px !important; }

.left-nav .table { margin-bottom: 3px; }

@media(max-width: 992px) { .left-nav { margin-bottom: 30px; } }


/*** =content / welcome ***/

.welcome .panel-body img,
.categories .panel-body img {
	width: 85%;
	height: 127px;
}

.welcome .panel-footer { text-align: center; }
.welcome .panel-footer .badge { background: #999; }

@media(max-width: 1206px) {
	.welcome .panel-footer .badge { float: none; }

	.welcome .panel-footer { text-align: center; }
}

@media(max-width: 992px) {
	.welcome .panel-body img {
		width: 60%;
		height: auto;
	}

	.welcome .panel-footer { text-align: left; }

	.welcome .panel-footer .badge { float: right; }
}

@media(max-width: 500px) {
	.welcome .panel-footer .badge { float: none; }

	.welcome .panel-footer { text-align: center; }
}

.welcome .well {
	margin: 10px 0 30px;
	border-radius: 0px;
	border: none;
}

.welcome .well p { margin-top: 30px; }


/* =forgot password */

.recover-password { padding: 20px 15px 50px; }
.recovery-instructions { margin-bottom: 30px; }

/* =about */

.about p, .services p { margin-bottom: 35px; }
.about-img {
	width: 100%;
	max-width: 300px;
	height: auto;
	display: block;
}


/* =terms */

.terms h4 { margin-top: 50px; }
.terms h4:first-of-type { margin-top: 10px; }
.terms p { margin-bottom: 15px; }
.terms span { display: block; }


/* =categories */
.categories .panel-footer { text-align: center; }


/* =products */

.products .row {
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	padding-bottom: 20px;
}

.products .row:last-of-type { 
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom: none; 
}

.products img { max-width: 100px; }

.products h4 { margin: 0px 0 5px 0; }

.products h4 a { margin-right: 10px; }

.products .badge { margin-bottom: 19px; }

.products .offer { display: inline-block; }
.products .quantity, .products .offer { margin-bottom: 10px; }

.products .btn { width: 100%; }

.products .add-to-cart .btn-offer { margin-top: 23px; }

@media(max-width: 768px) { .products .row { text-align: center; } }


/* =presentation */

.popup-gallery img {
	max-width: 45px;
	width: 100%;
	height: auto;
	padding: 0px;
	border-radius: 0px;
	border: none;
}

.popup-gallery a:first-of-type img{
	max-width: 150px;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.popup-gallery a { margin-right: 16px; }
.popup-gallery a:nth-child(2n) { margin-left: 0px; }
.popup-gallery a:first-of-type { margin: 0px; }
.popup-gallery a img { margin-bottom: 20px; }


.product-info { border-left: 1px solid #ddd; }
.product-info h3 { margin-top: 0px; }
.product-info .btn, .form-group { width: auto; }

.add-this .form-group {
	width: 95px;
	margin-right: 5px;
}

.add-this .btn { margin-top: 2px; }


@media(max-width: 768px) {
	.popup-gallery { width: auto; }

	.products .presentation .row { text-align: left; }

	.popup-gallery a:first-of-type img {
		max-width: 45px;
		margin-right: 16px;
	}
	.popup-gallery img { max-width: 45px !important; }
}

@media(max-width: 1199px) { 
	.popup-gallery img {
		max-width: 33px;
	}
}


/*** =footer ****/

.secondary-nav { height: auto; }

.secondary-nav.navbar {
	min-height: 15px;
	padding: 0 20px 0 30px;
}

.secondary-nav .navbar-brand { 
	height: auto;
	margin: 0;
	padding: 9px 0px;
	font-size: 14px;
	font-weight: 800
}

.secondary-nav.navbar-default .navbar-nav > li > a { padding: 9px 11px; }


/* =login */

.forgot-password { margin-top: 10px; }

/* =register */

.form-group.bg-info { 
	background: #eee;
	color: #666;
	padding: 5px 0px; 
}


/* =cart-content */

.cart-content table { border-bottom: 1px solid #999; }

.cart-content .close { float: none; }

.cart-content tbody tr:last-of-type { border-bottom: 1px solid #ddd; }
.cart-content tfoot td { border-top: none !important; }
.cart-content tfoot::before {
	content: "-";
	display: block;
	line-height: 1.5em;
	color: transparent;
}

.clean-cart { margin-top: -5px; }

.buy-options { margin-top: 10px; }
.buy-options form { display: inline-block; }

.jo-rand-row {
	height: 260px;
}

.jo-rand-row .panel-footer {
	height: 101px;
}

.jo-product-row .panel-footer {
	height: 70px;
}

.badge-alert {
	background-color: darkred;
}

/* =magnific-popup by Marsel Van Oosten */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}