@font-face {
    font-family: 'HN';
    src: url('../fonts/HelveticaNeue-CondensedRegular.woff') format('woff'),
         url('../fonts/HelveticaNeue-CondensedRegular.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: 'HNB';
    src: url('../fonts/HelveticaNeue-CondensedBold.woff') format('woff'),
         url('../fonts/HelveticaNeue-CondensedBold.ttf') format('truetype');
    font-weight: bolder;
    font-style: normal;

}
@font-face { 
	font-family:GilroyRegular; 
	src: url(../fonts/Gilroy-Regular.ttf);
}
@font-face { 
	font-family:GilroyBold; 
	src: url(../fonts/Gilroy-Bold.ttf);
}
body{
	color: black;
	font-size: 24px;
	font-family: 'GilroyRegular', sans-serif;
}

h1 {
	font-size: 2em;
	font-weight: 900;
	/* font-family: 'HN', sans-serif; */
	line-height: 1.2;
	margin: 90px 0 0px;
	color: #fff;
	text-align: center;
	padding: 15px 0;
}
h1 span {
	font-size: 23px;
	font-weight: 700;
}

h3{font-size: 0.8em;/* letter-spacing: 2px; *//* color:#e1e1e1; */text-transform: uppercase;padding: 0px 0 20px;/* text-shadow: 2px 2px 4px #000; */line-height: 1.5em;}
h2 {
	font-size: 1.4em;
	font-weight: bolder;
	/* font-family: HN; */
	/* padding: 10px 10px; */
	display: inline-block;
	/* line-height: 2em; */
	color: #fbbd0f;
	width: 100%;
	text-align: center;
}
.logo {
    /* max-width: 150px; */
    float: left;
    padding-top: 30px;
    text-align: center;
}
.logo a  {
    float:left;
}
.logo img {
    height: 70px;
}
.tel, .email {
	text-align:right;

}
.tel {
	margin-top: 0px;
}

.tel a, .email a {
    font-size: 0.9em;
    /* padding: 5px; */
    /* line-height: 3; */
    /* font-weight: normal; */
    /* text-align: right; */
    /* font-family: 'HN', sans-serif; */
    color: #ffffff;
}
.time{
	 text-align: right;
	 font-size: 0.6em;
	 margin-top: 0.5em;
	 color: #fbbd0f;
	 }
.no-relative{
	position:inherit;
}
.zakaz {
    text-align: right;
    margin-top: 0px;

}
.zakaz a{
	/* text-transform: uppercase; */
	font-size: 0.7em;
	color:#fbbd0f;
}
button, .button {
    background: rgb(75, 36, 45);
    border: none;
    padding: 10px 44px;
    font-size: 18px;
    border: 1px solid;
    margin-bottom: 10px;
    color: white;
    font-family: HNB;
    /* box-shadow: 0 10px 10px #343333ab; */
    text-transform: uppercase;
}
button:hover , .button:hover,  .button:focus {
	 background: #fbbd0f;
	 text-decoration:none;
	 color:white;
}
.back {
    /* background: #0000008c; */
    border-radius: 20px;
}
header {
    /* background: url(../img/scr1.jpg) no-repeat; */
    /* background-size: cover; */
    /* height: 100vh; */
    position: relative;
}
header .video {
	position:absolute;
	width:100%;
	height:100%;
	top: 0; 
	right: 0;
}
video {
position: absolute;
    top: 50%;
    left: 50%;
    max-width: none;
    max-height: none;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
	 
}
.overl {
    position: absolute;
    height: 100%;
    width: 100%;
    /* background: #010101bd; */
    background: url(../img/tex1.png) repeat;
    /* background-size: cover; */
}
#top {
	color: #919191;
}
section#home {
    padding-bottom: 60px;
}

