html, body {
	height: 100%;
	min-width: 320px;
}

body {
	background-color: #53301A;
	font-family: 'Century Gothic';
}

a:not(.btn) {
	color: #53301A;
	text-decoration: underline;
}

h1 {
	margin-top: 0;
	font-size: 30px;
}

p {
	margin-bottom: 8px;
	font-family: sans-serif;
}

.indent {
	font-family: sans-serif;
	text-indent: 20px;
}

.form-control, select, input, textarea {
	border: 2px solid #53301A;
	border-radius: 4px;	
	padding: 3px 4px;
	font-family: sans-serif;
}

label {
	margin-bottom: 0;
	margin-top: 5px;
}

input:not([type="checkbox"]), textarea {
	width: 100%;
	max-width: 300px;
}

.sidebar {
	width: 30%;
}

.main {
	width: 70%;
}

.logo {
	padding-top: 3.5vw;
	padding-bottom: 50px;
}

.slogan {
	color: #eee5b0;
	font-size: 1.8vw;
	font-style: italic;
	text-align: center;
	line-height: 1.05;
	font-weight: 400;
	margin-top: 8px;
}

.bg {
	background-image: url('/images/gani-bg.jpg');
	background-size: contain;
	background-repeat: no-repeat;
}

.header {
	width: 100%;
	position: relative;
}

.header:after {
  content: "";
  display: block;
	padding-bottom: 25%;
}

.account, .account-in {
	position: absolute;
	bottom: 2px;
	right: 0;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

.account a, a.accountlink {
	color: #fff;
	text-shadow: #53301A 0px 0px 4px, #53301A 0px 0px 2px, #53301A 0px 0px 8px;
}

.account a:hover, .accountlink:hover {
	color: #eee5b0;
}

.nav-catalog {
	display: flex;
	padding: 0;
	margin: 0 -1vw;
}

.nav-catalog li {
	background-color: #EFE5B0;
	color: #53301A;
	padding: 10px;
	margin: 0 1vw 5px;
	border-radius: 15px;
	list-style: none;
	border: 3px solid #53301A; 
	flex-grow: 1;
  flex-basis: 0;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	height: 47px;
}

.nav-catalog li.active {
	background-image: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%);
}

.nav-catalog a {
	color: #53301A;
}

.nav-main, map area, map > area:focus, map > area:active {
	outline: none;
	border:0;
}

.cartdetails {
	padding: 20px;
}

.stepper {
	width: 47px;
}

.stepper .stepper-input {
	padding-left: 4px;
}

.vbox-inline {
	position: relative;
}

.submit {
	font-weight: bold;
}

.red {
	background-color: #EB7624;
}

.fa-paw {
	transform: rotate(-30deg);
	font-size: larger;
}

.size {
	display: inline-block;
}

.block {
	display: block;
}

.wrapper {
	background-color: #EFE5B0;
	color: #53301A;
	padding: 20px;
	border-radius: 20px;
	border: 3px solid #53301A; 
	margin-bottom: 20px;
}

.wrapper-standard {
	height: 100%;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #53301A;
	border-color: #53301A;
}

.thumb {
	border: 2px solid #53301A;	
}

.legend {
	background-color: #53301A;
	color: #fff;
	padding: 1px 4px;
}

.cartbox {
	cursor: pointer;
	font-size: 22px;
}

.cartbox:hover {
	color: #EFE5B0;
}

.account-in .badge {
	background-color: #EFE5B0;
	color: #53301A;	
	text-shadow: none;
	font-size: 14px;
}

.alert-danger {
	background-color: #CC5814;
	color: #FFF;
	font-weight: bold;
	border: 0;
}

.alert-danger a {
	color: #412412;
}

.alert-success {
	background-color: #87ab11;
	border: 0;
	color: #fff;
}

.btn-danger {
	background-color: #CC5814;
	border-color: #CC5814;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
	background-color: #A7380B;
	border-color: #A7380B;
}

.btn-primary {
	color: #fff;
	background-color: #53301A;
	border-color: #53301A;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	background-color: #412412;
	border-color: #412412;
}

.btn-default {
	border-color: #53301A;
}

.btn-warning {
	background-color: #C97929;
	border-color: #C97929;
}

.pagination > li > a, .pagination > li > span {
	color: #53301A;
	border: 2px solid #53301A;
}

