body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #666;
	-webkit-font-smoothing: antialiased;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	padding: 1px 0px;
	margin: 1px 0px;
	font-weight: 600;
	color: #666;
}

h5,h6{
	color: #444;
	font-weight: 600;
}

h2{
	font-size: 25px;
	line-height: 35px;
}

h3{
	font-size: 20px;
	line-height: 30px;
}

h4{
	font-size: 16px;
	line-height: 28px;
}

h5{
	font-size: 14px;
	line-height: 22px;
}

h6{
	font-size: 13px;
	line-height: 25px;
}

p{
	padding: 0px;
	margin: 0px;
}

a:hover,a:active,a:focus {
	outline: 0;
}

/* Removes rounded corners from Bootstraap out of most UI elements*/
.form-control {
	border-radius: 0;
}
input, textarea, select, .checkbox, .input-group-addon {
	border-radius: 0;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.input-group .form-control:last-child, 
.input-group-addon:last-child, 
.input-group-btn:last-child > .btn, 
.input-group-btn:last-child > .btn-group > .btn, 
.input-group-btn:last-child > .dropdown-toggle, 
.input-group-btn:first-child > .btn:not(:first-child), 
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.bold{
	font-weight: normal;
}

.sep{
	height: 5px;
	background: url("../img/sep.png") repeat;
}

hr{
margin:15px 0px 10px 0px;
padding:0px;
border-top:0px;
border-bottom:1px solid #f4f4f4;
height:0px;
}


.bor{
height:5px;
margin:10px 0px 10px 0px;
background:url('../img/sep.png') repeat-x;
}

.center{
text-align:center;
}

.horizontal-links a{
	margin-right: 20px;
}

a:hover,a:active,a:focus {
outline: 0;
}

:focus {
	outline:none;
}

::-moz-focus-inner {
	border:0;
}

.well{
	background: #fafafa;
	border: 1px solid #eee;
	padding: 10px 15px;
	box-shadow: inset 0px 0px 2px #eee;
	margin: 20px 0px;
	border-radius: 0;
}

/* Form */

form{
	margin:5px 0px;
}

form *{
	font-size:13px !important;
}

#logoutForm {
	margin: 0px;
	max-height: 150px;
	transition: max-height 0.21s ease;
}

@media (max-width: 767px) {
	#logoutForm.scrolled {
		max-height: 0;
		overflow: hidden;
	}
}


/* Modal */
#imageModal.modal.fade.in {
	display: flex !important;
}

#imageModal .modal-dialog {
	width: 600px;
}

@media (max-width: 767px) {
	#imageModal .modal-dialog {
		width: 100vw;
	}
}

/* Button */
#imageModal button.close {
	padding: 8px 0;
	margin-right: 6px;
	display: flex;
	justify-content: flex-end;
	opacity: 1;
}
#imageModal button.close span {
	height: 30px;
	width: 30px;
	background: url(../img/close_icon.png) no-repeat 1.5px 2px;
	background-size: 24px;
	border: 1px solid white;
	background-color: white;
	border-radius: 50%;
	box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.12);
}

a.btn-primary,a.btn-primary:visited,a.btn-primary:hover,
a.btn-warning,a.btn-warning:visited,a.btn-warning:hover,
a.btn-danger,a.btn-danger:visited,a.btn-danger:hover,
a.btn-success,a.btn-success:visited,a.btn-success:hover,
a.btn-info,a.btn-info:visited,a.btn-info:hover,
a.btn-inverse,a.btn-inverse:visited,a.btn-inverse:hover{
  color:#fff !important;
}

.button{
	margin: 10px 0px 5px 0px;
}

.button a, .button a:visited{
color: #fff;
padding: 5px 10px;
border: 0px !important;
text-decoration: none !important;
font-size: 13px;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
}

.button a:hover{
color: #fff;
text-decoration: none;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
}

button.close{
	font-size: 16px !important;
}

/* Radio Button */

