/* ===== IMPORTED STYLE ===== */
@import url("jquery.fancybox.min.css");
@import url("formstyle.css");

@font-face {
	font-family: 'roboto';
	src: url('../fonts/roboto/roboto-bold.woff2') format('woff2'), url('../fonts/roboto/roboto-bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'roboto';
	src: url('../fonts/roboto/roboto-medium.woff2') format('woff2'), url('../fonts/roboto/roboto-medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'roboto';
	src: url('../fonts/roboto/roboto-regular.woff2') format('woff2'), url('../fonts/roboto/roboto-regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'roboto';
	src: url('../fonts/roboto/roboto-light.woff2') format('woff2'), url('../fonts/roboto/roboto-light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
  font-family: 'History Pro';
  src: url("../fonts/HistoryPro/HistoryPro-Two.eot");
  src: local("History Pro 02"), local("HistoryPro-Two"), url("../fonts/HistoryPro/HistoryPro-Two.eot?#iefix") format("embedded-opentype"), url("../fonts/HistoryPro/HistoryPro-Two.woff2") format("woff2"), url("../fonts/HistoryPro/HistoryPro-Two.woff") format("woff"), url("../fonts/HistoryPro/HistoryPro-Two.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; 
}

/* ===== IMPORTED STYLE END ===== */

/* ===== RESET STYLE ===== */
* {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin:0; padding:0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, 
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, theadm tr, th, td, article, 
aside, canvas, details, embed, figure, figcaption, footer, header, main, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video  {
	font: inherit; border: 0px currentColor; border-image: none; vertical-align: baseline; font-size-adjust: inherit; font-stretch: inherit;}
article, aside, figcaption, figure, footer, header, hgroup, menu, nav, section, body, main {display: block;}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
ol[class], ul[class], ol li[class], ul li[class] {list-style: none;}
blockquote, q {quotes: none; }
blockquote::before, blockquote::after, q::before, q::after {content: none;}
table {border-collapse: collapse; border-spacing: 0;}
a {text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: transparent;outline: none !important;}
a:hover, a:focus, .btn:hover, .btn:focus, button:hover, button:focus {text-decoration: none;outline: none;}
body {-webkit-text-size-adjust: none;-webkit-overflow-scrolling: touch;}
input, button, select {border: none;outline: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::ms-expand {display: none;}
input::-ms-clear {display: none;}
img {display:block; max-width:100%
}
/* ===== RESET STYLE END ===== */

/* ===== Theme default ===== */
:root {
	--black: #000;
	--white: #fff;
	--orange: #F2901E;
	--text-color: #464646;
	--blue: #0D365C;
	--bg-color: #F4F4F4;
}

html {
	font-size:16px;
	height:100%;
}

body {
    background: var(--white);
    font-weight: 300;
    font-style: normal;
	font-family: 'roboto';
    letter-spacing: 0.1px;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;	
    overflow-x: hidden;
	color: var(--text-color);
	display: block;
    height:100%;
}

.page-wrapper {
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	height:100%;
}

svg {
	width:100%;
	height:100%;
	display:block;
}

input::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
input::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
input:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
input:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
input:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
input:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
input:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}

textarea::-webkit-input-placeholder       {opacity: 1; transition: opacity 0.3s ease;}
textarea::-moz-placeholder                {opacity: 1; transition: opacity 0.3s ease;}
textarea:-moz-placeholder                 {opacity: 1; transition: opacity 0.3s ease;}
textarea:-ms-input-placeholder            {opacity: 1; transition: opacity 0.3s ease;}
textarea:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus::-moz-placeholder          {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus:-moz-placeholder           {opacity: 0; transition: opacity 0.3s ease;}
textarea:focus:-ms-input-placeholder      {opacity: 0; transition: opacity 0.3s ease;}

input, textarea {
	width:100%; 
	border:1px solid transparent;
}

section {
	width:100%;
}

a {
	position: relative;
	color: inherit;
	transition:0.25s;
}

a:hover {transition:0.25s;}

p {font-size:1.12em;font-weight:300;line-height:1.7;}

b, strong {font-weight:bold;}

/* Flexbox */
.flex {display: flex;}

.inline-flex {display: inline-flex;}

.flex-wrap {flex-wrap: wrap;}

.flex-between {justify-content: space-between;}

.flex-around {justify-content: space-around;}

.flex-column {flex-direction: column;}

.align-center {align-items: center}

.align-end {align-items: flex-end;}

.align-start {align-items: flex-start;}

.justify-center {justify-content: center;}

.justify-end {justify-content: flex-end;}

.justify-start {justify-content: flex-start;}
/* // Flexbox */

/* CSS Grid */
.grid {display:grid;}

.col-2 {grid-template-columns: repeat(2, 1fr);}

.col-3 {grid-template-columns: repeat(3, 1fr);}

.col-4 {grid-template-columns: repeat(4, 1fr);}

.col-5 {grid-template-columns: repeat(5, 1fr);}

.grid-col-1 {grid-column: span 1;}

.grid-row-1 {grid-row: span 1;}

.grid-col-2 {grid-column: span 2;}

.grid-row-2 {grid-row: span 2;}

.grid-col-3 {grid-column: span 3;}

.grid-row-3 {grid-row: span 3;}

.grid-col-4 {grid-column: span 4;}

.grid-row-4 {grid-row: span 4;}

.grid-col-5 {grid-column: span 5;}

.grid-row-5 {grid-row: span 5;}
/* // CSS Grid */

.svg-library {display:none;}

.container {
	width:100%;
	max-width:1480px;
	min-width:300px;
	margin:0 auto;
	padding:0 20px;
	position:relative;
}

.red {border:1px solid red;}
.blue {border:1px solid blue;}
.green {border:1px solid green;}

.text--uppercase {text-transform:uppercase;}

.text--center {text-align:center;}

.text--left {text-align:left;}

.text--right {text-align:right;}

.position-relative {position: relative;}

.position-absolute {position: absolute;}

.mt-1 {margin-top:1em;}
.mt-2 {margin-top:2em;}
.mt-3 {margin-top:3em;}
.mt-4 {margin-top:4em;}
.mt-5 {margin-top:5em;}

.mb-1 {margin-bottom:1em;}
.mb-2 {margin-bottom:2em;}
.mb-3 {margin-bottom:3em;}
.mb-4 {margin-bottom:4em;}
.mb-5 {margin-bottom:5em;}

.pt-1 {padding-top:1em;}
.pt-2 {padding-top:2em;}
.pt-3 {padding-top:3em;}
.pt-4 {padding-top:4em;}
.pt-5 {padding-top:5em;}

.pb-1 {padding-bottom:1em;}
.pb-2 {padding-bottom:2em;}
.pb-3 {padding-bottom:3em;}
.pb-4 {padding-bottom:4em;}
.pb-5 {padding-bottom:5em;}

/* Buttons */
.btn-container {
	display:flex;
}

.btn {
	display:inline-flex;
	padding:1em 2em;
	background:silver;
	position:relative;
	text-align:center;
	justify-content: center;
	align-items:center;
	font-size:1.12em;
	font-weight:400;
	transition:0.25s;
	font-family: 'History Pro';
	min-width:12em;
	border:1px solid silver;
}

.btn:hover {
	cursor:pointer;
	background:none;
}

.order-btn {
	padding:0.7em 2em;
}

.button-1 {
    color: #fff;
    background: transparent;
    border: 1px solid silver;
    position: relative;
    font-size: 1.12em;
    letter-spacing: .1em;
}
.button-1:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: 100%;
    height: 100%;
    background: gray;
    z-index: -1;
    transition: .25s ease;
    transform: translate(0, 0);
}
.button-1:hover:before {
    transform: translate(4px, 4px);
}


/* Icons */
.icon {display:block; color:inherit;}

.phone-icon {
    width: 15px;
    height: 15px;
    color: silver;
    margin-right:0.7em;
}

.mail-icon {
    width: 20px;
    height: 20px;
    color: silver;
    margin-right:0.7em;
}

.social-icon {
	width: 19px;
    height: 19px;
    color: silver;
    transition: 0.25s;
}

.skype-icon {
	width: 17px;
    height: 17px;
    color: silver;
}

.select-arrow-icon {
	width: 10px;
    height: 6px;
    color: #fff;
}


/* Titles */
.h1, h1 {

}

.h2, h2 {
	font-family: 'History Pro';
	display:block;
	font-size:2.5em;
}

.h3, h3 {
	font-family: 'History Pro';
	display:block;
	font-size:1.5em;
}

.h4, h4 {
	
}

.h5, h5 {

}

.h6, h6 {

}

.text--black {color:var(--black);}

.text--white {color:var(--white);}

.text--blue {color:var(--blue);}

.text--center {text-align:center;}

/* Custom default style */
.block-wrapper {
	margin: 0 -10px;
}

.block-item {
	padding:0 10px;
}

.two-column .block-item {
	flex:0 0 50%;
	max-width:50%;
}

.three-column .block-item {
	flex:0 0 33.33%;
	max-width:33.33%;
}

.four-column .block-item {
	flex:0 0 25%;
	max-width:25%;
}

.five-column .block-item {
	flex:0 0 20%;
	max-width:20%;
}

/* Slick Slider */
.slick-slider {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent; 
}
.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0; }
.slick-list:focus {
	outline: none; 
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand; 
}
.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0); 
}
.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto; 
}
.slick-track:before, .slick-track:after {
	content: "";
	display: table; 
}
.slick-track:after {
	clear: both; 
}
.slick-loading .slick-track {
	visibility: hidden; 
}
.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	outline: none;
	display: none; 
}
[dir="rtl"] 
.slick-slide {
	float: right; 
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none; 
}
.slick-slide.dragging img {
	pointer-events: none; 
}
.slick-initialized .slick-slide {
	display: block; 
}
.slick-loading .slick-slide {
	visibility: hidden; 
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent; 
}
.slick-arrow.slick-hidden {
  	display: none; 
}
.slick-loading .slick-list {
  	background: #fff slick-image-url("../images/icons/ajax-loader.gif") center center no-repeat; 
}




/* Custom Navigation */
.mobile-btn, .mobile-menu {display:none;}

/* ===== Theme default END ===== */

/* ===== Custom Styles =====*/
.noscroll {
	overflow: hidden;
}

.section {
	padding:5em 0;
}

.header {
	width:100%;
	z-index:1;
}

.header-bg {
	background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(../images/bg/6.jpg) no-repeat center center / cover;
}

.header-top {
	padding:0.7em 0;
	background:#000;
}

.header-bottom {
	padding:0.5em 0;
}

.decor-circle {
	position: absolute;
	top:-15em;
	left:-5em;
	background:var(--white);
	width:35em;
	height:35em;
	border-radius:50%;
	z-index:-1;
	opacity: 0.3;
}

.decor-circle span {
	position: absolute;
    bottom: 1em;
    left: 6em;
    background: silver;
    width: 15em;
    height: 15em;
    border-radius: 50%;
    opacity: 0.5;
    display: block;
}

.decor-circle2 {
	position: absolute;
	top:15em;
	right:-7em;
	background:gray;
	width:15em;
	height:15em;
	border-radius:50%;
	z-index:-1;
	opacity: 0.2;
}

.decor-circle2 span {
	position: absolute;
    bottom: 1em;
    left: 2em;
    background: rgba(0,0,0,1);
    width: 7em;
    height: 7em;
    border-radius: 50%;
    opacity: 0.5;
    display: block;
}

.header-bottom:after {
    content: '';
    display: block;
    width: 60%;
    height: 1px;
    margin: 0.5em auto 0;
    background: rgba(255, 255, 255, 0.09);
    float: right;
}

.main-slider-area {
	overflow: hidden;
}

.page-banner {
	padding:12em 0 3em;
	background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url(../images/bg/6.jpg) no-repeat fixed center center / cover;
}

.main-slider__slide--background {
	background-repeat: no-repeat;
	background-size: cover;
}

.main-slider__slide {
	padding-top: 20em;
	height: 100vh;
}

.main-slider__slide--overlay::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(0,0,0,0.5);
}

