@charset "UTF-8";
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-regular/Roboto-Regular.eot');
    src: url('../fonts/roboto-regular/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/roboto-regular/Roboto-Regular.woff') format('woff'),
    url('../fonts/roboto-regular/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
	font-style: normal;
    }
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-light/Roboto-Light.eot');
    src: url('../fonts/roboto-light/Roboto-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/roboto-light/Roboto-Light.woff') format('woff'),
    url('../fonts/roboto-light/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
	font-style: normal;
	}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/roboto-medium/Roboto-Medium.eot');
	src: url('../fonts/roboto-medium/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
	url('../fonts/roboto-medium/Roboto-Medium.woff') format('woff'),
	url('../fonts/roboto-medium/Roboto-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/roboto-black/Roboto-Black.eot');
    src: url('../fonts/roboto-black/Roboto-Black.eot?#iefix') format('embedded-opentype'),
    url('../fonts/roboto-black/Roboto-Black.woff') format('woff'),
    url('../fonts/roboto-black/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
	font-style: normal;
    }
@font-face {
	font-family: 'IBM Plex Sans';
	src: url('../fonts/IBMPlexSans-light/IBMPlexSans-Light.eot');
	src: url('../fonts/IBMPlexSans-light/IBMPlexSans-Light.eot?#iefix') format('embedded-opentype'),
	url('../fonts/IBMPlexSans-light/IBMPlexSans-Light.woff') format('woff'),
	url('../fonts/IBMPlexSans-light/IBMPlexSans-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	}
@font-face {
	font-family: 'IBM Plex Sans';
	src: url('../fonts/IBMPlexSans-regular/IBMPlexSans.eot');
	src: url('../fonts/IBMPlexSans-regular/IBMPlexSans.eot?#iefix') format('embedded-opentype'),
	url('../fonts/IBMPlexSans-regular/IBMPlexSans.woff') format('woff'),
	url('../fonts/IBMPlexSans-regular/IBMPlexSans.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	}
@font-face {
	font-family: 'IBM Plex Sans';
	src: url('../fonts/IBMPlexSans-medium/IBMPlexSans-Medium.eot');
	src: url('../fonts/IBMPlexSans-medium/IBMPlexSans-Medium.eot?#iefix') format('embedded-opentype'),
	url('../fonts/IBMPlexSans-medium/IBMPlexSans-Medium.woff') format('woff'),
	url('../fonts/IBMPlexSans-medium/IBMPlexSans-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	}
@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans-semiBold/IBMPlexSans-SemiBold.eot');
    src: url('../fonts/IBMPlexSans-semiBold/IBMPlexSans-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/IBMPlexSans-semiBold/IBMPlexSans-SemiBold.woff') format('woff'),
    url('../fonts/IBMPlexSans-semiBold/IBMPlexSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
	font-style: normal;
	}
@font-face {
    font-family: 'IBM Plex Sans';
    src: url('../fonts/IBMPlexSans-bold/IBMPlexSans-Bold.eot');
    src: url('../fonts/IBMPlexSans-bold/IBMPlexSans-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/IBMPlexSans-bold/IBMPlexSans-Bold.woff') format('woff'),
    url('../fonts/IBMPlexSans-bold/IBMPlexSans-Bold.ttf') format('truetype');
    font-weight: 700;
	font-style: normal;
    }
@font-face{
	font-family: 'lg';
	src: url('../fonts/lg.eot');
	src: url('../fonts/lg.eot?#iefix') format('embedded-opentype'),
	url('../fonts/lg.woff') format('woff'),
	url('../fonts/lg.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	}
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, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}
strong, b{
	font-weight: 500;
	}
em, i{
	font-style: italic;
	}
sup, sub{
	position: relative;
	top: -0.6em;
	font-size: 65% !important;
	line-height: 1em !important;
	}
sub{
	top: auto;
	bottom: -0.3em;
	}
small{
	display: inline-block;
	vertical-align: baseline;
	font-size: .75em;
	line-height: 1.666666666666667em;
	}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section, main{
	display: block;
	}
/*_____________________________________________*/
html{
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	}
body{
	height: 100%;
	font-family: 'Roboto', 'sans-serif';
	font-weight: 300;
	font-size: 18px;
	line-height: 33px;
	color: rgba(9, 21, 45, 0.6);
	min-width: 320px;
	}
/*Common styles*/
*, *:before, *:after{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-focus-ring-color: rgba(0, 0, 0, 0);
	outline: none !important;
	}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	position: relative;
	font-family: "IBM Plex Sans", sans-serif;
	font-weight: 700;
	color: #09152D;
	letter-spacing: 0;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	}
h1, .h1{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	font-size: 38px;
	line-height: 56px;
	margin-bottom: 21px;
	}
h1.h3 {
	margin: 0;
	margin-bottom: 20px;
}
/* h2, .h2{
	font-weight: 700;
	font-size: 62px;
	line-height: 78px;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	} */
h2, .h2 {
	font-size: 48px;
	line-height: 62px;
	margin-top: 80px;
	margin-bottom: 35px;
}
h3, .h3{
	font-size: 38px;
	line-height: 56px;
	margin-top: 75px;
	margin-bottom: 30px;
	}
h4, .h4{
	font-size: 34px;
	line-height: 52px;
	margin-top: 75px;
	margin-bottom: 30px;
	}
h5, .h5{
	font-size: 32px;
	line-height: 48px;
	font-weight: 500;
	margin-top: 70px;
	margin-bottom: 30px;
	}
h6, .h6{
	font-size: 22px;
	line-height: 40px;
	margin-top: 70px;
	margin-bottom: 30px;
	}

/* age confirm */
.has-age-confirm body {
    width: calc(100vw - 17px);
    overflow-y: hidden;
}
#age-confirm {
	display: none;
}
.has-age-confirm #age-confirm {
	position: fixed;
	display: inline-block;
    z-index: 12000;
    left: 0;
	top: 0;
	width: 100%;
	max-height: 100%;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
	background: url('../i/age-confirm-bg.jpg') no-repeat;
	background-size: cover;
}
.has-age-confirm #age-confirm::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(9, 21, 45, 0.2);
	z-index: 5001;
}
#age-confirm .container {
    position: relative;
    font-size: 0;
    height: 100%;
    text-align: center;
    transform: translate3d(0, -30px, 0);
    visibility: hidden;
	opacity: 0;
	z-index: 10000;
}
.has-age-confirm #age-confirm .container {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
}
#age-confirm .container:before {
    content: '';
    position: relative;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    width: 0;
    margin: 0 -1px 0 0;
}
.age-confirm-box {
	position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 20px;
    line-height: 1.5em;
    width: 100%;
	max-width: 964px;
    margin: 0 auto 24px;
	padding: 140px 0;
	background: #060F21;
}
.has-age-confirm #age-confirm {
	opacity: 1;
	visibility: visible;
}
#age-confirm .logo {
    width: 194px;
    height: 58px;
	margin: 0 auto;
	margin-bottom: 47px;
}
#age-confirm .sub-box {
    display: table;
    table-layout: fixed;
    width: 100%;
}
#age-confirm .align-m {
	font-family: "IBM Plex Sans";
	font-weight: 500;
	font-size: 32px;
	line-height: 48px;
	text-align: center;
	color: #FFFFFF;
}
#age-confirm .align-m .subtitle {
	font-family: "Roboto";
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	text-align: center;
	letter-spacing: 0.02em;
	color: rgba(255, 255, 255, 0.6);
}
#age-confirm .question-box {
	text-align: center;
	padding: 0 10px;
}
#age-confirm .question-box p {
    font-size: 34px;
    line-height: 1.666666666666667em;
    margin: 0 auto 12px;
}
#age-confirm .question-box a {
    display: inline-block;
    vertical-align: top;
    font-family: "Roboto";
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    height: 49px;
    width: 180px;
    margin: 45px 25px 0; 
    border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 2px;
	transition: color .5s ease, border .5s ease, background .5s ease;
}
.no-touchevents #age-confirm .question-box a:hover {
    color: #060F21;
	border: 1px solid rgba(255, 255, 255, 0.6);
	background: #fff;
}
#age-confirm .message-box {
	display: none;
	font-size: 25px;
	line-height: 40px;
	padding: 0 20px;
}
#age-confirm p {
    margin: 0 auto;
    max-width: 570px;
}


ol, ul{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	list-style: none;	
	}
ul:not(.pager, .breadcrumb) li, ol li{
	position: relative;
	padding-left: 88px;
	margin: 20px 0;
	}

ul:not(.pager, .breadcrumb) li::before {
	content: '';
	position: absolute;
	left: 40px;
	top: 12px;
	width: 6px;
	height: 6px;
	background: #09152D;
	border-radius: 50%;
}
ol{
	counter-reset: list1;
	list-style: none;
	}
ul ul, ol ol{
	max-width: none;
	margin: 18px 0;
	}
ol > li{
	background: none !important;
	}
ol > li:before{
	position: absolute;
	left: 40px;
	top: 0px;
	counter-increment: list1;
	content: counter(list1) ".";
	font-family: "Roboto";
	font-weight: 700;
	font-size: 16px;
	line-height: 33px;
	letter-spacing: 0.02em;

	color: #09152D;
	}
ol ol{
	counter-reset: list2;
	}
ol ol li{
	background: none;
	}
ol ol li:before{
	counter-increment: list2;
	content: counter(list1) "." counter(list2);
	left: 2px;
	}
ul li p:first-child, ol li p:first-child{
	margin-top: 0 !important;
	}
/* ul li p:last-child, ol li p:last-child{
	margin-bottom: 0 !important;
	} */
/*_______________________________*/
.scroll-tbl{
	position: relative;
	width: 100%;
	max-width: 1320px;
	margin: 80px auto;
	overflow-x: auto;
	border: 1px solid rgba(9, 21, 45, 0.1);
	}
.scroll-tbl table{
	margin: 0 auto;
	min-width: 800px;
	border: none;
	}
table{
	table-layout: fixed;
	width: 100%;
	max-width: 1320px;
	margin: 50px auto 62px;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid rgba(9, 21, 45, 0.1);
	}
table th, table td{
	vertical-align: top;
	text-align: left;
	padding: 30px;
	border-right: 1px solid #E3E4E4;
	border-top: 1px solid #E3E4E4;
	}
table th{
	font-family: "Roboto";
	font-weight: 500;
	font-size: 20px;
	line-height: 33px;
	letter-spacing: 0.02em;
	color: #09152D;
	background: rgba(9, 21, 45, 0.02);
	}
table td{
	font-family: "Roboto";
	font-weight: 300;
	font-size: 16px;
	line-height: 28px;
	letter-spacing: 0.02em;
	color: rgba(9, 21, 45, 0.6);
	}
table tr:first-child th{
	border-top: 0;
	}
table th:first-child, table td:first-child{
	border-left: 0;
	}
table th:last-child, table td:last-child{
	border-right: 0;
	}
table tr:last-child td{
	border-bottom: 0;
	}
table td > *{
	margin: 15px 0;
	}
table td > *:first-child{
	margin-top: 0 !important;
	}
table td > *:last-child{
	margin-bottom: 0 !important;
	}
a{
	color:#09152D;
	outline: none !important;
	text-decoration: none;
	}
.no-touchevents a:hover{

	}

p {
	margin: 15px auto;
	max-width: 1000px;
	line-height: 33px;
	}
p a {
	position: relative;
	font-family: "Roboto";
	font-weight: 400;
	font-size: 18px;
	line-height: 33px;
	letter-spacing: 0.02em;
	color: rgba(9, 21, 45, 0.9);
	white-space: nowrap;
	}
p a::before {
	content: '';
	position: absolute;
	bottom: 2px;
	left: 0;
	right: 0;
	height: 1px;
	background: rgba(9, 21, 45, 0.9);
	}
p a:hover::before {
	content: none; 
	}

/* important text */
.important-text p {
	position: relative;
	font-family: "Roboto";
	font-weight: 300;
	font-size: 26px;
	line-height: 48px;
	color: #09152D;
	padding-left: 30px;
	margin-top: 75px;
	margin-bottom: 75px;
}
.important-text p::before {
	position: absolute;
	content: '';
	top: 5px;
	left: 0;
	bottom: 5px;
	width: 1px;
	background: #09152D;
}

/* blockquote */
blockquote {
	position: relative;
	padding: 140px 0px 50px;
	margin-top: 75px;
	margin-bottom: 75px;
	background: rgba(82, 131, 180, 0.05);
}
blockquote .text {
	margin: 0 auto;
}
blockquote::before {
	content: '“';
	position: absolute;
	top: 70px;
	left: 50%;
	margin-left: -30px;
	font-family: "IBM Plex Sans";
	font-weight: 600;
	font-size: 120px;
	line-height: 100px;
	text-align: center;
	letter-spacing: 0.01em;
	color: #09152D;
}
blockquote p {
	font-family: "IBM Plex Sans";
	font-weight: 300;
	font-size: 24px;
	line-height: 48px;
	text-align: center;
	color: #09152D;
	max-width: 1100px;
	padding: 0px 50px;
	margin-top: 0;
	margin-bottom: 50px;
}
blockquote .author {
	font-family: "Roboto";
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0.01em;
}

/* img */
img{
	display: block;
	max-width: 100%;
	height: auto;
	/* margin: 20px auto; */
	}
html:not(.index-page) .img-box {
    margin: 80px auto;
    max-width: 1560px;
}
html:not(.index-page) .img-box img {
	width: 100%;
}

.bg-img-box {
	position: relative;
    z-index: 2;
    left: 50%;
    width: 100vw;
    max-width: none;
    margin: 80px 0 80px -50vw;
    padding: 390px 0;
}
.bg-img-box .container {
	max-width: 1000px;
	margin: 0 !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
.bg-img-box .text {
	font-family: "Roboto";
	font-weight: 300;
	font-size: 24px;
	line-height: 24px;
	text-align: center;
	letter-spacing: 0.36em;
	text-transform: uppercase;
	color: #FFFFFF;
	mix-blend-mode: normal;
	opacity: 0.86;
}
.bg-img-box .bg-box {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
/* float text */
.left {
	float: left;
}
.right{
	float: right;
}
p img.left, p img.right {
	display: block;
    margin-top: 10px;
	margin-bottom: 0;
}
img.left {
    margin: 0 55px 0 -280px;
    max-width: 64%;
}
img.right {
    margin: 0 -280px 0 55px;
    max-width: 64%;
}


/* info grid */
.info-grid {
	position: relative;
	display: flex;
	padding-top: 120px;
	padding-bottom: 100px;
	margin-top: 120px;
	margin-bottom: 120px;
}
.info-grid.left-content {
	flex-direction: row-reverse;
}
.info-grid.left-content .info-grid-title{
	margin-right: 0 !important;
	margin-left: auto ;
	text-align: right;
	padding-left: 10px;
}
.info-grid::before {
	position: absolute;
	content: '';
	top: 0;
	bottom: 0;
	left: -2500px;
	right: -2500px;
	background: rgba(82, 131, 180, 0.05);
	z-index: -1; 
}
.info-grid-title {
	font-family: "Roboto";
	font-weight: 300;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 0.26em;
	text-transform: uppercase;
	color: #09152D;
	mix-blend-mode: normal;
	opacity: 0.86;
	margin: 0;
	margin-right: auto;
	min-width: 280px;
}
.info-grid .img {
	margin-bottom: 55px;
}
.info-grid.no-bg {
	padding: 0;
}
.info-grid.no-bg::before {
	content: none;
}
.info-grid.no-bg .info-grid-title{
	min-width: 280px;
	margin-top: 18px;
	margin-bottom: 5px;
	padding-right: 10px;
}

/* text grid */
.text-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1420px;
    margin: -15px auto;
}
.text-grid .col {
    width: 44%;
}
.text-grid.three-col {
    max-width: none;
}
.text-grid.three-col .col {
    width: calc(33.3333333% - 45px);
}
.text-grid.three-col .col p {
    margin: 15px 0;
}

/* brand bg */
.brand-text {
	display: flex;
	justify-content: center;
	align-items: center;
	background: url('../i/brand-logo-bg.svg') no-repeat center;
	background-size: 100%;
	margin: 80px 0;
	height: 454px;
}
.brand-text p {
	font-family: "IBM Plex Sans";
	font-weight: 400;
	font-size: 28px;
	max-width: 1040px;
	line-height: 52px;
	text-align: center;
	color: #09152D;
}
.brand-text.en {
	display: flex;
	justify-content: center;
	align-items: center;
	background: url('../i/brand-logo-bg-en.svg') no-repeat center;
	background-size: 100%;
	margin: 80px 0;
	height: 454px;
}

/*Btn*/

.btn.full-width{
	width: 100%;
	max-width: none;
	}
.btn::-moz-focus-inner{
	border: 0;
	}
.no-touchevents .btn:not(:disabled):hover{
	background-position: 0 100%;
	}
.no-touchevents button.btn:not(:disabled):active{
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, .27);
	}
.btn:disabled{
	background: linear-gradient(180deg, rgba(165, 183, 141, 0.4) 0%, rgba(165, 183, 141, 0.4) 99.99%, rgba(123, 194, 23, 0.4) 200%);
	cursor: default;
	}
.form .btn{
	margin: 20px auto 0;
	}
/*Errors*/
.form .field-error{
	font-family: "Roboto";
	font-weight: 300;
	font-size: 11px;
	line-height: 11px;
	color: #EC2727;
	margin: 0;
	margin-top: 5px;
	margin-left: 5px;
	}
/*Form message*/
.form-message{
	text-align: center;
	color: #535760;
	margin: 35px 0 0;
	}
.form-message + .form-message{
	margin-top: 12px;
	}
.form-message svg{
	display: inline-block;
	vertical-align: middle;
	margin: 6px 8px 4px 0;
	}
.form-message p{
	display: inline-block;
	vertical-align: middle;
	margin: 0;
	}
/*Appearance*/
.left{
	float: left;
	}
.right{
	float: right;
	}
.center{
	text-align: center;
	}
.align-right{
	text-align: right;
	}
.centered{
	margin-left: auto;
	margin-right: auto;
	}
.uppercase{
	text-transform: uppercase;
	}
.no-indent{
	margin-bottom: 0 !important;
	}
.align-m, .align-b{
	display: table-cell;
	vertical-align: middle;
	}
.align-b{
	vertical-align: bottom;
	}
.no-wrap{
	white-space: nowrap;
	}