/* The container */
.radio-container {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.radio-container input {
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 8px;
    left: 12px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    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 {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

/* Social */

.social{
font-size:13px;
margin: 5px 0px;
}

.social i{
display:inline-block;
box-shadow:inset 0px 0px 1px #333;
height:25px;
width:25px;
line-height:25px;
margin:0px 5px 0px 0px;
border-radius:3px;
color:#fff;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
text-align:center;
}

.social i.facebook{
background:#3c5b9b;
}

.social i.twitter{
background:#2daae1;
}

.social i.google-plus{
background:#f63e28;
}

i.pinterest{
background:#cb2027;
}

.social i.linkedin{
background:#0173b2;
}

.social i:hover{
background:#000;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
}

.social a,.social a:visited,.social a:hover{
color:#fff;
text-decoration:none;
}

/* Back to top */

.totop {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 104400;
}

.totop a, .totop a:visited{
	display: block;
	width: 30px;
	height: 30px;
	color: #fff;
	text-align: center;
	line-height: 30px;
}

.totop a:hover {
	color: #fff;
	text-decoration: none;
}

/* Image alignment*/

.alignleft, img.alignleft {
	margin-right: 8px;
	margin-top:5px;
	display: inline;
	float: left;
}

.alignright, img.alignright {
	margin-left: 8px;
	margin-top:5px;
	display: inline;
	float: right;
}
   
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
}

/* 1-3 Column */

.onethree-left{
	float: left;
	width: 23%;
}

.onethree-right{
	float: right;
	width: 76%;
}

/* Half column */

.col-left{
	width: 48%;
	float: left;
}

.col-right{
	width: 48%;
	float: right;
}

.container{
	width:940px;
}

/* Title */

.title{
	margin-bottom: 8px;
	padding-bottom: 3px;
	border-bottom: 1px solid #f3f3f3;
}

.title i{
	margin-right: 3px;
}

/* Header */

.sticky-header {
	position: fixed;
	width: 100%;
	z-index: 100;
	box-shadow: 0px 0px 5px 0px #efefef;
}
#brand-logo {
	transition: height 0.65s ease;
	height: 65px;
	width: auto;
	max-width: unset;
}
@media (max-width: 767px) {
	#brand-logo {
		max-height: 45px;
	}
}

.navbar-header.navbar-mobile-bar {
	display: flex;
	align-items: center;
}
.navbar-header #brand-logo {
	max-height: 25px;
}

header {
	color: #777;
	background: #fff;
	padding: 10px 0px 15px 0px;
}

header .logo{
	padding: 0px;
	padding-top: 10px;
}

header .logo h1 a, header .logo h1 a:visited, header .logo h1 a:hover{
	font-size: 35px;
	color: #777;
	text-decoration: none;
	font-weight: 400;
}

header .logo .meta{
	color: #888;
	line-height: 15px;
	padding: 0px;
	margin: 0px;
}

header .hlinks > span{
	color: #fff;
	padding: 7px;
	border-radius: 3px;
}

header .hlinks a, header .hlinks a:visited{
	color: #fff;
	text-decoration: none;
}

header .hlinks a:hover{
	color: #fff;
	border-bottom: 1px dotted #fff;
}

header .lr{
	margin-left: 10px;
}


header form input, header form button{
	margin-bottom:10px !important;
}

/* Navigation */