.main-slider__slide--overlay::after {
	content: "";
	width:100%;
	height:100%;
	position: absolute;
	left:0;
	top:0;
	background:linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 52.55%);
	z-index:-1;
}

.main-slider-content {
	margin-top:0.5em;
}

.main-slider-area .decor-circle {
	position: absolute;
	bottom:-20em;
	right:-10em;
	background:var(--white);
	width:37em;
	height:37em;
	border-radius:50%;
	z-index:0;
	opacity: 0.3;
	top:auto;
	left:auto;
}

.main-slider-area .decor-circle span {
	position: absolute;
    top: 1em;
    right: 5em;
    background: silver;
    width: 20em;
    height: 20em;
    border-radius: 50%;
    opacity: 0.8;
    display: block;
}

.main-slider-content .h1 {
	color:var(--white);
	font-size:3em;
	line-height:1.2;
	margin-bottom:1em;
}

.main-slider-content .h1 span {
	font-family: 'History Pro';
	font-size:2em;
	display:block;
	text-transform: uppercase;
}

.main-slider-content p {
	font-size:1.3em;
	width:50%;
	color:var(--white);
	margin:0 auto;
	font-weight: 300;
}

.ms-down-wrapper {
    width: 100%;
    bottom: 3em;
    left: 0;
}

