body {font-family: Teko;min-width:320px;}
#map {height: 100%;}
html, body {height: 100%;margin: 0; padding: 0;}
body, section, div {}
section {position: relative;}
.container {position: relative;padding: 10px 0;max-width:1142px;margin:0 auto;}
#header {height: 956px;background-color: #434843;}
header {position: absolute;width: 100%;top: 20px;left: 0;background: url(../img/header-form.png) top repeat-x;height: 90px;background-size: contain;}
header img {display: block;margin: 0 auto;width: 177px;}
#header .container img {display: block;margin: 300px auto 0;animation-duration: 3s;animation-delay: 1s;height: 284px;}
#header .container h1 {font-family: Teko;font-size: 3em;font-weight: 600;letter-spacing: 1.6px;text-align: center;color: #ffffff;text-shadow: 0 3px 0 #110e0d;animation-duration: 3s;animation-delay: 1s;}
.scroll_down {position: absolute;background-image: url(../img/scroll.png);width: 92px;height: 72px;background-position: center;background-size: contain;background-repeat: no-repeat;left: 50%;margin-left: -46px;bottom: 40px;animation-delay: 3s;animation-duration: 4s;animation-iteration-count: infinite;}
#video {background-image: url(../img/bg2.jpg);background-size: cover;}
#video h2 {margin: 40px 0 0;font-family: Teko;font-size: 54px;font-weight: 400;letter-spacing: 1.8px;text-align: center;color: #ffffff;text-shadow: 0 2px 0 rgba(0, 0, 0, 0.9);}
#video h3 {  font-family: Teko;font-size: 42px;letter-spacing: 1.6px;font-weight: 400;text-align: center;color: #e1ca8e;text-shadow: 0 2px 0 rgba(0, 0, 0, 0.9);margin: 10px 0 20px;}
.main_video {width:100%;height:56vw;max-height:642px;box-sizing: border-box;border: 22px solid black;margin:0 0 74px;}
#advantages {background-image: url(../img/bg.png);background-size: initial;background-repeat: repeat-x;z-index: 1;min-height: 1200px;}
#advantages .container {padding: 52px 0 105px;}
.adv {}
.adv1 {}
.adv1 img {width: 266px;height: 253px;}
.adv p, .adv img {display: inline-block;font-family: Teko;font-size: 3.4em; line-height: 1.23;letter-spacing: 1.4px;text-align: left;color: #020202;vertical-align: top;}
.adv1 p {margin: 120px 0 0 35px;}
.adv2 {text-align: right;}
.adv2 img {}
.adv2 p {margin: 119px 0 0;width: 64%;}
.adv3 {}
.adv3 img {}
.adv3 p {margin: 94px 0 0 35px;}
.adv4 {text-align: right;}
.adv4 img {}
.adv4 p {margin: 76px 0 0;width: 64%;}
#contact {background-image: url(../img/bg2.jpg);background-size: cover;margin: -65px 0 0;}
#contact .container {padding: 10px 15px 30px;text-align: center;}
#contact h2 {font-family: Teko;font-size: 64px;font-weight: bold;letter-spacing: 2.1px;text-align: center;color: #e1ca8e;text-shadow: 0 3px 0 #592521;margin: 100px 0 40px;}
.contacts {display:inline-block;vertical-align:top;width: 100%;margin-bottom: 48px;}
.contacts p {font-family: Teko;font-size: 26px;letter-spacing: 0.9px;text-align: left;color: #ffffff;margin: 0;line-height: 1.4em;width: 32%;
display: inline-block;vertical-align: top;}
.contacts a { color: #e1ca8e;}
.contacts p.rus {margin: 0;}
.where {font-family: Teko;font-size: 26px;font-weight: bold;letter-spacing: 0.9px;text-align: left;color: #592521;text-shadow: 0 1px 0 #ffffff;}
.ctontact_video {display:inline-block;vertical-align:top;width:680px;height:380px;max-width:100%;max-height:56vw;border: 15px solid black;}
footer p { font-family: Teko;font-size: 18px;letter-spacing: 3.2px;text-align: center;color: #030303;}
.string {width: 100%;height: 60px;background-image: url(../img/string.svg);background-size: cover;background-repeat: repeat-x;margin: -16px 0 -44px;z-index: 2;position: relative;}
.string2 {width: 100%;height: 60px;background-image: url(../img/string.svg);background-size: cover;background-repeat: repeat-x;margin: -16px 0 -44px;z-index: 2;position: relative;}
#video h3.second_title {display:none;}
.main_video, .ctontact_video {background-color:black;min-height: 166px;}
.video_bg {position: absolute;z-index: 0;width: 100%;height: 100%;right: 0;left: 0;top: 0;overflow: hidden;}
.video_bg video {min-height: 100%;min-width: 100%;}
.video_over {width: 100%;height:100%;background-image: url(../img/bg3.png);background-position: center;background-size: cover;top: 0;left: 0;position: absolute;}
.soc {}
a.icon_facebook, a.icon_insta, a.icon_twitter, a.icon_vk {background-repeat: no-repeat;color: white;margin: 10px 0;display: block;text-decoration: none;padding-left: 50px;background-size: 36px;}
a.icon_facebook {background-image: url(../img/ico_soc_fb.svg);}
a.icon_insta {background-image: url(../img/ico_soc_ins.svg);}
a.icon_twitter {background-image: url(../img/ico_soc_twitter.svg);}
a.icon_vk {background-image: url(../img/ico_soc_vk.svg);}
a.icon_facebook:hover, a.icon_insta:hover, a.icon_twitter:hover, a.icon_vk:hover {color: #e1ca8e;text-decoration: underline;}


0%, 5%, 13%, 20%, 25% {animation-timing-function: cubic-bezier(.215,.61,.355,1);transform: translateZ(0);}
10%, 11% {animation-timing-function: cubic-bezier(.755,.05,.855,.06);transform: translate3d(0,-30px,0);}
17% {animation-timing-function: cubic-bezier(.755,.05,.855,.06);transform: translate3d(0,-15px,0);}
22% {transform: translate3d(0,-4px,0);}
26%, 100% {animation-timing-function: cubic-bezier(.215,.61,.355,1);transform: translateZ(0);}

#filter-form{display:inline-block}
.filter-item{display:inline-block; margin: 0 20px 20px 0}
.filter{display:inline-block;}
.filter-item label{font-size:26px; font-weight:normal; width:150px; display:inline-block}
.filter .dropdown .dropdown-menu {border: 1px solid #313131;border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;box-shadow: none;visibility: hidden; opacity: 0; transition: visibility linear .4s, opacity .4s linear, top .4s; background-color:#FFF; width:100%;margin:-1px 0 0;font-size: 26px;} 
.filter .dropdown.open > .dropdown-menu {display: block;box-shadow: none;opacity: 1;top: 100%;visibility: visible;transition-delay: 0s;z-index: 99999; border-top:none; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius:0 0 3px 3px;} 
.filter button{padding: 6px 35px 2px 10px;background-color: transparent;box-shadow: none;border: 1px solid #313131;min-width:200px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; line-height:1; position:relative;display:inline-block;text-align:left;font-size: 26px;background:#FFF}
.maps .filter .dropdown.open > .dropdown-menu{max-height:300px; overflow:auto}
.filter button i{position:absolute; font-size:28px; right:15px; top:3px}
.filter button i.open{display:block}
.filter button i.close{display:none}
.filter .dropdown.open i.open{display:none}
.filter .dropdown.open i.close{display:block}
.filter .dropdown.open > button{border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-bottom-color:#FFF;}
.filter .dropdown-menu>li>a,.filter .dropdown-menu>li>span {transition: color 0.3s;padding:5px 35px 5px 10px; cursor:pointer;line-height:normal;white-space:normal}
.filter .dropdown-menu>li>span{cursor:default; color:#7A7A7A;}
.filter .dropdown-menu>li>a:hover,.filter .dropdown-menu>li.active>a,.filter .dropdown-menu>li>a:focus,.filter .dropdown-menu>li>a:active{ background-color: rgba(153,63,32,0.3);}
.filter .dropdown-menu>.active>a,.filter .dropdown-menu>.active>a:focus, .filter .dropdown-menu>.active>a:hover{background-color: transparent;}
.filter .dropdown.open > .dropdown-menu{max-height:300px; overflow:auto;}

.text-center{text-align:center}
.link-discover{width:195px;border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;border: solid 1px #ffffff; display:inline-block; font-size:24px; letter-spacing:2.7px;padding:4px 0 2px;cursor:pointer; background-color: rgba(216, 216, 216, 0.3); color:#FFF; text-align:center; margin:0 15px;-moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out;}
.link-discover:hover, .link-discover:focus{box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.69);background-color: #e1ca8e; color:#222; text-decoration:none}

.amazon-block{display:inline-block;}
.amazon-block span{font-size:26px; color:#FFF;}
.amazon{display:inline-block; background:url(../img/amazon.png) no-repeat; width:80px; height:28px; vertical-align:middle;margin:5px 0 0;}
.smokea-block{display:inline-block;}
.smokea-block span{font-size:26px; color:#FFF;}
.smokea{display:inline-block; background:url(../img/smokea_1.png) no-repeat; width:80px; height:31px; vertical-align:middle;margin:-20px 0 0;}
@media screen and (max-width:1140px) {
	.contacts {width: 100%;}
	.contacts p {display: inline-block;vertical-align: top;margin: 0 0 30px;width: 33%;}
	.contacts p.rus {margin:0;}
	.adv {padding-top: 274px;position: relative;margin-bottom: 25px;}
	.adv p {display: block;margin: 0 auto;text-align: center;font-size: 2.4em;width:100%;}
	.adv img {display: block;margin: 0 0 0 -133px;text-align: center;position: absolute;top: 0;left: 50%;}
	#advantages {background-size: cover;}
	.string2 {margin: -16px 0 -55px;}
}
@media screen and (max-width:975px) {
	.container {padding: 10px 15px;}
	header {background-size: cover;}
	#header {height: 100vh;}
	#header .container img {display: none;}
	#header .container h1 {font-size: 2.4em;margin-top: 30%;}
	#video h2 {font-size: 2.2em;margin: 75px 0 0;}
	#video h3.first_title {	display:none;}
	#video h3.second_title {display:inline-block;font-size: 2em;margin-bottom: 50px;}
	.main_video {margin: 30px 0;}
	#contact h2 {font-size: 2.4em;}
	.filter-item{margin-right:0}
}
@media screen and (max-width:720px) {
	.contacts p {width: 100%;}
	.contacts p.rus {margin: 0 0 30px;}
	.adv img {height: 200px;width: initial;}
	.adv {padding-top: 220px;position: relative;margin-bottom: 30px;}
	.adv p {font-size: 2em;}
	.ctontact_video {max-width: 95%;max-height: 52vw;border: 8px solid black;}
	.main_video {border: 8px solid black;}
}
@media screen and (max-width:450px) {
	.contacts {width: 95%;position: relative;bottom: 0;left: 15px;margin-bottom: 0;}
	#contact .container {text-align: center;position: relative;}
	#header .container h1 {margin-top: 60%;}
	#video h2 {margin: 65px 0 0;}
	#contact h2, #video h2, #header .container h1 {font-size: 2em;}
	.adv p {font-size: 1.8em;}
}