.navbar {
   padding: 0px !important;
   margin: 0px;
   min-height: 48px;
   font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

.navbar .container>.navbar-header, 
.navbar .container>.navbar-collapse {
	padding-left: 0px;
	padding-right: 0px;
}

.navbar ul{
	margin: 0px;
	padding: 0px;
}

.navbar ul li{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}


.navbar{
   border-radius:0px; 
   background-image: none;
   background-repeat: no-repeat;
   filter: none !important;
   border-left: 0px !important;
   border-right: 0px !important;
   padding-left:10px;
   font-size:12px;
}

.navbar button {
   font-size:13px;
}

.navbar-toggle .icon-bar {
	background: #fff;
}

.navbar .caret{
   border-top-color:#fff !important;
   border-bottom-color:#fff !important;
}

.navbar .nav {
	margin-left: 5px;
	flex-direction: row;
}

.navbar .nav > li > a {
   padding:14px 15px 14px;
   color: #fff;
   text-shadow:none !important;
   -webkit-transition:background 1s ease;
   -moz-transition:background 1s ease;
   -o-transition:background 1s ease;
   transition:background 1s ease;
}

.navbar .nav > li > a:hover{
   color:#fff !important;
   -webkit-transition:background 1s ease;
   -moz-transition:background 1s ease;
   -o-transition:background 1s ease;
   transition:background 1s ease;
}

.navbar .nav .active > a,
.navbar .nav .active > a:hover,
.navbar .nav .active > a:focus {
   color: #ffffff;
   box-shadow:none;
}

.nav-collapse a{
   font-weight:normal !important;
   text-shadow:none !important;
}

.dropdown-menu-header{
   background:#fafafa !important;
   border-radius:0px !important;
   box-shadow:none !important;
   border-bottom:none !important;
   padding:0px 0px;
   margin:0px;
   margin-top:1px !important;
   border-top: none !important;
}

.dropdown-menu-header a{
   background:#fafafa !important;
   padding:10px 10px !important;
   color:#666 !important;
   text-shadow:none !important;
   -webkit-transition:background 1s ease;
   -moz-transition:background 1s ease;
   -o-transition:background 1s ease;
   transition:background 1s ease;
   border-bottom: 1px solid #ddd;
}

.dropdown-menu-header a:hover,.dropdown-menu-header a:focus{
   filter:none !important;
   background:#f3f3f3 !important;
   -webkit-transition:background 1s ease;
   -moz-transition:background 1s ease;
   -o-transition:background 1s ease;
   transition:background 1s ease;
}

.dropdown-menu-header::after, .dropdown-menu-header::before{
   border:none !important;
}

.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu-header a {
	border-radius: 0px !important;
}

.nav-collapse .dropdown-menu-header li + li a {
    margin-bottom: 0px !important;
}

/* Page heading */

.page-head{
	padding: 20px 0px;
	box-shadow: inset 0px 0px 4px #bbb;
	background: #f8f8f8;
	border-bottom: 1px solid #ddd;
}

.page-head h2{
	color: #777;
	font-size: 23px;
	line-height: 33px;
}

.page-head h4{
	color: #999;
	font-size: 15px;
}

/* Content */

.content {
	margin: 20px 0px;
    min-height:400px;
}

.content ul li{
	padding: 1px 0px;
	margin:0px;
}

.lists ul{
	margin:0px;
	margin-left:-15px;
}

.tab-pane ul{
	margin:0px;
	margin-left:25px;
	padding:0px;
}

/* Promobox */

.promo{
	margin: 10px 0px;
}


/* Full Width Slider */
.promo-slider-full {
	padding-top: 400px;
}
@media screen and (max-width: 992px) {
	.promo-slider-full {
		padding-top: 300px;
	}
}
@media screen and (max-width: 768px) {
	.promo-slider-full {
		padding-top: 200px;
	}
}

.promo .pcol-left {
	width: 38%;
	float: left;
	text-align: center;
}

.promo .pcol-right{
	width: 58%;
	float: right;
}

.promo .pbox{
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	padding: 25px 0px;
	min-height: 130px;
	margin: 10px 0px;
}

.promo a, .promo a:visited, .promo a:hover{
	color: #fff;
	text-decoration: none;
}

.promo img{
	width: 70px;
	max-width: 70px;
}

.promo .rcolor{
	background: #ff5d5e;
	color: #fff;
}

.promo .bcolor{
	background: #5eb2d9;
	color: #fff;
}

.promo .gcolor{
	background: #54da4d;
	color: #fff;
}

.promo .pmed{
	font-size: 17px;
	font-weight: 600;
	line-height: 27px;
	text-transform: uppercase;
}

.promo .psmall{
	font-size: 13px;
	line-height: 20px;
}

/* Cart */

.cart {
	margin: 20px 0px;
}

.cart-change-submit i {
    font-size: 18px !important;
}

.cart .tcart tbody, .cart .tcart tfoot {
	font-size: 16px;
}

.tcart img {
	max-height: 50px;
}

.tcart form {
    margin: 0px;
}

.tcart a:hover {
    text-decoration: none;
}

/* Checkout */

.checkout{
	margin: 20px 0px;
}

/* Item */

.items{
	/* padding: 20px 0px; */
}

.items .breadcrumb{
	background: transparent;
	border: 0px solid #eee;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 10px 0px;
	border-radius: 0px;
	border-bottom: 1px solid #f3f3f3;
}

.item {
	display: flex;
	flex-direction: column;
	border: 1px solid #f3f3f3;
	min-height: 280px;
	max-width: 205px;
	margin: 10px auto;
	padding: 10px 10px;
}

.item, .rp-item {
	box-shadow: 0px 0px 0px #ddd;
	-webkit-transition: box-shadow 0.3s ease;
	-moz-transition: box-shadow 0.3s ease;
	-o-transition: box-shadow 0.3s ease;
	transition: box-shadow 0.3s ease;
}

.item:hover, .rp-item:hover {
	box-shadow: 0px 1px 4px 1px #cccccc;
}

.item .item-title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1;
}

