﻿/*! custom.css v1.0 */

/* ==========================================================================

   Custom CSS Stylesheet. This is where you should add your own styles!

   ========================================================================== */

/*
* Simple style overrides or custom adds
*/
body.pagebody {background-color: #F5F5F5}

.some-css-selector {font-size: 13px;}
form#aspnetForm .row {margin-left: -15px; margin-right: -15px;}
	form#aspnetForm .listingsPage .row,
	form#aspnetForm .form .row {margin-left: -5px; margin-right: -5px;}
form#aspnetForm .row [class*="col-"] {padding-left: 15px; padding-right: 15px;}
	form#aspnetForm .listingsPage .row [class*="col-"],
	form#aspnetForm .form .row [class*="col-"] {padding-left: 5px; padding-right: 5px;}

.FilterPanel .kl-fancy-form {padding-bottom: 10px;}
.FilterPanel .kl-fancy-form label {left: 6px;}
.FilterPanel .kl-fancy-form .form-control {font-size: 11px; padding: 26px 6px 6px;}
.FilterPanel .kl-fancy-form select[multiple].form-control {height: auto;}

.smartselect > button {width: 100%; max-width: 100%; overflow: hidden;}
.smartselect .ss-select-label {font-size: 12px;}
.smartselect .ss-label {font-size: 11px; font-weight: normal; color: #555555;}
.smartselect .ss-group .ss-label {font-size: 11px; font-weight: 600;}
.smartselect .ss-option a:hover {text-decoration: none;}
.smartselect .ss-option.active {text-decoration: none;}
.smartselect .btn.btn-default {padding: 26px 6px 6px; text-align: left;}
#content .smartselect .ss-option a:hover {text-decoration: none;}
/*.smartselect .data-level-1.ss-nogrp>a, .smartselect .ss-group>a {padding-left: 20px;}*/
.smartselect .dropdown-menu > .active > a, .smartselect  .dropdown-menu > .active > a:hover, .smartselect .dropdown-menu > .active > a:focus {background-color: #c8c8c8; color: white;}
.smartselect .ss-caret:hover, .smartselect .ss-icon:hover {color: #cd2122;}

.toplang-item {white-space: nowrap;}

.sitecolor {color: #cd2122;}
.sitebackgroundcolor {color: #cd2122;}

#content a {color: #cd2122;}
#content a:hover {text-decoration: underline;}

.btn-color {background-color: #cd2122; color: white!important;}
	#content a.btn-color:hover {text-decoration: none;}

.clearfix {clear: both;}

.page-subheader.uh_zn_def_header_style {background-color: #f5f5f5;}
.page-subheader {min-height: 300px;}
.page-subheader .ph-content-wrap {height: 250px; min-height: 250px; padding-top: 150px;}
.subheader-subtitle {font-size: 18px;}
.action_box .ac-btn {font-weight: 700; padding: 10px 20px;}
.btn-lined {border: 2px solid white;}
	.btn-lined:hover {color: #fff;}

/*Listings*/
.eBlog #listing.itemContainer {padding: 15px; margin-bottom: 20px;}
.eBlog #listing .itemTitle {margin: 0 0 5px;}
#content #listing h3 a {color: black;}
#content #listing h3 a:hover {color: #cd2122; text-decoration: none;}
#listing .portfolio-item-details {margin: 0;}
	#listing .portfolio-item-details li {margin-bottom: 0;}
#listing .post_details {margin-bottom: 10px; padding: 5px 0 5px;}
#listingPhoto {position: relative; max-height: 200px; overflow: hidden;}
	#listingPhoto.vertical {position: relative; width: 100%; height: 1px; padding-bottom: 100%; overflow: hidden;}
	#listingPhoto a {width: 100%;}
	#listingPhoto img {width: 100%; height: auto;}
	#listingPhoto .hoverBorder {margin-bottom: 0;}
	#listingPhoto .zn_badge_container {top: 0; left: 0;}
		#listingPhoto .zn_badge_sale {padding: 7px 10px;}
		#listingPhoto .zn_badge_sale:after {
			width: 0;
			height: 0;
			border-radius: 0;
			background-color: none;
		}
	#listingPhoto .numPhotos {
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 1;
		padding: 7px 10px;
		border-radius: 2px;
		background-color: rgba(0,0,0,0.6);
		color: white;
		font-size: 10px;
		line-height: 1;
		text-align: center;
	}
#listingIcons {margin-top: 10px;}
#listingSeller {text-align: right;}
#listing .RatingsPanel {}
	.RatingsPanel .portfolio-item-details-label {min-width: 75px;}
	.RatingsPanel .portfolio-item-details-item {padding-top: 4px;}
#listing #listingPrice {margin-top: -8px; text-align: right;}
	#listing #listingPrice .listingPrice {
		padding: 4px 8px;
		border-radius: 5px;
		background-color: #cd2122;
		color: white;
		font-size: 30px;
	}
	#listings #listing #listingPrice {margin-top: 0;}
		#listings #listing #listingPrice .listingPrice {font-size: 20px;}
			.listingPrice .currency {font-size: 65%;}
.listingProduction {margin-top: 15px;}
.listingDescription {padding-top: 10px;}
#listingAds {min-width: 170px; margin: 15px -10px 0; text-align: center;}

.listingInfo {margin-top: 25px;}
#listing a.watchlist {
	float: right;
	padding-bottom: 5px;
	color: #c8c8c8;
	font-size: 25px;
	line-height: 25px;
}
	#listing a.watchlist:hover, #listing a.watchlist.active {
		color: #cd2122;
	}
#listings #listing a.watchlist {float: left; padding-top: 4px;}
	#listing .OneOf {
	padding: 4px 8px;
	border-radius: 5px;
	background-color: #cd2122;
	color: white;
	font-size: 20px;
}
#listing blockquote {font-size: 13px;}
/*#listing .listingInfo {background-color: white;}*/

/*Photo Gallery*/
section.gallery {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
	section.gallery::after {
		content: '';
		flex-grow: 999999999;
	}
	section.gallery a {
		margin: 2px;
		background-color: #dfdfdf;
		position: relative;
	}
		section.gallery a img {
			top: 0;
			width: 100%;
			vertical-align: bottom;
		}
		section.gallery a:hover img {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; opacity: 0.8; filter: alpha(opacity=80);}
.mfp-bg {z-index: 100000;}
.mfp-gallery {z-index: 100000;}

.tasklist {margin: 0; padding: 0 0 0 10px;}
	.tasklist li {list-style: none;}
		.tasklist li i {margin-right: 10px;}
.portfolio-item-details {margin-bottom: 10px;}
.portfolio-item-details li {margin-bottom: 5px;}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}
.filledRatingStar {background-image: url(/data/skins/ceguides/images/stars/star-filled.png);}
.emptyRatingStar {background-image: url(/data/skins/ceguides/images/stars/star-empty.png);}
.savedRatingStar {background-image: url(/data/skins/ceguides/images/stars/star-saved.png);}

/*Form*/
.input-text {
	height: auto;
    min-height: 30px;
	padding: 7px 10px;
	border: 1px solid #d8d8d8;
	border-radius: 3px;
	box-sizing: border-box;
	box-shadow: inset 2px 2px 0 0px rgba(0, 0, 0, 0.05);
	-webkit-transition: box-shadow .25s ease-in-out;
	transition: box-shadow .25s ease-in-out;
}

/*Sidebar*/
.listingsRelated .slidingDetails .details,
.listingsRare .slidingDetails .details {padding: 15px;}

/*Blog*/
article.blogitem {
	background: #FFF;
	margin-bottom: 35px;
	padding: 10px 20px 15px;
	box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);
	position: relative;
	border-radius: 3px;
	clear: both;
}
	article.blogitem .bsocial {clear: both;}
	h3.blogtitle {
		margin: 0;
		font-family: Open Sans;
		font-size: 24px;
		line-height: 40px;
		font-weight: 400;
		font-style: normal;
	}
	div.blogdate {
		font-size: 11px;
		color: #9a9a9a;
		text-transform: uppercase;
		margin-top: 0;
		padding: 10px 0 10px;
		position: relative;
		-webkit-transition: opacity 150ms ease-in;
		transition: opacity 150ms ease-in;
	}
		div.blogdate:before {
			content: '';
			position: absolute;
			left: 0;
			top: -1px;
			width: 60px;
			height: 1px;
			background-color: #ddd;
		}
		.blogauthor {padding-right: 10px;}
		.bdate {padding-right: 10px;}
		.blogtags {
			padding-left: 0;
			font-size: 10px;
			color: #AAA;
			text-transform: uppercase;
		}
			#content .blogtags a {
				padding: 4px 10px;
				background-color: #EAEAEA;
				margin-right: 5px;
				color: #9B9B9B;
				display: inline-block;
				margin-bottom: 5px;
			}
				#content .blogtags a:hover {color: #cd2122; text-decoration: none;}
				.blogtags a:before {
					font-family: 'Glyphicons Halflings';
					content: "\e041";
					margin-right: 5px;
					vertical-align: middle;
					color: #D2D2D2;
				}
section.bsidelist {padding: 0 0 15px;}
.sidebar .bsidelist h3 {
	color: #050505;
	line-height: 1.4;
	margin: 10px 0 15px;
	padding-bottom: 20px;
	position: relative;
	font-size: 14px;
	text-transform: uppercase;
	font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
	.sidebar .bsidelist h3:before {
		content: '';
		position: absolute;
		left: 0;
		bottom: 2px;
		width: 100%;
		height: 0;
		border-bottom: 1px solid #ececec;
	}
	.sidebar .bsidelist h3:after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 2px;
		width: 50px;
		height: 0;
		border-bottom: 1px solid #cd2122;
	}
ul.blognav {margin: 0; padding: 0; list-style: none;}
ul.blognav li a:before {
	content: '';
	display: inline-block;
	margin-right: 12px;
	width: 8px;
	height: 2px;
	background: #E1E1E1;
	vertical-align: middle;
	-webkit-transition: all .15s ease-out;
	transition: all .15s ease-out;
}
.blogview h2.moduletitle {
	font-size: 36px;
    color: #050505;
    margin-top: 0;
}
.blog-post__featured-image-figure {display: none;}
.blogview .bsocial {padding-top: 10px;}
.blogview .bsocial .twitter-share-button, .blogview .bsocial .fblikebutton {float: left; margin-right: 10px;}
.blogcommentservice  legend {font-size: 16px;}
.commentpanel {clear: both;}

/*Store*/
#content .actions a {color: white;}
#content .actions a:hover {text-decoration: none;}
.kl-store-page div.product div.quantity {float: left; margin-right: 10px;}
.kl-store-page div.product div.quantity .qty {
	width: 50px;
	height: 33px;
	border-radius: 3px;
	border: 1px solid #D9D9D9;
}
.kl-store-page ul.products li.product {list-style: none;}
.kl-store-page #content a.button {
	background: #CD2122;
	font-size: 13px !important;
	max-height: 33px;
	padding: 10px 20px;
	font-weight: 600;
	color: white;
	text-transform: uppercase;
	text-shadow: none;
	border-radius: 3px;
	box-shadow: none;
	position: relative;
	border: 0;
	line-height: 1;
}
	.kl-store-page #content a.button:hover {
		background: #2d2d2d;
		text-decoration: none;
	}
	.kl-store-page #content .product a:hover {text-decoration: none;}