.down-icon {
	width: 1.7em;
	height: 2.7em;
	border: 1px solid var(--white);
	border-radius: 20px;
	display:block;
}

.down-icon:hover {
	background:rgba(255,255,255,0.2);
}

.down-icon-dot {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: var(--white);
	margin: 0 auto;
	display: block;
	margin-top: 1.7em;
}

.down-icon-arr {
	display:block;
	width:5px;
	height:5px;
	border-right:1px solid var(--white);
	border-bottom:1px solid var(--white);
	transform: rotate(45deg);
	margin: 1em auto 0;
}

/* Выпадающий список */
.select {
	position: relative;
	text-align: left;
	user-select: none;
	-webkit-touch-callout: none;
	font-weight: 400;
	font-size: 0.87em;
	margin: 0;
	outline: none;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 0.01px;
	color: var(--black);
	display: inline-flex;
	align-items: center;
}

.select .select-arrow-icon {
    position: absolute;
    right: 0;
    z-index: 0;
}

.select .phone-icon {
    position: absolute;
    left: 0;
    z-index: 0;
}

.select.is-open .select-arrow-icon {
	transform: rotate(180deg);
	top: auto;
}

.select .placeholder {
	position: relative;
	background: transparent;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
	padding: 0 1.5em 0 1.7em;
	text-transform: uppercase;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	font-size: 1.12em;
	color:var(--white);
	font-weight: 400;
}