.item .item-actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.item .ico{
	color: #fff;
	display: inline-block;
	width: 35px;
	height: 20px;
	margin-left: 5px;
}

.item hr{
	margin: 5px 0px;
}

.item .item-image{
	height: 140px;
}

.item .item-image img{
	padding: 5px 0px;
	height: 140px;
	width: auto;
	display: block;
	margin: 0 auto;
}

.item .item-details {
	flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.item .item-details h5{
	text-align: center;
}

.item .item-details h5 a{
	color: #666;
}

.item .item-details h5 a:hover{
	text-decoration: none;
}

.item .item-details p{
	text-align: center;
	white-space: nowrap;         
	overflow: hidden;           
	text-overflow: ellipsis;   
	width: 180px;           
	display: inline-block;  
}

.item .item-price{
	height: 30px;
	width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px 5px !important;
	line-height: 20px;
	font-size: 14px;
	border: 0.5px solid #666;
	margin: 2px 0 0;
}

.item .item-favorite {
	cursor: pointer;
	margin: 2px 8px 0;
	min-width: 20px;
}

.item .item-favorite-icon {
	font-size: 21px !important;
}

.item .item-favorite .icon-heart:hover:before {
	content: "\f08a";
}
.item .item-favorite .icon-heart-empty:hover:before {
	content: "\f004";
}

.item .item-button {
	margin: 2px 0 0;
}

.item .item-button a {
	min-width: 92px;
	height: 30px;
	font-size: 11px;
	line-height: 10px;
	white-space: nowrap;

	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
}

/* Promotion Item */
.promotion {
	min-height: 250px;
	max-width: 420px;
}

.item.promotion .item-image {
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.item.promotion .item-image img {
	height: 280px;
	margin: 0 auto 8px;
}

.item.promotion .item-title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 1;
	margin: 0 auto 8px;
}

.item.promotion .item-price {
	margin-right: auto;
	border: none;
	width: unset;
	padding: 0px 8px !important;
}

/* Pager JSON */
.custom-pager {
	display: flex;
	align-items: center;
	margin: 16px 38px 16px;
}

@media screen and (max-width: 991px) {
	.custom-pager {
		margin: 16px 0 16px;
	}
}

/* Product main details */


.product-main select{
	margin-top:5px;
	max-width: 100px;
}

/* Promotions Slider */

.promotions-carousel .rp-item {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.promotions-carousel .rp-details {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	align-items: center;
	justify-content: space-between;
	padding: 6px 10px 6px 10px;
}

.promotions-carousel .rp-details h5 {
	text-align: center;
	margin-bottom: unset;
	max-height: 42px;
	overflow: hidden;
}

.promotions_nav {
	position: absolute;
	width: 100%;
	margin-left: -16px;
	height: 260px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.promotions_nav a {
	width: 30px;
	height: 30px;
	background: url(../img/bg_direction_nav.png) no-repeat 0 0;
	top: 50%;
	z-index: 10;
	cursor: pointer;
}


.promotions_nav a.prev {
	margin-left: -12px;
}
.promotions_nav a.next {
	margin-right: -12px; 
	transform: rotateY(180deg);
}


/* Recent posts */
.recent-posts {
	margin: 15px 0px 0px 0px !important;
}

.recent-posts .rp-item img{
	object-fit: contain;
	height: 140px;
	display: block;
	margin: 0px auto;
}

.recent-posts .rp-item .rp-image {
	background: #fafafa;
	padding: 10px;
	border: 1px solid #f3f3f3;
}

.recent-posts .carousel_nav{
	margin-right: 3px;
	margin-bottom: 3px;
}

.recent-posts .carousel_nav i{
	display: inline-block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	font-size: 10px;
	border-radius: 3px;
}

.recent-posts .carousel_nav a, .recent-posts .carousel_nav a:visited, .recent-posts .carousel_nav a:hover{
	text-decoration: none;
	color: #fff;
}

.recent-posts ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.recent-posts ul li{
	max-width: 295px;
	height: 250px;
	margin: 5px 4px 0px 4px; 
	display: block;
	float: left;
}

.recent-posts .rp-item {
}

.recent-posts .rp-details{
	color: #fff;
	padding: 7px 10px 10px 10px;
	min-height: 70px;
}

.recent-posts .rp-details p {
	display: inline-block;
    height: 20px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recent-posts .rp-details h5{
	margin-bottom: 3px;
}

.recent-posts .rp-details a, .recent-posts .rp-details a:visited, .recent-posts .rp-details a:hover {
	color: #fff;
	text-decoration: none;
}

.recent-posts .price{
	display: inline-block;
	padding: 3px 5px !important;
	line-height: 18px;
	font-size: 14px;
	font-weight: 500;
}

/* Product slider (Flexslider) */

.product-slider .flexslider {
	margin-bottom: 10px;
	overflow: hidden;
	border-radius: 0;
}

.product-slider .flexslider ul {
	display: flex;
	align-items: center;
}

.product-slider .flexslider img {
	max-height: 300px;
	width: auto;
	margin: 0 auto;
}

.product-slider #carousel .thumbnail-wrapper {
	height: 78px;
	display: flex;
}
.product-slider #carousel img {
	max-height: 78px;
	margin: auto;
	display: block;
	cursor: pointer;
	opacity: .5;
}
.product-slider #carousel img:hover {
	opacity: 1;
}
.product-slider #carousel .flex-active-slide img {
	opacity: 1;
}