.product-list-item .kw-details-title, .kl-store-page ul.products li.product .product-list-item .kw-details-title {height: 43px; min-height: 16px; overflow: hidden; margin: 0;}
.product-list-item .kw-prodimage {height: 200px; overflow: hidden;}
	.product-list-item .kw-prodimage-img {width: auto; height: 200px;}
.product-list-item:hover .kw-details, .kl-store-page ul.products li.product .product-list-item:hover .kw-details {background: white;}
.product-list-item .kw-details-desc:before, .kl-store-page ul.products li.product .product-list-item .kw-details-desc:before {background: linear-gradient(to bottom, transparent 0%,#fff 100%);}

/*Market Updates*/
.market-update ul#thumbs {margin:0 0 0 -20px; padding:0; list-style:none; left: 5px;}
.market-update ul#thumbs li {float:left; max-width:260px; margin: 10px 5px 20px 15px; position:relative;}
.market-update ul#thumbs li:nth-child(3n+1) {clear: left;}
	@media only screen and (max-width: 1199px) {
		.market-update ul#thumbs li:nth-child(3n+1) {clear: none;}
		.market-update ul#thumbs li:nth-child(2n+1) {clear: left;}}
.market-update ul#thumbs li .inner-item { padding: 4px ; border: 1px solid #ddd; background: #fff;  -webkit-transition: all .3s ease;-moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity:0.9; filter:alpha(opacity=90);}
.market-update ul#thumbs li .inner-item:hover {-webkit-box-shadow:0 0 12px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 0 12px rgba(0, 0, 0, 0.5);box-shadow:0 0 12px rgba(0, 0, 0, 0.5); opacity:1; filter:alpha(opacity=100);}
.market-update ul#thumbs li .inner-item p {margin: 10px 0 10px; padding: 0 6px; font-size: 12px; }
.market-update ul#thumbs li.isotope-item {z-index:2;}
.market-update ul#thumbs li.isotope-hidden {z-index:1;}
.market-update .fixclear {zoom: 1;}
	.market-update .fixclear:before, .fixclear:after {
		content: '\0020';
		display: block;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0;
	}

/*Advertising*/
ins.adsbygoogle {background-color: white;}

/*Mojo*/
#content div.adminmenu ul.simplelist li a:hover {text-decoration: none;}
	.modulepager, .ModulePager, .PageInfo, .SelectedPage, .pageditlinks a {font-size: 1em;}
	.administration #content .breadcrumbs,.memberlist #content .breadcrumbs {float: none; background: none; padding-left: 0;}
		.administration #content .breadcrumbs a {}
			.administration #content .breadcrumbs.pageditlinks a:after,.memberlist #content .breadcrumbs.pageditlinks a:after {
				content: '/';
				height: 0;
				width: 0;
				pointer-events: none;
				display: inline-block;
				margin: 0 5px 0 10px;
			}
		.admin-crumb {padding-left: 0;}
	.admin .moduletitle {clear: both;}
	.administration .chaser {display: none;}
.settingrow {padding: 5px 0;}
.settinglabel {font-weight: bold;}
.settingrow label,.aspcheckboxlist label {display: inline-block; margin: 0 5px;}
		.settingrow input[type="radio"],.aspcheckboxlist input[type="checkbox"] {margin-top: -5px;}
.admin input[type="submit"] {
	display: inline-block;
    margin-top: 10px;
	margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	background-color: #cd2122;
	color: #fff;
	text-shadow: none;
    padding: 10px 20px;
    line-height: 1.6;
    box-shadow: none;
    font-size: 13px;
    font-weight: 700;
    border-style: solid;
    border-radius: 3px;
    -webkit-transition: background-color .15s ease-out;
    transition: background-color .15s ease-out;
	text-transform: uppercase;
}
	.admin input[type="submit"]:hover {background-color: #2d2d2d;}
a.jqtree-toggler:hover {text-decoration: none;}
ul.treecommands {list-style: none;}

/*JQuery Tabs*/
.ui-tabs {margin-top: 50px; padding: 0;}
.ui-widget-header {border: none !important; background: transparent !important;}
.ui-tabs .ui-tabs-nav {margin: -36px 0 0 -1px; padding: 0; background: transparent !important;}
.ui-tabs .ui-tabs-nav li {margin: 1px -1px 0 0; border-top: 1px solid #f0f0f0; font-size: 18px; height: 35px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {margin-bottom: -2px; padding-bottom: 2px; border-top-width: 2px; border-top-color: #cd2122;}
	#content .ui-tabs .ui-tabs-nav li a {color: #535353; outline: none;}
	#content .ui-tabs .ui-tabs-nav li a:hover {text-decoration: none;}


/* ==========================================================================
   ** Responsive styles custom rules
   * These rules are ready to be used for either overrides
   * or just your own custom rules.
   ========================================================================== */

@media only screen and (min-width : 1921px){

}

@media only screen and (max-width : 1440px){

}

@media only screen and (min-width : 1200px) and (max-width : 1440px){

}

@media only screen and (min-width : 1200px){

}

@media only screen and (max-width: 1199px){
	.main-nav > ul > li > a {
		font-size: 13px;
		line-height: 13px;
		padding: 5px 6px;
	}
	#seller {text-align: right;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
	.sidebar .slidingDetails .details h4 {font-size: 15px; line-height: 20px; margin-top: 0; margin-bottom: 5px;}
}

@media only screen and (min-width: 992px){
	
}

@media only screen and (max-width: 991px) {
	#listing .portfolio-item-details li {line-height: 18px;}
	#listing .portfolio-item-details-label {float: left;}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
	.listingsRelated .image-boxes .box,
	.listingsRare .image-boxes .box {display: none;}
	.listingsRelated .image-boxes .box:nth-child(-n+3),
	.listingsRare .image-boxes .box:nth-child(-n+3) {display: block;}
}

@media only screen and (min-width: 768px) {
	.page-subheader[class*="maskcontainer--"] {min-height: 100px;}
}

@media only screen and (max-width: 767px) {
	.page-subheader[class*="maskcontainer--"] {min-height: 165px;}
		.maskcontainer--mask6 {padding-bottom: 20px;}
		.subheader-maintitle {font-size: 28px;}
		.subheader-subtitle {font-size: 18px;}
		.breadcrumbs {margin-bottom: 10px;}
	.page-subheader .ph-content-wrap {
		height: 150px;
		min-height: 150px;
		padding-top: 15px;
	}
	#sthoverbuttons { display: none; }
	.listingPhoto img {margin-bottom: 20px;}
	.listingLinks ul {float: right;}

	.listingsRelated .image-boxes .box,
	.listingsRare .image-boxes .box {display: none;}
	.listingsRelated .image-boxes .box:nth-child(-n+2),
	.listingsRare .image-boxes .box:nth-child(-n+2) {display: block;}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
	.listingLinks h3 {display: none;}
}

.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4,
.col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8,
.col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
@media only screen and (max-width : 480px) {
	.col-xxs-1,.col-xxs-2,.col-xxs-3,.col-xxs-4,.col-xxs-5,.col-xxs-6,.col-xxs-7,.col-xxs-8,.col-xxs-9,.col-xxs-10,.col-xxs-11 {
        float: left;
    }

    .col-xxs-1 {
        width: 8.333333333333332%;
    }

    .col-xxs-2 {
        width: 16.666666666666664%;
    }

    .col-xxs-3 {
        width: 25%;
    }

    .col-xxs-4 {
        width: 33.33333333333333%;
    }

    .col-xxs-5 {
        width: 41.66666666666667%;
    }

    .col-xxs-6 {
        width: 50%;
    }

    .col-xxs-7 {
        width: 58.333333333333336%;
    }

    .col-xxs-8 {
        width: 66.66666666666666%;
    }

    .col-xxs-9 {
        width: 75%;
    }

    .col-xxs-10 {
        width: 83.33333333333334%;
    }

    .col-xxs-11 {
        width: 91.66666666666666%;
    }

    .col-xxs-12 {
        width: 100%;
    }

    .col-xxs-push-0 {
        left: 0%;
    }

	.col-xxs-push-1 {
        left: 8.333333333333332%;
    }

    .col-xxs-push-2 {
        left: 16.666666666666664%;
    }

    .col-xxs-push-3 {
        left: 25%;
    }

    .col-xss-push-4 {
        left: 33.33333333333333%;
    }

    .col-xxs-push-5 {
        left: 41.66666666666667%;
    }

    .col-xxs-push-6 {
        left: 50%;
    }

    .col-xxs-push-7 {
        left: 58.333333333333336%;
    }

    .col-xxs-push-8 {
        left: 66.66666666666666%;
    }

    .col-xxs-push-9 {
        left: 75%;
    }

    .col-xxs-push-10 {
       left: 83.33333333333334%;
    }

    .col-xxs-push-11 {
       left: 91.66666666666666%;
    }

    .col-xxs-pull-0 {
        right: 0%;
    }

	.col-xxs-pull-1 {
        right: 8.333333333333332%;
    }

    .col-xxs-pull-2 {
        right: 16.666666666666664%;
    }

    .col-xxs-pull-3 {
        right: 25%;
    }

    .col-xxs-pull-4 {
        right: 33.33333333333333%;
    }

    .col-xxs-pull-5 {
        right: 41.66666666666667%;
    }

    .col-xxs-pull-6 {
        right: 50%;
    }

    .col-xxs-pull-7 {
        right: 58.333333333333336%;
    }

    .col-xxs-pull-8 {
        right: 66.66666666666666%;
    }

    .col-xxs-pull-9 {
        right: 75%;
    }

    .col-xxs-pull-10 {
        right: 83.33333333333334%;
    }

    .col-xxs-pull-11 {
        right: 91.66666666666666%;
    }

    .col-xxs-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-xxs-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-xxs-offset-3 {
        margin-left: 25%;
    }

    .col-xxs-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-xxs-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-xxs-offset-6 {
        margin-left: 50%;
    }

    .col-xxs-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-xxs-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-xxs-offset-9 {
        margin-left: 75%;
    }

    .col-xxs-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-xxs-offset-11 {
        margin-left: 91.66666666666666%;
    }

	#listingPhoto {margin-bottom: 10px;}
	#listingSeller {text-align: left;}
	.listingLinks ul {float: left;}
}

@media only screen and (max-width : 320px) {

}