.select.is-open ul {
	display: block;
	border: 1px solid gray;
}

.select ul {
	display: none;
	position: absolute;
	overflow: hidden;
	overflow-y: auto;
	width: 100%;
	background: var(--white);
	border-radius: 2px;
	top: 100%;
	left: 0;
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
	z-index: 4;
}

.select ul li {
	display: block;
	text-align: left;
	padding: 0.7em;
	color: var(--black);
	cursor: pointer;
	word-wrap: break-word;
	text-transform: uppercase;
	font-size: 1.12em;
	white-space: nowrap;
}

.select ul li:hover {
	background: silver;
	color: var(--white);
}

.select ul li:hover a {
	transition:none;
}

.select-lang .placeholder {
	padding: 0 1.5em 0 0.3em;
}

.header-contact {
	color:var(--white);
	margin-right:1.5em;
}

.header-contact:hover {
	color:#609dc6;
}

.mail-icon {
	transition: 0.25s;
}

.header-contact:hover .mail-icon, .header-contact:hover .phone-icon, .social:hover .social-icon {
	color:#609dc6;
	transition: 0.25s;
}

.header-top__item .select {
	margin-right:1.5em;
}

.social {
	margin-left:0.7em;
}

.menu-desctop {
	color:var(--white);
	text-transform: uppercase;
}

