html,
body {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
}

body {
	position: relative;
	background: #fff;
}

body,
td,
th,
#submitButton,
textarea,
input,
select {
	font-family: 'Tinos', serif;
	color: #484848;
	font-size: calc(17px + (18 - 17) * ((100vw - 640px) / (1920 - 640)));
	font-weight: 400;
	line-height: 28px!important;
	font-style: italic
}

.container {
	max-width: 100% !important;
}

h1 {
	font-size: 70px;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
}

h2 {
	font-size: calc(45px + (70 - 45) * ((100vw - 640px) / (1920 - 640)));
	font-weight: 300;
}

h3 {
	font-size: calc(40px + (65 - 40) * ((100vw - 640px) / (1920 - 640)));
	font-weight: 400;
}

h4 {
	font-size: calc(35px + (60 - 35) * ((100vw - 640px) / (1920 - 640)));
	font-weight: 400;
}

h5 {
	font-size: calc(35px + (35 - 35) * ((100vw - 640px) / (1920 - 640)));
	font-weight: 400;
}

h6 {
	font-size: calc(20px + (27 - 20) * ((100vw - 640px) / (1920 - 640)));
	font-weight: 400;
}

a {
	color: #484848;
}

a:hover,
a:focus {
	text-decoration: underline;
	color: #484848;
}

.inline {
	display: inline !important;
}

.title {
	color: #484848;
}

.content {
	padding-top: 3%;
	padding-bottom: 60px;
}

@media (max-width:767px) {
	.content {
		padding-top: 5%!important;
		padding-bottom: 60px;
	}
}

@media (min-width:1400px) {
	.container {
		width: 1350px
	}
}

.description {
	padding-top: 0%;
	padding-bottom: 5%;
}

@media (max-width:640px) {
	.description {
		line-height: 25px!important;
	}
}

/*.description ul {
	padding-left: 18px;
}*/