/*Independent*/
.container{
	position: relative;
	z-index: 10;
	max-width: 1700px;
	padding: 0 70px;
	margin: 0 auto;
	}
/*=========================================================================
								STRUCTURE
==========================================================================*/
#all{
	position: relative;
    z-index: 1;
    min-height: 100%;
    height: auto !important;
    height: 100%;
	overflow: hidden;
	}
/*================================HEADER===================================*/
#header {
	position: fixed;
    z-index: 999;
    left: 0;
	top: 0;
	padding: 42px 0 21px;
	width: 100%;
}
.sticky-header #header{
	transform: translateY(-105%);
	}

.sticky-header:not(.short-header-view) #header{
	transform: translateY(0);
	background: #fff;
	}
#header {
	transition: opacity .4s ease, transform .5s ease, background .4s ease, padding .3s ease;
}
.sticky-header #header {
	padding: 19px 0;
	background: #fff;
}
.index-page:not(.page-load) .container {
	opacity: 0;
}
.index-page.page-load .container {
	opacity: 1;
	transition: opacity 1.5s ease;
}
#header .container {
	height: 58px; 
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#logo {
	margin-right: auto;
	height: 58px;
	z-index: 10;
}
#logo {
	display: block;
	height: 58px;
}
.no-touchevents #logo:hover {
	opacity: .8;
}
.nav-box {
	display: flex;
	align-items: center;
}
.nav * {
	transform: translate3d(0, 0, 0);
}
.nav ul{
	display: flex;
}
.nav ul > li{
	margin-left: 73px;
	padding: 0;
}
.nav ul > li > ul > li{
	margin: 0;
}
.nav ul li::before{
	content: none;
}
.nav ul li a{
	font-family: "Roboto";
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	color: #FFFFFF;
	letter-spacing: 0.02em;
	transform: translate3d(0, 0, 0);
}

.sticky-header:not(.opened-nav) .nav ul li a {
	color: #09152D;
}
.lang {
	font-family: "Roboto";
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	color: #FFFFFF;
	padding: 17px 15px 17px 16px;
	height: 50px;
	width: 50px;
	margin-left: 70px;
	border: 1px solid rgba(255,255,255, 0.4);
	border-radius: 50%;
	z-index: 1000;
	transition: color .5s ease, border .5s ease;
	transform: translate3d(0, 0, 0);	
}
.sticky-header:not(.opened-nav) .lang {
	color: #09152D;
	border: 1px solid rgba(9, 21, 45, 0.2);
	transition: color .5s ease, border .5s ease;
}
.opened-nav #header .container {
	justify-content: flex-end;
}
.opened-nav #header .container #logo {
	margin-right: auto;
}
.no-touchevents .lang:hover {
	border: 1px solid rgba(255,255,255, 1);
}
.no-touchevents .white-header .lang:hover {
	border: 1px solid rgba(9, 21, 45, 1)
}
.no-touchevents.sticky-header .lang:hover {
	border: 1px solid #09152D;
}
.nav .dropdown{
	display: none;
	}
.sticky-header .nav-box .lang {
	color: #09152D;
	border: 1px solid rgba(9, 21, 45, 0.2);
}
.white-header .lang {
	color: #09152D;
	border: 1px solid rgba(9, 21, 45, 0.2);
	transition: color .5s ease, border .5s ease;
}
.js-open-nav {
    display: none;
    position: relative;
    z-index: 1000;
    margin: 0 0 0 35px;
    height: 21px;
    width: 38px;
	cursor: pointer;
}
.js-open-nav .start-state {
    position: absolute;
    top: 0;
    left: 0;
    height: 21px;
    width: 38px;
}
.js-open-nav .start-state span {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 38px;
    height: 2px;
    margin: 0 0 6px;
    background: #fff;
    transition: all .25s ease-in-out, background .2s ease;
}
.sticky-header:not(.opened-nav) .js-open-nav .start-state span {
	background: #060F21;
}
.white-header .js-open-nav .start-state span {
	background: #060F21;
}
.js-open-nav .start-state span:nth-child(1) {
    transition: all .25s ease-in-out .375s, background .2s ease;
}
.js-open-nav .start-state span:nth-child(2) {
    transition: all .25s ease-in-out .45s, background .2s ease;
}
.js-open-nav .start-state span:nth-child(3) {
    transition: all .25s ease-in-out .525s, background .2s ease;
}
.opened-nav .js-open-nav .start-state span{
	width: 0;
	}
.opened-nav .js-open-nav .start-state span:nth-child(1){
	transition-delay: 0s;
	}
.opened-nav .js-open-nav .start-state span:nth-child(2){
	transition-delay: .075s;
	}
.opened-nav .js-open-nav .start-state span:nth-child(3){
	transition-delay: .15s;
	}
.opened-nav .js-open-nav .final-state span:nth-child(1) {
    height: 29px;
    transition-delay: .425s;
}
.opened-nav .js-open-nav .final-state span:nth-child(2) {
    transition-delay: .275s;
    width: 30px;
}
.js-open-nav .final-state {
    position: absolute;
    top: -2px;
    left: 3px;
    height: 21px;
    width: 38px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.js-open-nav .final-state span {
    position: absolute;
    display: block;
    background: #fff;
    transition: width .25s ease-in-out, height .25s ease-in-out;
}
.sticky-header:not(.opened-nav) .js-open-nav .final-state span {
    background: #060F21;
}
.js-open-nav .final-state span:nth-child(1) {
    left: 13px;
    top: 0;
    height: 0;
    width: 2px;
    transition-delay: 0s;
}
.js-open-nav .final-state span:nth-child(2) {
    left: 0;
    top: 13px;
    height: 2px;
    width: 0;
    transition-delay: .15s;
}
.sticky-header #logo svg path, .white-header #logo svg path {
	fill: #6B6866;
}
@media screen and (min-width: 993px) {
	
	.sticky-header:not(.visually-impaired) .header-controls{
		opacity: 0;
		pointer-events: none;
		transition: opacity .2s ease;
		}
	.sticky-header .nav .dropdown:after, .white-header .nav .dropdown:after {
		content: '';
		position: absolute;
		z-index: -1;
		left: -2000px;
		right: -2000px;
		top: -300px;
		bottom: 0;
		background: #fff;
	}
	.sticky-header .nav .dropdown, .white-header .nav .dropdown {
		border-top: 1px solid rgba(9, 21, 45, 0.6);
	}
	
	/*Nav*/
	.nav{
		line-height: 0;
		}
	.nav > ul{
		position: relative;
		display: inline-flex;
		align-items: flex-start;
		justify-content: center;
		line-height: 0;
		margin: 0;
		}
	.nav > ul > li > a {
		padding-bottom: 5px;
	}
	.no-touchevents .nav > ul li:not(.has-child) a:hover {
		border-bottom: 1px solid #fff;
	}
	.no-touchevents.sticky-header .nav > ul li:not(.has-child) a:hover, .no-touchevents .white-header .nav > ul li:not(.has-child) a:hover {
		border-bottom: 1px solid #09152D;
	}
	.header .nav > ul:before{
		width: 100%;
		}
	.nav.opened-nav  > ul:before{
		opacity: 1;
		}
	.nav > ul > li{
		position: static;
		font-size: 1em;
		line-height: 1em;
		text-align: left;
		}
	.nav > ul > li:not(.has-child) {
		
	}
	.nav > ul > li:first-child{
		margin-left: 0;
		}
	.nav > ul > li:last-child{
		margin-right: 0;
		}
	.white-header .nav .has-child > a, .sticky-header .nav .has-child > a {
		color: rgba(9, 21, 45, 1);
		z-index: 10;
	}
	.nav .has-child > a{
		position: relative;
		display: inline-block;
		vertical-align: top;
		}
	.white-header .nav.opened-nav .has-child > a {
		color: rgba(9, 21, 45, 0.6) !important;
	}
	.white-header .nav ul li a{
		color: #09152D;
	}
	.white-header #logo svg path {
		fill: #6B6866;
	}
	.no-touchevents .nav .has-child:hover > a, .nav .has-child.opened-dropdown > a, .no-touchevents .nav .has-child > a:hover{
		color: rgba(255, 255, 255, 0.6);
		}
	.no-touchevents.sticky-header .nav .has-child:hover > a, .sticky-header .nav .has-child.opened-dropdown > a, .no-touchevents.sticky-header .nav .has-child > a:hover{
		color: rgba(9, 21, 45, 0.6);
		}
	.no-touchevents .nav .has-child:hover > a:after, .nav .has-child.opened-dropdown > a:after{
		opacity: 1;
		}
	.nav .dropdown li ul li.active a {
		color: rgba(255, 255, 255, 0.6);
	}
	.sticky-header .nav .dropdown li ul li.active a, .white-header .nav .dropdown li ul li.active a {
		color: rgba(9, 21, 45, 0.6);
	}
	.nav .dropdown{
		position: absolute;
		left: 0;
		top: 30px;
		width: 580px;
		margin-top: 10px;
		justify-content: space-between;
		border-top: 1px solid rgba(255, 255, 255, 0.6);
		padding-top: 24px;
		}
	.nav .dropdown li ul {
		height: 108px;
		display: flex;
		flex-wrap: wrap;
		width: 180px;
		margin: 0;
	}
	.nav .dropdown li ul {
		height: 108px;
		display: flex;
		flex-wrap: wrap;
		width: 180px;
		margin: 0;
	}
	.no-touchevents .nav .dropdown ul li a:hover {
		border-bottom: 1px solid #fff;
	}
	.no-touchevents .nav .dropdown ul li.active a:hover, .sticky-header .nav .dropdown ul li.active a:hover {
		border-bottom: 1px solid rgba(255, 255, 255, 0.6);
	}
	.nav .dropdown li {
		margin: 0;
		width: 180px;
	}
	.no-touchevents .nav li:nth-child(3) a:hover{
		border-bottom: 1px solid #fff;
	}
	.header .nav .dropdown{
		background: transparent;
		}
	.header .nav .has-child:last-child .dropdown{
		left: auto;
		right: 0;
		text-align: right;
		}
	.nav .dropdown.visible{
		display: flex;
		}
	.nav .dropdown:before{
		content: '';
		position: absolute;
		top: -20px;
		left: -44px;
		right: 0;
		height: 44px;
		}
	.nav .dropdown li{
		margin-bottom: 9px;
		}
	/* product popup */
	.awards img{ 
		-webkit-filter: grayscale(1); 
		filter: grayscale(1);
		transition: filter .5s ease;
		margin: 15px;
	} 
	.no-touchevents .awards img:hover { 
		-webkit-filter: grayscale(0); 
		filter: none; 
		cursor: pointer;
	} 

	
}


/*========================END OF HEADER========================*/



/*============================MAIN=============================*/

.main .container {
	margin-bottom: 230px;
}

.not-have-top-page-box .container {
    padding-top: 160px;
    padding-bottom: 230px;
}
.not-have-top-page-box h2.title {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

.main-screen {
	position: relative;
    z-index: 3;
    margin: 0 0 120px;
    overflow: hidden;
	min-height: 100vh;
}
.main-screen::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 360px;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
}
.main-screen .container {
	display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: 0 auto;
	min-height: 100vh;
	padding-bottom: 250px;
	padding-top: 300px;
	
}
.main-screen .title-box {
	/* position: relative; */
}
.main-screen .title-box::before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 10%;
	width: 1px;
	height: 80px;
	background: #fff;
	opacity: .9;

}
.main-screen .title-box .title{
	font-family: "Roboto";
	font-weight: 300;
	font-size: 26px;
	text-align: center;
	letter-spacing: 0.36em;
	text-transform: uppercase;
	color: #FFFFFF;
	opacity: 0.9;
	margin: 0;
}
.main-screen .video {
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate3d(-50%, -50%, 0);
}

/* about brand */
.about-brand {
	margin-bottom: 20px;
}
.about-brand-grid {
	width: 100%;
	display: flex;
	margin-bottom: 10px;
}
.about-brand .brand-title {
	width: 390px;
	margin-left: 120px;
}
.about-brand .brand-description {
	width: calc(100% - 560px);
	margin-left: auto;
} 
.about-brand .brand-description p {
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	text-align: left;
} 
.about-brand .brand-title a {
	max-width: 140px;
	display: flex;
	align-items: center;
}
.about-brand .brand-title a span {
	font-family: "Roboto";
	font-weight: 400;
	font-size: 16px;
	line-height: 40px;
	letter-spacing: 0.02em;
	color: #09152D;
	opacity: 0;
	transition: opacity .3s ease .1s;
}
.about-brand .brand-title a svg {
	width: 50px;
	height: 50px;
	padding: 13px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	border: 1px solid rgba(9, 21, 45, 0.4);
	transform: translateX(-72px);
	transition: transform .5s ease;
}

.no-touchevents .about-brand .brand-title a:hover svg {
	transform: translateX(25px);
}
.no-touchevents .about-brand .brand-title a:hover span {
	opacity: 1;
}
.about-brand .brand-title p {
	margin: 0 0 35px;
}


/* advantages section */
.advantage-item {
	margin-bottom: 131px;
}
.advantage-item:nth-child(4) {
	margin-top: -70px;
}
.advantage-item .advantage-links {
	position: relative;
	display: flex;
	justify-content: flex-end;
	margin-top: 30px;
	padding-bottom: 20px;
}
.advantage-item .advantage-links ul {
	max-width: 1140px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	margin-bottom: 25px;
	margin: 0;
}
.advantage-item .advantage-links ul li {
	position: relative;
	padding: 0;
	margin: 0;
	margin-left: 35px;
	font-family: "Roboto";
	font-weight: 400;
	font-size: 16px;
	line-height: 36px;
	letter-spacing: 0.02em;
	color: #09152D;
	background: none !important;
}
.advantage-item .advantage-links ul li::before {
	content: none;
}
.advantage-item .advantage-links ul li:hover::after {
	content: '';
	position: absolute;
	bottom: 8px;
	left: 0;
	right: 0;
	height: 1px;
	background: #09152D;
}
.advantage-item .title {
	font-family: "Roboto";
	font-weight: 900;
	font-size: 64px;
	line-height: 70px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(0, 43, 86, 0.1);
	margin: 0;
	padding: 0;
}
.advantage-item .product-title {
	font-family: "IBM Plex Sans";
	font-weight: 400;
	font-size: 42px;
	line-height: 48px;
	border-bottom: 4px solid transparent;
	text-transform: uppercase;
	color: #FFFFFF;
	margin: 0;
	z-index: 1;
	display: inline-block;
    margin-bottom: 30px;
}
.advantage-item .subtitle {
	font-family: 'Roboto';
	font-weight: 300;
	font-size: 18px;
	/* line-height: 1.2em; */
	line-height: 1.83em;
	letter-spacing: 0.02em;
	color: #FFFFFF;
	z-index: 1;
	max-width: 1000px;
	padding: 0 20px;
	margin: 0 -20px;
	display: none;
	opacity: 0;
}

.advantage-item .advantage-links::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: rgba(9, 21, 45, 0.2);
}
.advantage-item .title-box {
	white-space: nowrap;
	width: 400px;
}
.advantage-item .img-box {
	position: relative;
	display: inline-block;
}
.advantage-item .img-box img {
	display: block;
}
.advantage-item .img-box::after {
	content: '';
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60.8%, rgba(0, 0, 0, 0.35) 100%);
	z-index: 0;
	transition: top 1s ease;
}
.no-touchevents .advantage-item .img-box:hover::after {
	top: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}
.no-touchevents .advantage-item .img-box:hover .product-title {
	border-bottom: 2px solid #fff;
}
.advantage-item .img-box .img-title-box  {
	transition: bottom .5s ease;
}
.no-touchevents .advantage-item .img-box:hover .img-title-box  {
	bottom: 100px;
}
.no-touchevents .advantage-item .img-box:hover .subtitle {
	display: block;
	opacity: 1;
	
}


/* img-center */
.sub-box.img-center {
	padding-left: 130px;
}
.sub-box.img-center .img-box {
	max-width: 1430px;
}
.img-center .title-box {
	transform: rotate(90deg) translate(0px, 130px);
	transform-origin: 0 100%;
}
.img-center .img-box {
	display: block;
	position: relative;
}
.img-center .img-box .img-title-box {
	position: absolute;
	bottom: 20px;
	right: 60px;
	z-index: 100;
	text-align: right;
}
.img-center .img-box .subtitle {
	text-align: right;
}

/* img left */
.sub-box.img-left {
	/* padding-right: 21.79487179487179%; */
	position: relative;
}
.sub-box.img-left .title-box {
	position: absolute;
	top: -70px;
	right: 0;
	transform: rotate(90deg) translate(0px, -340px);
	transform-origin: 0 100%;
}
.sub-box .img-box{
	display: block;
	position: relative;
	max-width: 1400px;
}
.sub-box.img-left .img-box {
	margin-left: calc((100vw - 100%)/2 * -1);
}
.sub-box .img-box .img {
	display: block;
}
.sub-box .img-box img {
	width: 100%;
}
.img-left .img-box .img-title-box {
	position: absolute;
	bottom: 20px;
	right: 60px;
	z-index: 100;
	text-align: right;
}
.img-left .img-box .subtitle {
	text-align: right;
}
.sub-box.img-left .advantage-links {
	margin-left: calc((100vw - 100%)/2 * -1);
	max-width: 1400px;
}

/* img right */
.advantage-item .img-right .advantage-links ul {
	justify-content: flex-start;
}
.sub-box.img-right .img-box {
	margin-right: calc((100vw - 100%)/2 * -1);
	margin-left: auto;
}

.sub-box.img-right .advantage-links {
	justify-content: start;
}
.img-right .advantage-links ul li {
	margin-left: 0;
	margin-right: 35px;
}
.img-right .img-box .img-title-box {
	position: absolute;
	bottom: 20px;
	left: 60px;
	z-index: 100;
	text-align-last: left;
}
.img-box .product-title {
	display: inline-block;
	margin-bottom: 30px;
}
.img-right .img-box .subtitle {
	text-align: left;
}
.sub-box.img-right .advantage-links {
	margin-right: calc((100vw - 100%)/2 * -1);
	max-width: 1400px;
	margin-left: auto;
}


/*Foreign plugins*/
/*Swiper*/
.swiper-container{
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
	}
.swiper-wrapper{
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
	}
.swiper-wrapper.disabled {
	transform: translate3d(0px, 0, 0) !important;
	}
.swiper-slide{
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	}
.grab-cursor-activate .swiper-slide{
	user-select: none;
	}