.item {
	padding: 10px;
}

.thumbnails {
	margin: 0 -10px;
}

.search {
	max-width: 100%;
}

.name {
	height: 20px;
	overflow: hidden;
	white-space: nowrap;
}

.vbox-content {
	margin-top: 30px !important;
}

.vbox-title {
	font-size: 13px;
	color: #fff !important;
}

.card-description {
	font-family: sans-serif;
	line-height: 1.1;
	font-size: 13px;
}

.ckeditor-html5-video video {
	max-width: 100%;
	background: transparent url('/images/videobg.jpg') no-repeat 50% 50%;
	background-size:cover;
}

.card h4 {
	margin: 6px 0 3px;
	font-size: 14px;
}

.card img {
	flex-shrink: 0;
}

.card, .card-caption {
	flex-shrink: 0;
}

.address {
	color: #EFE5B0;
	text-align: center;
	margin: 4vw 0 1vw;
	font-size: 1.3vw;
	font-style: italic;
	line-height: 1.2;
}

.copyright {
	color: #fff;
	text-align: center;
	margin-top: 1vw;
	font-size: 1vw;
	margin-bottom: 65px;
}

.copyright a {
	color: #EFE5B0;
}

.counter {
	position: absolute;
	bottom: 20px;
}

.partners-docs {
	max-width: 500px;
}


@media screen and (min-width: 992px) and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   /* стили только для IE10 IE11 */
	.card-caption {
		max-height: 22vw;
	}
}

@media screen and (min-width: 1360px) {
	.container {
		max-width: 1280px;
	}
	
	.logo {
		padding-top: 48px;
	}

	.slogan {
		font-size: 25px;
	}

	.address {
		margin: 54px 0 14px;
		font-size: 18px;
	}

	.copyright {
		margin-top: 14px;
		font-size: 14px;
	}
}


@media screen and (min-width: 768px) {
	.container {
		width: 94%;
		padding: 0;
	}
}


@media (max-width: 767px) {
	.submit {
		width: 100%;
		z-index: 222222;
		bottom: 10px;
	}

	.logo {
		padding-top: 15px;
		padding-bottom: 10px;
	}
	
	.bg {
		background-image: none;
	}

	.header:after {
		padding-bottom: 25px;
	}
	
	.account, .account-in {
		position: static;
		float: right;
		margin-bottom: 8px;
	}
	
	.slogan {
		font-size: 18px; 
    font-size: 2.7vw;
		margin-top: 0;
	}

	.nav-xs {
		background-color: #53301A;
		padding: 3vw;
		border: 2px solid #EFE5B0;
	}
	
	.nav-catalog {
		flex-wrap: wrap;
	}
	
	.div-search {
		padding-top: 10px;
	}
	
	.btn-nav-xs {
		padding: 1.6vw 16px;
	}
	
	.div-search input {
		max-width: 100%;
	}
}


@media screen and (min-width: 481px) and (max-width: 767px) {
	.sidebar, .main {
		width: 100%;
	}
	
	.sidebar {
		display: flex;
		flex-direction: row !important;
	}
	
	.logo, .navigation {
		flex-grow: 1;
		flex-basis: 0;
	}
	
	.logo {
		padding-right: 10px;
	}
	
	.navigation {
		padding-left: 10px;
		padding-top: 16px;
	}
	
	.main {
		margin-top: -7vw;
	}
	
	.account {
		margin-top: 2.3vw;
	}
}


@media (max-width: 480px) {
	.sidebar, .main {
		width: 100%;
	}

	.btn-nav-xs {
		margin-bottom: 10px;
	}

	.slogan {
		font-size: 17px;
    font-size: 5.55vw;
	}
	
	.wrapper {
		margin: 0 -15px;
		border: 0;
		border-radius: 0;
		padding: 15px;
	}

	.nav-catalog li {
		padding: 10px 5.4vw;
	}
}


@media (max-width: 380px) {
	.item {
		width: 100%;
	}
}


@media screen and (min-width: 601px) and (max-width: 767px) {
	.item {
		width: 33.333333%;
	}
	
	.div-sort {
		width: 60%;
		float: left;
	}
	
	.div-search {
		width: 40%;
		float: left;
		padding-top: 0;
	}
}