.product-slider .product-image-modal.flexslider img {
	max-height: calc(100vh - 120px);
}

.product-slider .flex-direction-nav .flex-disabled {
	opacity: 0 !important;
}

.product-slider .flex-direction-nav a {
	background: url(../img/arrow_right.png) no-repeat 1px -1px;
	background-size: 30px;
	border: 1px solid white;
	background-color: white;
	border-radius: 50%;
	box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.12);
}
.product-slider .flex-direction-nav .flex-nav-prev a {
	transform: rotate(180deg);
}

@media screen and (max-width: 860px) {
	.product-slider .flex-direction-nav .flex-prev {
		left: -36px;
	}
	.product-slider .flex-direction-nav .flex-next {
		right: -36px;
	}
	.product-slider .flexslider:hover .flex-direction-nav .flex-prev {
		left: 5px;
	}
	.product-slider .flexslider:hover .flex-direction-nav .flex-next {
		right: 5px;
	}
}

/* Flex slider for image */

.flexslider ul{
	padding: 0px;
	margin: 0px;
}

.flexslider ul li{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.flex-main .flexslider{
	margin: 20px 0px;
	margin-bottom: 10px;
	border-radius: 0px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
}

.flex-main .flexslider .slides > li {
	position:relative;
}

.flex-main .flex-caption{
	width: 60%;
	margin: 0 0 20px 50px;
	position: absolute;
	display: block;
	left: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.7);
	padding: 10px;
}

.flex-main .flex-caption h3 {
	color: #fff;
	font-size: 26px;
	margin:0;
	font-weight: normal;
	line-height: 45px;
}

.flex-main .flex-caption h3 span{
   padding-bottom:3px;
}
	
.flex-main .flex-caption p {
	margin:0;
	font-size: 13px;
	line-height: 22px;
	color: #fff;
	margin-bottom: 5px;
}

.flex-main .flexslider:hover .flex-next {right: 15px;}
.flex-main .flexslider:hover .flex-prev {left: 15px;}

/* Blog */


.blog .entry h2{
font-size:22px;
line-height:32px;
}

.blog .entry h2 a, .blog .entry h2 a:visited, .blog .entry h2 a:hover{
text-decoration:none;
color:#777;
}

.blog .meta{
border-top:1px solid #eee;
border-bottom:1px solid #eee;
margin:8px 0px;
padding:4px 8px;
color:#888;
text-transform:uppercase;
font-size:11px;
background:#eee url('../img/cream.png') repeat;
}

.blog .meta a, .blog .meta a:visited{
color:#555;
}

.blog .meta i{
margin-right:3px;
margin-left: 3px;
}

.blog .bthumb{
margin:10px 0px 5px 0px;
padding:1px;
box-shadow:0px 0px 1px #777;
}

.blog .bthumb2{
margin-top:8px;
margin-right:8px;
margin-bottom: 6px;
padding:1px;
box-shadow:0px 0px 1px #777;
}

.blog .bthumb3{
float: left;
max-width: 150px;
margin-top:8px;
margin-right:8px;
margin-bottom: 6px;
padding:1px;
box-shadow:0px 0px 1px #777;
}