.grab-cursor-activate .swiper-slide .img{
	pointer-events: none;
	}
.swiper-container-multirow-column>.swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: column;
	}
.swiper-container-multirow>.swiper-wrapper {
	flex-wrap: wrap;
	}
/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide{
	height: auto;
	}
.swiper-container-autoheight .swiper-wrapper{
	align-items: flex-start;
	transition-property: transform, height;
	}
.swiper-container .swiper-notification{
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
	}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{
	transition-timing-function: ease-out;
	}
.swiper-container-fade .swiper-slide{
	pointer-events: none;
	transition-property: opacity;
	}
.swiper-container-fade .swiper-slide .swiper-slide{
	pointer-events: none;
	}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active{
	pointer-events: auto;
	}

/* news section */
.news-slider{
	margin: 245px 0 245px;
	}
.news-slider .swiper-container{
	overflow: visible;
	/*margin-left: 120px;*/
	}
.news-slider .swiper-slide{
	position: relative;
	font-family: "IBM Plex Sans";
	font-weight: 600;
	font-size: 20px;
	line-height: 36px;
	text-align: center;
	width: 410px;
	max-width: calc(100% - 100px);
	overflow: hidden;
	}

.news-slider p{
	margin: 0;
	}
.news-slider .service-directions-list{
	margin: 25px -47px 0 0;
	}
.news-slider .service-directions-list li{
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5em;
	color: rgba(29, 29, 29, .6);
	margin: 0 47px 6px 0;
	}
.news-slider .case-item{
	position: relative;
	display: block;
	min-height: 320px;
	overflow: hidden;
	z-index: 5;
	transition: none;
	}
.news-slider .case-item .case-title-box, .news-slider .case-item .case-bg-box{
	min-height: 475px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-repeat: no-repeat;
	}
.news-slider .case-item .title{
	font-family: "IBM Plex Sans";
	font-weight: 600;
	font-size: 20px;
	line-height: 32px;
	text-align: center;
	color: #FFFFFF;
	max-width: 356px;
	padding: 0 10px;
	}
.news-slider .case-item .title p{
	display: inline;
	}
.news-slider .case-title-box.all-news {
	padding: 0px 50px;
}
.news-slider .title .icon {
	display: flex;
	align-items: center;
	width: 32px;
	height: 32px;
	padding: 9px;
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 50%;
	margin-left: 15px;
}
.news-slider .title:hover .icon {
	border: 1px solid rgba(255, 255, 255, 1);
}
.news-slider .title .all-news .icon svg {
	width: 100%;
	height: 100%;
}
.news-slider .title .all-news p {
	margin-bottom: 0;
}
.news-slider .swiper-slide .img-box .all-news .icon {
	display: flex;
	align-items: center;
	width: 32px;
	height: 32px;
	padding: 9px;
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 50%;
	margin-left: 15px;
}
.news-slider .case-item .all-news .title {
	display: flex;
	align-items: center;
}
.news-slider .case-item .all-news .title p {
	margin: 0 !important;
}
.no-touchevents .news-slider .case-item .case-title-box .title:hover p {
	border-bottom: 1px solid rgba(255, 255, 255, 1);
	}
.no-touchevents .news-slider .case-item .case-title-box .title:hover svg {
	border: 1px solid rgba(255, 255, 255, 1);
	}
.news-slider .swiper-pagination{
	display: none;
	}

/* =========================== */

.news-slider .swiper-slide {
	position: relative;
	font-family: "IBM Plex Sans";
	font-weight: 600;
	font-size: 20px;
	line-height: 32px;
	text-align: center;
	max-width: 410px;
	/* width: 47.24358974358974%; */
	margin-bottom: 74px;
	overflow: hidden;
}
.news-slider .img-box {
	position: relative;
	display: block;
	padding-bottom: 61.05834464043419%;
	/*min-height: 475px;*/
	min-height: 276px;
	overflow: hidden;
	/* margin: 0 !important; */
}
.news-slider .img-box::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
}
.news-slider .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	transition: transform 5s;
}
.no-touchevents .news-slider .swiper-slide:hover .img {
	transform: scale(1.2);
}
.news-slider .img-box .title {
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "IBM Plex Sans";
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 32px;
	text-align: center;
	color: #FFFFFF;
}
.news-slider .img-box .title p{
	max-width: 376px;
	padding: 0 10px;
}
.news-slider .img-box .title span{
	border-bottom: 1px solid transparent;
}
.no-touchevents .news-slider a span:hover {
	border-color: #fff;
}

/* product swiper */
.product-slider {
	overflow: visible;
}
.product-slider .swiper-container{
	display: flex;
	flex-direction: column;
	max-width: 475px;
	width: 100%;
	max-height: 630px;
	height: 100%;
	overflow: hidden;
}
.product-slider .swiper-slide{
	display: flex;
	justify-content: center;
	/* max-width: 300px; */
}
.product-slider .swiper-pagination{
	display: flex !important;
	justify-content: center;
	height: 28px;
	/* margin-top: 10px; */
}
.no-touchevents .product-slider .swiper-pagination:hover{
	cursor: pointer;
}
.swiper-pagination-bullet {
	position: relative;
	width: 22px;
	height: 22px;
	padding: 11px;
	border: 1px solid rgba(9, 21, 45, 0);
	border-radius: 50%;
}
.swiper-pagination-bullet::before {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -3px;
	margin-top: -3px;
	content: '';
	width: 6px;
	height: 6px;
	background: #09152D;
	border-radius: 50%;
}
.swiper-pagination-bullet-active {
	border: 1px solid rgba(9, 21, 45, 0.4);
}


/* Catalog */
.top-page-box {
    position: relative;
    z-index: 3;
	margin: 0;
	margin-bottom: 125px;
    overflow: hidden;
}
.top-page-box::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.3) 54.96%, rgba(0, 0, 0, 0) 100%);
	/* background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); */
}
.top-page-box .container {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding-top: 180px;
    padding-bottom: 180px;
}
.top-page-box + .main .info-grid:nth-child(1) {
	margin-top: 0;
}
.community.top-page-box {
    margin-bottom: 0;
}
.community.top-page-box .container {
    min-height: 606px;
}
.top-page-box .bg {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.top-page-box .title-box {
	text-align: center;
	margin: 0 auto;
	max-width: 750px;
	max-height: 220px;
}
.top-page-box .title-box .title {
	font-family: "IBM Plex Sans";
	font-weight: 700;
	font-size: 62px;
	line-height: 78px;
	text-align: center;
	color: #FFFFFF;
	width: 100%;
}
.top-page-box .title-box .subtitle {
	font-family: "Roboto";
	font-weight: 400;
	font-size: 22px;
	line-height: 38px;
	text-align: center;
	color: rgba(255, 255, 255, 0.9);
	width: 100%;
}
/* products nav */
.products-nav {
	padding: 24px 0;
	background: #fff;
	transition: opacity .2s ease;
	
}
.products-nav.fixed {
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	width: 100%;
	z-index: 1000;
}
.products-nav.hidden {
	opacity: 0;
	/* pointer-events: none; */
}

.products-nav ul {
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 auto;
}
.products-nav ul li {
	position: relative;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 35px;
	font-family: "Roboto";
	font-weight: 400;
	font-size: 16px;
	line-height: 36px;
	letter-spacing: 0.02em;
	color: #09152D;
}
.products-nav ul li::before {
	content: none;
}
.products-nav ul li.active a {
	color: rgba(9, 21, 45, 0.6);
}
.no-touchevents .products-nav ul li.active::before {
	background: rgba(9, 21, 45, 0.4);
}
.no-touchevents .products-nav ul li.active a {
	border-bottom: rgba(86, 110, 158, 0.6) !important;
}
.products-nav ul li:first-child {
	margin-left: 0;
}
.products-nav ul li:hover::after {
	content: '';
	position: absolute;
	bottom: 8px;
	left: 0;
	right: 0;
	height: 1px;
	background: #09152D;
}
/* products box */
.products-box {
	margin-top: 50px;
}
.products-box .container {
	margin-bottom: 150px;
}
.products-list {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0 100px;
	margin-top: 90px;
}
.products-list .list-text {
	position: absolute;
	font-family: "Roboto";
	font-weight: 900;
	font-size: 64px;
	line-height: 70px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(0, 43, 86, 0.1);
	margin: 0;
	z-index: 0;
}
.products-list .list-text.right {
	transform-origin: top right;
	transform: rotate(90deg) translateY(0px);
	top: 800px;
	right: 0;
}
.products-list .list-text.left {
	transform-origin: top left;
	transform: rotate(90deg) translateY(-70px);
	top: 740px;
	left: 0;
}
.products-list .item-box {
	width: 33.33333%;
	margin: 0 0 80px;
	padding: 0px 29px;
}

.products-list .item-box .item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	padding-bottom: 60px;
}
.products-list .item-box .item a {
	position: relative;
	max-width: 395px;
	max-height: 558px;
}
.products-list .item-box.novelty .item::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 61%;
	background: rgba(82, 131, 180, 0.05);
	z-index: -1;
}

.products-list .item-box .item .title {
	margin: 0;
	font-family: "IBM Plex Sans";
	font-weight: 700;
	font-size: 22px;
	line-height: 40px;
	text-align: center;
	color: #09152D;
	mix-blend-mode: normal;
	opacity: 0.86;
}
/* .products-list .item-box .item .arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #0D1D3D;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	margin-top: 7px;
	margin-bottom: 21px;
	opacity: 0;
	transition: opacity .5s ease;
} */
.products-list .item-box .item .img {
	/* overflow: hidden; */
}
.products-list .item-box .item .img img {
	transition: transform 3s ease;
	transform: scale3d(1,1,1);
	
}
.no-touchevents .products-list .item-box .item:hover .img img {
	transform: scale3d(1.08,1.08,1.08);
	
}
.products-list .item-box .item .novelty-label {
	position: absolute;
	top: 0;
	right: 0;
	transform: rotate(90deg) translateY(-150px);
	transform-origin: top left;
	font-family: "Roboto";
	font-weight: 300;
	font-size: 20px;
	letter-spacing: 0.36em;
	text-transform: uppercase;
	color: #1186DB;
	mix-blend-mode: normal;
	opacity: 0.86;
}


/*Product popup*/
#product-popup-box{
	position: fixed;
	z-index: 10001;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
	background: #fff;
	visibility: hidden;
	opacity: 0;
	transition: opacity .3s ease, visibility .3s ease;
	min-width: 320px;
	}
.opened-product-popup #product-popup-box{
	opacity: 1;
	visibility: visible;
	}
.opened-product-popup body {
	overflow: hidden;
	}
.no-touchevents.opened-product-popup body {
	margin-right: 17px;
	}

#product-popup-box .product-popup{
	position: relative;
	display: flex;
	align-items: center;
	text-align: left;
	max-width: 1920px;
	/* height: 100%; */
	width: 100%;
	margin: 0 auto;
	transition: opacity .3s ease .2s, visibility .3s ease .2s, transform .3s ease .2s;
	visibility: hidden;
	opacity: 0;
	}
.opened-product-popup #product-popup-box .product-popup{
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	}
.product-description{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	min-height: 100vh;
	width: 100%;
	}
.product-description .img{
	display: flex;
	flex-direction: column;
	/* max-width: 826px; */
	width: 40%;
	min-height: 100%;
	padding: 103px 10px 50px 10px;
	background: #fff;
	}
.product-description .product-wrap {
	position: absolute;
	bottom: 50px;
	padding: 0 190px;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.product-description .prev-product {
	display: flex;
	align-items: center;
	/* justify-content: space-between; */
	max-width: 250px;
	width: 100%;
	margin-top: auto;
	transition: opacity .5s ease;
}
.product-description .prev-product .prev-arrow{
	margin-right: 10px;
}
.no-touchevents .product-description .prev-product:hover {
	opacity: .6;
}
.product-description .prev-arrow {
	width: 15px;
	height: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.product-description .prew-arrow svg {
	width: 100%;
}
.product-description .prev-product .prev-product-text {
	font-family: "Roboto";
	font-weight: 400;
	font-size: 16px;
	line-height: 1.4em;
	letter-spacing: 0.02em;
	margin: 0;
	color: #09152D;
}
.product-description .img img{
	max-width: 473px;
	width: 100%;
	max-height: 630px;
	height: 100%;
	margin: 0 auto;
	}
.product-description .text{
	font-size: 16px;
	line-height: 30px;
	letter-spacing: .18px;
	padding: 107px 101px 50px 115px;
	/* max-width: 1094px; */
	width: 60%;
	/* min-height: 100vh; */
	min-height: 100%;
	background: rgba(82, 131, 180, 0.05);
	}
.product-description .text p {
	max-width: 760px;
	padding-right: 100px;
}
.product-description .text .novelty-text {
	font-family: "Roboto";
	font-weight: 300;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0.36em;
	text-transform: uppercase;
	color: #1186DB;
	mix-blend-mode: normal;
	opacity: 0.86;
	margin-bottom: 10px;
}
.product-description .text h1 {
	font-family: "IBM Plex Sans";
	font-weight: 700;
	font-size: 34px;
	line-height: 52px;
	max-width: 760px;
	padding-right: 100px;
	text-align: left;
	margin: 0 0 30px;
	color: #09152D;
}
.product-description p{
	margin: 0 0 10px;
	}
.product-description .product-info-box {
	display: flex;
	max-width: 540px;
	margin-top: 41px;
	margin-bottom: 50px;
}
.product-description .product-info-box .strength,  .product-description .product-info-box .volume, .product-description .product-info-box .volumes{
	max-width: 270px;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.product-description .product-info-box span:not([class])  {
	font-family: "Roboto";
	font-weight: 300;
	font-size: 18px;
	letter-spacing: 0.26em;
	text-transform: uppercase;
	color: #09152D;
	mix-blend-mode: normal;
	opacity: 0.86;
	margin-bottom: 18px;
}
.product-description .product-info-box .value {
	font-family: "Roboto";
	font-weight: 300;
	font-size: 40px;
	line-height: 40px;
	letter-spacing: 0.02em;
	color: #09152D;
}
.product-description .product-info-box .volumes .values {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-left: -20px;

}
.product-description .product-info-box .volumes .values span:not([class]) {
	font-family: "Roboto";
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 0.02em;
	color: #09152D;
	margin: 0;
	display: inline-block;
	margin-bottom: 20px;
	width: 60px;
	margin-left: 20px;
	margin-right: 10px;
	text-transform: none;
}
.product-description .product-info-box .volumes .dot {
	width: 6px;
	height: 6px;
	display: block;
	border: 1px solid #09152D;
	margin-bottom: 20px;
	border-radius: 50%;
}


.product-description .awards {
	display: flex;
	/* justify-content: space-between; */
	flex-wrap: wrap;
	max-width: 575px;
	width: 100%;
	margin: 0 -15px 50px;
}
.product-description .awards a {
	margin-right: 10px;
	margin-bottom: 20px;
}

#product-popup-box .arrows-box{
	position: absolute;
	z-index: 0;
	left: 101px;
	top: 50%;
	right: 101px;
	display: flex;
	justify-content: space-between;
	height: 40px;
	margin: -20px auto 0;
	max-width: 1701px;
	pointer-events: none;
	}
#product-popup-box .arrows-box a{
	pointer-events: auto;
	}
#product-popup-box .arrows-box{
	position: absolute;
	z-index: 0;
	left: 101px;
	top: 50%;
	right: 101px;
	display: flex;
	justify-content: space-between;
	height: 40px;
	margin: -20px auto 0;
	max-width: 1701px;
	}
#product-popup-box .arrows-box.hidden{
	display: none;
	}
#product-popup-box .arrows-box .js-load-product{
	display: block;
	cursor: pointer;
	width: 24px;
	height: 40px;
	padding: 0;
	border: none;
	}
.no-touchevents #product-popup-box .arrows-box .js-load-product:hover{
	opacity: .7;
	}
#product-popup-box .arrows-box .js-load-product svg{
	display: block;
	}
#product-popup-box .arrows-box .js-load-product.next svg{
	transform: scaleX(1);
	}
.product-popup .js-close-popup{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 50px;
	right: 87px;
	width: 50px;
	height: 50px;
	border: 1px solid rgba(9, 21, 45, 0.2);
	border-radius: 50%;
	cursor: pointer;
	transition: border .5s ease;
	z-index: 1000;
	}
.no-touchevents .product-popup .js-close-popup:hover {
	border: 1px solid rgba(89, 112, 158, 1);
	}


/* COMMUNITY */

.community-box {
	position: relative;
	padding-top: 139px;
	padding-bottom: 250px;
	max-height: 895px;
	height: 100%;
	background: url('../i/community-img1.png') no-repeat;
	overflow: hidden;
	background-size: cover/80%;
	background-position: top right;
}
.community-box::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.community-box .container {
	display: flex;
}
.form-box {
	position: relative;
	width: 865px;
	padding-right: 12%;
	padding-left: 150px;
	z-index: 20;
}
.form-box::before {
	content: '';
	position: absolute;
	top: -139px;
	left: -1500px;
	bottom: 0;
	right: 0;
	z-index: 1;
	background: url('../i/community-img2.png') no-repeat;
	background-position: top right;
}
.form-box::after {
	content: '';
	position: absolute;
	top: -139px;
	left: -1500px;
	bottom: 0;
	right: -1px;
	z-index: 1;
	background: rgba(246, 248, 251, .85);
}
.form-box .form-title {
	position: relative;
	font-family: "IBM Plex Sans";
	font-weight: 700;
	font-size: 34px;
	line-height: 52px;
	color: #09152D;
	margin: 0;
	z-index: 10;
	margin-bottom: 30px;
}
.community-box input {
	padding: 10px;
	border: none;
	border: 1px solid rgba(9, 21, 45, 0.15);
	border-radius: 2px;
	background: transparent;
	font-family: "Roboto";
	font-weight: 300;
	font-size: 14px;
	letter-spacing: 0.01em;
	color: #09152D;
}
.form{
	position: relative;
	z-index: 2;
	text-align: left;
	display: flex;
	flex-wrap: wrap;
	max-width: 505px;
	margin-right: 200px;
	margin-left: auto;
	}
.form-box .form{
	margin: 0;
	}
.form-box .form-row {
	width: 100%;
	display: flex;
	margin-top: 27px;
}
.form .field{
	margin: 0;
	}
.form .field.name{
	width: 100%;
	}
.form .field .form-control{
	width: 100%;
	}