section#tabl, section#dop {
    background: #efe2bf;
    padding: 30px 0;
}
section#dop .item {
	border:3px solid #f2b710;
}
section.agro {
    background: #0e3f24;
    color: #eee;
    padding: 30px 0;
    font-size: 18px;
}
section#gallery {
    padding: 50px 0;
}
section#choose {
    padding: 30px;
    background: #f1e4c1;
}

section#preim {
    background: #f1e4c1;
}
section#preim img{
	width:100%;
	max-width: max-content;
}
section#about {
    background: url(../img/6-500.png) no-repeat center;
}

section.tabl table {
    width: 100%;
    font-size: 0.8em;
    font-family: HN;
}
section.tabl td,section.tabl th {
    padding:5px;
    border: 1px solid black;
    text-align: center;
}
section.tabl th {
    background:#febf0f;
    color:#4b242d;
    /* font-weight:bold; */
    padding: 20px;
    font-family: HNB;
}
section.tabl td.str1 {
    color:#febf0f;
    background:#4b242d;
    font-weight:bold;
    text-align: left;
    padding:5px 10px;
}
section.tabl td:first-child
{
	width:35%;
}
section.vigoda {
	background:#ffffff;
}
section.vigoda h2{
	color:#46243a;
	padding-top: 50px;
}
section.vigoda .container {

background: url(../img/3ug.png) no-repeat top;

background-size: contain;

}
.right {
    padding-top: 10px;
    color:#4b242d;
    font-size: 0.8em;
    /* background: #ddaa40; */
}
.right img{
     width:100%;
     max-width: 500px;
}

.box {text-align: center;padding: 10px;background: #ffffffe8;/* margin: 30px 30px 0 30px; *//* box-shadow: #a8a8a8 0 0 17px; */border-top: 4px solid #fbbd0f;border-bottom: 4px solid #fbbd0f;}
.box-text {font-family: 'HNB', sans-serif;font-weight:900;}

.box img {
	/* height: 250px; */
	width: 100%;
}
.s3 .box img {
	/* height: 250px; */
}
.box.first {
    /* font-size: 0.8em; */
    text-align: left;
    line-height: 1.3;
    padding: 30px;
    margin: 15px 0 15px 0;
}
.pr {
    overflow: hidden;
    text-align: center;
    /* background: url(../img/3ug.png) no-repeat top; */
    /* background-size:contain; */
    /* padding-top:100px; */
}
.pr h2{

}
.pr img{
    height: 160px;
    padding: 30px 0;
}

.pr-text {
    /* font-size: 36px; */
    background: #fbbd0f;
    padding: 15px;
}
.vol{
	font-size: 1.5em;
	font-weight: 900;
	color: #fbbd0f;
	margin: 0;
	line-height: 1;
	padding: 0 10px;
}
.vol span{
    font-size: 0.4em;
}
.sub-text{
	font-size: 1.4em;
	text-transform: uppercase;
	color: #654047;
}
.s3 .sub-text{
	font-size: 1.1em;
	text-transform: none;
}
.s3 .prim-text{
	font-size: 0.6em;
color:#cc8a47;
text-transform:uppercase;
}
p.prim-text {
    margin: 0;
}
.price{font-size: 1em;}
.navbar {
  min-height: 30px;
  margin-bottom: 0px;
  position: inherit;
}
.nav > li > a {font-size: 0.8em;text-transform:uppercase;}
.nav > li > a:focus,.nav > li > a:hover {
  background: #edb47a;
  color: black;
}
.navbar-toggle {
    color: #fff;
    border: 1px solid;
    border-radius: 20px;
    margin: 0 auto;
    float: none;
    /* width: 30px; */
}

span.icon-bar {
    background: #fff;
}

.navbar-header {
    width: 100%;
    display: flex;
    margin-bottom: 5px;
}
a,a:focus,a:visited,a:active {
	color: #fbbd0f;
}
a:hover {
	color: #edb47a;
}

 .section .nextbutton span {
    background: url(../img/down-chevron-white.svg) center no-repeat;
    background-size: 100%;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -999999px;
}

 .section .nextbutton {
    bottom: 50px;
    left: 50%;
    /* margin-left: -17px; */
    /* border-width: 0 34px 38.5px 34px; */
    /* border-color: #fff transparent; */
    /* border-style: solid; */
    display: block;
    position: absolute;
}
.scroll-animate {
    animation-name: pulse;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    transition: none;
}
@-webkit-keyframes pulse{0%{-webkit-transform:translateY(0)}
20%{-webkit-transform:translateY(-10px)}
100%{-webkit-transform:translateY(0)}
}
@keyframes pulse{0%{transform:translateY(0)}
20%{transform:translateY(-10px)}
100%{transform:translateY(0)}
}

.menu{
	border:2px solid white;
	padding: 15px;
	background: #000000b0;
	border-radius: 20px;
}
.menu h3{
	text-align:center;
}
.menu li{
	padding: 5px;
	font-size: 18px;
	/* line-height: 26px; */
}

.left-top {
    border-right: 4px solid #fbbd0f;
    border-bottom: 4px solid #fbbd0f;
}
.left-top img{
    width:100%; 
}
.right-bottom {
    border-left: 4px solid #fbbd0f;
    border-top: 4px solid #fbbd0f;
    padding: 30px;
    font-family: HN;
}

.right-top {
	width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.d50 {
    width: 50%;
    flex: 1;
    align-items: center;
    display: inline-grid;
    text-align: center;
}
.d50 h2{
    width:100%;
}
.d50 p {
	text-align: left;
}
.d50 a img {
	width:200px;
	height:auto;
}
.item {
    position:relative;
}
.item p {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 0.5em;
    background: #f2b710;
    padding:5px 10px;
}
#footer{
	/* padding: 60px 0; */
	/* background: url(../img/footer.jpg) no-repeat center bottom; */
	/* background-size: cover; */
	/* font-size:28px; */
	/* overflow: hidden; */
}
#footer .box
	{margin:0;
		
	}
#footer h4{
	font-family:HN;
	font-size:36px;
}