.blog .bthumb2 img{
margin:0px;
}

.blog .entry{
margin-bottom:15px;
padding-bottom:10px;
border-bottom:1px solid #eee;
}

.posts .social{
font-size:16px;
}

.posts .social i{
box-shadow:inset 0px 0px 1px #333;
height:25px;
width:25px;
line-height:25px;
margin:0px 5px 0px 0px;
border-radius:3px;
color:#fff;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
text-align:center;
}

.posts i.facebook{
background:#3c5b9b;
}

.posts i.twitter{
background:#2daae1;
}

.posts i.google-plus{
background:#f63e28;
}

.posts i.pinterest{
background:#cb2027;
}

.posts i.linkedin{
background:#0173b2;
}

.posts .social i:hover{
background:#000;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
}

.posts .social a,.posts .social a:visited,.posts .social a:hover{
color:#fff;
text-decoration:none;
}

.posts .tags a{
display:inline-block;
font-weight:normal;
padding:0px 5px;
color:#fff;
border-radius:4px;
font-size:13px;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
}

.posts .tags a:hover{
color:#fff;
text-decoration:none;
-webkit-transition:background 1s ease;
-moz-transition:background 1s ease;
-o-transition:background 1s ease;
transition:background 1s ease;
}

/* Comments */

.comments > ul > li{
background:none;
padding:0px;
}

.comments .comment{
margin:10px 0px;
padding:7px 10px;
background:#fff;
border-radius:5px;
border:1px solid #eee;
border-bottom:2px solid #ddd;
}

.comments ul{
	margin: 0px;
	padding: 0px;
}

.comments ul li{
	list-style-type: none;
}

.comment .avatar{
margin-top:5px;
margin-right:8px;
padding:1px;
background:#fff;
border:1px solid #aaa;
}

.comment .cmeta{
font-size:12px;
}

.comment p{
margin-top:5px;
}

.comments .reply{
margin-left:15px;
}

.respond .title, .comments .title{
padding:10px 0px;
margin-bottom:10px;
border-bottom:1px solid #eee;
}

/* Sidebar */

.sidebar{
margin-top:10px;
}

.sidebar h4{
font-size: 13px;
color:#555;
line-height:18px;
margin-bottom:5px;
padding-bottom:10px;
text-transform:uppercase;
border-bottom:1px solid #eee;
}

.widget ul{
	margin:0px;
	margin-left:-15px;
	
}

.sidebar .widget{
background:#fff;
padding:8px 10px;
margin-bottom:10px;
border:1px solid #eee;
}

.sidebar .widget .form-search{
margin-top:10px;
margin-bottom:10px;
}

/* Pagination */

.paging {
width:270px;
clear:both;
padding:6px 0;
line-height:17px;
font-size:13px;
}
 
.paging span, .paging a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:5px 8px;
text-decoration:none;
width:auto;
color:#666;
background: #fff;
border:1px solid #ddd;
font-weight:normal;
}
 
.paging a:hover{
color:#fff;
}
 
.paging .current{
padding:5px 8px;
color:#fff;
}

/* 404 Page */

.error-page .big-text{
	font-size: 170px;
	line-height: 180px;
	color: #999;
}

/* Item review */

.nav-tabs{
	margin-bottom: 10px;
}

.nav-tabs > li > a {
	border-radius: 0;
}

.item-review{
	background: #fafafa;
	margin: 10px 0px;
	border-radius: 5px;
	border: 1px solid #eee;
	padding: 10px;
}

.item-review .rmeta{
	font-style: italic;
}

/* Careers */

.career .nav > li{
background:none;
padding:0px;
list-style-type: none;
}

.nav-tabs > li > a:hover{
color:#fff;
}

/* Sidebar page navigation */

#navi{
	margin: 0px;
	padding: 0px;
}

#navi li {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

#navi > li > a { 
  display: block; 
  padding: 10px 10px;
  color: #777;
  text-decoration: none;
  border-bottom: 1px solid #eee;
  background-color: #fafafa;
}

#navi > li > a:hover{ 
  color: #666;
  background-color: #f3f3f3;
  border-bottom: 1px solid #ddd;
}

/* Sidebar items */

.sitem{
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.sitem img{
	margin-top:5px;
	max-width: 45px;
}

/* Support */

.faq-search {
	height: 34px;
	padding: 6px 12px;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#slist{
	margin:0px;
	padding:0px;
	margin-left:15px;
    list-style: none;
}

#slist > li > a:after {
	content: "";
	margin-right: 5px;
	margin-top: 10px;
	border-top: 4px dashed;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	float: right;
}