.form .field.date {
	margin-right: 21px;
	position: relative;
	}
.form .field.date svg {
	position: absolute;
	right: 9px;
	bottom: 12px;
}
.form .field.date .form-control{
	width: 223px;
	}
.form .field.date .form-control:focus {
	border: 1px solid #ced4da;
}
.form .field.city,  .form .field.phone {
	width: 260px;
	margin-left: auto;
	}
.form-control, .form .field.city .form-control{
	width: 260px;
	}
.form .field.email {
	width: 100%;
	margin-top: 27px;
}
.form .field.email .form-control {
	width: 100%;
}
.field-name{
	font-family: "Roboto";
	font-weight: 300;
	font-size: 14px;
	line-height: 24px;
	color: #09152D;
	z-index: 1;
	display: block;
	margin-left: 5px;
	}
.form-box .check-box label {
	font-family: "Roboto";
	font-weight: 300;
	font-size: 12px;
	color: rgba(9, 21, 45, 0.6);
}
.check-box {
	margin-top: 30px;
}
.check-box-error-text {
	font-family: "Roboto";
	font-weight: 300;
	font-size: 11px;
	line-height: 11px;
	color: #EC2727;
	padding-left: 28px;
	margin: 0;
	margin-top: 5px;
}
.form-box .btn {
	font-family: "Roboto";
	font-weight: 400;
	font-size: 16px;
	text-align: center;
	letter-spacing: 0.02em;
	color: #FFFFFF;
	border: none;
	border-radius: 2px;
	padding: 15px 64px;
	background: #09152D;
	max-width: 221px;
	width: 100%;
}
.no-touchevents .form-box .btn:hover {
	background: #0D1D3D;
	cursor: pointer;
}
.form-info-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	margin-top: 30px;
}
.form-info-wrap .success-box, .form-info-wrap .error-box {
	width: 60%;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
} 
.form-info-wrap span {
	font-family: "Roboto";
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	letter-spacing: 0.01em;
	color: #09152D;
	margin-left: 15px;
}
.required .field-name:after{
	content: '*';
	margin: 0 0 0 4px;
	}
.error-field .form-control{
	border-color: #DA313B;
	}
.form-control:focus, .error-field .form-control:focus{
	border-color: #2d2d2d;
	}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{
	color: #86868F;
	opacity: 1;
	}
input::-moz-placeholder, textarea::-moz-placeholder{
	color: #86868F;
	opacity: 1;
	}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{
	color: #86868F;
	opacity: 1;
	}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder{
	opacity: 0 !important;
	}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder{
	opacity: 0 !important;
	}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder{
	opacity: 0 !important;
	}


.form .field {
    position: relative;
    width: 100%;
    margin-top: 27px;
}
.form .field svg {
    position: absolute;
    right: 9px;
    bottom: auto;
    top: 33px;
}
.form .check-box + .check-box {
    margin-top: 0;
}
.select {
    width: auto;
}
.form .form-row {
    margin-top: 27px;
}
.form .form-row .field {
    width: 44%;
    margin-top: 0;
}
.form .form-row .field + .field {
    width: 52%;
    margin-left: auto;
}


/* select */
.select {
    display: block;
    width: 225px;
    position: relative;
}
.new-select {
    position: relative;
    border: 1px solid #ced4da;
    padding: 11px 13px;
    cursor: pointer;
	user-select: none;
	font-family: "Roboto";
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 15px;
	letter-spacing: 0.01em;
	color: #09152D;
}
.new-select__item span {
	font-family: "Roboto";
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0.01em;
	color: #09152D;
}

.new-select__list {
    position: absolute;
    top: 39px;
    left: 0;
    border: 1px solid rgba(9, 21, 45, 0.15);
    cursor: pointer;
    width: 100%;
    z-index: 2;
    background: #fff;
    user-select: none;
}

.new-select__list.on {
    display: block;
}

.new-select__item span {
    display: block;
    padding: 10px 15px;
}

.new-select__item span:hover {
    background: rgba(9, 21, 45, 0.05);
}

.new-select:after {
    content: '';
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 8px;
    top: 6px;
    background: url('../i/arrow-select.svg') no-repeat center;
    opacity: 0.6;

    -webkit-transition: all .27s ease-in-out;
        -o-transition: all .27s ease-in-out;
            transition: all .27s ease-in-out;

    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
         -o-transform: rotate(180deg);
            transform: rotate(180deg);
}

.new-select.on:after {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);
}
/* checkbox */
input[type="checkbox"]:checked, 
input[type="checkbox"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

input[type="checkbox"]:checked + label, 
input[type="checkbox"]:not(:checked) + label {
    display: inline-block;
    position: relative;
    padding-left: 28px;
    line-height: 20px;
    cursor: pointer;
}

input[type="checkbox"]:checked + label:before, 
input[type="checkbox"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 2px;
    width: 15px;
    height: 15px;
    border: 1px solid #09152D;
}

input[type="checkbox"]:checked + label:before, 
input[type="checkbox"]:not(:checked) + label:before {
    border-radius: 2px;
}

input[type="checkbox"]:checked + label:after, 
input[type="checkbox"]:not(:checked) + label:after {
    content: "";
    position: absolute;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

input[type="checkbox"]:checked + label:after, 
input[type="checkbox"]:not(:checked) + label:after {
    left: 4px;
    top: 6px;
    width: 7px;
	height: 7px;
	border-radius: 1px;
    background: #09152D;
}

input[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
}

input[type="checkbox"]:checked + label:after {
    opacity: 1;
}

/* community info */
.community-info {
	width: 45%;
	padding-left: 10%;
	align-self: center;
}
.community-info .title {
	font-family: "IBM Plex Sans";
	font-weight: 700;
	font-size: 22px;
	line-height: 40px;
	color: #09152D;
	margin: 0;
	margin-bottom: 29px;
}
.community-info ul li {
	font-family: "Roboto";
	font-weight: 300;
	font-size: 22px;
	line-height: 32px;
	color: #09152D;
	margin-left: 0;
	margin-bottom: 20px;
	padding-left: 32px;
	position: relative;
}
.community-info ul li::before {
	content: '';
	position: absolute;
	width: 12px;
	height: 11px;
	left: 0;
	top: 12px;
	background: url('../i/community-info-item.svg') no-repeat;
}

/* NEWS */
.not-have-top-page-box .news-box h2 {
	margin-bottom: 77px;
}
.news-main-box {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.news-main-box .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	transition: transform 10s;
}
.news-main-box .item {
    position: relative;
    width: 100%;
    margin-bottom: 74px;
    overflow: hidden;
}
.news-main-box .item::after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, .3);
}
.news-main-box .img-box {
    position: relative;
    display: block;
    padding-bottom: 55.513%;
    min-height: 320px;
    overflow: hidden;
    margin: 0 !important;
}
.news-main-box .title {
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'IBM Plex Sans';
	font-weight: 700;
	font-size: 38px;
	line-height: 56px;
	text-align: center;
	color: #FFFFFF;
	height: 100%;
}
.news-main-box .title p {
	max-width: 750px;
	line-height: 56px;
}
.news-main-box .img-box .title span {
    border-bottom: 1px solid transparent;
}
.no-touchevents .news-main-box a span:hover {
    border-color: #fff;
}
.no-touchevents .news-main-box .item:hover .img {
    transform: scale(1.2);
}

.news-items-box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.news-items-box .item {
	position: relative;
	font-family: "IBM Plex Sans";
	font-weight: 600;
	font-size: 24px;
	line-height: 36px;
	text-align: center;
	max-width: 738px;
	width: 47.24358974358974%;
	margin-bottom: 74px;
	overflow: hidden;
}
.news-items-box .img-box {
	position: relative;
	display: block;
	padding-bottom: 61.05834464043419%;
	min-height: 320px;
	overflow: hidden;
	margin: 0 !important;
}
.news-items-box .img-box::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
}
.news-items-box .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	transition: transform 10s;
}
.no-touchevents .news-items-box .item:hover .img {
	transform: scale(1.2);
}
.news-items-box .img-box .title {
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "IBM Plex Sans";
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 36px;
	text-align: center;
	color: #FFFFFF;
}
.news-items-box .img-box .title p{
	max-width: 376px;
	padding: 0 10px;
	
}
.news-items-box .img-box .title span{
	border-bottom: 1px solid transparent;
}
.no-touchevents .news-items-box a span:hover {
	border-color: #fff;
}

.pager-box {
	display: flex;
	align-items: center;
	justify-content: center;
}
.pager {
	display: flex;
	justify-content: center;
}
.pager li {
	margin: 0 10px;
}
.pager li a, .pager li span {
	font-family: "Roboto";
	font-weight: 700;
	font-size: 16px;
	line-height: 33px;
	text-align: center;
	letter-spacing: 0.02em;
	color: #09152D;
	width: 100%;
	height: 100%;
	transition: color .5s ease;
}
.no-touchevents .pager li a:hover {
	color: rgba(9, 21, 45, 0.6);
}
.pager li.active a {
	color: rgba(9, 21, 45, 0.6);
}
.pager .prev, .pager .next {
	border: 1px solid #09152D;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	transition: border .5s ease;
}
.pager .prev svg path, .pager .next svg path {
	transition: stroke .5s ease;
}
.no-touchevents .pager .prev:hover, .no-touchevents .pager .next:hover {
	border: 1px solid rgba(9, 21, 45, 0.6);
}
.no-touchevents .pager .prev:hover svg path, .no-touchevents .pager .next:hover svg path {
	stroke: rgba(9, 21, 45, 0.6);
}

/*Video*/
.video-box{
	position: relative;
	max-width: 1320px;
	margin: 80px auto;
	}
.video-box .sub-box{
	position: relative;
	padding-bottom: 56.25%;
	}
.video-box iframe{
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none !important;
	}

/* news page */
.news-page-share-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 80px;
}
.all-news-link {
	display: flex;
	align-items: center;
	transition: opacity .5s ease;
	max-width: 160px;
	width: 100%;
}
.no-touchevents .all-news-link:hover {
	opacity: .6;
}
.all-news-link svg {
	transform: scale(-1);
}
.all-news-link p {
	font-family: "Roboto";
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0.02em;
	color: #09152D;
	margin: 0;
	margin-left: 13px;
	padding: 0;
}
.news-inner-page .news-box {
	margin-top: 130px;
	margin-bottom: 250px;
}
.news-inner-page .top-page-box .title-box .title {
	font-family: 'IBM Plex Sans';
	font-weight: 700;
	font-size: 38px;
	line-height: 56px;
	text-align: center;
	color: #FFFFFF;
	margin: 40px 0 34px;
}
.news-inner-page .top-page-box .title-box .subtitle {
	font-family: 'Roboto';
	font-weight: 500;
	font-size: 18px;
	line-height: 33px;
	text-align: center;
	letter-spacing: 0.02em;
	color: rgba(255, 255, 255, 0.7);
}
.news-inner-page .top-page-box .container {
	position: relative;
}
.news-inner-page .top-page-box .container .all-news-link {
	position: absolute;
	top: 180px;
	left: 70px;
}
.news-inner-page .top-page-box .container .all-news-link p{
	font-family: 'Roboto';
	font-weight: 400;
	font-size: 16px;
	line-height: 40px;
	letter-spacing: 0.02em;
	color: #FFFFFF;
	z-index: 5555;
}
.news-page-wrap {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	width: 41%;
}
.news-page-title-box {
	margin-top: auto;
}
.news-page-box p {
	padding-left: 0;
	width: 100%;
}
.news-page-box .img {
	max-width: 1100px;
	width: calc((100vw - 100%) / 2 + 59%);
    margin-right: calc((100vw - 100%) / 2 * -1);
}
.news-page-box .img img {
	width: 100%;
}
.news-page-box .date {
	display: inline-block;
	margin-bottom: 25px;
	font-family: "Roboto";
	font-weight: 500;
	font-size: 18px;
	line-height: 33px;
	letter-spacing: 0.02em;
	color: rgba(9, 21, 45, 0.4);
}

/* 404 */
.error-page-box .container {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: calc(100vh - 97px);
    padding-top: 110px;
    padding-bottom: 10px;
}
.error-page-box .sub-box {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.error-page-box .num {
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "IBM Plex Sans";
	font-weight: 700;
	font-size: 120px;
	line-height: 140px;
	color: #09152D;
}
.error-page-box .h3 {
	font-family: "IBM Plex Sans";
	font-weight: 500;
	font-size: 32px;
	line-height: 48px;
	text-align: center;
	color: #09152D;
}
.error-page-box .sub-box a {
	font-family: "Roboto";
	font-weight: 400;
	font-size: 18px;
	line-height: 33px;
	text-align: center;
	letter-spacing: 0.02em;
	text-decoration-line: underline;
	color: rgba(9, 21, 45, 0.9);
}
.no-touchevents .error-page-box .sub-box a:hover {
	text-decoration: none;
}
.error-page-box .num svg {
	margin-right: 34px;
	margin-left: 34px;
}


/*=========================END OF MAIN=========================*/


/*===========================FOOTER============================*/

#footer {
	background: #060F21;
	padding-top: 96px;
	padding-bottom: 37px;
	color: #fff;
}
.footer-grid {
	display: flex;
	justify-content: space-between;
}
.footer-grid .col {
	max-width: 340px;
	width: 100%;
}
.footer-grid .col:nth-child(1) span:not([class]){
	display: inline-block;
	margin-top: 15px;
	font-size: 15px;
	line-height: 16px;
	opacity: .7;
}
.footer-grid .col:nth-child(2) span {
	font-size: 15px;
	line-height: 16px;
	opacity: .7;
	margin-left: 15px;
}
.footer-grid .col:nth-child(2) a {
	white-space: nowrap;
	display: inline-block;
	color: #fff;
}
.no-touchevents .footer-grid .col:nth-child(2) a:hover{
	opacity: .8;
}
.footer-grid .copy {
	display: block;
}
.footer-contacts {
	max-width: 1120px;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.footer-grid .col .email{
	display: inline-block;
	color: #fff;
	line-height: 23px;
} 
.footer-grid .col .email:hover {
	border-bottom: 1px solid #fff;
} 
.dev-box {
	display: flex;
}
.dev-box p {
	margin: 0;
	width: 70%;
}
.social-links {
	max-width: 220px;
	display: flex;
	justify-content: end;
	flex-wrap: wrap;
}
.social-links a {
	display: inline-block;
	color: #fff;
	max-width: 50%;
	margin-left: auto;
	height: 26px;
	line-height: 26px;
}
.no-touchevents .social-links a:hover {
	border-bottom: 1px solid #fff;
}
.social-links a:nth-child(2), .social-links a:nth-child(4) {
	margin-left: 45px;
}
.dev-box {
	margin-top: 135px;
	margin-bottom: 30px;
}
.dev-box .copyright {
	font-family: "Roboto";
	font-weight: 300;
	font-size: 15px;
	line-height: 26px;
	letter-spacing: 0.02em;
	color: rgba(255, 255, 255, 0.8);
	opacity: 0.7;
	max-width: 885px;
}

#iquad {
    position: relative;
    display: inline-block;
    opacity: 1;
	text-decoration: none;
	height: 20px;
	z-index: 1;
}
#iquad:before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 50%;
    bottom: 0;
    right: -10px;
    height: 6px;
    background: #63c3ce;
    background: -webkit-linear-gradient(45deg, rgba(212, 225, 90, 1) 0%, rgba(99, 195, 206, 1) 50%, rgba(212, 225, 90, 1) 100%);
    background: linear-gradient(45deg, rgba(212, 225, 90, 1) 0%, rgba(99, 195, 206, 1) 50%, rgba(212, 225, 90, 1) 100%);
    background-size: 200% 100%;
    background-position: 0 0;
    opacity: 0;
}
#iquad.en:before {
	right: 0;
}
.no-touchevents #iquad:hover::before {
	opacity: 1;
}
.footer-text {
	display: inline-block;
	width: 100%;
	font-family: "Roboto";
	font-weight: 300;
	font-size: 44px;
	line-height: 96px;
	text-align: center;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.6);
	mix-blend-mode: normal;
	opacity: 0.86;
}


/*========================END OF FOOTER========================*/
/*=========================TRANSITIONS=========================*/