.menu-desctop li{
	margin-left:2.5em;
}

.menu-desctop a:hover{
	color:#609dc6;
}

.mobile-menu .menu {
	align-items: center;
}

.mobile-menu .menu li a {
	text-align: center;
    color: var(--white);
}

.mobile-social .social {
    margin: 0 0.7em;
}

.mobile-social .social-icon {
    width:22px;
    height:22px;
}

.logo {
	width:110px;
	display:block;
}

.section-title {
	margin-bottom:0.5em;
}

.section-subtitle {
	display:block;
	font-size:1.5em;
	font-weight:500;
	margin-bottom:1em;
	line-height: 1.3
}

.about {
	padding:5em 0 10em;
}

.about-descript {
	padding-right:5em;
}

.about-descript p {
	margin-bottom:1em;
}

.about-img::before {
	content:'';
	display: block;
	position: absolute;
	width:100%;
	height:99%;
	top:3em;
	left:-3em;
	z-index:-1;
	background:url(../images/bg/pattern.png) repeat;
	opacity: 0.3;
}

.fish-bg {
	top:2em;
	right:2em;
	opacity: 0.2;
}

.advantages {
	background: #1f2121 url(../images/bg/3.png) repeat-x center center / contain;
	padding: 0 0 9em 0
}

.advantages__item {
	width:65%;
	padding:3em;
	background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url(../images/bg/9.jpg) no-repeat center center / cover;
	transform: translateY(-4em);
	box-shadow: 10px 10px 20px rgba(0,0,0,0.7);
	border-radius: 10px;
}

.advantages__item .common-list li {
	margin-bottom:1em;
}

.common-list {
	color:var(--white);
	font-size: 1.12em;
}

.common-list li {
	display:flex;
	align-items:flex-start;
}

.common-list li:last-child {
	margin-bottom:0;
}

.marker--list li::before {
	content:'';
	display:block;
	min-width:6px;
	height: 6px;
	border-radius:50%;
	background:orange;
	margin:10px 10px 0 0;
}

.quality-wrapper {
	margin-top:3em;
}

.wave {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: -1px;
}

.wave.rotate {
    transform: rotate(180deg);
}

.quality {
	padding:3em 0 5em;
	overflow: hidden;
}

.quality-wrapper {
	width:70%;
	margin:0 auto;
}

.quality-item {
	width:48%;
}

.quality-wrapper .h3 {
	margin-bottom:1em;
}

.quality-wrapper p {
	margin-bottom:1em;
}

.quality-wrapper .common-list {
	color:var(--black);
}

.quality .decor-circle {
	position: absolute;
	background:gray;
	width:35em;
	height:35em;
	border-radius:50%;
	z-index:0;
	opacity: 0.2;
	top:auto;
	bottom:-10em;
	left:-10em;
}

.quality .decor-circle span {
	position: absolute;
    top: 1em;
    right: 5em;
    background: silver;
    width: 15em;
    height: 15em;
    border-radius: 50%;
    opacity: 0.8;
    display: block;
}

.quality .section-title {
	margin-bottom:1.5em;
}

.sertificat-img {
	box-shadow: 0 0 20px rgba(0,0,0,0.3);
}

.manufacture {
	position:relative;
	padding:5em 0;
}

.manufacture-description {
	width:35%;
	position:relative;
}

.manufacture-pic {
	width:62%;
	position:relative;
}

.manufacture-pic::before {
	content: '';
    display: block;
    width: 35em;
    height: 35em;
    border-radius: 50%;
    background: url(../images/bg/pattern.png) repeat;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0.2;
}

.manufacture-img-1 {
    z-index: 3;
    top: 0;
    right: 0;
    position: absolute;
    max-width: 60%;
}

.manufacture-img-2 {
    position: relative;
    z-index: 4;
    max-width: 70%;
    margin-top: 12em;
    border: 7px solid #fff;
}

.manufacture-description p {
	margin-bottom:1em;
}

.video-section {
	background: url(../images/bg/7.jpg) no-repeat fixed center center / cover;
	padding:5em 0;
}