.address {
    /* line-height: 13px; */
    font-weight:bolder;
    font-family:HN;
}

.gallery{
	/* padding:15px; */
}
.item-gallery {
    overflow:hidden;
    padding-bottom: 15px;
    border-radius: 20px;
}
.item-gallery img{
    width:100%;
    height:auto;
    box-shadow: 0px 0px 15px #000;
    border: 2px solid #fff;
    border-radius: 20px;
}
.carusel .item {
    height: 100px;
}
.carusel .item img{
    height: 100%;
}
.predstavte .arrow{
	position: absolute;
	width: 55px;
	height: 55px;
	border-radius: 5px;
    border-top: 1px solid #fffecc;
    border-bottom: 2px solid #ff9600;
    cursor: pointer;
    z-index: 2;
}
.arrow{
	position: absolute;
	width: 55px;
	height: 55px;
	cursor: pointer;
	z-index: 2;
}
.arrow.owl_left{
	background: url(../img/arrow_left.png) no-repeat center,
 linear-gradient(180deg,#febf0f 0%,#f0b510 100%);
	margin-top: 160px;
	left: 0px;
}
.arrow.owl_left:hover{
	background: url(../img/arrow_left.png) no-repeat center,
	linear-gradient(180deg,#d19d0a 0%,#f0b510 100%);
}
.arrow.owl_right{
	background: url(../img/arrow_right.png) no-repeat center,
 linear-gradient(180deg,#febf0f 0%,#f0b510 100%);
	margin-top: 160px;
	right: 0px;
}
.arrow.owl_right:hover{
	background: url(../img/arrow_right.png) no-repeat center,
	linear-gradient(180deg,#d19d0a 0%,#f0b510 100%);
}

.header-gift {
    color: #fff;
    font-size: 18px;
    /* border: 1px solid; */
    padding: 10px;
    /* width: 66%; */
    overflow: hidden;
    /* margin: 0 20%; */
    /* display: inline; */
    /* float: none; */
}
.header-gift img{
    width: 50px;
    float: right;
}
.podarok {
    background: red;
    color: white;
}
.podarok span{font-size: 1.5em;padding-top: 30px;display: block;}
.podarok p{font-size: 4em;line-height: 1em;}

.podarok img {width: 100%;padding:30px;float: left;}

@media (max-width: 768px){
body{font-size: 16px;}
h1{font-size:25px;}
h2{font-size:18px;margin: 0;}
.tel a,.email a {
	font-size:0.9em;
}
video {display:none;}
.box{
	padding:5px;
	margin: 15px 0;
}
.logo {
    max-width: 100%;
    padding: 10px 5px;
    text-align: center;
}
.logo a{
    float: none;
}
.logo img{
    height: 50px;
    width:auto;
    margin: 5px 0;
}
.pozvonit{
    /* display:block; */
    /* background:#f2af00; */
    /* text-align:center; */
    /* padding:5px; */
    margin-top: 30px;
}
.pozvonit a {
    /* color:black; */
    padding: 10px 20px;
    background: #f2af00;
}
.kp{
    font-size: 14px;
    padding:10px;
}
button.order-btn{
	padding:10px 20px;
}
section.stroi-txt {
    background: url(../img/bg-block.jpg) no-repeat 60%;
    background-size: cover;
    font-size: 16px;
}
section#choose{
    background:  #f1e4c1;
}
.s3 .box img {
    /* height: 250px; */
    width: 100%;
}
section.tabl th {
    padding: 1%;
    font-size: 1em;
    word-break: break-word;
}
.d50:first-child {
    display:none;
}
.podarok{
        padding:10px;
}
.podarok p {
    font-size: 2em;
    line-height: 1em;

}

}
input.error,
textarea.error {border-bottom: 2px solid red;background: #edbc83;}

.modals .overlay { width: 100%; height: 100%; z-index: 9999; position: fixed; background: #000000; opacity: 0.8; top: 0; left: 0; display: none;}
.modal {display: none;/* position: absolute; *//* width: 450px; *//* left: 50%; *//* margin-left: -400px; */z-index: 10000;margin: 0 auto;top: 30vh;/* border: 4px solid gray; */}
.modal .close-btn { z-index: 10000; position: absolute; right: 10px; top: 10px; width: 12px; height: 12px; background: url('../img/modal-close.png') no-repeat; }
.modal .modal-text { line-height: 24px; }
.modal .modal-close-text { text-decoration: none; border-bottom: 1px dashed; }
.modal .order-form {background: #ffffff;color: #000000;border: 4px solid #fbbd0f;}
.modal .order-form header {text-align: center;/* font: bold 17px Arial, sans-serif; */padding: 15px;font-family: HNB;color: #fff;background: url(../img/header.jpg) no-repeat;}
.modal .order-form header p {font: 15px Arial, sans-serif;margin: 0;}
.modal .order-form article { padding: 20px 27px 0; }
.modal .order-form article input[type='text'], .modal .order-form article input[type='tel'] {margin: 30px 0;width: 100%;border: 0;/* border-left: solid 1px #b5b5b5; *//* border-right: solid 1px #b5b5b5; */border-bottom: solid 2px #1c1c1c;}
.modal .order-form article input[type='text']:focus,.modal .order-form article input[type='tel']:focus {border-bottom: 2px solid #fbbd0f;box-shadow:none;outline: none;}
.modal .order-form footer {padding: 30px;height: 57px;text-align: center;}

.modal.order-modal,
.modal.phone-request {width: 320px;/* margin-left: -125px; */}

@media (max-width: 768px){

.modal.order-modal, .modal.phone-request
{
    width:90%;
}
.modal .order-form article input[type='text'], .modal .order-form article input[type='tel']{
font-size:2em;
}
}