@import "https://fonts.googleapis.com/css?family=Dosis:400,300,500,700";
@import "https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,800";
@import "https://fonts.googleapis.com/css?family=Open+Sans:100,300,400,600,700";

/* Webfont: BloggerSans */
@font-face {
    font-family: 'BloggerSans';
    src: url('../common/fonts/BloggerSans.eot'); /* IE9 Compat Modes */
    src: url('../common/fonts/BloggerSans.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../common/fonts/BloggerSans.woff') format('woff'), /* Modern Browsers */
         url('../common/fonts/BloggerSans.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../common/fonts/BloggerSans.svg#BloggerSans') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: BloggerSans-Light */@font-face {
    font-family: 'BloggerSansLight';
    src: url('../common/fonts/BloggerSans-Light.eot'); /* IE9 Compat Modes */
    src: url('../common/fonts/BloggerSans-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../common/fonts/BloggerSans-Light.woff') format('woff'), /* Modern Browsers */
         url('../common/fonts/BloggerSans-Light.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../common/fonts/BloggerSans-Light.svg#BloggerSans-Light') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Line-icons */
[data-icon]:before {
    font-family: "line-icons" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.navbar {
	padding-top: 1.5em;
	padding-bottom: 1.7em;
}

.navbar, footer, .dropdown-menu, .dropdown-item:hover {
	background-color: black;
}

.navbar .dropdown-toggle {
	color: rgba(255,255,255,0.7);
}
.navbar a {
	color: rgba(255,255,255,0.7);
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 2px;
	padding: 0 20px;
	font-weight: 500;
	font-family: "Raleway","Open Sans",arial;
	text-decoration: none;
	transition: all 250ms ease-in-out;
}
.navbar a:hover, .navbar a:active, .navbar a.active {	color: rgba(255,255,255,0.9); }

.navbar-brand { padding: 0 !important; }

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.vr { opacity: .75; }

footer {
	background-color: rgb(40, 41, 42);
	color: #B6B6B6;
	font-size: 13px;
}
footer a { color: #D0D0D0; text-decoration: none; }
footer a:hover { color: #fff; }
footer .footer {
	padding-top: 30px;
	padding-bottom: 30px;
}
footer .footer h4 {
	line-height: 30px;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 800;
	color: #D8D8D8;
}
footer .copyright {
	background-color: black;
	font-size: 12px;
	padding-top: 1em;
	padding-bottom: 1em;
}

footer p {
	margin-bottom: 5px;
}


body {
  font-family: 'Open Sans',sans-serif;
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
  color: #666;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "BloggerSansLight", "Open Sans", arial;
}
h2 {
/*	font-size: 40px;
	line-height: 50px;
	font-weight: 300;*/
}
h4 {
	padding-top: 18px;
	letter-spacing: 1px;
}

a {
	color: #8F8F8F;
	text-decoration: none;
}
a:hover, a:focus { color: #6c6b6b; }
.nohover:hover { color: #8F8F8F; }

.justify { text-align: justify; }

.directoryContent>.row:not(:last-child) {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem;
}

.directoryDescription {
	font-family: 'BloggerSansLight', arial;
	padding-bottom: 1.5rem;
}

.directoryItemImage, .directoryItemNoImage, .goodsCatalogItemImage, .goodsCatalogItemNoImage {
	width: 140px;
	float:left;
	margin-right: 1.5rem;
}

.cartItemImage, .cartItemNoImage {
	width: 100%;
	max-width: 140px;
}

.goodTitleImage {
	height: 224px;
}

.directoryItemNoImage, .goodsCatalogItemNoImage, .cartItemNoImage { opacity: 0.1; }

.goodTitleImage {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
}

.subDirs {
	display: flex;
}
.subDir {
	display: block;
	float: left;
	background-color: #f8f8f8;
	padding: .75rem;
	border: 1px solid #f0f0f0;
	margin-right: 1rem;
	margin-bottom: 1rem;
}

.goods .good {
	display: block;
	float: left;
	/*width: 224px;*/
	width: 100%;
	border: 1px solid #f0f0f0;
	margin-right: 1rem;
	margin-bottom: 1rem;
}
@media (min-width: 503px) {
	.goods .good {
		width: 224px;
	}
}
.goods .good:hover {
	border: 1px solid #999;
}
.goods .good .title, .goods .good .descr, .goods .good .price {
	display: block;
	padding: 0.5rem;
	text-align: center;
}
.goods .good .price {
	color: #999;
}

/*.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {
    filter: invert(1) grayscale(100);
}*/
/*.carousel-indicators button {
	background-color: #aaa !important;
}*/

.good .images {
	display: block;
	float: left;
	padding-right: 1rem;
	padding-bottom: 1rem;
	width: 100%;
}
.good #imagesCarousel {
	min-height: 37em;
}
.carousel-item {min-height: 424px;}
@media (max-width: 1399px) {
	.good #imagesCarousel {	min-height: 31em; }
	.carousel-item {min-height: 28em;}
}
@media (max-width: 1199px) {
	.good #imagesCarousel {	min-height: 28em; }
	.carousel-item {min-height: 25em;}
}
@media (max-width: 991px) {
	.good #imagesCarousel {	min-height: 25em; }
	.carousel-item {min-height: 22em;}
}
@media (max-width: 767px) {
	.good #imagesCarousel {	min-height: 20em; }
	.carousel-item {min-height: 17em;}
}
@media (max-width: 575px) {
	.good #imagesCarousel {	min-height: 17em; }
	.carousel-item {min-height: 14em;}
}

.good .images .imgPreview {
	width: 64px;
	height: 64px;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
	border: 1px solid rgba(1,1,1,0);
	background-color: rgba(0,0,0,0)
}
.good .images .imgPreview:hover {
	/*background-color: #999;*/
	border: 1px solid #999;
}

.directoryContent .title {
	font-size: 18px;
	padding-bottom: 0.5rem;
}

.directoryContent .date, .title .date {
	float: right;
	text-align: left;
	color: #BFBFBF;
}

.mainPageNewsImage {
	float:left;
	padding-right: 1em;
	padding-bottom: 2em;
	width: 200px;
}

.mainPageHead {
	height: 40em;
	background-color: #000;
	background-position: 0em -5em;
	background-image: url("../common/img/MainPics/DSCF7853-uhd.jpg");
	/*background-size: cover;*/
	background-size: 1000px;
	background-repeat: no-repeat;
	color: #D0D0D0;
}
@media (max-width: 530px) {
	.mainPageHead { height: 35em; }
	.mainPageHead .items { padding-bottom: 4em !important; }
}
@media (min-width: 530px) { 
	.mainPageHead { background-size: 160% !important; background-position: 10em 40%; }
}
@media (min-width: 990px) {
	.mainPageHead {	background-size: 80% !important; background-position: 140% 40%; }
}
@media (min-width: 1400px) {
	.mainPageHead {	background-size: 60% !important; background-position: 100% 40%; }
}
@media (min-width: 1700px) {
	.mainPageHead { background-size: 50% !important; background-position: 80% 40%; }
}


.mainPageHead .items {
	padding-top: 0.5em;
	padding-bottom: 8em;
}

.mainPageHead .itemTitle {
	margin-top: .5rem;;
	margin-bottom: 0.75rem;
	font-size: 1.5em;
	font-weight: 200;
	line-height: 1.2;
}

.mainPageHead .themedSVG { opacity: 0.6; }
.mainPageHead a:hover .themedSVG { opacity: 0.8; }
.mainPageHead .items a {color:#D0D0D0; }
.mainPageHead .items a:hover {color:#F0F0F0; }
.mainPageHead a:hover {color:#E0E0E0; }

.themedSVG { opacity: 0.8; }
a:hover .themedSVG { opacity: 0.95; }

.btn-primary {
	background-color: #333;
	border-color: #000;
}
.btn-primary:hover {
	background-color: #666;
	border-color: #000;
}
.btn-light {
	background: none;
	opacity: 0.55;
	border: none;
}
.btn-light:hover {
	background: none;
	opacity: 0.8;
	border: none;
}

#GSCartItemsCount {
	color: red;
	font-size: 0.75rem;
}
.GSCartItemsCount {
	color: orange;
	font-size: 0.85rem;
}
#GSCartItemsCount:contains("") {
	/*background: none;*/
}

/* Firefox */
input.no-spin-buttons[type=number] {
  -moz-appearance: textfield;
}

/* Chrome, Safari, Edge, Opera */
input.no-spin-buttons::-webkit-outer-spin-button,
input.no-spin-buttons::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.text-muted {
	opacity: 0.6;
}

.cartItem {
	border-bottom: 1px solid #ccc;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	margin-left: 0rem;
	margin-right: 0rem;
}

/*#cart .col-img {}*/
@media (max-width: 990px) {
	#cart {padding-right: 0px !important;}
}
@media (max-width: 576px) {
	#cart .col-img, #cart .col-name, #cart .col-count, #cart .col-price {padding-left: 0.5rem; padding-right: 0.5rem;}
	#cart .col-img {
		/*text-align: center;*/
	}
}

.specs {
	display: flex;
	flex-flow: row wrap;
}
.specs .spec {
	padding-right: 3rem;
}

.spec .title{font-weight: 300;}
.spec .value{}

.price {padding-bottom: 0.5rem;}
.price .title{font-weight: 300;}
.price .value{}

.pageContent.good .nav-item .nav-link {
	color: #666;
	font-weight: 300;
	transition: none;
	border-radius: 0.1rem;
	/*border-color: #999;*/
	/*border-radius: 0.375rem;*/
	/*transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;*/
}
.pageContent.good .nav-item .nav-link.active {
	/*font-weight: 400;*/
	color: #000;
}
.pageContent.good .nav-item .nav-link:hover {
	/*color: #000;*/
	border-bottom: none;
}

.addToCartBtn {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

.blockquote {
	font-size: 14px;
}
.good .avatarImg.avatarImgSmallScr, .good .openquot, .good .closequot {
	display: none;
}
.good .reviews figure {
	/*padding-bottom: 2rem;*/
	/*margin-bottom: 2rem;*/
	border-bottom: 1px solid #ddd;
}

.good .reviews figure:last-child {
	border-bottom: none;
}

figure img {
	width: 100%;
}

.hr {
	border-bottom: 1px solid #fff;
	opacity: 0.5;
}

.nowrap {
	text-wrap: nowrap;
}