.video-block-item {
	background:rgba(0,0,0,0.5);
	padding:3em 0;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

.video-block-item .section-subtitle {
	width:60%;
	margin:0 auto;
}

.video__wrap__item {
	color:#fff;
	width:48.5%;
}

.play-btn {
	width:7em;
	height:7em;
	border:1px solid #fff;
	display:flex;
	justify-content: center;
	align-items: center;
	margin:2em auto 0;
	border-radius:50%;
}

.play-btn::before {
	content:'';
	display:block;
	border-top: 7px solid transparent;
    border-left: 12px solid #fff;
    border-bottom: 7px solid transparent;
}

.play-btn:hover  {
	opacity:0.5;
}

.gallery {
	padding:5em 0;
	overflow: hidden;
}

.gallery-item {
	margin-bottom:20px;
}

.gallery-img  {
	height:15em;
}

.gallery-img img {
	width: 100%;
	height:100%;
	object-fit: cover;
	transition: 0.5s;
}

.gallery .section-title {
	margin-bottom:1.5em;
}

.gallery-img img:hover {
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: 0.5s;
}

.gallery .decor-circle {
    background: #dcdcdc;
    opacity: 0.4;
}

.gallery .decor-circle span {
    background: #fff;
}

.article {
	padding: 5em 0;
}

.article-wrapper {width:100%;}

.article-content {
	width:65%;
}

.article-main-img img {
	width:100%;
}

.article-bar {
	width:32%;
}

.article-inner-subtitle {
	font-size:1.5em;
	line-height: 1.3;
	display:block;
}

.article-inner__wrap {
	margin-top:1em;
}

.article-content p {
	margin-bottom:0.5em;
}

.article-list li {
	font-style:italic;
	color:#000;
	line-height:1.7;
}

.post-blok {
	margin-bottom:1em;
	padding-bottom: 1em;
	border-bottom:1px solid silver;
}

.post-name {
	font-size:1.5em;
	font-weight:600;
	display:block;
	line-height: 1.3;
}

.post-name:hover {	
	color:#609dc6;
}

.offer-blok p {
	margin:1em 0;
}

.offer-blok img {
	width:100%;
}

.breadcrumbs li {
    margin: 0 0.8em 0 0;
    font-size: 14px;
    color: var(--blue);
    font-weight: 400;
    display: flex;
    align-items: center;
}

.breadcrumbs a:hover {
	color:#609dc6;
}

.breadcrumbs li:last-child {
    margin: 0;
}

.link--color {
    color: blue;
}

.breadcrumbs li:not(:last-child)::after {
    content: '';
    display: block;
    width: 8px;
    height: 1px;
    background: #fff;
    margin: 0 0 0 10px;
}

.breadcrumbs li:last-child a {
    pointer-events: none;
}

.product {
	padding:5em 0;
}

.product-item-img {
	width:80%;
	position: relative;
	margin:0 auto 1em;
}

.product-item {
	height:100%;
}

.product-item::after {
	content:'';
	display:block;
	width:90%;
	height:1px;
	background:silver;
	margin: 2em auto 0;
}

.product-wrapper .block-item {
	margin-bottom:2em;
}

.product-item .h3 {
	width:90%;
}
/*
.product-item-img::before {
	content: '';
	display:block;
	width:14em;
	height:14em;
	background:url(../images/bg/pattern.png) repeat;
	position: absolute;
	top:50%;
	transform:translateY(-50%);
	border-radius: 50%;
	opacity:0.1;
}
*/
.product-descript {
	width:95%;
	margin-bottom:1em;
}

.product-descript__price-wrap {
	margin-top:1em;
}

.price {
	font-size:1.3em;
	font-weight: 600;
	color:#609dc6;
	display:block;
}

.contact {
	padding:5em 0;
}

.contact-wrapper .block-item {
	width:40%;
}

.address-icon {
	width:25px;
	height:40px;
	color:#609dc6;
}

.contact-icon__wrap {
	margin-right:1em;
	border:1px solid #609dc6;
	border-radius: 50%;
	width:3em;
	height:3em;
}

.contact-wrapper .h3 {
	margin-bottom:0.7em;
}

.contact-head__text {
	width:60%;
	margin:0 auto;
	font-size: 1.5em;
	margin-bottom:2em;
}

.contact-item .phone-icon, .contact-item .mail-icon {
    margin-right:0;
    color:#609dc6;
}

.contact-item, .contact-item p {
	font-weight:600;
	font-size: 1.12em;
	line-height: 1.4;
}

.contact-item a:hover {
	color:#609dc6;
}

.contact-img {
	top: 50%;
	right:0;
	transform:translateY(-45%);
	z-index: -1;
	width:40%;
}

.contact-img img {
	width:100%;
}

.footer {
	background:var(--black);
	color:#fff;
	position: relative;
}

.footer-item {
	width:35%;
}

.footer-top {
	padding: 2em 0;
}

.footer-top {
	background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)), url(../images/1.jpg) no-repeat fixed center top / cover;
}