@media screen and (max-height: 850px) {
	.product-description .text h1 {
		margin-bottom: 20px;
	}
	.product-description .img{
		padding: 50px 10px;
		}
	.product-description .text {
		padding: 50px 101px 30px 115px;
	}
	.product-description .product-wrap {
		bottom: 25px;
	}
	.product-description .product-info-box {
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.product-description .product-info-box span:not([class]) {
		margin-bottom: 5px;
	}
	.awards img {
		max-width: 70px;
		max-height: 70px;
	}
	.product-description .product-info-box .value {
		font-size: 30px;
	}
	.product-description .product-info-box .volumes .values span:not([class]) {
		margin-bottom: 10px;
	}
	.product-description .awards {
		max-width: 400px;
	}
	.product-popup .js-close-popup {
		top: 50px;
	}
}
@media screen and (max-height: 770px) {
	.product-slider .swiper-container {
		max-height: 560px;
	}
	.product-description .img img {
		max-width: 410px;
		max-height: 560px;
	}
	.product-description .img{
		padding: 20px 10px;
		}
}

@media screen and (min-width: 1937px) {
	.sub-box.img-left .img-box {
		margin-left: -12%;
	}
	.sub-box.img-right .img-box {
		margin-right: -12%;
	}
	.sub-box.img-left .advantage-links {
		margin-left: -12%;
	}
	.sub-box.img-right .advantage-links {
		margin-right: -12%;
	}
  }

  @media screen and (max-width: 1700px) {
	/* text img */
	img.left {
		margin: 0 55px 0 calc((100vw - 100% - 140px)/2 * -1);
	}
	img.right {
		margin: 0 calc((100vw - 100% - 140px)/2 * -1) 0 55px;
	}


	.sub-box.img-left  {
		padding-right: 120px;
	}
	.sub-box.img-right  {
		padding-left: 120px;
	}
	.advantage-item .advantage-links {

	}
	.sub-box.img-left .advantage-links {

		/* margin-left: auto; */
	}
	.sub-box.img-right .advantage-links {
		/* margin-right: auto; */
	}
	.sub-box .title {
		font-size: 3.5vw;
	}
	.footer-text {
		font-size: 2.4vw;
	}
	/* CATALOG */
	/* products list */
	.products-list .list-text {
		font-size: 50px;
	}
	.products-list .list-text.right {
		top: 627px;
	}
	.products-list .list-text.left {
		top: 680px;
	}
	/* NEWS */
	.news-items-box .item {
		width: 48%;
	}
  }
  @media screen and (max-width: 1500px) {
		.products-list .list-text.left {
			top: 600px;
		}
		/* community */
		.form-box {
			padding-right: 5%;
		}
		.community-info {
			padding-left: 5%;
		}
	}
  @media screen and (max-width: 1400px) {
	.advantage-item .subtitle {
		max-width: 700px;
		font-size: 15px;
	}
	.no-touchevents .advantage-item .img-box:hover .img-title-box {
		bottom: 80px;
	}
	.img-box .product-title {
		margin-bottom: 20px;
	}
  }

  @media screen and (max-width: 1350px) {
	.products-list .item-box {
		width: 50%;
	}
	.products-list .list-text.left {
		top: 740px;
	}
	/* product popup */
	.product-description .img img {
		max-width: 400px;
		max-height: 550px;
		margin: auto;
	}
	.product-description .product-wrap {
		padding: 0 100px;
	}
	.product-description .text {
		padding-left: 50px;
		padding-right: 50px;
	}
	#product-popup-box .arrows-box {
		left: 50px;
		right: 50px;
	}
	.product-popup .js-close-popup {
		right: 50px;
	}
  }
  @media screen and (max-width: 1300px) {
	.form-box {
		padding: 0;
		width: 600px;
	}
	.community-info {
		padding: 0;
		width: 380px;
		margin-left: auto;
	}
	/* news */
	.news-main-box p:not([class]) {
		font-size: 27px;
		line-height: 48px;
	}
  }
  @media screen and (max-width: 1250px) {
	  /* footer */
	#footer .footer-grid:first-child {
		display: flex;
		flex-wrap: wrap;
	}
	#footer .footer-grid:first-child .col:nth-child(2){
		text-align: center;
	}
	#footer .footer-grid:first-child .col:nth-child(3){
		text-align: right;
	}
	#footer .footer-grid .social-links {
		max-width: 500px;
		width: 100%;
		margin: 40px auto 0;
		justify-content: space-between;
	}
	.social-links a {
		margin: 0 !important;
	}
	.dev-box {
		margin-top: 50px;
	}

	/* news */
	.news-items-box .item a {
		font-size: 18px;
		line-height: 26px;
	}
}
  @media screen and (max-width: 1180px) {
	  /* nav */
	 .nav ul > li {
		margin-left: 50px;
	 }
	/* about brand */
	.about-brand .brand-title {
		margin-left: 0;
	}
	.about-brand .brand-description {
		width: calc(100% - 370px);
	}
	/* product popup */
	.product-description .product-info-box .strength {
		width: 40%;
	}
  }
  @media screen and (max-width: 1150px) {
	.form-box {
		width: 550px;
	}
  }
  @media screen and (max-width: 1100px) {
	.products-list .list-text.left {
		top: 640px;
	}
	/* community */
	.community-box {
		padding-top: 50px;
		padding-bottom: 50px;
		max-height: 1500px;
	}
	.community-box .container {
		flex-direction: column-reverse;
		align-items: center;
	}
	.form-box {
		margin-top: 50px;
	}
	/* .form-box::before {
		bottom: -50px;
		right: -1500px;
	} */
	.form-box::before {
		content: none;
	}
	.community-box {
		background-size: cover;
	}
	.community-info {
		position: relative;
		z-index: 20;
	}
	.form-box::after {
		top: -2000px;
		right: -2000px;
		bottom: -2000px;
		z-index: -5;
	}
	.form-box .form {
		margin-left: auto;
		margin-right: auto;
	}
	.form-box .form-title {
		max-width: 505px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.community-info {
		margin-left: 0;
	}
  }

  @media screen and (max-width: 992px) {

	h2, .h2 {
		font-size: 40px;
		line-height: 58px;
		margin-top: 60px;
		margin-bottom: 30px;
	}
	h3, .h3 {
		font-size: 36px;
		line-height: 50px;
		margin-top: 60px;
		margin-bottom: 30px;
	}
	h4, .h4 {
		font-size: 32px;
		line-height: 44px;
		margin-top: 55px;
		margin-bottom: 25px;
	}
	h5, .h5 {
		font-size: 28px;
		line-height: 40px;
		margin-top: 50px;
		margin-bottom: 25px;
	}
	h6, .h6 {
		font-size: 21px;
		line-height: 34px;
		margin-top: 45px;
		margin-bottom: 20px;
	}
	.main-screen .title-box::before {
		content: none;
	}
	.top-page-box {
		margin-bottom: 70px;
	}
	.main .container {
		margin-bottom: 130px;
	}
	.important-text p, blockquote, .info-grid, .bg-img-box, .scroll-tbl, html:not(.index-page) .img-box, .video-box {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.photo-gallery-box {
		margin-top: 50px !important;
		margin-bottom: 60px !important;
	} 
	.brand-text, .brand-text.en {
		margin-top: 50px !important;
		margin-bottom: 50px !important;
		height: 300px;
	}
	.important-text p {
		font-size: 22px;
		line-height: 40px;
	}
	blockquote {
		padding: 100px 0 30px;
	}
	blockquote::before {
		top: 30px;
	}
	blockquote p {
		font-size: 20px;
		line-height: 38px;
		margin-bottom: 35px;
	}
	.info-grid, .info-grid.left-content {
		flex-direction: column;
		padding-top: 70px;
		padding-bottom: 40px;
	}
	.info-grid .info-grid-title {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.text-grid .col {
		width: 100% !important;
	}
	.text-grid .col:not(:first-child) {
		margin-top: -15px;
	}
	.bg-img-box {
		padding: 200px 0;
	}
	table th, table td {
		padding: 15px;
	}
	.brand-text p {
		font-size: 22px;
		line-height: 38px;
	}
	.main-screen .container {
		padding-bottom: 120px;
	}

	.advantage-item .product-title {
		bottom: 70px !important;
	}
	.advantage-item .subtitle {
		opacity: 1 !important;
		bottom: 20px !important;
	}
	/* text img */
	img.left {
		margin-right: 20px;
	}
	img.right {
		margin-left: 20px;
	}
	.not-have-top-page-box .container {
		padding-top: 120px;
		padding-bottom: 120px;
	}
	body.lock{
		overflow: hidden;
		}
	.main-screen {
		margin-bottom: 80px;
	}
	
	/* nav */
	.nav-box {
		position: fixed;
		z-index: 998;
		left: 0;
		top: 0;
		font-size: 0;
		width: 100%;
		text-align: center;
		margin: 0;
		padding: 16px 16px 0;
		height: 100vh;
		overflow: hidden;
		overflow-y: auto;
		background: #060F21;
		transition: opacity .3s ease, visibility .3s ease;
	}
	html:not(.opened-nav) .nav-box{
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
		}
	.nav {
		position: absolute;
		left: 0;
		top: 115px;
		bottom: 0;
		font-size: 0;
		text-align: center;
		width: 100%;
		padding: 0 20px;
		overflow: hidden;
		overflow-y: auto;
		background: #060F21;
	}
	.nav ul {
		flex-direction: column;
		margin: 0;
	}
	.nav > ul {
		display: inline-block;
		vertical-align: middle;
		font-size: 24px;
		text-align: left;
		width: 100%;
		max-width: 320px;
		margin: 15px 0 90px 15px;
	}
	.nav > ul > li {
		margin-bottom: 25px;
	}
	.nav .dropdown {
		margin-top: 20px;
	}
	
	.nav .dropdown li a{
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 30px;
	}
	.nav .dropdown > li:last-child ul li:last-child a {
		margin-bottom: 0;
	}
	
	.nav ul > li > a{
		font-size: 20px;
	}
	.nav > ul > li.has-child > a {
		position: relative;
	}
	.nav > ul > li.has-child > a:after {
		content: '';
		background: url(../i/arrow-menu.svg) no-repeat;
		position: absolute;
		width: 15px;
		height: 10px;
		right: -20px;
		top: 10px;
		transform: scaleY(1);
	}
	.nav > ul > li.has-child.opened-dropdown > a:after {
		top: 6px;
		transform: scaleY(-1);
	}
	.nav > ul > li.has-child.opened-dropdown > a {
		color: rgba(255, 255, 255, 0.6);
	}
	ul li, ol li {
		margin-left: 0;
	}
	.dropdown li {
		display: flex;
		flex-direction: column;
	}
	.dropdown li.active a {
		color: rgba(255, 255, 255, 0.6);
	}
	/* header */
	#header {
		padding-top: 21px;
	}
	#header .container {
		height: 40px;
	}
	#logo {
		height: 40px;
		width: 125px;
	}
	#logo svg {
		height: 100%;
		width: 100%;
	}
	
	.lang {
		display: none;
	}
	.opened-nav .lang {
		display: block;
	}
	.opened-nav .white-header .lang {
		color: #fff;
		border: 1px solid rgba(250, 250, 250, 0.4);
		transition: color .5s ease, border .5s ease;
	}
	.js-open-nav {
		display: block;
		order: 5;
	}
	/* about brand grid */
	.about-brand-grid {
		flex-wrap: wrap;
	}
	.about-brand .brand-title {
		text-align: left;
	}
	.about-brand .brand-description {
		width: 100%;
	}
	.about-brand .brand-title p {
		margin-bottom: 20px;
	}
	.about-brand .brand-title a {
		margin: 0 0 20px;
		max-width: 200px;
	}
	.about-brand .brand-title a span {
		opacity: 1;
		margin-right: 20px;
	}
	.about-brand .brand-title a svg {
		transform: translateX(0)
	}
	/* advantages */ 
	.advantage-item .product-title {
		font-size: 30px;
		line-height: 40px;
	}
	.advantage-item {
		margin-bottom: 100px;
	}
	.advantage-item .img-box::after {
		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%)
	}
	.advantage-item .img-left .advantage-links::before {
		left: 70px;
	}
	.advantage-item .img-right .advantage-links::before {
		right: 70px;
	}
	.advantage-item .product-title {
		bottom: 20px !important;
	}
	.advantage-item .subtitle {
		display: none;
	}
	.sub-box .title {
		font-size: 4.5vw;
	}
	.advantage-item .advantage-links::before {
		content: none;
	}
	  /* img center */
	.sub-box.img-center {
		padding: 0;
	}
	.img-center .title-box {
		position: static;
		transform: rotate(0deg) translate(0px, 0px);
		width: 100%;
	}
	.img-center .img-box .product-title {
		right: 40px;
		bottom: 20px;
	}

	/* img left */
	.sub-box.img-left .img-box {
		margin-left: 0;
	}
	.sub-box.img-left {
		padding: 0;
	}
	.img-left .title-box {
		position: static;
		transform: rotate(0deg) translate(0px, 0px) !important;
		width: 100%;
	}
	.img-left .img-box .product-title {
		right: 40px;
		bottom: 20px;
	}
	/* img right */
	.sub-box.img-right .img-box {
		margin-right: 0;
	}
	.sub-box.img-right {
		padding: 0;
	}
	.img-right .img-box .product-title {
		left: 40px;
		bottom: 20px;
	}
	/* slider */
	.news-slider {
		margin-top: 180px;
		margin-bottom: 180px;
	}
	.news-slider .swiper-container {
		margin-left: 0;
	}
	/* footer */
	#footer {
		padding: 60px 0;
	}
	.footer-contacts {
		flex-wrap: wrap;
		justify-content: center;
	}
	.footer-contacts .col {
		max-width: 50%;
	}
	.footer-contacts .col:nth-child(2) {
		text-align: right !important;
	}
	.footer-contacts .col:nth-child(3) {
		text-align: center !important;
	}

	/* CATALOG */
	/* top page box */
	.top-page-box .title-box .title {
		font-size: 7vw;
	}
	/* products */
	.products-nav {
		display: none;
	}
	.products-box {
		margin-top: 20px;
	}
	.products-list {
		margin-top: 40px;
		padding: 0;
	}
	.products-list .item-box {
		padding: 0 30px;
	}
	.products-list .item-box .item .arrow {
		opacity: 1;
	}
	.products-list .list-text {
		display: none !important;
	}
	/* products nav */
	.products-nav.fixed ul {
		margin: 0;
	}
	/* product popup */
	.product-description .img {
		width: 100%;
		padding: 0;
	}
	.product-description .text {
		width: 100%;
		padding: 50px 50px 120px;
	}
	.product-description .text h1 {
		padding: 0;
	}
	.product-description .text p {
		padding: 0;
	}
	.product-description .product-info-box {
		margin-left: auto;
		margin-right: auto;
	}
	.product-description .awards {
		justify-content: center;
		padding: 0;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	.product-description .awards img {
		margin: 15px;
	}
	.product-description .product-wrap {
		padding: 0 50px;
		flex-wrap: wrap;
		margin-bottom: 25px;
	}
	#product-popup-box .arrows-box {
		position: fixed;
		z-index: 11;
		left: 0;
		top: auto;
		right: 0;
		bottom: 0;
		margin: 0;
		background: rgba(255, 255, 255, .95);
		box-shadow: 0 -1px 3px 0 rgba(29, 21, 16, .05);
	}
	#product-popup-box .arrows-box .js-load-product {
		width: 50%;
		padding: 8px 0 0;
		display: flex;
		justify-content: center;
	}
	#product-popup-box .arrows-box .js-load-product svg {
		width: 13px;
		height: 25px;
	}
	#product-popup-box .arrows-box .js-load-product.next {
		border-left: 1px solid rgba(0, 0, 0, .5);
	}
	.product-slider .swiper-pagination {
		margin-bottom: 30px;
	}
	.product-description .product-info-box .strength,  .product-description .product-info-box .volume, .product-description .product-info-box .volumes{
		align-items: start;
	}
	/* community */
	.top-page-box .title-box .title {
		font-size: 7vw;
	}
	.community-box {
		background: none;
	}
	/* news */
	.news-main-box .item {
		margin-bottom: 40px;
	}
	.news-main-box .title p {
		padding: 0 40px;
	}
	.news-items-box .img-box .title {
		font-size: 18px;
	}
	.news-items-box .item {
		margin-bottom: 40px;
	}
	.not-have-top-page-box .news-box h2 {
		margin-bottom: 50px;
	}
	.news-main-box {
		flex-wrap: wrap-reverse;
	}
	.news-main-box::before  {
		bottom: -5%;
	}
	.pager {
		margin-top: 40px;
	}
	/* news page */
	.news-page-box {
		margin-top: 0;
	}
	.news-page-box .date {
		margin: 0;
		margin-top: 10px;
		order: 1;
	}
	.news-page-wrap {
		flex-direction: column-reverse;
		width: 90%;
		margin: 0 auto;
	}
	.news-page-title-box {
		display: flex;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.news-page-box .all-news-link {
		position: static;
	}
	.news-page-box p:not([class]) {
		text-align: left;
		width: 100%;
		margin: 0;
		margin-right: 30px;
		order: 0;
	}
	.news-inner-page .news-box {
		margin-top: 70px;
		margin-bottom: 100px;
	}
	.news-inner-page .top-page-box .container .all-news-link {
		position: absolute;
		top: 100px;
		left: 70px;
	}
	.news-inner-page .top-page-box .title-box .title {
		font-size: 30px;
		line-height: 45px;
		padding: 0 30px;
	}

	/* age confirm */
	.age-confirm-box {
		padding: 70px 0;
	}	
  }
  @media screen and (max-width: 900px){
	.footer-text {
		font-size: 2.2vw;
		line-height: 25px;
	}
	
	}

  @media screen and (max-width: 850px){
	  /* advantages */ 
	.advantage-item .img-right .advantage-links ul {
		max-width: 94%;
		
	}
	.advantage-item .img-left .advantage-links ul {
		max-width: 94%;
		
	}
	.footer-grid.dev-box {
		flex-wrap: wrap;
	}
	.footer-grid .copyright {
		width: 100%;
		margin-bottom: 30px;
		font-size: 14px;
	}
	#iquad {
		width: 100%;
		text-align: center;
	}
}
@media screen and (max-width: 800px) {
	/* text img */
	img.left, img.right {
		max-width: 50%;
	}
	/* news */ 
	.news-main-box .item {
		width: 90%;
	}
	.news-main-box .img-box .title p {
		max-width: 400px;
		padding: 0 10px;
		font-size: 20px;
		line-height: 33px;
	}
	.news-items-box .item {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	/* news page */
	.news-page-box p:not([class]) {
		font-size: 22px;
		line-height: 32px;
	}
	.news-page-box .date {
		font-size: 14px;
		margin-top: 2px;
	}
}

@media screen and (max-width: 725px) {
	h2, .h2 {
		font-size: 34px;
		line-height: 50px;
		margin-top: 50px;
		margin-bottom: 25px;
	}
	h3, .h3 {
		font-size: 32px;
		line-height: 46px;
		margin-top: 50px;
		margin-bottom: 25px;
	}
	h4, .h4 {
		font-size: 28px;
		line-height: 40px;
		margin-top: 45px;
		margin-bottom: 20px;
	}
	h5, .h5 {
		font-size: 23px;
		line-height: 36px;
		margin-top: 45px;
		margin-bottom: 20px;
	}
	h6, .h6 {
		font-size: 20px;
		line-height: 32px;
		margin-top: 40px;
		margin-bottom: 20px;
	}

	.brand-text, .brand-text.en {
		height: 250px;
	}


	.products-nav {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.products-nav ul li {
		margin: 0;
		margin-left: 15px !important;
		margin-right: 15px;
		font-size: 14px;
		line-height: 32px;
	}
}
@media screen and (max-width: 725px) {
	
	
	/* product */
	.product-description .product-info-box .volumes .dot {
		display: none;
	}
	.product-description .product-info-box .volumes .values span:not([class]) {
		margin-left: 0;
		margin-right: 20px;
	}
	.product-description .product-info-box .volumes .values {
		margin-left: 0;
	}
	/* community */
	.top-page-box .title-box .title {
		font-size: 9vw;
	}
	/* news page */
	.news-inner-page .news-box {
		margin-top: 60px;
		margin-bottom: 60px;
	}
	
}
  
  @media screen and (max-width: 670px){
	body {
		font-size: 16px;
	}
	p {
		line-height: 26px;
	}
	p a {
		font-size: 16px;
		line-height: 26px;
	}
	table th {
		font-size: 18px;
		line-height: 28px;
	}
	table td {
		font-size: 15px;
		line-height: 26px;
	}
	table td > * {
		margin: 10px 0;
	}
	.container {
		padding: 0 20px;
	}
	/* text img */
	img.left {
		margin: 0 15px 0 calc((100vw - 100% - 40px)/2 * -1);
	}
	img.right {
		margin: 0 calc((100vw - 100% - 40px)/2 * -1) 0 15px;
	}
	  /* advantages */
	.advantage-item .img-left .advantage-links::before {
		left: 20px;
	}
	.advantage-item .img-right .advantage-links::before {
		right: 20px;
	}
	/* footer */
	.footer-contacts .col {
		max-width: 100%;
		text-align: center;
		margin-bottom: 40px;
	}
	.footer-contacts .col:nth-child(2) {
		text-align: center !important;
	}
	.footer-contacts .col:nth-child(1) span:not([class]) {
		margin: 0;
	}
	.footer-contacts .col:nth-child(3) a {
		line-height: 40px;
	}
	#footer .footer-grid .social-links {
		margin: 0 auto;
	}

	/* age confirm */
	.age-confirm-box {
		padding: 50px 0;
	}
	#age-confirm .question-box p {
		font-size: 26px;
	}
	#age-confirm .align-m .subtitle {
		font-size: 14px;
	}
	#age-confirm .question-box a {
		font-size: 14px;
		width: 150px;
		margin: 20px 10px 0;
	}
	#age-confirm .message-box {
		font-size: 18px;
	}
	/* news page */
	.news-inner-page .top-page-box .container .all-news-link {
		left: 20px;
	}
}
  @media screen and (max-width: 650px){ 
	  body #footer{
		font-size: 18px;
		} 
	/* footer */
	.footer-text {
		margin: 0 auto;
		display: block;
		font-size: 24px;
		line-height: 34px;
	}
	/* product popup */
	.product-wrap .share-box {
		margin-top: 0 !important;
	}
	.product-wrap .share-box p {
		display: none;
	}

	/* news page */
	.news-page-share-box .share-box {
		margin-top: 0 !important;
	}
	.news-page-share-box .share-box p {
		display: none;
	}

}
@media screen and (max-width: 600px) {
	.top-page-box {
		margin-bottom: 50px;
	}
	.main .container {
		margin-bottom: 100px;
	}
	p {
		line-height: 28px;
		margin: 15px 0;
	}
	ul li, ol li {
		margin: 15px 0;
		line-height: 28px;
		padding-left: 50px;
	}
	ul li::before {
		left: 22px;
	}
	ol > li:before {
		top: -3px;
		left: 18px;
	}
	.pager li {
		padding-left: 0;
		margin: 0 5px;
	}
	.important-text p, blockquote, .info-grid, .bg-img-box, .scroll-tbl, html:not(.index-page) .img-box, .video-box {
		margin-top: 35px;
		margin-bottom: 35px;
	}
	.photo-gallery-box {
		margin-top: 40px !important;
		margin-bottom: 50px !important;
	} 
	.brand-text, .brand-text.en {
		margin-top: 35px !important;
		margin-bottom: 35px !important;
		height: 300px;
	}
	.important-text p {
		font-size: 18px;
		line-height: 34px;
		padding-left: 20px;
	}
	.brand-text p {
		font-size: 20px;
		line-height: 28px;
	}
	.brand-text, .brand-text.en {
		height: 180px;
	}

	.info-grid .info-grid-title {
		font-size: 16px;
	}
	.info-grid.no-bg .info-grid-title {
		margin-bottom: 0;
	}

	blockquote {
		padding: 70px 0 20px;
	}
	blockquote p {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 25px;
		padding: 0 20px;
	}
	blockquote .author {
		font-size: 14px;
		line-height: 20px;
	}
	blockquote::before {
		top: 20px;
		font-size: 90px;
		line-height: 90px;
	}
	
	.bg-img-box {
		padding: 150px 0;
	}
	.bg-img-box .text {
		font-size: 20px;
	}
	/* Nav */
	.nav ul > li {
		margin-left: 0;
	}
	/* main screen */
	.main-screen .title-box .title {
		font-size: 4vw;
	}
	/* advantages */
	.advantage-item .product-title {
		font-size: 25px;
		line-height: 40px;
	}
	.advantage-item .title {
		line-height: 50px;
	}
	.advantage-item {
		margin-bottom: 80px;
	}
	.advantage-item:nth-child(4) {
		margin-top: -50px;
	}

	.advantage-item .product-title {
		bottom: 10px !important;
	}
	
	/* img center */
	.img-center .img-box .product-title {
		right: 20px;
		bottom: 10px;
	}
	/* img left */
	.img-left .img-box .product-title {
		right: 20px;
		bottom: 10px;
	}
	.sub-box.img-left .title-box {
		top: -50px;
	}

	/* img right */
	.img-right .img-box .product-title {
		left: 20px;
		bottom: 10px;
	}
	
	.advantage-item .advantage-links ul li {
		font-size: 13px;
		line-height: 23px;
		margin-bottom: 5px;
	}
	.advantage-item .img-center .advantage-links ul li, .advantage-item .img-left .advantage-links ul li {
		margin-left: 26px;
	}
	.advantage-item .img-right .advantage-links ul li {
		margin-right: 26px;
	}
	/* slider */
	.news-slider {
		margin-top: 100px;
		margin-bottom: 100px;
	}
	/* CATALOG */
	/* top page box */
	.top-page-box .title-box .title {
		font-size: 8vw;
	}
	.top-page-box .title-box .subtitle {
		font-size: 19px;
	}
	/* products */
	.products-list .item-box {
		width: 100%;
		padding: 0;
		margin-bottom: 40px;
	}
	.products-nav ul {
		margin: 0;
	}
	/* product popup */
	.product-description .text {
		padding: 20px 20px 110px;
	}
	.product-popup .js-close-popup {
		top: 30px;
		right: 30px;
	}
	.product-description .text h1 {
		font-size: 30px;
		line-height: 45px;
		margin-bottom: 20px;
	}
	.product-description .product-wrap {
		padding: 0 20px;
	}
	.product-description .product-info-box {
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.product-description .awards img {
		margin-right: 10px;
		margin-bottom: 15px;
	}
	.simple-share a {
		margin-right: 6px;
		margin-left: 6px !important;
	}
	/* community */
	.form-box .form-title {
		font-size: 30px;
	}
	.form-box {
		width: 100%;
	}
	.form-row {
		flex-direction: column;
	}
	.form .field.date .form-control {
		width: 100%;
	}
	.form .field.phone {
		width: 100%;
		margin-top: 15px;
	}
	.form .field.date {
		margin-right: 0;
	}
	.form .field.date svg {
		bottom: 11px;
	}
	.form .field.email, .form .field.city {
		width: 100%;
		margin-top: 15px;
	}
	.form .field.email .form-control, .form .field.city .form-control {
		width: 100%;
	}
	.form .form-row .field,
	.form .form-row .field + .field {
		width: 100%;
		margin-left: 0;
	}
	.form .form-row .field + .field {
		margin-top: 15px;
	}
	.form .field {
		margin-top: 15px;
	}
	.select {
		width: 100%;
	}
	.form-box .form-row {
		margin-top: 15px;
	}
	.form-info-wrap .success-box, .form-info-wrap .error-box {
		max-width: 300px;
		width: 100%;
	}
	.form-info-wrap span {
		font-size: 15px;
	}
	.community-info {
		width: 100%;
	}
	.community-info .title {
		text-align: center;
	}
	.community-info .item {
		max-width: 300px;
		width: 100%;
		font-size: 17px;
		margin-left: auto;
		margin-right: auto;
	}
	.community.top-page-box .container {
		min-height: 500px;
	}
	/* news */
	.news-main-box p:not([class]) {
		font-size: 21px;
		line-height: 30px;
	}
	.news-page-share-box {
		margin-top: 60px;
	}
	.photo-gallery .item {
		padding: 0 4px !important;
	}
	/* 404 */
	.error-page-box p {
		
	}
	
	
}
@media screen and (max-width: 550px) {
	/*slider*/
	.news-slider .case-item .case-title-box, .news-slider .case-item .case-bg-box{
		min-height: 380px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		}
	.news-slider .img-box {
		min-height: 350px;
	}
}
@media screen and (max-width: 500px){
	h2, .h2 {
		font-size: 28px;
		line-height: 40px;
		margin-top: 45px;
		margin-bottom: 25px;
	}
	h3, .h3 {
		font-size: 26px;
		line-height: 36px;
		margin-top: 45px;
		margin-bottom: 25px;
	}
	h4, .h4 {
		font-size: 24px;
		line-height: 32px;
		margin-top: 40px;
		margin-bottom: 20px;
	}
	h5, .h5 {
		font-size: 22px;
		line-height: 30px;
		margin-top: 35px;
		margin-bottom: 15px;
	}
	h6, .h6 {
		font-size: 20px;
		line-height: 28px;
		margin-top: 35px;
		margin-bottom: 15px;
	}

	.info-grid .img {
		margin-bottom: 30px;
	}
	.info-grid, .info-grid.left-content {
		padding-top: 35px;
		padding-bottom: 20px;
	}

	.brand-text p {
		font-size: 18px;
		line-height: 26px;
	}
	/* index page */
	.img-box .product-title {
		margin-bottom: 0;
	}
	.img-center .img-box .img-title-box {
		bottom: 10px;
		right: 30px;
	}
	.img-right .img-box .img-title-box {
		bottom: 10px;
		left: 30px;
	}
	.img-left .img-box .img-title-box {
		bottom: 10px;
		right: 30px;
	}
	/* text img */
	img.left, img.right {
		max-width: 500px;
		width: 100%;
		margin: 15px 0 !important;
	}

	/* advantages */ 
	.advantage-item {
		margin-bottom: 60px;
	}
	.advantage-item .product-title {
		font-size: 20px;
		line-height: 30px;
	}
	.advantage-item .advantage-links {
		margin-top: 15px;
	}
	.advantage-item .advantage-links ul {
		margin-bottom: 15px;
	}
	.sub-box .title {
		font-size: 5vw;
	}
	/* slider */
	.news-slider .swiper-slide{
		max-width: calc(100% - 65px);
		width: 100%;
		}
		.news-slider .case-title-box.all-news {
			padding: 0 30px;
		}
	/* footer */
	#footer .footer-grid .social-links {
		flex-wrap: wrap;
		max-width: 60%;
	}
	#footer .footer-grid .social-links a {
		width: 50%;
		height: 34px;

	}
	#footer .footer-grid .social-links a:nth-child(2), #footer .footer-grid .social-links a:nth-child(4) {
		text-align: right;
	}
	.footer-grid .copyright {
		font-size: 12px;
	}
	/* CATALOG */
	/* top page box */
	.top-page-box .title-box .title {
		font-size: 12vw;
		line-height: 60px;
	}
	.top-page-box .title-box .subtitle {
		font-size: 15px;
		line-height: 27px;
	}
	/* popup */ 
	.product-description .product-info-box .strength {
		width: 150px;
		margin-right: 20px;
	}
	.product-description .prev-product {
		max-width: 230px;
	}
	.product-description .prev-product .prev-product-text {
		font-size: 14px;
	}
	/* product popup share */
	.product-wrap .share-box {
		position: relative;
	}
	.product-wrap .share-box .simple-share {
		position: absolute;
		top: -40px;
		right: 0;
		margin-right: 0 !important;
	}
	/* news */ 
	.news-main-box .item {
		width: 100%;
	}
	.news-main-box .img-box .title p {
		padding: 0 20px;
	}
	.news-main-box .img {
		width: 100%;
	}
	.news-items-box .item {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	/* news page */
	.news-page-wrap {
		width: 100%;
	}
	.news-inner-page .top-page-box .title-box .title {
		font-size: 24px;
		line-height: 40px;
		padding: 0 10px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.news-inner-page .top-page-box .title-box .subtitle {
		font-size: 16px;
	}
}
@media screen and (max-width: 450px) {
	/* news page share */
	.news-page-share-box .share-box {
		position: relative;
	}
	.news-page-share-box .simple-share {
		position: absolute;
		right: 0;
		bottom: -40px;
		margin-right: 0 !important;
	}
	/* gallery */
	.photo-gallery-box {
		margin-top: 35px !important;
		margin-bottom: 40px !important;
	} 

	/* age confirm */
	#age-confirm .logo {
		width: 150px;
		height: 40px;
	}t
	.age-confirm-box {
		padding: 30px 0;
	}
	#age-confirm .question-box p {
		font-size: 20px;
	}
	#age-confirm .align-m .subtitle {
		font-size: 13px;
	}
	#age-confirm .question-box a {
		font-size: 13px;
		width: 100px;
		margin: 15px 5px 0;
	}
}
@media screen and (max-width: 400px){
	/* top page box */
	.top-page-box .title-box .title {
		font-size: 13vw;
	}

	/* body {
		font-size: 15px;
	}  */
	/* p a {
		font-size: 15px;
	} */
	ul li, ol li {
		padding-left: 30px;
	}
	ul li::before {
		left: 0;
	}
	ol > li:before {
		top: -2px;
		left: 0;
	}
	.important-text p {
		font-size: 17px;
		line-height: 30px;
		padding-left: 15px;
	}
	h1, .h1 {
		font-size: 32px;
		margin-bottom: 10px;
	}
	h2, .h2 {
		font-size: 30px;
		line-height: 40px;
	}
	.info-grid .info-grid-title {
		margin-bottom: 10px;
	}
	.brand-text, .brand-text.en {
		height: 140px;
	}
	.brand-text p {
		font-size: 16px;
		line-height: 26px;
	}
	.about-brand {
		margin-bottom: 0;
	}
	blockquote .author {
		padding: 0 87px;
	}
	.bg-img-box {
		padding: 100px 0;
	}
	/* advantages */ 
	.advantage-item {
		margin-bottom: 50px;
	}
	.advantage-item:nth-child(4) {
		margin-top: -30px;
	}
	.advantage-item .product-title {
		font-size: 16px;
		line-height: 26px;
	}
	.advantage-item .title {
		line-height: 30px;
	}
	.advantage-item .advantage-links ul li {
		font-size: 12px;
	}
	.advantage-item .subtitle {
		font-size: 12px;
		padding: 0 10px;
	}
	/* img center */
	.img-center .img-box .product-title {
		right: 10px;
		bottom: 5px;
	}
	/* img left */
	.img-left .img-box .product-title {
		right: 10px;
		bottom: 5px;
	}
	.sub-box.img-left .title-box {
		top: -30px;
	}
	/* img right */
	.img-right .img-box .product-title {
		left: 10px;
		bottom: 5px;
	}
	/* slider */
	.news-slider {
		margin-top: 80px;
		margin-bottom: 80px;
	}
	.news-slider .case-item .case-title-box, .news-slider .case-item .case-bg-box{
		min-height: 340px;
		}
	.news-slider .swiper-slide{
		max-width: calc(100% - 30px);
		width: 100%;
		}
	.news-slider .case-item .title {
		font-size: 18px;
		line-height: 26px;
	}
	.news-slider .img-box .title {
		font-size: 17px;
		line-height: 20px;
	}
	/* CATALOG */
	/* products */
	.products-nav ul li {
		font-size: 12px;
		line-height: 28px;
	}
	/* top page box */
	.top-page-box .title-box .title {
		line-height: 50px;
	}
	/* community */ 
	.form-box .form-title {
		font-size: 24px;
		line-height: 34px;
		margin-bottom: 20px;
	}
	/* news page */
	.news-page-title-box {
		flex-direction: column;
	}
	.news-page-box p:not([class]) {
		margin-right: 0;
	}
	/* 404 */
	.error-page-box .num {
		font-size: 100px;
	}
	.error-page-box .num svg {
		height: 180px;
	}
	.error-page-box .h3 {
		font-size: 26px;
		line-height: 34px;
	}
	.error-page-box .sub-box a {
		font-size: 15px;
	}
	/* products */
	.products-box {
		margin-top: 0;
	}
	.products-list {
		margin-top: 20px;
	}
	.products-nav ul li {
		margin-left: 9px !important;
		margin-right: 9px;
	}
}
@media screen and (max-width: 371px) {
	blockquote .author {
		padding: 0 24%;
	}
}
@media screen and (max-width: 350px) {
	blockquote .author {
		padding: 0 21%;
	}
}