#slist > li > a.is-faq-open:after {
	border-top: none;
	border-bottom: 4px dashed;
}

#slist > li > a:hover {
	font-weight: bold;
}

#slist > li > hr {
	border-bottom: 1px solid #eeeeee;
	margin: 10px 0px 10px 0px;
}

#slist .question-answer {
	display:none;
	margin:5px 0px;
	padding:5px 10px;
	background:#fff;
	line-height: 25px;
	border:1px solid #eee;
}

#slist li{
    list-style-type: none;
}

#slist > li > a{
    font-size: 14px !important;
	display: block;
	margin-bottom: 10px;
}

#slist > li > a:hover, #slist > li > a:active, #slist > li > a:focus {
    text-decoration: none !important;
}

/* Contact #1 */

.gmap iframe{
	width: 100%;
}

/* Support contact */

.scontact p{
	margin: 4px 0px;
}

/* Footer */

footer{
	background: #65605c url("/Content/img/footer.png") repeat;
	padding-top: 20px;
	padding-bottom: 0px;
	margin-top: 10px;
	color: #aaa;
	font-size: 12px;
	box-shadow: inset 0px 0px 10px #000;
}

footer a, footer a:visited{
	color: #ddd;
}

footer a:hover{
	color: #ccc;
	text-decoration: underline;
}

footer hr{
	height: 0px;
	padding: 0px;
	margin: 5px 0px;
	border-top: 1px solid #111;
	border-bottom: 1px solid #222;
}

footer h5{
	color: #fff;
}

footer h6{
	color: #fff;
}

footer ul{
	margin-left: 0px;
	margin:0px;
	padding-left:15px;
}

footer ul li{
	list-style-type: none;
	margin-bottom: 5px;
}

footer .widget{
	margin-bottom: 20px;
}

footer .copy{
	margin-bottom: 5px;
	font-size: 11px;
}

footer .payment-icons img{
	max-width: 35px;
	margin-right: 5px;
}

/* Responsive */

@media (max-width: 480px){
	.col-left, .promo .pcol-left{
		width: 100%;
		float: none;
		margin-right: none;
	}
	.col-right, .promo .pcol-right{
		width: 100%;
		float: none;
		margin-top: 10px;
	}	
	.promo .pcol-right{
		text-align: center;
	}
	.promo .pbox{
		height: auto !important;
	}
	.recent-posts ul li{
		height: 280px;
	}
}

@media (max-width: 767px){
	.container{
		width:100%;
		max-width:550px;
		margin:0 auto;
	}
	.onethree-left{
		display: block;
		float: none;
		text-align: center;
		width: 100%;
		margin-bottom: 10px;
	}
	.onethree-right{
		float: none;
		width: 100%;
		text-align: center;
	}
	.flex-caption{
		display: none !important;
	}
	.flex-direction-nav .flex-prev {left: 10px;}
  	.flex-direction-nav .flex-next {right: 10px;}
	.slider-features,footer,.page-head,.navbar-inner{
		padding-left: 20px;
		padding-right: 20px;
	}
	header{
		padding-top: 10px !important;
		padding-bottom: 20px !important;
		padding-left: 20px;
		padding-right: 20px;
		text-align: center;
	}
	header .logo{
		text-align: center;
	}
	
	header form{
		width:100%;
		margin:0px auto;
		max-width:300px;
		
	}
	header .lr{
		display: block;
	}

	header .hlinks > span{
		background: transparent !important;
		border: none !important;
		color: #888;
		padding: 0px;
	}

	header .hlinks a, header .hlinks a:visited{
		color: #555;
	}

	header .hlinks a:hover{
		color: #222;
	}

   .navbar .nav{
   	margin-left: 0px !important;
      border:0px !important;
   }

   .navbar .nav > li > a{
      border-top: 0px !important;
      border-left: 0px !important;
      border-right: 0px !important;
   }	
 	.dropdown-menu-header{
 		border: 0px !important;
 	}	
 	.navbar .nav{
 		border-left: 0px !important;
 	}
	
 	.flex-caption{
		display: none;
	}
	.page-head{
		text-align: center;
	}
	.form-inline button {
		margin-left: 0px;
	}  
   	.recent-posts .rp-details{
   		height: 60px;
   	}
   	.recent-posts .rp-details h5{
   		font-size: 12px;
   	}
	.recent-posts .rp-details p {
		font-size: 11px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.recent-posts .price {
		display: block;
		max-width: 50px;
		padding: 1px 5px !important;
		font-size: 12px;
	}
}

@media (max-width: 991px){
	.container{
		width:100% !important;
	}
	header{
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		padding-left: 20px;
		padding-right: 20px;
		text-align: center;
	}
	header .logo{
		text-align: center;
	}
	
	header form{
		width:100%;
		margin:0px auto;
		max-width:300px;
		
	}
 	.sitem img{
 		max-width: 35px;
 	}
}


.error {
    color:red;
    font-weight:bold;
}

/* PAGE CONTENT WRAPPERS */
.content-container {
	min-height: 500px;
	margin-top: 30px;
}

.content-container-wrapper {
	padding-top: 145px;
}
@media (max-width: 991px) {
	.content-container-wrapper {
		padding-top: 135px;
	}
}
@media (max-width: 767px) {
	.content-container-wrapper {
		padding-top: 200px;
	}
}

.promo .promotext {
    min-height:10px;
}


.verticalTable {
    vertical-align:middle;
}

.field-validation-valid
{
    display: none;
}
.validation-summary-valid
{
    display: none;
}

.loading-overlay {
   background-color: white;
   opacity: 0.5;
   position: absolute;
   z-index: 1000;
   display: none;
   border-radius: 5px;
   vertical-align: middle;
}

.loading-overlay img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
}