.footer-bottom {
	padding:1em 0;
	background:#0c0c0c;
	font-size:13px;
	color:silver;
}

.footer-nav li {
	margin:0 0.7em;
}

.footer-nav li a {
	color:var(--white);
}

.footer-bottom a:hover {
	color:#609dc6;
}

.footer-wrapper .mail {
	margin-bottom:0.5em;
	font-weight:500;
}

.footer-img {
	width:60%;
	margin: 0 auto;
	opacity: 0.4;
}

.fancybox-close-small {
	display:none;
}

.map {
  height:500px;
  width:100%;
  border-top: 1px solid #609dc6;
}

.video-item iframe {
	width:100%;
	height:15em;
}

.other-video-section {
	padding:12em 0 5em;
	background: #1f2121 url(../images/bg/3.png) repeat-x center center / contain;
}

.other-video-section .wave {
    bottom: auto;
    top: -1px;
}


/* ===== Popup  ===== */
.popup-window {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0);
	visibility: hidden;
	z-index: 110;
	transition: all .3s;
	background: #fff;
	border-radius: 10px;
	width: 25em;
	min-width: 15em;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.popup-window.active {
	transform: translate(-50%, -50%) scale(1);
	visibility: visible;
}

.popup-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(49, 49, 49, 0.62);
	z-index: 15;
	display: none;

}

.popup-content {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.popup-content .input-wrapper {
	width:100%;
}

.close {
	position: absolute;
	top: 0.5em;
	right: 0.5em;
	display: block;
	overflow: visible;
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	text-decoration: none;
	color: #fff;
	border: 0;
	outline: 0;
	background: transparent;
	z-index:1;
}

.close:before {
	position: absolute;
	top: 50%;
	left: 1px;
	display: block;
	width: 20px;
	height: 1px;
	border-bottom: 1px solid #fff;
	transform: rotate(45deg);
	content: '';
}

.close:after {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 20px;
	height: 1px;
	border-bottom: 1px solid #fff;
	transform: rotate(-45deg);
	content: '';
}

.formArea {
	width:100%;
}

.about-product {
	padding-bottom:0;
}

.product .section-title {
	margin-bottom:1em;
}

.about-product .about-img:before {
	display:none;
}

.about-product .about-descript p {
    margin-bottom: 0.5em;
    font-size:1em;
}

.product-slider {margin-bottom:1em;}

.product-slider .slick-arrow {
	width:35px;
	height:35px;
	font-size: 0;
	background:#609dc6;
	display:flex;
	justify-content:center;
	align-items:center;
	position: absolute;
	left:0;
	bottom:0;
	z-index: 1;
	transition: 0.25s;
}

.product-slider .slick-arrow:hover {
	cursor:pointer;
	opacity: 0.7;
	transition: 0.25s;
}

.product-slider .slick-arrow::before {
	content:'';
	display:block;
	width:10px;
	height:10px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
}

.product-slider .slick-prev.slick-arrow::before {
	transform:rotate(135deg);
	margin-left:5px;
}

.product-slider .slick-next.slick-arrow::before {
	transform:rotate(-45deg);
	margin-left:-5px;
}

.product-slider .slick-next {
	left:37px;
}


/* ===== Custom Styles END =====*/