/* Foreign plugins */
.xdsoft_datetimepicker{
	width: 242px !important;
	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
	background: #fff;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #333;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 8px;
	padding-left: 0;
	padding-top: 2px;
	position: absolute;
	margin-top: 4px;
	z-index: 998;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
	}
.xdsoft_datetimepicker.xdsoft_rtl{
	padding: 8px 0 8px 8px;
	}
.xdsoft_datetimepicker iframe{
	position: absolute;
	left: 0;
	top: 0;
	width: 75px;
	height: 210px;
	background: transparent;
	border: none;
	}
/*For IE8 or lower*/
.xdsoft_datetimepicker button{
	border: none !important;
	}
.xdsoft_noselect{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	}
.xdsoft_noselect::selection{
	background: transparent
	}
.xdsoft_noselect::-moz-selection{
	background: transparent
	}
.xdsoft_datetimepicker.xdsoft_inline{
	display: inline-block;
	position: static;
	box-shadow: none;
	}
.xdsoft_datetimepicker *{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	}
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker .xdsoft_timepicker{
	display: none;
	}
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker .xdsoft_timepicker.active{
	display: block;
	}
.xdsoft_datetimepicker .xdsoft_datepicker{
	width: 224px;
	float: left;
	margin-left: 8px;
	}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker{
	float: right;
	margin-right: 8px;
	margin-left: 0;
	}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker{
	width: 256px;
	}
.xdsoft_datetimepicker .xdsoft_timepicker{
	width: 58px;
	float: left;
	text-align: center;
	margin-left: 8px;
	margin-top: 0;
	}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker{
	float: right;
	margin-right: 8px;
	margin-left: 0;
	}
.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker{
	margin-top: 8px;
	margin-bottom: 3px
	}
.xdsoft_datetimepicker .xdsoft_monthpicker{
	position: relative;
	text-align: center;
	}
.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
	}
.xdsoft_datetimepicker .xdsoft_label i{

	background-position: -92px -19px;
	display: inline-block;
	width: 9px;
	height: 20px;
	vertical-align: middle;
	}
.xdsoft_datetimepicker .xdsoft_prev{
	float: left;
	background-position: -20px 0;
	}