.datepicker .old, .datepicker .new {
    color: #d3d3d3 !important;
}

#AccountForm .form-group .control-label {
	text-align: initial;
}


.table-pager {
	display: flex;
	align-items: center
}

/* ReCaptcha */
.g-recaptcha {
	-webkit-transform: scale(0.75);
	-moz-transform: scale(0.75);
	-ms-transform: scale(0.75);
	-o-transform: scale(0.75);
	transform: scale(0.75);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
}

.slider .tooltip {
	margin-top: -35px;
	width: 38px !important;
	margin-left: -24px !important;
}

#priceSlider,
#priceSliderMobile {
	width: calc(100% - 10px);
	margin-left: 10px;
}

#priceSlider .slider-handle,
#priceSliderMobile .slider-handle {
	width: 11px;
}


#priceSlider .slider-track,
#priceSliderMobile .slider-track {
	height: 5px;
    margin-top: -3px;
}

/* Mobile Rewards Slider */
.mobile-rewards-container .slider.slider-horizontal {
	width: calc(100% - 16px);
	margin-left: 8px;
	margin-right: 8px;
}

.mobile-rewards-container #FilterButtonMobile {
	margin-left: auto;
	margin-right: auto;
	width: 200px;
}

.mobile-rewards-search span.glyphicon.glyphicon-chevron-down {
	margin-top: 13px;
	font-size: 10px;
	margin-right: 19px;
	position: absolute;
	color: #555555;
	right: 0;
}

#toggleSearchMobile {
	cursor: pointer;
	border-bottom: none;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.mobile-rewards-container {
	display: none;
	overflow: hidden;
}

@media (max-width: 767px) {
	#sortOrder,
	#idCategory {
		text-align: center;
	}
}

.mdc-form-field > label.categories-label {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #616161;
	margin-top: 6px;
	margin-left: -4px;
	font-weight: normal;
}

.action-button-promo {
	background-color: white;
	color: black;
	border: 1px solid #777 !important;
	height: 30px;
	font-size: 11px !important;
	line-height: 10px;
	align-items: center;
	text-transform: uppercase;
}

.btn-dropdown {
	display: flex;
	align-items: center;
	background-color: #ffffff !important;
	color: #6a6a6a !important;
	margin-bottom: 0 !important;
	min-width: 150px;
	min-height: 32px;
}

.btn-dropdown .btn-dropdown-content {
	display: flex;
	align-items: center;
}

.btn-dropdown .btn-dropdown-content .caret {
	margin-left: auto;
}

.dropdown .dropdown-menu li > a {
	min-height: 24px;
	cursor: pointer;
}

.dropdown .btn-dropdown-default {
	border: 1px solid #ccc;
}

.dropdown .btn-dropdown.disabled {
	background-color: #eee !important;
	border: 1px solid #aaa;
}