.no-padding {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.padding-lr {
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}

.more-padding {
	padding-top: 5%;
}

@media(max-width:767px) {
	.no-padding-xs {
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}
}

.btn-my-default {
	background-color: rgba(212, 6, 17, 1.00);
	padding-top: 16px!important;
	padding-right: 4%!important;
	padding-left: 4%!important;
	padding-bottom: 16px!important;
	color: #fff;
	border-radius: 4px;
	font-size: 16px;
	transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	text-transform: uppercase;
}

.btn-my-default:hover,
.btn-my-default:focus {
	background-color: rgba(46, 46, 46, 1.00);
	color: #fff!important;
	text-decoration: none;
}

@media(max-width:991px) {
	.btn-my-default {
		padding-top: 8px!important;
		padding-right: 4%!important;
		padding-left: 4%!important;
		padding-bottom: 8px!important;
	}
}

.btn1 {
	background-color: rgba(0, 0, 0, 0.00)!important;
	border: 1px solid #333333;
	color: #333333;
}

.btn1:hover {
	background-color: #333!important;
	border: 1px solid #333333;
	color: #fff;
}

.btn2 {
	background-color: rgba(0, 0, 0, 0.00)!important;
	border: 1px solid #FFFFFF;
	color: #fff;
}

.btn2:hover {
	background-color: #222222!important;
}

/* Navbar  ------*/
@media(max-width:991px) {
	.navbar-brand {
		float: none;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}
}

@media(min-width:991px) {
	nav.navbar.bootsnav ul.nav>li.dropdown>a.dropdown-toggle::after {
		font-family: 'FontAwesome';
		content: "\f107";
		margin-left: 5px;
		margin-top: 2px;
		font-style: normal!important;
		font-size: 14px!important;
		color: #fff;
		font-weight: 400!important;
	}
}

nav.navbar.bootsnav {
	border-bottom: none;
	-webkit-box-shadow: 0px 2px 3pt rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 3pt rgba(0, 0, 0, 0.2);
}

.navbar {
	position: relative;
	min-height: 30px;
	margin-bottom: 20px;
	border: 1px solid transparent;
}

@media(min-width:991px) {
	nav.navbar.bootsnav {
		background-color: #42464E;
		border-bottom: none;
		z-index: 1000!important;
	}
	nav.navbar.bootsnav ul.nav>li>a {
		color: #fff!important;
		font-weight: 400!important;
	}
	nav.navbar.bootsnav ul.nav>li>a:hover {
		color: #F60613!important;
	}
}

nav.navbar .navbar-brand img.logo {
	width: 100%;
	margin-top: -12px;
	padding-top: 0px;
}

/*
@media(max-width:1400px) {
nav.navbar .navbar-brand img.logo {
	width: 80%;
	margin-top: 0px;
}

}
*/

@media(max-width:1200px) {
	nav.navbar .navbar-brand img.logo {
		width: 75%;
		margin-top: 0px;
	}
}

@media(max-width:991px) {
	nav.navbar .navbar-brand img.logo {
		width: 49%;
		margin-top: 2px;
	}
	nav.navbar.bootsnav .navbar-brand {
		display: inline-block;
		float: left !important;
		margin: 0 !important;
	}
	.navbar-brand {
		height: 60px;
	}
}

@media(min-width:991px) {
	nav.navbar.bootsnav ul.nav>li {
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	nav.navbar.bootsnav ul.nav>li>a {
		font-size: 25px!important;
		color: #fff;
		padding-top: 50px!important;
		padding-bottom: 50px!important;
		padding-left: 20px!important;
		padding-right: 20px!important;
		margin-bottom: 0;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	/* Navbar hover------*/
	nav.navbar.bootsnav ul.nav>li:hover a.dropdown-toggle::after {
		color: #fff!important;
	}
	/* Navbar hover------*/
}

@media(max-width:991px) {
	nav.navbar.bootsnav ul.nav>li>a {
		color: #fff;
		font-size: 18px;
	}
}

/* sticked ------*/
@media(min-width:991px) {
	nav.navbar.bootsnav.sticked ul.nav>li>a {
		font-size: 22px!important;
		padding-top: 30px!important;
		padding-right: 20px!important;
		padding-left: 20px!important;
		padding-bottom: 30px!important;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	nav.navbar.bootsnav.sticked {
		background-color: rgba(37, 37, 37, 1);
	}
	nav.navbar.bootsnav.sticked .navbar-brand img.logo {
		width: 65%!important;
		margin-top: -11px!important;
	}
	.logo {
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	nav.navbar.bootsnav.sticked .dropdown-lgn {
		margin-top: 20px!important;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		-ms-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	nav.navbar.bootsnav.sticked .dropbtn {
		padding-left: 2px!important;
		padding-right: 2px!important;
		padding-top: 2px!important;
		padding-bottom: 1px!important;
		font-size: 16px;
		height: 33px!important;
		width: 40px!important;
	}
	nav.navbar.bootsnav.sticked .dropdown-content {
		margin-top: -5px!important;
		font-size: 16px;
		height: 33px!important;
		width: 40px!important;
		top: 36px;
	}
	nav.navbar.bootsnav.sticked .dropdown-content a {
		padding-top: 2px!important;
		padding-bottom: 2px!important;
	}
}


/* sticked ------*/
@media(min-width:991px) {
	li.dropdown ul.dropdown-menu>li>a:hover {
		color: #888!important;
	}
	.custom-dropdown-menu>li:hover {
		background-color: rgba(229, 229, 229, 1.00);
		color: #888!important;
	}
	.navbar-right .dropdown-menu {
		left: 0;
		right: auto;
	}
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li>a {
		border-bottom: solid 1px #555;
		color: #9F9F9F;
	}
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li>a:hover {
		color: #888;
		background-color: #444;
	}
}

@media(max-width:991px) {
	nav.navbar.bootsnav .navbar-nav>li {
		border-bottom: 1px dashed rgba(255, 255, 255, 0.45);
	}
	nav.navbar.bootsnav ul.nav>li>a {
		border-bottom: none;
		border-top: none;
	}
	nav.navbar.bootsnav .navbar-nav {
		margin: 15px -15px;
	}
	.navbar-collapse {
		border-top: 1px solid rgba(0, 0, 0, 0.1)!important;
		background-color: rgba(66, 70, 78, 1.00);
	}
	nav.navbar.bootsnav .navbar-toggle {
		display: inline-block;
		margin-right: 0px !important;
		margin-top: 15px;
		color: #000000!important;
		float: right
	}
}

/* Navbar colors ------*/
@media(max-width:991px) {
	nav.navbar .navbar-toggle {
		color: #fff;
		background-color: #fff !important;
		padding-top: 20px;
		padding-bottom: 30px;
	}
}

@media(max-width:640px) {
	nav.navbar.navbar-inverse .navbar-toggle {
		color: #eee;
		background-color: #333 !important;
		padding-top: 10px;
		padding-bottom: 20px;
	}
}

nav.navbar.bootsnav .navbar-toggle {
	background-color: transparent;
	color: #fff;
	/*	top: 0px;*/
	font-size: 21px;
}

nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
	border: 1px solid #222222;
	background-color: #333;
}

nav.navbar li.dropdown ul.dropdown-menu.custom-dropdown-menu li a {
	text-align: left!important;
}

/* Navbar hover------*/
nav.navbar.bootsnav ul.nav>li.dropdown>a.dropdown-toggle:hover {
	color: #888!important;
	border: none!important;
}

nav.navbar.bootsnav ul.nav>li.dropdown>a.dropdown-toggle:hover::after {
	color: #888!important;
}

/*top-banner*/
.top-banner {
	height: 101vh;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	margin-top: -120px;
}

.top-banner .caption {
	font-size: calc(52px + (90 - 52) * ((100vw - 640px) / (1920 - 640)));
	color: rgba(255, 255, 255, 1.00);
	text-align: center;
	margin-top: 40vh;
	font-weight: 600;
	line-height: normal;
}

.stamp {
	position: absolute;
	bottom: 20px;
	right: 5%;
}

@media(max-width:767px) {
	.stamp img {
		width: 60%;
		float: right;
	}
	.stamp {
		bottom: 10px;
		right: 0%!important;
		display: inline;
	}
}

.wrap-scrolldownhoney {
	left: 50%;
	position: absolute;
	text-align: center;
	transform: translate(-50%, -50%);
	z-index: 5;
	bottom: 20px;
}

@media(max-width:767px) {
	.wrap-scrolldownhoney {
		bottom: 10%;
	}
}

.wrap-scrolldownhoney .scrolldownhoney {
	border: 2px solid #fff;
	border-radius: 30px;
	height: 46px;
	margin: 0 auto 8px;
	text-align: center;
	width: 30px;
}

.wrap-scrolldownhoney .scrolldownhoney .scrolldownhoney-c1,
.wrap-scrolldownhoney .scrolldownhoney .scrolldownhoney-c2 {
	animation-duration: 1.5s;
	animation-name: scrolldownhoney;
	animation-iteration-count: infinite;
	fill: #fff;
}

.wrap-scrolldownhoney .scrolldownhoney-c2 {
	animation-delay: 0.75s;
}

@-moz-keyframes scrolldownhoney {
	0% {
		opacity: 0;
		transform: translate(0, -8px);
	}
	50% {
		opacity: 1;
		transform: translate(0, 0);
	}
	100% {
		opacity: 0;
		transform: translate(0, 8px);
	}
}

@-webkit-keyframes scrolldownhoney {
	0% {
		opacity: 0;
		transform: translate(0, -8px);
	}
	50% {
		opacity: 1;
		transform: translate(0, 0);
	}
	100% {
		opacity: 0;
		transform: translate(0, 8px);
	}
}

@-o-keyframes scrolldownhoney {
	0% {
		opacity: 0;
		transform: translate(0, -8px);
	}
	50% {
		opacity: 1;
		transform: translate(0, 0);
	}
	100% {
		opacity: 0;
		transform: translate(0, 8px);
	}
}

@keyframes scrolldownhoney {
	0% {
		opacity: 0;
		transform: translate(0, -8px);
	}
	50% {
		opacity: 1;
		transform: translate(0, 0);
	}
	100% {
		opacity: 0;
		transform: translate(0, 8px);
	}
}

/* home-about-------*/
@media(min-width:991px) {
	.about .row {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		margin-left: auto;
		margin-right: auto;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		/*
	background-image: url(/images/girl.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: contain;
*/
	}
}

.line img {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 20px;
}
/* home-about */

/*producs*/
.producs {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	color: #FFFFFF;
	padding-top: 20vmin;
	padding-bottom: 20vmin;
}

.producs h2 {
	color: #FFFFFF;
}

@media(max-width:991px) {
	.producs {
		margin-top: 25px
	}
}
/*producs*/

/*blog*/
.blog {
	background-image: url(/images/blog-banner2.jpg);
	background-repeat: no-repeat;
	padding-top: 5vmin;
	padding-bottom: 7vmin;
	position: relative;
	background-size: cover;
}

.blog .bkg-img {
	position: absolute;
	bottom: 20px;
	z-index: -1;
	left: 0px;
}

@media(max-width:1400px) {
	.blog .bkg-img {
		left: -121px;
	}
}

.blog .box {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	margin-top: 6vmin;
	margin-bottom: 6vmin;
	background-color: #FFFFFF;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

@media(max-width:640px) {
	.blog .box {
		padding-top: 10px;
		padding-right: 10px;
		padding-left: 10px;
		padding-bottom: 10px;
		margin-top: 3vmin;
		margin-bottom: 3vmin;
	}
}

.blog .box .description {
	min-height: 75px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	padding-bottom: 0px;
}

.news_picture {
	position: relative;
	width: 100%;
	height: 13em;
	overflow: hidden;
}

@media(max-width:640px) {
	.news_picture {
		height: 12em;
	}
}

.news_picture img {
	min-width: 100%;
	min-height: 100%;
}

.blog a:hover {
	text-decoration: none!important;
}

.blog .link {
	color: #D40611;
	margin-top: 25px
}

.blog a:hover .link {
	color: #E20713;
	text-decoration: underline;
}

.owl-theme .owl-dots .owl-dot span {
	width: 14px;
	height: 14px;
	background: #444;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background-color: #D40611;
}

.recept ul,
.recept ol {
	margin-left: -25px;
}

.recept .description {
	margin-top: 15px
}
/*blog*/

/*stores*/
.stores {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding-bottom: 15vmin;
	padding-top: 15vmin;
}

div.hover-div.black {
	background-color: #111;
}

div.hover-div:hover img {
	opacity: 0.3;
}

.art-title {
	color: #FFFFFF;
	position: absolute;
	bottom: -20px;
	text-align: center;
	width: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
	opacity: 0.8;
	font-size: 18px;
	transition: all ease-in-out 0.3s;
	visibility: hidden
}

.hover-div:hover .art-title {
	color: #FFFFFF;
	position: absolute;
	bottom: 35%;
	background-color: transparent;
	transition: all ease-in-out 0.5s;
	opacity: 1!important;
	visibility: visible
}

@media(min-width:991px) {
	.modal {
		display: none;
		max-width: none;
		width: 70%;
		background: #fff;
		padding: 0vmin 15px;
		border: none;
		margin-top: 15vmin;
		z-index: 100;
	}
}

@media(max-width:991px) {
	.modal {
		display: none;
		max-width: none;
		width: 100%;
		background: #fff;
		padding: 15px 0px;
		border: none;
	}
}

.blocker {
	background-color: rgba(255, 255, 255, 1);
}

.modal a.close-modal {
	position: absolute;
	top: 12.5px;
	right: 0.5px;
	width: 20px;
	height: 20px;
}
/*stores*/


/*prodcts-page*/
.products-banner {
	margin-top: -120px;
}

.prodcts-page article {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 4em;
	-moz-column-gap: 4em;
	column-gap: 4em;
}

@media(max-width:767px) {
	.prodcts-page article {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
}

.prodcts-page hr {
	margin-top: -15px;
	margin-bottom: 42px;
	border-top: 1px dashed #E4E4E4;
}

#map {
	height: 600px;
	float: none;
	clear: both;
	padding-bottom: 0px;
}

.map-store {
	height: 100%;
	float: none;
	clear: both;
	padding-bottom: 0px;
}

@media(min-width:991px) {
	.modal .box {
		display: flex
	}
}

@media(max-width:991px) {
	#map,
	.map-store {
		height: 400px!important;
	}
}

@media (max-width: 767px) {
	#map,
	.map-store {
		height: 350px!important;
	}
}

.sub-footer {
	background-color: #111;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 12px;
	color: #B4B4B4;
}

.sub-footer a {
	color: #B4B4B4;
}

.sub-footer a:hover {
	color: #fff;
}

.form-contacts {
	background-color: #900000;
	padding-top: 3%;
	padding-bottom: 50px;
	border-top: 5px solid rgba(255, 255, 255, 1.00);
	border-bottom: 5px solid rgba(255, 255, 255, 1.00);
}

.form-contacts .btn {
	border: 2px solid #FFFFFF;
}

.contact-form {
	margin-top: 0px;
}

#message {
	height: 150px;
}

.form-control {
	box-shadow: none;
	width: 100%;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	height: 44px;
	background-color: rgba(255, 255, 255, 1.00);
}

.form-control:focus {
	box-shadow: none;
	border-color: #00b09c;
}

.form-control-feedback {
	line-height: 50px;
}

.form-control-feedback {
	line-height: 50px;
	top: 0px;
}

.has-error .help-block {
	color: #FF0004;
}

.has-error .form-control {
	border-color: #FF0004;
}

.has-error .form-control-feedback {
	color: #FF0004;
}

input.error {
	border: #c00 1px solid;
}

select.error {
	border: #c00 1px solid;
}

textarea.error {
	border: #c00 1px solid;
}

label.error {
	display: block;
	color: #fff;
	font-size: 75%;
	font-weight: normal;
	padding: 0px 10px!important;
	margin-top: 0px;
	background-color: #FF0004;
}

.hover-div {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.hover-div img {
	width: 100%;
	transition: all ease-in-out .5s;
}

.hover-div:hover img {
	transition: all ease-in-out .5s;
	opacity: 1;
	transform: scale(1.2);
}

.back-to-top {
	display: none;
	width: 58px;
	height: 58px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 0px;
	bottom: 0px;
	background-repeat: no-repeat;
	background-position: center 43%;
	background-color: #D40611;
	background-image: url(/images/up-arrow.png);
	opacity: 1;
}

.back-to-top:hover {
	background-color: #3A3A3A;
}

@media (max-width: 640px) {
	.back-to-top {
		visibility: hidden
	}
}

.wrapper {
	border: none!important;
}

.wrapper a {
	color: rgba(255, 255, 255, 1.00);
	font-weight: 600;
}

.wrapper .addres-box div {
	margin-bottom: 6px;
	margin-top: 7px;
}

.wrapper .title {
	color: rgba(255, 255, 255, 1.00);
	font-weight: 700;
}

.addres-box {
	color: rgba(255, 255, 255, 1.00);
	background-color: #333333;
	padding-top: 25px;
	padding-right: 35px;
	padding-bottom: 25px;
	padding-left: 35px;
}

/* responsive */
@media (max-width: 767px) {
	#message {
		height: 150px;
	}
	.contact-form .textarea {
		min-height: 120px;
	}
	.form-control {
		height: 35px;
	}
}

@media(max-width:540px) {
	.block-grid-xs-2 {
		padding-left: 0px;
		padding-right: 0px
	}
}

/*CONTACTS*/

.contacts .icon-wrapper {
	width: 40px;
	height: 40px;
	display: inline-block;
	padding-left: 13px;
	padding-top: 8px;
	background-color: #DF0413;
	color: #fff;
	vertical-align: -5px;
}

@media(max-width:380px) {
	.contacts .icon-wrapper {
		width: 30px;
		height: 30px;
		display: inline-block;
		padding-left: 8px;
		padding-top: 3px;
		vertical-align: -13px;
	}
}

@media(max-width:991px) {
	.contacts .str {
		border-bottom: 1px dashed #ddd;
		padding-bottom: 30px;
	}
	.contacts .icon-wrapper {
		margin-left: 20px
	}
	.contacts .addres-wrapper {
		margin-bottom: 50px;
	}
}

@media(min-width:991px) {
	.contacts .addres-wrapper {
		padding-left: 15px;
	}
}

.contacts .add {
	padding-left: 10px;
	display: inline-table;
}

.contacts .material-icons {
	font-size: 20px;
	margin-left: -2px;
	margin-top: 2px;
}


/*CONTACTS*/