.xdsoft_datetimepicker .xdsoft_today_button{
	float: left;
	background-position: -70px 0;
	margin-left: 5px;
	}
.xdsoft_datetimepicker .xdsoft_next{
	float: right;
	background-position: 0 0;
	}
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button{
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0 none;
	cursor: pointer;
	display: block;
	height: 30px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	outline: medium none;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	width: 20px;
	min-width: 0;
	}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{
	float: none;
	background-position: -40px -15px;
	height: 15px;
	width: 30px;
	display: block;
	margin-left: 14px;
	margin-top: 7px;
	}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next{
	float: none;
	margin-left: 0;
	margin-right: 14px;
	}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev{
	background-position: -40px 0;
	margin-bottom: 7px;
	margin-top: 0;
	}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box{
	height: 151px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div{
	background: #f5f5f5;
	border-top: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	text-align: center;
	border-collapse: collapse;
	cursor: pointer;
	border-bottom-width: 0;
	height: 25px;
	line-height: 25px;
	}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child{
	border-top-width: 0;
	}
.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
.xdsoft_datetimepicker .xdsoft_label{
	display: inline;
	position: relative;
	z-index: 9999;
	margin: 0;
	padding: 5px 3px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	background-color: transparent;
	float: left;
	width: 182px;
	text-align: center;
	cursor: pointer;
	}
.xdsoft_datetimepicker .xdsoft_label:hover > span{
	text-decoration: underline;
	}
.xdsoft_datetimepicker .xdsoft_label:hover i{
	opacity: 1.0;
	}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select{
	border: 1px solid #ccc;
	position: absolute;
	right: 0;
	top: 30px;
	z-index: 101;
	display: none;
	background: #fff;
	max-height: 160px;
	overflow-y: hidden;
	}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect{
	right: -7px
	}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect{
	right: 2px
	}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
	color: #fff;
	background: #ff8000;
	}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option{
	padding: 2px 10px 2px 5px;
	text-decoration: none !important;
	}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
	background: #000;
	box-shadow: #178fe5 0 1px 3px 0 inset;
	color: #fff;
	font-weight: 700;
	}
.xdsoft_datetimepicker .xdsoft_month{
	width: 100px;
	text-align: right;
	}
.xdsoft_datetimepicker .xdsoft_calendar{
	clear: both;
	}
.xdsoft_datetimepicker .xdsoft_year{
	width: 48px;
	margin-left: 5px;
	}
.xdsoft_datetimepicker .xdsoft_calendar table{
	border-collapse: collapse;
	width: 100%;
	}
.xdsoft_datetimepicker .xdsoft_calendar td > div{
	padding-right: 5px;
	}
.xdsoft_datetimepicker .xdsoft_calendar th{
	height: 25px;
	}
.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th{
	width: 14.2857142%;
	background: #f5f5f5;
	border: 1px solid #ddd;
	color: #666;
	font-size: 12px;
	text-align: right;
	vertical-align: middle;
	padding: 0;
	border-collapse: collapse;
	cursor: pointer;
	height: 25px;
	}
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td, .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th{
	width: 12.5%;
	}
.xdsoft_datetimepicker .xdsoft_calendar th{
	background: #f1f1f1;
	}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today{
	color: #000;
	}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default{
	background: #ffe9d2;
	box-shadow: #ffb871 0 1px 4px 0 inset;
	color: #000;
	}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint{
	background: #c1ffc9;
	box-shadow: #00dd1c 0 1px 4px 0 inset;
	color: #000;
	}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current{
	background: #000;

	color: #fff;
	font-weight: 700;
	}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled{
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	cursor: default;
	}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover{
	color: #fff !important;
	background: rgba(9, 21, 45, 0.15) !important;
	box-shadow: none !important;
	}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover{
	background: #33aaff !important;
	box-shadow: #178fe5 0 1px 3px 0 inset !important;
	color: #fff !important;
	}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover{
	color: inherit !important;
	background: inherit !important;
	box-shadow: inherit !important;
	}
.xdsoft_datetimepicker .xdsoft_calendar th{
	font-weight: 700;
	text-align: center;
	color: #999;
	cursor: default;
	}
.xdsoft_datetimepicker .xdsoft_copyright{
	color: #ccc !important;
	font-size: 10px;
	clear: both;
	float: none;
	margin-left: 8px;
	}
.xdsoft_datetimepicker .xdsoft_copyright a{
	color: #eee !important
	}
.xdsoft_datetimepicker .xdsoft_copyright a:hover{
	color: #aaa !important
	}
.xdsoft_time_box{
	position: relative;
	border: 1px solid #ccc;
	}
.xdsoft_scrollbar > .xdsoft_scroller{
	background: #ccc !important;
	height: 20px;
	border-radius: 3px;
	}
.xdsoft_scrollbar{
	position: absolute;
	width: 7px;
	right: 0;
	top: 0;
	bottom: 0;
	cursor: pointer;
	}
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar{
	left: 0;
	right: auto;
	}
.xdsoft_scroller_box{
	position: relative;
	}
.xdsoft_datetimepicker.xdsoft_dark{
	box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
	background: #000;
	border-bottom: 1px solid #444;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-top: 1px solid #333;
	color: #ccc;
	}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box{
	border-bottom: 1px solid #222;
	}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div{
	background: #0a0a0a;
	border-top: 1px solid #222;
	color: #999;
	}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label{
	background-color: #000;
	}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select{
	border: 1px solid #333;
	background: #000;
	}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
	color: #000;
	background: #007fff;
	}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
	background: #cc5500;
	box-shadow: #b03e00 0 1px 3px 0 inset;
	color: #000;
	}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
	}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{
	background: #0a0a0a;
	border: 1px solid #222;
	color: #999;
	}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{
	background: #0e0e0e;
	}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today{
	color: #cc5500;
	}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default{
	background: #ffe9d2;
	box-shadow: #ffb871 0 1px 4px 0 inset;
	color: #000;
	}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint{
	background: #c1ffc9;
	box-shadow: #00dd1c 0 1px 4px 0 inset;
	color: #000;
	}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current{
	background: #cc5500;
	box-shadow: #b03e00 0 1px 3px 0 inset;
	color: #000;
	}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover{
	color: #000 !important;
	background: #007fff !important;
	}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th{
	color: #666;
	}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright{
	color: #333 !important
	}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a{
	color: #111 !important
	}
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover{
	color: #555 !important
	}
.xdsoft_dark .xdsoft_time_box{
	border: 1px solid #333;
	}
.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller{
	background: #333 !important;
	}
.xdsoft_datetimepicker .xdsoft_save_selected{
	display: block;
	border: 1px solid #dddddd !important;
	margin-top: 5px;
	width: 100%;
	color: #454551;
	font-size: 13px;
	}
.xdsoft_datetimepicker .blue-gradient-button{
	font-family: "museo-sans", "Book Antiqua", sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #82878c;
	height: 28px;
	position: relative;
	padding: 4px 17px 4px 33px;
	border: 1px solid #d7d8da;
	background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
	/* IE10+ */
	background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f4f8fa', GradientType=0);
	/* IE6-9 */
	}
.xdsoft_datetimepicker .blue-gradient-button:hover, .xdsoft_datetimepicker .blue-gradient-button:focus, .xdsoft_datetimepicker .blue-gradient-button:hover span, .xdsoft_datetimepicker .blue-gradient-button:focus span{
	color: #454551;
	background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
	/* IE10+ */
	background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa', endColorstr='#FFF', GradientType=0);
	/* IE6-9 */
	}

/* Gallery */
.photo-gallery-box{
	max-width: 1540px;
	margin: 80px auto;
	}
.photo-gallery{
	margin: 0 -10px;
	}
.gallery-sub-box{
	position: relative;
	z-index: 0;
	}
.photo-gallery .item{
	float: left;
	max-width: none;
	width: 50%;
	padding: 0 10px;
	margin-top: 1.45%;
	}

.photo-gallery a{
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	}
.photo-gallery img{
	margin: 0;
	max-width: 100%;
	margin: 0 auto;
	}
.photo-gallery .gallery-sub-box a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: rgba(0, 0, 0, .45) url(../i/zoom-icon.svg) no-repeat 50% 50%/56px auto;
    opacity: 0;
    transition: opacity .4s ease-in-out;
}
.no-touchevents .photo-gallery a:hover:after{
	opacity: 1;
	}
/* Light gallery */
.lg-icon{
	font-family: 'lg';
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}
.lg-actions .lg-next, .lg-actions .lg-prev{
	background: #5D6466;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 22px;
	margin-top: -10px;
	padding: 8px 10px 9px;
	position: absolute;
	top: 50%;
	z-index: 1080;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	}
.visually-impaired .lg-actions .lg-next, .visually-impaired .lg-actions .lg-prev{
	background: #fff;
	}
.visually-impaired.color-scheme2 .lg-actions .lg-next, .visually-impaired.color-scheme2 .lg-actions .lg-prev{
	background: #000;
	}
.visually-impaired.color-scheme3 .lg-actions .lg-next, .visually-impaired.color-scheme3 .lg-actions .lg-prev{
	background: #04183f;
	}
.lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled{
	pointer-events: none;
	opacity: .5;
	}
.lg-actions .lg-next{
	right: 20px;
	}
.lg-actions .lg-next:before{
	content: "\e095";
	transition: all .2s ease;
	}
.lg-actions .lg-prev{
	left: 20px;
	}
.lg-actions .lg-prev:after{
	content: "\e094";
	transition: all .2s ease;
	}
.lg-actions .lg-next:hover:before, .lg-actions .lg-prev:hover:after{
	opacity: .5;
	}
@-webkit-keyframes lg-right-end{
	0%{
		left: 0;
		}
	50%{
		left: -30px;
		}
	100%{
		left: 0;
		}
	}
@-moz-keyframes lg-right-end{
	0%{
		left: 0;
		}
	50%{
		left: -30px;
		}
	100%{
		left: 0;
		}
	}
@-ms-keyframes lg-right-end{
	0%{
		left: 0;
		}
	50%{
		left: -30px;
		}
	100%{
		left: 0;
		}
	}
@keyframes lg-right-end{
	0%{
		left: 0;
		}
	50%{
		left: -30px;
		}
	100%{
		left: 0;
		}
	}
@-webkit-keyframes lg-left-end{
	0%{
		left: 0;
		}
	50%{
		left: 30px;
		}
	100%{
		left: 0;
		}
	}
@-moz-keyframes lg-left-end{
	0%{
		left: 0;
		}
	50%{
		left: 30px;
		}
	100%{
		left: 0;
		}
	}
@-ms-keyframes lg-left-end{
	0%{
		left: 0;
		}
	50%{
		left: 30px;
		}
	100%{
		left: 0;
		}
	}
@keyframes lg-left-end{
	0%{
		left: 0;
		}
	50%{
		left: 30px;
		}
	100%{
		left: 0;
		}
	}
.lg-outer.lg-right-end .lg-object{
	-webkit-animation: lg-right-end .3s;
	-o-animation: lg-right-end .3s;
	animation: lg-right-end .3s;
	position: relative;
	}
.lg-outer.lg-left-end .lg-object{
	-webkit-animation: lg-left-end .3s;
	-o-animation: lg-left-end .3s;
	animation: lg-left-end .3s;
	position: relative;
	}
.lg-toolbar{
	z-index: 1080;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	background: #5D6466;
	min-width: 320px;
	}
.visually-impaired .lg-toolbar{
	background: #fff;
	}
.visually-impaired.color-scheme2 .lg-toolbar{
	background: #000;
	}
.visually-impaired.color-scheme3 .lg-toolbar{
	background: #04183f;
	}
.lg-toolbar .lg-icon{
	color: #fff;
	cursor: pointer;
	float: right;
	font-size: 24px;
	height: 47px;
	line-height: 27px;
	padding: 10px 0;
	text-align: center;
	width: 50px;
	text-decoration: none !important;
	outline: medium none;
	border: none;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
	}
.visually-impaired.color-scheme3 .lg-toolbar .lg-icon:after, .visually-impaired.color-scheme3 .lg-toogle-thumb.lg-icon:after, .visually-impaired.color-scheme3 .lg-actions .lg-icon:after, .visually-impaired.color-scheme3 .lg-actions .lg-icon:before, .visually-impaired.color-scheme3 #lg-counter, .visually-impaired.color-scheme3 #lg-counter span{
	color: #fff !important;
	}
.lg-toolbar .lg-icon:hover{
	color: #fff !important;
	opacity: .5;
	}
.lg-toolbar .lg-close:after{
	content: "\e070";
	}
.lg-toolbar .lg-download:after{
	content: "\e0f2";
	background: none;
	}
.lg-sub-html{
	background-color: rgba(0, 0, 0, .45);
	bottom: 0;
	color: #eee;
	font-size: 16px;
	left: 0;
	padding: 10px 40px;
	position: fixed;
	right: 0;
	text-align: center;
	z-index: 1080;
	}
.lg-sub-html h4{
	margin: 0;
	font-size: 13px;
	font-weight: bold;
	}
.lg-sub-html p{
	font-size: 12px;
	margin: 5px 0 0;
	}
#lg-counter{
	color: #fff;
	display: inline-block;
	font-size: 17px;
	padding: 9px 0 0 15px;
	vertical-align: middle;
	}
.visually-impaired.middle-size #lg-counter{
	padding-top: 5px;
	}
.visually-impaired.large-size #lg-counter{
	padding-top: 0;
	}
.lg-toolbar, .lg-prev, .lg-next{
	opacity: 1;
	-webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
	-moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
	-o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
	transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
	}
.lg-hide-items .lg-prev{
	opacity: 0;
	-webkit-transform: translate3d(-10px, 0, 0);
	transform: translate3d(-10px, 0, 0);
	}
.lg-hide-items .lg-next{
	opacity: 0;
	-webkit-transform: translate3d(10px, 0, 0);
	transform: translate3d(10px, 0, 0);
	}
.lg-hide-items .lg-toolbar{
	opacity: 0;
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
	}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{
	-webkit-transform: scale3d(0.5, 0.5, 0.5);
	transform: scale3d(0.5, 0.5, 0.5);
	opacity: 0;
	-webkit-transition: -webkit-transform 250ms ease 0s, opacity 250ms !important;
	-moz-transition: -moz-transform 250ms ease 0s, opacity 250ms !important;
	-o-transition: -o-transform 250ms ease 0s, opacity 250ms !important;
	transition: transform 250ms ease 0s, opacity 250ms !important;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	opacity: 1;
	}
.lg-outer .lg-thumb-outer{
	background: #5D6466;
	bottom: 0;
	position: absolute;
	width: 100%;
	z-index: 1080;
	max-height: 350px;
	padding: 0 10px;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
	-moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
	-o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
	transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
	}
.visually-impaired .lg-outer .lg-thumb-outer{
	background: #fff;
	}
.visually-impaired.color-scheme2 .lg-outer .lg-thumb-outer{
	background: #000;
	}
.visually-impaired.color-scheme3 .lg-outer .lg-thumb-outer{
	background: #04183f;
	}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{
	/*cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;*/
	}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{
	cursor: move;
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: -o-grabbing;
	cursor: -ms-grabbing;
	cursor: grabbing;
	}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{
	-webkit-transition-duration: 0s !important;
	transition-duration: 0s !important;
	}
.lg-outer.lg-thumb-open .lg-thumb-outer{
	-webkit-transform: translate3d(0, 0%, 0);
	transform: translate3d(0, 0%, 0);
	}
.lg-outer .lg-thumb{
	padding: 10px 0;
	height: 100%;
	margin-bottom: -5px;
	}
.lg-outer .lg-thumb-item{
	cursor: pointer;
	float: left;
	overflow: hidden;
	height: 100%;
	border: 2px solid #fff;
	border-radius: 4px;
	margin-bottom: 5px;
	position: relative;
	}
.visually-impaired.color-scheme3 .lg-outer .lg-thumb-item{
	border-color: #fff !important;
	}
.lg-outer .lg-thumb-item.active{
	border-color: rgba(255, 255, 255, .3);
	}
.visually-impaired .lg-outer .lg-thumb-item.active{
	border-color: rgba(0, 0, 0, .3) !important;
	}
.visually-impaired.color-scheme2 .lg-outer .lg-thumb-item.active, .visually-impaired.color-scheme3 .lg-outer .lg-thumb-item.active{
	border-color: rgba(255, 255, 255, .5) !important;
	}
.lg-outer .lg-thumb-item img{
	min-width: 96px;
	min-height: 76px;
	max-width: 120%;
	opacity: 1;
	}
.lg-outer.lg-has-thumb .lg-item{
	padding-bottom: 120px;
	}
.lg-outer.lg-can-toggle .lg-item{
	padding-bottom: 0;
	}
.lg-outer.lg-pull-caption-up .lg-sub-html{
	-webkit-transition: bottom 0.25s ease;
	-o-transition: bottom 0.25s ease;
	transition: bottom 0.25s ease;
	}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{
	bottom: 100px;
	}
.lg-outer .lg-toogle-thumb{
	background: #5D6466;
	border-radius: 2px 2px 0 0;
	color: #fff;
	cursor: pointer;
	font-size: 24px;
	height: 39px;
	line-height: 27px;
	padding: 5px 0;
	position: absolute;
	right: 20px;
	text-align: center;
	top: -39px;
	width: 50px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
	}
.visually-impaired .lg-outer .lg-toogle-thumb{
	background: #fff;
	}
.visually-impaired.color-scheme2 .lg-outer .lg-toogle-thumb{
	background: #000;
	}
.visually-impaired.color-scheme3 .lg-outer .lg-toogle-thumb{
	background: #04183f;
	}
.lg-outer .lg-toogle-thumb:after{
	content: "\e1ff";
	transition: all .2s ease;
	}
.lg-outer .lg-toogle-thumb:hover:after{
	opacity: .5;
	}
.lg-outer .lg-video-cont{
	display: inline-block;
	vertical-align: middle;
	max-width: 1140px;
	max-height: 100%;
	width: 100%;
	padding: 0 5px;
	}
.lg-outer .lg-video{
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
	position: relative;
	}
.lg-outer .lg-video .lg-object{
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	}
.lg-outer .lg-video .lg-video-play{
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	width: 90px;
	height: 90px;
	margin: -45px 0 0 -45px;
	/*background: url("../i/play-icon.svg") no-repeat 0 0;*/
	cursor: pointer;
	}
.lg-outer .lg-video-object{
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	top: 0;
	left: 0;
	}
.lg-outer .lg-has-video .lg-video-object{
	visibility: hidden;
	}
.lg-outer .lg-has-video.lg-video-palying .lg-object, .lg-outer .lg-has-video.lg-video-palying .lg-video-play{
	display: none;
	}
.lg-outer .lg-has-video.lg-video-palying .lg-video-object{
	visibility: visible;
	}
.lg-progress-bar{
	background-color: #333;
	height: 5px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1080;
	opacity: 0;
	-webkit-transition: opacity 0.08s ease 0s;
	-moz-transition: opacity 0.08s ease 0s;
	-o-transition: opacity 0.08s ease 0s;
	transition: opacity 0.08s ease 0s;
	}
.lg-progress-bar .lg-progress{
	background-color: #fff;
	height: 5px;
	width: 0;
	}
.lg-progress-bar.lg-start .lg-progress{
	width: 100%;
	}
.lg-show-autoplay .lg-progress-bar{
	opacity: 1;
	}
.lg-autoplay-button:after{
	content: "\e01d";
	}
.lg-show-autoplay .lg-autoplay-button:after{
	content: "\e01a";
	}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image{
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
	}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{
	-webkit-transition: -webkit-transform 0.3s ease 0s;
	-moz-transition: -moz-transform 0.3s ease 0s;
	-o-transition: -o-transform 0.3s ease 0s;
	transition: transform 0.3s ease 0s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.15s !important;
	-moz-transition: -moz-transform 0.3s ease 0s, opacity 0.15s !important;
	-o-transition: -o-transform 0.3s ease 0s, opacity 0.15s !important;
	transition: transform 0.3s ease 0s, opacity 0.15s !important;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	}
#lg-zoom-in:after{
	content: "\e311";
	}
#lg-zoom-out{
	opacity: 0.5;
	pointer-events: none;
	}
#lg-zoom-out:after{
	content: "\e312";
	}
.lg-zoomed #lg-zoom-out{
	opacity: 1;
	pointer-events: auto;
	}
.lg-outer .lg-pager-outer{
	bottom: 60px;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	z-index: 1080;
	height: 10px;
	}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{
	overflow: visible;
	}
.lg-outer .lg-pager-cont{
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	position: relative;
	vertical-align: top;
	margin: 0 5px;
	}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{
	box-shadow: 0 0 0 2px white inset;
	}
.lg-outer .lg-pager-thumb-cont{
	background-color: #fff;
	color: #fff;
	bottom: 100%;
	height: 83px;
	left: 0;
	margin-bottom: 20px;
	margin-left: -60px;
	opacity: 0;
	padding: 5px;
	position: absolute;
	width: 120px;
	border-radius: 3px;
	-webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
	-moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
	-o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
	transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
	-webkit-transform: translate3d(0, 5px, 0);
	transform: translate3d(0, 5px, 0);
	}
.lg-outer .lg-pager-thumb-cont img{
	width: 100%;
	height: 100%;
	}
.lg-outer .lg-pager{
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	box-shadow: 0 0 0 8px rgba(255, 255, 255, .7) inset;
	display: block;
	height: 12px;
	-webkit-transition: box-shadow 0.3s ease 0s;
	-o-transition: box-shadow 0.3s ease 0s;
	transition: box-shadow 0.3s ease 0s;
	width: 12px;
	}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus{
	box-shadow: 0 0 0 8px white inset;
	}
.lg-outer .lg-caret{
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px dashed;
	bottom: -10px;
	display: inline-block;
	height: 0;
	left: 50%;
	margin-left: -5px;
	position: absolute;
	vertical-align: middle;
	width: 0;
	}
.lg-fullscreen:after{
	content: "\e20c";
	}
.lg-fullscreen-on .lg-fullscreen:after{
	content: "\e20d";
	}
.group{
	*zoom: 1;
	}
.group:before, .group:after{
	display: table;
	content: "";
	line-height: 0;
	}
.group:after{
	clear: both;
	}
.lg-outer{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1050;
	opacity: 0;
	-webkit-transition: opacity 0.15s ease 0s;
	-o-transition: opacity 0.15s ease 0s;
	transition: opacity 0.15s ease 0s;
	}
.lg-outer *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
.lg-outer.lg-visible{
	opacity: 1;
	}
.lg-outer img{
	margin: 0;
	}
.lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current{
	-webkit-transition-duration: inherit !important;
	transition-duration: inherit !important;
	-webkit-transition-timing-function: inherit !important;
	transition-timing-function: inherit !important;
	}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current{
	-webkit-transition-duration: 0s !important;
	transition-duration: 0s !important;
	opacity: 1;
	}
.lg-outer.lg-grab img.lg-object{
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
	}
.lg-outer.lg-grabbing img.lg-object{
	cursor: move;
	cursor: -webkit-grabbing;
	cursor: -moz-grabbing;
	cursor: -o-grabbing;
	cursor: -ms-grabbing;
	cursor: grabbing;
	}
.lg-outer .lg{
	height: 100%;
	width: 100%;
	position: relative;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	max-height: 100%;
	}
.lg-outer .lg-inner{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	white-space: nowrap;
	}
.lg-outer .lg-item{
	background: url("../i/loader.svg") no-repeat 50% 50%;
	display: none !important;
	}
.visually-impaired .lg-outer .lg-item{
	background-image: url("../i/loader-color-scheme1.svg");
	}
.visually-impaired.color-scheme2 .lg-outer .lg-item{
	background-image: url("../i/loader-color-scheme2.svg");
	}
.visually-impaired.color-scheme3 .lg-outer .lg-item{
	background-image: url("../i/loader-color-scheme3.svg");
	}
.lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide{
	display: inline-block !important;
	}
.lg-outer.lg-css .lg-current{
	display: inline-block !important;
	}
.lg-outer .lg-item, .lg-outer .lg-img-wrap{
	display: inline-block;
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	}
.lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before{
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px;
	}
.lg-outer .lg-img-wrap{
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 55px 5px 8px;
	}
.lg-outer.lg-thumb-open .lg-img-wrap{
	padding-bottom: 108px;
	}
.lg-outer .lg-item.lg-complete{
	background-image: none;
	}
.lg-outer .lg-item.lg-current{
	z-index: 1060;
	}
.lg-outer .lg-image{
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
	width: auto !important;
	height: auto !important;
	}
.lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play{
	opacity: 0;
	-webkit-transition: opacity 0.15s ease 0s;
	-o-transition: opacity 0.15s ease 0s;
	transition: opacity 0.15s ease 0s;
	}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{
	opacity: 1;
	}
.lg-outer .lg-empty-html{
	display: none;
	}
.lg-backdrop{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1040;
	background: rgba(0, 0, 0, .7);
	opacity: 0;
	-webkit-transition: opacity 0.15s ease 0s;
	-o-transition: opacity 0.15s ease 0s;
	transition: opacity 0.15s ease 0s;
	}
.visually-impaired.color-scheme2 .lg-backdrop{
	background: rgba(255, 255, 255, .95);
	}
.visually-impaired.color-scheme3 .lg-backdrop{
	background: rgba(183, 220, 253, .85);
	}
.lg-backdrop.in{
	opacity: 1;
	}
.lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current{
	-webkit-transition: none 0s ease 0s !important;
	-moz-transition: none 0s ease 0s !important;
	-o-transition: none 0s ease 0s !important;
	transition: none 0s ease 0s !important;
	}
.lg-css3.lg-use-css3 .lg-item{
	will-change: transform, opacity;
	}
.lg-css3.lg-use-left .lg-item{
	will-change: left, opacity;
	}
.lg-css3.lg-fade .lg-item{
	opacity: 0;
	}
.lg-css3.lg-fade .lg-item.lg-current{
	opacity: 1;
	}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current{
	-webkit-transition: opacity 0.1s ease 0s;
	-moz-transition: opacity 0.1s ease 0s;
	-o-transition: opacity 0.1s ease 0s;
	transition: opacity 0.1s ease 0s;
	}
.lg-css3.lg-slide.lg-use-css3 .lg-item{
	opacity: 0;
	}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
	}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{
	-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
	-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
	-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
	transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
	}
.lg-css3.lg-slide.lg-use-left .lg-item{
	opacity: 0;
	position: absolute;
	left: 0;
	}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{
	left: -100%;
	}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{
	left: 100%;
	}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{
	left: 0;
	opacity: 1;
	}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current{
	-webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
	-moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
	-o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
	transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
	}
/*Select*/
.select2-container{
	position: relative;
	z-index: 2;
	display: block;
	margin: 0;
	}
.select + .select2-container{
	width: 100% !important;
	}
.select2-container .select2-selection--single{
	cursor: pointer;
	display: block;
	background: transparent;
	border: 1px solid rgba(9, 21, 45, 0.15);
	border-radius: 2px;
	width: 100%;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none;
	}


.error-field .select2-container .select2-selection--single{
	border-color: #E12631;
	}
.select2-container .select2-selection--single .select2-selection__rendered{
	position: relative;
	display: block;
	padding: 10px;
    border: none;
    background: transparent;
    font-family: "Roboto";
    font-weight: 300;
	font-size: 14px;
	line-height: 1.25em;
    letter-spacing: 0.01em;
	color: #09152D;
	padding: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}
.select2-container .select2-selection--single .select2-selection__clear{
	position: relative;
	}
.select2-container .select2-selection--multiple{
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	min-height: 39px;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none;
	}
.select2-container .select2-selection--multiple .select2-selection__rendered{
	display: block;
	overflow: hidden;
	padding-left: 8px;
	text-overflow: ellipsis;
	white-space: nowrap;
	}
.select2-container .select2-search--inline{
	float: left;
	padding: 0;
	margin: 0;
	background: none;
	}
.select2-container .select2-search--inline .select2-search__field{
	border: none;
	font-size: 100%;
	margin: 0;
	padding: 0 13px;
	height: 39px;
	line-height: 39px;
	}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{
	-webkit-appearance: none;
	}
.select2-dropdown{
	display: block;
	position: absolute;
	z-index: 10000;
	width: 100%;
	margin: 0;
	overflow: hidden;
	background: #fff;
	border: 1px solid #D9DFE2;
	border-radius: 0 0 2px 2px;
	}

.select2-results{
	display: block;
	}
.select2-results__options{
	list-style: none;
	margin: 0;
	padding: 0;
	}
.select2-results__option{
	font-family: 'Roboto';
    font-weight: 400;
    font-size: 15px;
    line-height: 1.4em;
    letter-spacing: 0.03em;
    color: #3A3D47;
	padding: 10px !important;
	margin: 0 !important;
	background: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none;
	cursor: pointer;
	transition: background .2s ease, color .2s ease;
	}
.select2-results__option::before{
	content: none !important;
	}
.select2-results__option:last-child{
	border: none;
	}
.no-touchevents .select2-results__option:not([aria-selected=true]):hover{
	color: #0D1D3D;
	background: rgba(9, 21, 45, 0.05);
	}
.select2-search--dropdown{
	display: block;
	padding: 4px 14px;
	margin: 6px 0;
	}
.select2-search--dropdown .select2-search__field{
	height: 32px;
	padding: 4px 34px 4px 14px;
	width: 100%;
	}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{
	-webkit-appearance: none;
	}
.select2-search--dropdown.select2-search--hide{
	display: none;
	}
.select2-close-mask{
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	min-height: 100%;
	min-width: 100%;
	height: auto;
	width: auto;
	opacity: 0;
	z-index: 99;
	background-color: #fff;
	filter: alpha(opacity=0);
	}
.select2-hidden-accessible{
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	}
.select2-container--default .select2-selection--single .select2-selection__clear{
	cursor: pointer;
	float: right;
	font-weight: bold;
	}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	position: absolute;
	top: -4px;
	right: -10px;
	bottom: 1px;
	/* width: 48px; */
	}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
	position: absolute;
	top: 21px;
	right: 26px;
	width: 10px;
	height: 6px;
	background: url("../i/arrow-select.svg") no-repeat 0 0/10px auto;
	transform: scale(1);
	}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
	transform: scaleY(-1);
	}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{
	float: left;
	}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{
	left: 1px;
	right: auto;
	}
.select2-container--default.select2-container--disabled .select2-selection--single{
	color: #35A3A7;
	background: #f9fbfd;
	cursor: default;
	}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{
	display: none;
	}
.select2-container--default .select2-selection--multiple{
	background: #fff;
	border: 1px solid #d4d4d4;
	cursor: text;
	}
.select2-container--focus.select2-container--default .select2-selection--multiple{
	border-color: #acacac;
	}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{
	box-sizing: border-box;
	list-style: none;
	margin: 0;
	padding: 0 3px;
	width: 100%;
	min-height: 39px;
	}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder, .select2-selection__placeholder{
	position: relative;
	text-overflow: ellipsis;
	font-family: 'Roboto';
	font-weight: 400;
	font-size: 14px;
	line-height: 1.2em;
	letter-spacing: 0.03em;
	color: #3A3D47;
	margin: 0;
	float: left;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	}
.select2-container--default .select2-selection--multiple .select2-selection__clear{
	cursor: pointer;
	float: right;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 10px;
	}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
	position: relative;
	font-size: 14px;
	background: #e4e4e4;
	border: 1px solid #aaa;
	border-radius: 2px;
	cursor: default;
	float: left;
	margin: 4px;
	padding: 0 28px 0 10px;
	}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
	color: #999;
	cursor: pointer;
	position: absolute;
	font-size: 22px;
	top: 50%;
	width: 20px;
	height: 20px;
	line-height: 22px;
	right: 4px;
	font-weight: bold;
	margin: -10px 0 0;
	text-align: center;
	}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{
	color: #333;
	}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{
	float: right;
	}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{
	margin-left: 5px;
	margin-right: auto;
	}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{
	margin-left: 2px;
	margin-right: auto;
	}
.select2-container--default.select2-container--focus .select2-selection--multiple{
	outline: 0;
	}
.select2-container--default.select2-container--disabled .select2-selection--multiple{
	background-color: #eee;
	cursor: default;
	}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove{
	display: none;
	}
.select2-container--default .select2-search--dropdown .select2-search__field{
	border: 1px solid #D7DBE0;
	}
.select2-container--default .select2-search--inline .select2-search__field{
	background: transparent;
	border: none;
	outline: 0;
	box-shadow: none;
	-webkit-appearance: textfield;
	}
.select2-container--default .select2-results > .select2-results__options{
	max-height: 10.3rem;
	overflow-y: auto;
	}
.select2-container--default .select2-results__option[role=group]{
	padding: 0;
	}
.select2-container--default .select2-results__option[aria-disabled=true]{
	color: #999;
	}
.select2-container--default .select2-results__option[aria-selected=true]{
	color: rgba(9, 21, 45, 0.6);
	cursor: default;
	}
.select2-container--default .select2-results__option .select2-results__option{
	padding-left: 1em;
	}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group{
	padding-left: 0;
	}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option{
	margin-left: -1em;
	padding-left: 2em;
	}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
	margin-left: -2em;
	padding-left: 3em;
	}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
	margin-left: -3em;
	padding-left: 4em;
	}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
	margin-left: -4em;
	padding-left: 5em;
	}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{
	margin-left: -5em;
	padding-left: 6em;
	}
.select2-container--default .select2-results__group{
	cursor: default;
	display: block;
	padding: 6px;
	}


	
/*Share box*/
.share-box{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	color: #5D6466;
	cursor: pointer;
	}
.share-box p{
	font-family: "Roboto";
	font-weight: 400;
	font-size: 16px;
	line-height: 40px;
	letter-spacing: 0.02em;
	color: #09152D;
	margin: 0;
	margin-left: 15px;
	transition: opacity .5s ease;
	}
.simple-share{
	display: none;
	align-items: center;
	margin-right: 20px;
	}
.simple-share.hidden {
	display: flex;
}
.simple-share a{
	position: relative;
	text-decoration: none !important;
	width: 31px !important;
	height: 32px !important;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	padding: 0 !important;
	background: none !important;
	margin-right: 0;
	margin-left: 6px;
	}
.share-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border: 1px solid #09152D;
	border-radius: 50%;
	cursor: pointer;
	transition: opacity .5s ease;
}
.no-touchevents .share-box:hover .share-icon,.no-touchevents .share-box:hover p {
	opacity: .6;
	}
.simple-share svg path:not(.bg) {
	height: 100% !important;
}
.no-touchevents .simple-share a:hover svg path{
	fill: #0D1D3D;
	}
.no-touchevents .simple-share a:hover {
	opacity: 1 !important;
}
.simple-share a:first-child{
	margin-left: 0;
	}
.no-touchevents .simple-share a svg *{
	transition: fill .3s ease;
	}
.share-icon .share {
	display: block;
	transition: all .3s ease;
	margin-right: 2px;
}
.share-icon .close {
	display: none;
	transition: all .3s ease;
}
.breadcrumb {
	display: flex;
	justify-content: center;
}
.breadcrumb li a{
	color: rgba(9, 21, 45, 0.6);
}
.breadcrumb li{
	margin-left: 3px;
}
.breadcrumbs_container{
	clear: both;
	margin-bottom: 25px;
	text-align: center;
}
.breadcrumbs_container ol, ul{
	max-width: 100%;
	padding: 0 0 0 20px;
	margin: 0;
	list-style: none;
}
.breadcrumbs_container ul li {
	margin: 0;
	padding: 0;
}
.sep{
	margin-left: 10px;
	margin-right: 10px;
}
.breadcrumb .active {
	pointer-events: none;
	cursor: default;
}
.title-box .breadcrumb li a{
	color: #fff;
}

.contact-map{
	width: 100vw;
	margin-left: calc(-50vw + 50%);
}

.contacts-cart{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 3fr));
	gap: 30px;
	margin: 80px auto;
	max-width: 1320px;
} 
.contact-item{
	border: 1px solid rgba(9, 21, 45, 0.1);
	padding: 30px;
}
.contact-item__title{
	font-weight: 500;
	margin-bottom: 20px;
	font-size: 16px;
	/*font-size: 28px;*/
	/*min-height: 60px;*/
	min-height: 30px;
	display: block;
}
.contact-item__text {
	/*font-size: 21px;*/
	font-size: 16px;
}
.contact-inner > p,
.contact-inner p a,
.contact-inner > a,
.contact-inner > strong,
.contact-inner > div {
	font-size: 16px !important;
}
@media (max-width: 810px) {
	.contact-item__title{
		min-height: auto;
	}
}
@media (max-width: 1200px) {
	.breadcrumb{
		display: none;
	}
}