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, hgroup, menu, nav,
output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline; }
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }
img, fieldset, a img {
border: none; }
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
-webkit-appearance: none; }
input[type="submit"],
button {
cursor: pointer; }
input[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
padding: 0;
border: 0; }
textarea {
overflow: auto; }
input, button {
margin: 0;
padding: 0;
border: 0; }
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.5em; }
a {
text-decoration: none; }
div, input, textarea, select, button, img, li,
h1, h2, h3, h4, h5, h6, a, span, a:focus {
outline: none !important;
-webkit-tap-highlight-color: transparent; }
div, section {
display: block; }
ul, ol {
list-style-type: none; }
table {
border-spacing: 0;
border-collapse: collapse; }
html {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
*, *:before, *:after {
-webkit-box-sizing: inherit;
box-sizing: inherit; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
opacity: 1;
-webkit-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease; }
input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1;
-webkit-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease; }
input:-moz-placeholder, textarea:-moz-placeholder {
opacity: 1;
-webkit-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
opacity: 1;
-webkit-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease; }
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
opacity: 0;
-webkit-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
opacity: 0;
-webkit-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
opacity: 0;
-webkit-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease; }
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
opacity: 0;
-webkit-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease; }
@media (prefers-reduced-motion: reduce) {
* {
-webkit-transition: none !important;
-o-transition: none !important;
transition: none !important; } }
@media screen and (max-width: 767px) {
* {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); } }
button, input, textarea {
font-family: 'PF Bague Sans Pro', sans-serif;
background: transparent; }
b, strong {
font-weight: 500; }
h1, h2, h3, h4, h5, h6 {
font-family: 'ITC Stone Serif', sans-serif;
font-weight: 500; }
h1 {
font-size: 40px; }
h2 {
font-size: 30px; }
h3 {
font-size: 18px; }
h4 {
font-size: 24px; }
h5 {
font-size: 20px; }
h6 {
font-size: 16px; }
body {
width: 100%;
overflow-x: hidden;
font-family: 'PF Bague Sans Pro', sans-serif;
font-weight: 300;
color: #fff;
position: relative;
line-height: 1.2;
background-attachment: fixed;
-webkit-background-size: cover;
background-size: cover;
background-position: center; }
body.ua {
background-color: #343F53;
background-image: url(../images/ua.png);
--cl1: #242F42;
--cl2: #2B384E;
--cl3: #334157;
--cl4: #556177;
--cl5: #6A7383; }
body.ua .load::before {
background-image: url(../images/ua-preloader.svg); }
body.ma {
background-color: #6a3439;
background-image: url(../images/ma.png);
--cl1: #5A1F25;
--cl2: #65242B;
--cl3: #6D2F36;
--cl4: #803B42;
--cl5: #93656A; }
body.ma .load::before {
background-image: url(../images/ua-preloader.svg); }
body.ba {
background-color: #1C464B;
background-image: url(../images/ba.png);
--cl1: #144045;
--cl2: #204A4F;
--cl3: #2A5459;
--cl4: #3D616A;
--cl5: #50747D; }
body.ba .load::before {
background-image: url(../images/ua-preloader.svg); }
body.tm {
background-color: #4B494C;
background-image: url(../images/tm.png);
--cl1: #39383C;
--cl2: #424145;
--cl3: #7B7A7D;
--cl4: #717173;
--cl5: #717173; }
body.tm .load::before {
background-image: url(../images/ua-preloader.svg); }
body.coten .head-humb i {
background: rgba(255, 255, 255, 0); }
body.coten .head-humb i::before {
-webkit-transform: translateY(8px) rotate(45deg);
-ms-transform: translateY(8px) rotate(45deg);
transform: translateY(8px) rotate(45deg); }
body.coten .head-humb i::after {
-webkit-transform: translateY(-8px) rotate(-45deg);
-ms-transform: translateY(-8px) rotate(-45deg);
transform: translateY(-8px) rotate(-45deg); }
body.coten .head.hide {
margin: 0; }
body.coten .nav {
margin: 0; }
body.coten .cont {
width: -webkit-calc(100% - 390px);
width: calc(100% - 390px);
margin-left: 390px; }
body.osea .mfp-bg {
opacity: 0 !important; }
.cl1 {
background-color: var(--cl1); }
.cl2 {
background-color: var(--cl2); }
.cl3 {
background-color: var(--cl3); }
.cl4 {
background-color: var(--cl4); }
.cl5 {
background-color: var(--cl5); }
.row {
width: 100%;
max-width: 1170px;
padding: 0 15px;
margin: auto;
position: relative;
z-index: 1; }
.scroll::-webkit-scrollbar {
width: 5px; }
.scroll::-webkit-scrollbar-track {
background: transparent; }
.scroll::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.2); }
.load {
position: relative; }
.load::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: 60px 60px;
background-size: 60px; }
.link {
width: 267px;
display: inline-block;
height: 66px;
line-height: 66px;
font-weight: 300;
font-size: 14px;
text-align: center;
letter-spacing: 0.07em;
text-transform: uppercase;
color: #fff;
background: var(--cl4);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
cursor: pointer;
-webkit-transition: -webkit-box-shadow .25s;
transition: -webkit-box-shadow .25s;
-o-transition: box-shadow .25s;
transition: box-shadow .25s;
transition: box-shadow .25s, -webkit-box-shadow .25s; }
.cont {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
overflow: hidden;
padding-top: 80px;
position: relative;
-webkit-transition: margin .5s, width .5s;
-o-transition: margin .5s, width .5s;
transition: margin .5s, width .5s; }
.cont-bc {
width: 100%;
height: auto;
position: relative;
z-index: 1; }
.cont-nav {
position: absolute;
width: -webkit-calc(100% - 90px);
width: calc(100% - 90px);
left: 45px;
top: 70px;
z-index: 2; }
.cont-nav a {
font-weight: 300;
display: block;
font-size: 12px;
line-height: 22px;
height: 22px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #fff;
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: color .25s;
-o-transition: color .25s;
transition: color .25s; }
.cont-nav a::before {
content: '';
width: 20px;
height: 20px;
background: url(../images/rb-m.svg) center/contain no-repeat;
opacity: .3;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.cont-nav a::after {
content: '';
position: absolute;
width: 6px;
height: 11px;
top: 4px; }
.cont-nav a:first-child {
float: left; }
.cont-nav a:first-child::before {
float: left;
margin-right: 9px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.cont-nav a:first-child::after {
left: 5px;
background: url(../images/search-aol.svg) center/contain no-repeat; }
.cont-nav a:last-child {
float: right; }
.cont-nav a:last-child::before {
float: right;
margin-left: 9px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg); }
.cont-nav a:last-child::after {
right: 5px;
background: url(../images/search-aow.svg) center/contain no-repeat; }
.ov {
position: fixed;
width: 100%;
height: 100vh;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 50;
display: none; }
.nav {
position: fixed;
width: 390px;
height: -webkit-calc(100vh - 80px);
height: calc(100vh - 80px);
padding: 56px 20px 56px 50px;
top: 80px;
left: 0;
bottom: 0;
z-index: 99;
margin-left: -390px;
-webkit-transition: margin .5s, height .3s, top .3s;
-o-transition: margin .5s, height .3s, top .3s;
transition: margin .5s, height .3s, top .3s; }
.nav .head-lang {
display: none; }
.nav-tt {
display: block;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.15em;
text-transform: uppercase;
color: #fff; }
.nav-ul {
margin-top: 31px;
height: 100%;
max-height: -webkit-calc(100% - 100px);
max-height: calc(100% - 100px);
overflow-y: auto; }
.nav-ul ul {
display: block;
width: 100%; }
.nav-ul ul:first-child {
margin: 0; }
.nav-ul ul li {
display: block;
margin-top: 13px; }
.nav-ul ul li:first-child {
margin: 0; }
.nav-ul ul li:nth-child(3n) {
margin-bottom: 41px; }
.nav-ul ul li:last-child {
margin-bottom: 0; }
.nav-ul ul li a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-family: 'ITC Stone Serif', sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #fff; }
.nav-ul ul li a::before {
content: '';
float: left;
width: 15px;
height: 1px;
background: #fff;
opacity: .3;
margin: 9px 12px 0 0;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.nav-soc {
position: absolute;
left: 50px;
bottom: 42px; }
.nav-soc a {
float: left;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
width: 40px;
height: 40px;
margin-right: 17px;
padding-bottom: 5px; }
.nav-soc a:last-child {
margin: 0; }
.nav-soc a img, .nav-soc a svg {
width: auto;
height: auto;
margin: auto; }
.nav-soc a::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url(../images/rb.svg) center/contain no-repeat;
opacity: .3;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.head {
position: fixed;
width: 100%;
height: 80px;
-webkit-box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.1);
top: 0;
left: 0;
right: 0;
z-index: 101;
-webkit-transition: margin .25s, height .3s;
-o-transition: margin .25s, height .3s;
transition: margin .25s, height .3s; }
.head.hide {
margin-top: -80px; }
.head-humb {
width: 50px;
height: 50px;
float: left;
margin: 16px 0 0 28px;
z-index: 101;
cursor: pointer;
position: relative;
z-index: 20;
-webkit-transition: margin .3s;
-o-transition: margin .3s;
transition: margin .3s; }
.head-humb i {
float: left;
position: relative;
width: 26px;
height: 1px;
background: #fff;
margin: 24px 0 0 11px;
-webkit-transition: background .3s, width .4s;
-o-transition: background .3s, width .4s;
transition: background .3s, width .4s; }
.head-humb i::before, .head-humb i::after {
content: '';
position: absolute;
width: 100%;
height: 1px;
background: #fff;
-webkit-transform: translateY(0) rotate(0deg);
-ms-transform: translateY(0) rotate(0deg);
transform: translateY(0) rotate(0deg);
-webkit-transition: -webkit-transform .3s;
transition: -webkit-transform .3s;
-o-transition: transform .3s;
transition: transform .3s;
transition: transform .3s, -webkit-transform .3s; }
.head-humb i::before {
top: -8px;
left: 0; }
.head-humb i::after {
top: 8px;
left: 0; }
.head-logo {
float: left;
width: auto;
height: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 25px 0 0 1px; }
.head-logo img, .head-logo svg {
width: 100%;
max-width: 242px;
display: block;
margin: auto; }
.head-nav {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: auto;
margin: 19px 0 0 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.head-nav li {
float: left;
height: 42px;
border-left: 1px dashed rgba(255, 255, 255, 0.5); }
.head-nav li:first-child {
border: 0; }
.head-nav li.active a img, .head-nav li.active a svg {
opacity: 1; }
.head-nav li a {
display: block;
width: auto;
height: 100%;
padding: 2px 78px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.head-nav li a img, .head-nav li a svg {
display: block;
margin: auto;
opacity: .5;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.head-lang {
float: right;
margin: 33px 50px 0 0; }
.head-lang a {
float: left;
letter-spacing: 0.08em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.3);
font-size: 12px;
line-height: 14px;
-webkit-transition: color .25s;
-o-transition: color .25s;
transition: color .25s; }
.head-lang a.active {
color: #fff; }
.head-lang a::before {
content: '|';
float: left;
letter-spacing: 0.08em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.3);
font-size: 12px;
line-height: 14px;
margin: 0 7px; }
.head-lang a:first-child::before {
display: none; }
.head-link {
float: right;
margin: 33px 29px 0 0;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #fff;
font-size: 12px;
line-height: 14px; }
.head-search {
float: right;
width: 50px;
height: 50px;
position: relative;
margin: 15px 10px 0 0; }
.head-search i {
content: '';
width: 30px;
height: 30px;
position: absolute;
top: 50%;
left: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
z-index: 1;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
-webkit-transition: width .5s, height .5s, opacity .5s, background .3s;
-o-transition: width .5s, height .5s, opacity .5s, background .3s;
transition: width .5s, height .5s, opacity .5s, background .3s; }
.head-search a {
position: absolute;
z-index: 3;
width: 100%;
height: 100%;
top: 0;
left: 0;
cursor: pointer;
background: url(../images/search.svg) center no-repeat;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s; }
.head-search a.active {
opacity: .05; }
.head-search a.active + i {
width: 300vw;
height: 300vw;
opacity: .98;
z-index: 200;
background: var(--cl2); }
.close {
position: absolute;
width: auto;
height: 40px;
line-height: 40px;
z-index: 5;
cursor: pointer; }
.close span {
float: left;
font-size: 12px;
letter-spacing: 0.07em;
text-transform: uppercase;
color: #fff; }
.close::before {
content: '';
width: 20px;
height: 20px;
margin: 10px 0 0 5px;
float: right;
background: url(../images/rb-m.svg) center/contain no-repeat;
opacity: .3;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.close::after {
content: '';
position: absolute;
width: 8px;
height: 8px;
top: 15px;
right: 6px;
background: url(../images/close.svg) center/contain no-repeat; }
.mfp-fade.mfp-bg.mfp-ready {
opacity: .44; }
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0; }
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: rgba(0, 0, 0, 0.6);
-webkit-background-size: cover;
background-size: cover;
opacity: 1; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-counter {
float: right;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0; }
.mfp-container::before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container::before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur {
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
position: absolute;
top: 50%;
left: 50%;
width: 150px;
height: 150px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: url(../images/preloader-white.svg) center/contain no-repeat;
font-size: 0;
z-index: 1044; }
.mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content {
display: none; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black; }
.my-mfp-zoom-in .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8); }
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
opacity: 0; }
.my-mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out; }
.my-mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 1; }
.my-mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0; }
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
transition: all 0.15s ease-out; }
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8; }
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
-o-transition: all 0.15s ease-out;
transition: all 0.15s ease-out; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0; }
.search {
width: 100%;
height: 100vh;
position: relative;
overflow: hidden; }
.search .mfp-close {
top: 48px;
right: 61px; }
.search-ov {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
max-height: 100%;
overflow-y: auto;
position: relative;
z-index: 2; }
.search-bc {
position: relative;
width: 100%;
max-height: 100%;
max-width: 495px;
margin: 11vh auto;
padding: 4vh 0;
-webkit-transition: margin .3s, padding .3s;
-o-transition: margin .3s, padding .3s;
transition: margin .3s, padding .3s; }
.search-bc.result {
margin: 0 auto; }
.search-logo {
width: 100%;
height: 80px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-transition: height .3s;
-o-transition: height .3s;
transition: height .3s; }
.search-logo img, .search-logo svg {
width: auto;
height: 100%;
margin: auto; }
.search-tab {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 61px;
-webkit-transition: margin .3s;
-o-transition: margin .3s;
transition: margin .3s; }
.search-tab li {
float: left;
font-size: 14px;
line-height: 16px;
letter-spacing: 0.08em;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.3);
-webkit-transition: color .25s;
-o-transition: color .25s;
transition: color .25s; }
.search-tab li::before {
content: '/';
float: left;
font-size: 14px;
line-height: 16px;
color: rgba(255, 255, 255, 0.3);
margin: 0 25px;
cursor: default; }
.search-tab li:first-child::before {
display: none; }
.search-tab li.active {
color: #fff; }
.search-val {
position: relative;
margin-top: 52px;
height: 131px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
padding: 0 30px;
border-top: 1px dashed rgba(255, 255, 255, 0.3);
border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
-webkit-transition: margin .3s, height .3s;
-o-transition: margin .3s, height .3s;
transition: margin .3s, height .3s; }
.search-val a {
position: absolute;
width: auto;
height: auto;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 24px;
cursor: pointer;
line-height: 24px;
color: rgba(255, 255, 255, 0.3);
-webkit-transition: color .25s;
-o-transition: color .25s;
transition: color .25s; }
.search-val a::before {
content: '';
float: left;
width: 24px;
height: 24px;
background: url(../images/search-val.svg) center/contain no-repeat;
margin-right: 15px; }
.search-val label {
display: none;
width: 100%;
margin: auto;
height: 24px;
position: relative; }
.search-val label input {
display: block;
width: 100%;
color: #fff;
font-size: 24px;
font-weight: 300;
line-height: 24px;
height: 24px; }
.search-val label i {
position: absolute;
width: 24px;
height: 24px;
top: 0;
right: 0;
opacity: .3;
z-index: 1;
background: url(../images/search-valc.svg) center no-repeat;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.search-suc {
display: none; }
.search-suc > a {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
cursor: pointer;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 41px 0 30px; }
.search-suc > a p {
font-family: 'ITC Stone Serif', sans-serif;
font-weight: 500;
position: relative;
font-size: 20px;
color: #fff;
line-height: 20px; }
.search-suc > a p::before {
content: '';
float: right;
margin-left: 11px;
width: 20px;
height: 20px;
background: url(../images/rb-m.svg) center/contain no-repeat;
opacity: .3;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.search-suc > a p::after {
content: '';
position: absolute;
width: 6px;
height: 11px;
top: 4px;
right: 5px;
background: url(../images/search-aow.svg) center/contain no-repeat; }
.search-suc ul {
display: block; }
.search-suc ul li {
display: block; }
.search-suc ul li a {
display: block;
padding: 22px 65px 21px 30px;
position: relative;
border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
-webkit-transition: border .25s;
-o-transition: border .25s;
transition: border .25s; }
.search-suc ul li a::before {
content: '';
position: absolute;
top: -webkit-calc(50% - 10px);
top: calc(50% - 10px);
right: 40px;
width: 20px;
height: 20px;
background: url(../images/rb-m.svg) center/contain no-repeat;
opacity: .3;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.search-suc ul li a::after {
content: '';
position: absolute;
width: 6px;
height: 11px;
top: -webkit-calc(50% - 6px);
top: calc(50% - 6px);
right: 45px;
background: url(../images/search-aow.svg) center/contain no-repeat; }
.search-suc ul li a b {
display: block;
font-weight: 500;
font-size: 18px;
line-height: 21px;
color: #fff; }
.search-suc ul li a p {
display: block;
font-size: 10px;
line-height: 11px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.3);
margin-top: 4px;
-webkit-transition: color .25s;
-o-transition: color .25s;
transition: color .25s; }
.search-emp {
display: none; }
.search-emp-ale {
padding: 22px 0 22px 30px;
border-bottom: 1px dashed rgba(255, 255, 255, 0.3); }
.search-emp-ale b {
display: block;
font-weight: 500;
font-size: 18px;
line-height: 21px;
color: #fff; }
.search-emp-ale p {
display: block;
margin-top: 4px;
font-weight: 300;
font-size: 13px;
line-height: 15px;
color: rgba(255, 255, 255, 0.4); }
.search-emp-ul {
padding: 28px 15px 25px 30px;
border-bottom: 1px dashed rgba(255, 255, 255, 0.3); }
.search-emp-ul:last-child {
border: 0; }
.search-emp-ul b {
display: block;
font-weight: 500;
font-size: 18px;
line-height: 21px;
color: #fff; }
.search-emp-ul h4 {
font-size: 16px;
line-height: 20px;
letter-spacing: 0.15em;
text-transform: uppercase;
color: #fff; }
.search-emp-ul ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
margin-top: 12px; }
.search-emp-ul ul li {
float: left;
width: 25%;
margin-bottom: 8px; }
.search-emp-ul ul li a {
display: block;
font-weight: 300;
font-size: 13px;
line-height: 15px;
color: #fff; }
.search-emp-ul ul li a::before {
content: '';
float: left;
width: 12px;
height: 1px;
background: #fff;
opacity: .3;
margin: 6px 8px 0 0;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.search-site .search-emp-ul {
padding: 25px 15px 25px 30px; }
.search-site .search-emp-ul ul {
margin-top: 14px; }
.search-sect .search-suc ul li a {
padding: 22px 65px 24px 30px; }
.logo {
padding: 60px 0 50px; }
.logo img, .logo svg {
display: block;
width: auto;
height: 220px;
margin-left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.logo p {
display: block;
font-weight: 300;
font-size: 21px;
line-height: 24px;
letter-spacing: 0.6em;
text-transform: uppercase;
color: #fff;
text-align: center;
margin-top: 31px; }
.logo h1 {
display: block;
margin-top: 22px;
font-size: 32px;
line-height: 40px;
letter-spacing: 0.2em;
text-transform: uppercase;
text-align: center;
-webkit-font-feature-settings: 'liga' off, 'kern' off;
font-feature-settings: 'liga' off, 'kern' off;
color: #fff; }
.bin {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
height: 410px;
padding: 117px 64px;
-webkit-background-size: cover;
background-size: cover;
background-position: center; }
.bin i {
display: none; }
.bin div {
width: 100%;
max-width: 425px;
position: relative;
z-index: 1; }
.bin h4 {
font-size: 30px;
line-height: 37px;
color: #fff; }
.bin span {
display: block;
margin-top: 11px; }
.bin span p {
display: block;
font-weight: 300;
font-size: 16px;
line-height: 25px;
color: #fff; }
.bin span p b {
font-weight: 500; }
.bin a {
margin-top: 25px; }
.title {
width: 100%;
display: block;
position: relative; }
.title h2 {
display: block;
text-align: center;
font-size: 30px;
line-height: 38px;
color: #fff; }
.title h2 a {
color: #fff;
position: relative;
z-index: 2; }
.title ul {
position: absolute;
width: 100%;
top: 7px;
left: 0;
right: 0;
z-index: 1; }
.title ul li:first-child {
float: left; }
.title ul li:first-child a::before {
float: left;
margin-right: 9px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.title ul li:first-child a::after {
left: 5px;
background: url(../images/search-aol.svg) center/contain no-repeat; }
.title ul li:last-child {
float: right; }
.title ul li:last-child a::before {
float: right;
margin-left: 9px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg); }
.title ul li:last-child a::after {
right: 5px;
background: url(../images/search-aow.svg) center/contain no-repeat; }
.title ul li a {
font-weight: 300;
display: block;
font-size: 12px;
line-height: 22px;
height: 22px;
letter-spacing: 0.07em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5);
position: relative;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: color .25s;
-o-transition: color .25s;
transition: color .25s; }
.title ul li a::before {
content: '';
width: 20px;
height: 20px;
background: url(../images/rb-m.svg) center/contain no-repeat;
opacity: .3;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.title ul li a::after {
content: '';
position: absolute;
width: 6px;
height: 11px;
top: 4px; }
table {
width: 100%; }
table th {
border: 1px dashed var(--cl4);
vertical-align: top;
padding: 8px 15px 9px;
text-align: left; }
table th b {
display: block;
font-weight: 500;
font-size: 16px;
line-height: 18px; }
table td {
border: 1px dashed var(--cl4);
vertical-align: top;
padding: 9px 15px 9px; }
table td p {
font-size: 14px;
line-height: 18px; }
table td > a {
display: block;
position: relative;
font-weight: 300;
font-size: 14px;
line-height: 16px;
padding-left: 20px;
color: #fff; }
table td > a::before {
content: '';
position: absolute;
float: left;
width: 12px;
height: 1px;
background: #fff;
opacity: .2;
top: 7px;
left: 0;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.tb {
width: 100%;
display: none; }
.tb-td {
border: 1px dashed var(--cl4); }
.tb-td b {
display: block;
font-weight: 500;
font-size: 16px;
line-height: 18px; }
.tb-th {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px dashed var(--cl4);
padding: 8px 15px 8px; }
.tb-tr {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px dashed var(--cl4);
padding: 9px 15px 9px; }
.tb-tr:last-child {
border: 0; }
.tb-tr p {
font-size: 14px;
line-height: 18px; }
.tb-tr > a {
display: block;
font-weight: 300;
font-size: 14px;
line-height: 16px;
color: #fff;
position: relative;
padding-left: 20px; }
.tb-tr > a::before {
content: '';
position: absolute;
left: 0;
top: 7px;
float: left;
width: 12px;
height: 1px;
background: #fff;
opacity: .2; }
.tb-tb {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap; }
.tb-tb-td {
float: left; }
.tb-tb-th {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px dashed var(--cl4);
padding: 5px 9px 5px; }
.tb-tb-th b {
display: block;
font-size: 14px;
line-height: 16px; }
.tb-tb-tr {
width: 100%;
display: block;
border-bottom: 1px dashed var(--cl4);
padding: 9px 15px 9px; }
.tb-tb-tr > a {
display: block;
font-weight: 300;
font-size: 14px;
line-height: 16px;
color: #fff; }
.tb-tb-tr > a::before {
content: '';
float: left;
width: 12px;
height: 1px;
background: #fff;
opacity: .2;
margin: 7px 8px 0 0; }
.pserv {
width: 100%;
margin-top: 30px;
padding: 26px 25px 25px; }
.pserv table {
margin-top: 21px; }
.pserv table td {
width: 33.3333%; }
.pserv .tb {
display: none; }
.bte {
width: 100%;
padding: 65px 0 0; }
.bte + .cos {
margin-top: 40px;
}
.bte + .cos::before {
border: 0;
}
.bte-tab {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 14px 0 0; }
.bte-tab li {
padding: 0 11px;
font-weight: 300;
font-size: 14px;
letter-spacing: 0.08em;
text-transform: uppercase;
cursor: pointer;
color: rgba(255, 255, 255, 0.5);
-webkit-transition: color .25s;
-o-transition: color .25s;
transition: color .25s; }
.bte-tab li a {
color: rgba(255, 255, 255, 0.5);
-webkit-transition: color .25s;
-o-transition: color .25s;
transition: color .25s; }
.bte-tab li.active {
color: #fff; }
.bte-tab li.active a {
color: #fff; }
.bte-bc {
display: block;
width: 100%;
margin-top: 51px; }
.bte-im {
display: none; }
.bte-im.active {
display: block; }
.bte iframe {
display: block;
width: 100%;
height: 602px;
margin-top: 50px; }
.bte iframe:first-child {
margin: 0; }
.foi {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
margin-top: 30px;
position: relative;
padding: 26px 25px 25px; }
.foi .title {
position: relative;
z-index: 21; }
.foi-all {
display: none; }
.foi-tab {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 14px; }
.foi-tab ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
float: left;
width: 100%; }
.foi-tab ul li, .foi-tab ul li a {
float: left;
width: auto;
font-weight: 300;
font-size: 14px;
line-height: 16px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5);
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
margin: 0 10px;
-webkit-transition: color .25s;
-o-transition: color .25s;
transition: color .25s; }
.foi-tab ul li.active, .foi-tab ul li a.active {
color: #fff; }
.foi-tab ul li a, .foi-tab ul li a a {
margin: 0; }
.foi-sd {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 26px;
position: relative;
z-index: 0; }
.foi-sd .foi-im {
display: none; }
.foi-sd .foi-im.active {
display: block; }
.foi-sd .foi-img {
height: 467px; }
.foi-im {
width: 100%;
float: left;
position: relative; }
.foi-im .md-tt {
display: none; }
.foi-cap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
height: 60px; }
.foi-cap.wr div h4 {
color: #000; }
.foi-cap.wr div a {
color: #000; }
.foi-cap.wr div a::before {
background-image: url(../images/rb-mb.svg); }
.foi-cap.wr div a::after {
background-image: url(../images/search-aowb.svg); }
.foi-cap i {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
float: left;
height: 46px;
width: 74px;
margin: 7px 8px 0 16px; }
.foi-cap i img, .foi-cap i svg {
margin: auto;
max-width: 100%;
max-height: 100%; }
.foi-cap i + div {
width: -webkit-calc(100% - 98px);
width: calc(100% - 98px);
padding: 0; }
.foi-cap i + div a {
margin-top: 0; }
.foi-cap div {
float: left;
width: 100%;
padding-left: 27px;
margin-top: 18px; }
.foi-cap div h4 {
float: left;
font-size: 18px;
line-height: 22px;
color: #fff;
letter-spacing:2px;}
.foi-cap div h4 a {
color: #fff; }
.foi-cap div > a {
float: right;
font-weight: 300;
font-size: 12px;
line-height: 22px;
height: 22px;
letter-spacing: 0.07em;
text-transform: uppercase;
color: #fff;
margin: 2px 41px 0 0;
position: relative; }
.foi-cap div > a::before {
content: '';
width: 20px;
height: 20px;
background: url(../images/rb-m.svg) center/contain no-repeat;
opacity: .3;
float: right;
margin-left: 9px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.foi-cap div > a::after {
content: '';
position: absolute;
width: 6px;
height: 11px;
right: 5px;
background: url(../images/search-aow.svg) center/contain no-repeat;
top: 4px; }
.foi-cap div ul {
float: left;
width: 100%;
margin-top: 4px; }
.foi-cap div ul li {
float: left;
width: 100%; }
.foi-cap div ul li:first-child {
height: 2px; }
.foi-cap div ul li:nth-child(2) {
height: 4px; }
.foi-img {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
height: 606px;
margin-top: 10px; }
.foi-img > div {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
position: relative; }
.foi-img > div.s9 span:nth-child(1), .foi-img > div.s9 span:nth-child(3), .foi-img > div.s9 span:nth-child(7), .foi-img > div.s9 span:nth-child(9) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 36%; }
.foi-img > div.s9 span:nth-child(2) {
width: 22%;
height: 36%;
margin: 0 10px; }
.foi-img > div.s9 span:nth-child(4), .foi-img > div.s9 span:nth-child(6) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: -webkit-calc(28% - 20px);
height: calc(28% - 20px);
margin: 10px 0 0; }
.foi-img > div.s9 span:nth-child(5) {
width: 22%;
height: -webkit-calc(28% - 20px);
height: calc(28% - 20px);
margin: 10px 10px 0; }
.foi-img > div.s9 span:nth-child(7), .foi-img > div.s9 span:nth-child(9) {
margin-top: 10px; }
.foi-img > div.s9 span:nth-child(8) {
width: 22%;
height: 36%;
margin: 10px 10px 0; }
.foi-img > div.s8 span:nth-child(1), .foi-img > div.s8 span:nth-child(3), .foi-img > div.s8 span:nth-child(6), .foi-img > div.s8 span:nth-child(8) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 36%; }
.foi-img > div.s8 span:nth-child(2) {
position: absolute;
left: 39%;
top: 0;
width: 22%;
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px); }
.foi-img > div.s8 span:nth-child(4), .foi-img > div.s8 span:nth-child(5) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: -webkit-calc(28% - 20px);
height: calc(28% - 20px);
margin: 10px 0 0; }
.foi-img > div.s8 span:nth-child(3), .foi-img > div.s8 span:nth-child(5) {
margin-left: auto; }
.foi-img > div.s8 span:nth-child(6), .foi-img > div.s8 span:nth-child(8) {
margin-top: 10px; }
.foi-img > div.s8 span:nth-child(7) {
width: 22%;
height: 36%;
margin: 10px 10px 0; }
.foi-img > div.s7 span:nth-child(1), .foi-img > div.s7 span:nth-child(5), .foi-img > div.s7 span:nth-child(7) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 36%; }
.foi-img > div.s7 span:nth-child(2) {
position: absolute;
left: 39%;
top: 0;
width: 22%;
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px); }
.foi-img > div.s7 span:nth-child(3) {
position: absolute;
right: 0;
top: 0;
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px); }
.foi-img > div.s7 span:nth-child(4) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: -webkit-calc(28% - 20px);
height: calc(28% - 20px);
margin: 10px 0 0; }
.foi-img > div.s7 span:nth-child(1), .foi-img > div.s7 span:nth-child(4) {
margin-right: 60%; }
.foi-img > div.s7 span:nth-child(5), .foi-img > div.s7 span:nth-child(7) {
margin-top: 10px; }
.foi-img > div.s7 span:nth-child(6) {
width: 22%;
height: 36%;
margin: 10px 10px 0; }
.foi-img > div.s6 span:nth-child(1), .foi-img > div.s6 span:nth-child(3) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px); }
.foi-img > div.s6 span:nth-child(2) {
width: 22%;
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px);
margin: 0 10px; }
.foi-img > div.s6 span:nth-child(4), .foi-img > div.s6 span:nth-child(6) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 36%;
margin-top: 10px; }
.foi-img > div.s6 span:nth-child(5) {
width: 22%;
height: 36%;
margin: 10px 10px 0; }
.foi-img > div.s5 span:nth-child(1) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px); }
.foi-img > div.s5 span:nth-child(2) {
width: 61%;
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px);
margin-left: 10px; }
.foi-img > div.s5 span:nth-child(3), .foi-img > div.s5 span:nth-child(5) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 36%;
margin-top: 10px; }
.foi-img > div.s5 span:nth-child(4) {
width: 22%;
height: 36%;
margin: 10px 10px 0; }
.foi-img > div.s4 span:nth-child(1) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px); }
.foi-img > div.s4 span:nth-child(2) {
width: 61%;
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px);
margin-left: 10px; }
.foi-img > div.s4 span:nth-child(3) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 36%;
margin-top: 10px; }
.foi-img > div.s4 span:nth-child(4) {
width: 61%;
height: 36%;
margin: 10px 0 0 10px; }
.foi-img > div.s3 span:nth-child(1) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 100%; }
.foi-img > div.s3 span:nth-child(2) {
width: 61%;
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px);
margin-left: 10px; }
.foi-img > div.s3 span:nth-child(3) {
position: absolute;
bottom: 0;
right: 0;
width: 61%;
height: 36%; }
.foi-img > div.s2 span:nth-child(1) {
width: 61%;
height: 100%; }
.foi-img > div.s2 span:nth-child(2) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 100%;
margin-left: 10px; }
.foi-img > div.s1 span {
width: 100%;
height: 100%; }
.foi-img > div span, .foi-img > div i {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
float: left;
background: -webkit-radial-gradient(50% 50%, 52.43% 50%, #F6F6F6 14.94%, #D7D6DB 100%);
background: -o-radial-gradient(50% 50%, 52.43% 50%, #F6F6F6 14.94%, #D7D6DB 100%);
background: radial-gradient(52.43% 50% at 50% 50%, #F6F6F6 14.94%, #D7D6DB 100%);
cursor: pointer;
-webkit-transition: -webkit-box-shadow .25s;
transition: -webkit-box-shadow .25s;
-o-transition: box-shadow .25s;
transition: box-shadow .25s;
transition: box-shadow .25s, -webkit-box-shadow .25s; }
.foi-img > div span img, .foi-img > div span svg, .foi-img > div i img, .foi-img > div i svg {
display: block;
width: auto;
height: auto;
max-width: 90%;
max-height: 90%;
margin: auto; }
.foi-img > div span img.top, .foi-img > div span svg.top, .foi-img > div i img.top, .foi-img > div i svg.top {
max-width: 100%;
max-height: 95%;
margin: 0 auto; }
.foi-img > div span img.full, .foi-img > div span svg.full, .foi-img > div i img.full, .foi-img > div i svg.full {
max-width: 100%;
max-height: 100%;
margin: 0 auto; }
.foi-img > div i {
cursor: default; }
.foi-img ul {
display: none; }
.foi-pl {
position: fixed;
width: 100%;
height: 100vh;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 20;
display: none; }
.foi-md {
display: none;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 22; }
.foi-md-list {
width: 100%;
height: -webkit-calc(100% - 80px);
height: calc(100% - 80px);
background: -webkit-radial-gradient(50% 50%, 52.43% 50%, #F6F6F6 14.94%, #D7D6DB 100%);
background: -o-radial-gradient(50% 50%, 52.43% 50%, #F6F6F6 14.94%, #D7D6DB 100%);
background: radial-gradient(52.43% 50% at 50% 50%, #F6F6F6 14.94%, #D7D6DB 100%);
position: relative; }
.foi-md-list button {
position: absolute;
width: 160px;
z-index: 2;
top: 0;
bottom: 0; }
.foi-md-list button i {
position: absolute;
top: -webkit-calc(50% - 15px);
top: calc(50% - 15px);
width: 32px;
height: 32px;
z-index: 5; }
.foi-md-list button i::after {
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: .3;
background: url(../images/fio-r.svg) center no-repeat;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.foi-md-list button i::before {
content: '';
width: 9px;
height: 17px;
top: 8px;
left: 8px;
position: absolute;
background: url(../images/fio-a.svg) center no-repeat; }
.foi-md-list button.prev {
left: 0; }
.foi-md-list button.prev i {
left: 65px; }
.foi-md-list button.next {
right: 0; }
.foi-md-list button.next i {
right: 65px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.foi-md-list div {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.foi-md-list div i {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
opacity: 0;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s; }
.foi-md-list div i.active {
opacity: 1; }
.foi-md-list div i img, .foi-md-list div i svg {
display: block;
width: auto;
height: auto;
max-width: 90%;
max-height: 90%;
margin: auto; }
.foi-md-list div i img.top, .foi-md-list div i svg.top {
max-width: 100%;
max-height: 95%;
margin: 0 auto; }
.foi-md-list div i img.full, .foi-md-list div i svg.full {
max-width: 100%;
max-height: 100%;
margin: 0 auto; }
.foi-md-list ul {
position: absolute;
width: 27px;
left: 50%;
bottom: -34px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.foi-md-list ul li {
float: left;
width: 7px;
height: 4px;
margin: 0 3px 3px 0;
background: rgba(255, 255, 255, 0.3); }
.foi-md-list ul li:nth-child(3n) {
margin-right: 0; }
.foi-md-list ul li.active {
background: #fff;
-webkit-box-shadow: 0px 4px 14px rgba(255, 255, 255, 0.85);
box-shadow: 0px 4px 14px rgba(255, 255, 255, 0.85); }
.foi-pg {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
position: relative;
width: 100%;
margin-bottom: 50px; }
.foi-pg:last-child {
margin: 0; }
.foi-pg .foi-md {
height: -webkit-calc(100% + 80px);
height: calc(100% + 80px);
top: -80px; }
.foi-lt {
display: block;
width: 100%;
height: auto;
margin-top: 50px; }
.foi-lt:first-child {
margin: 0; }
.foi-lt h2 {
display: block;
text-align: center;
height: 63px;
line-height: 63px;
font-size: 30px;
color: #fff; }
.foi-lt button, .foi-lt i {
display: none; }
.foi-lt div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
height: 606px;
position: relative;
margin-top: 10px; }
.foi-lt div.s9 a:nth-child(1), .foi-lt div.s9 a:nth-child(3), .foi-lt div.s9 a:nth-child(7), .foi-lt div.s9 a:nth-child(9) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 36%; }
.foi-lt div.s9 a:nth-child(2) {
width: 22%;
height: 36%;
margin: 0 10px; }
.foi-lt div.s9 a:nth-child(4), .foi-lt div.s9 a:nth-child(6) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: -webkit-calc(28% - 20px);
height: calc(28% - 20px);
margin: 10px 0 0; }
.foi-lt div.s9 a:nth-child(5) {
width: 22%;
height: -webkit-calc(28% - 20px);
height: calc(28% - 20px);
margin: 10px 10px 0; }
.foi-lt div.s9 a:nth-child(7), .foi-lt div.s9 a:nth-child(9) {
margin-top: 10px; }
.foi-lt div.s9 a:nth-child(8) {
width: 22%;
height: 36%;
margin: 10px 10px 0; }
.foi-lt div.s8 a:nth-child(1), .foi-lt div.s8 a:nth-child(3), .foi-lt div.s8 a:nth-child(6), .foi-lt div.s8 a:nth-child(8) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 36%; }
.foi-lt div.s8 a:nth-child(2) {
position: absolute;
left: 39%;
top: 0;
width: 22%;
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px); }
.foi-lt div.s8 a:nth-child(4), .foi-lt div.s8 a:nth-child(5) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: -webkit-calc(28% - 20px);
height: calc(28% - 20px);
margin: 10px 0 0; }
.foi-lt div.s8 a:nth-child(3), .foi-lt div.s8 a:nth-child(5) {
margin-left: auto; }
.foi-lt div.s8 a:nth-child(6), .foi-lt div.s8 a:nth-child(8) {
margin-top: 10px; }
.foi-lt div.s8 a:nth-child(7) {
width: 22%;
height: 36%;
margin: 10px 10px 0; }
.foi-lt div.s7 a:nth-child(1), .foi-lt div.s7 a:nth-child(5), .foi-lt div.s7 a:nth-child(7) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 36%; }
.foi-lt div.s7 a:nth-child(2) {
position: absolute;
left: 39%;
top: 0;
width: 22%;
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px); }
.foi-lt div.s7 a:nth-child(3) {
position: absolute;
right: 0;
top: 0;
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px); }
.foi-lt div.s7 a:nth-child(4) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: -webkit-calc(28% - 20px);
height: calc(28% - 20px);
margin: 10px 0 0; }
.foi-lt div.s7 a:nth-child(1), .foi-lt div.s7 a:nth-child(4) {
margin-right: 60%; }
.foi-lt div.s7 a:nth-child(5), .foi-lt div.s7 a:nth-child(7) {
margin-top: 10px; }
.foi-lt div.s7 a:nth-child(6) {
width: 22%;
height: 36%;
margin: 10px 10px 0; }
.foi-lt div.s6 a:nth-child(1), .foi-lt div.s6 a:nth-child(3) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px); }
.foi-lt div.s6 a:nth-child(2) {
width: 22%;
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px);
margin: 0 10px; }
.foi-lt div.s6 a:nth-child(4), .foi-lt div.s6 a:nth-child(6) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 36%;
margin-top: 10px; }
.foi-lt div.s6 a:nth-child(5) {
width: 22%;
height: 36%;
margin: 10px 10px 0; }
.foi-lt div.s5 a:nth-child(1) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px); }
.foi-lt div.s5 a:nth-child(2) {
width: 61%;
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px);
margin-left: 10px; }
.foi-lt div.s5 a:nth-child(3), .foi-lt div.s5 a:nth-child(5) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 36%;
margin-top: 10px; }
.foi-lt div.s5 a:nth-child(4) {
width: 22%;
height: 36%;
margin: 10px 10px 0; }
.foi-lt div.s4 a:nth-child(1) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px); }
.foi-lt div.s4 a:nth-child(2) {
width: 61%;
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px);
margin-left: 10px; }
.foi-lt div.s4 a:nth-child(3) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 36%;
margin-top: 10px; }
.foi-lt div.s4 a:nth-child(4) {
width: 61%;
height: 36%;
margin: 10px 0 0 10px; }
.foi-lt div.s3 a:nth-child(1) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 100%; }
.foi-lt div.s3 a:nth-child(2) {
width: 61%;
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px);
margin-left: 10px; }
.foi-lt div.s3 a:nth-child(3) {
position: absolute;
bottom: 0;
right: 0;
width: 61%;
height: 36%; }
.foi-lt div.s2 a:nth-child(1) {
width: 61%;
height: 100%; }
.foi-lt div.s2 a:nth-child(2) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 100%;
margin-left: 10px; }
.foi-lt div.s1 a {
width: 100%;
height: 100%; }
.foi-lt div a {
float: left;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
position: relative; }
.foi-lt div a::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(50.37%, rgba(0, 0, 0, 0)), color-stop(81.11%, rgba(0, 0, 0, 0.4)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50.37%, rgba(0, 0, 0, 0.4) 81.11%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 50.37%, rgba(0, 0, 0, 0.4) 81.11%);
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.37%, rgba(0, 0, 0, 0.4) 81.11%); }
.foi-lt div a::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
background: #000;
opacity: 0;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.foi-lt div a p {
position: absolute;
bottom: 23px;
left: 23px;
z-index: 1;
width: 100%;
font-size: 13px;
line-height: 15px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: #fff; }
.foi-pj {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
margin-top: 64px; }
.foi-pj .foi-img {
margin-top: 0;
height: 677px; }
.foi-pj-bc {
width: 100%;
height: auto;
position: relative;
margin-top: 71px; }
.foi-pj-bc:first-child {
margin: 0; }
.foi-pj .foi-md {
height: -webkit-calc(100% + 80px);
height: calc(100% + 80px);
top: -80px; }
.foi-photo .foi-img > div span, .foi-photo .foi-img > div i {
background: #fff; }
.foi-photo .foi-md-list {
background: #fff; }
.md {
display: block;
width: 100%;
max-width: 380px;
max-height: -webkit-calc(100vh - 80px);
max-height: calc(100vh - 80px);
position: relative;
margin: auto; }
.md .close {
right: 10px;
top: -46px; }
.md-map {
width: 100%;
height: 430px;
margin-top: 34px; }
.md-ov {
display: block;
width: 100%;
height: 100%;
overflow-y: auto;
background: #DDDCE0;
padding: 54px 0 58px; }
.md .title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
max-width: 290px;
margin: auto; }
.md .title img, .md .title svg {
width: auto;
height: 36px;
margin-left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.md .title h2 {
width: 100%;
margin-top: 10px;
color: #000; }
.md .title p {
width: 100%;
display: block;
margin-top: 12px;
font-weight: 300;
font-size: 14px;
line-height: 20px;
color: #000;
text-align: center; }
.md .title .link {
display: none;
width: 100%;
margin-top: 24px; }
.md-form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
max-width: 246px;
margin: 23px auto 0; }
.md-form .qi {
width: 100%;
margin-top: 13px; }
.md-form .qi:first-child {
margin: 0; }
.md-form .qt {
width: 100%;
height: 180px;
margin-top: 13px; }
.md-form .qt:first-child {
margin: 0; }
.md-form .qc {
width: 100%;
margin-top: 16px; }
.md-form .qc label {
float: right; }
.md-form button {
width: 100%;
margin-top: 19px;
height: 61px;
line-height: 61px; }
.md-geo {
max-width: 1140px; }
.md-geo .md-ov {
padding: 40px 25px 25px; }
.md-geo .title {
max-width: 510px; }
.md-geo .md-form {
max-width: 510px; }
.md-geo .md-form .qi {
width: -webkit-calc(50% - 7px);
width: calc(50% - 7px); }
.md-geo .md-form .qi input {
border-color: rgba(0, 0, 0, 0.3);
color: #000; }
.md-geo .md-form .qi input:focus {
border-color: black; }
.md-geo .md-form .qi i svg path {
fill: #000; }
.md-geo .md-form .qi label {
color: #000; }
.md-geo .md-form button {
width: -webkit-calc(50% - 7px);
width: calc(50% - 7px);
margin: 0 0 0 14px; }
.md-tt {
width: 100%;
height: 80px;
padding: 31px 40px 0;
position: relative; }
.md-tt > i {
display: none; }
.md-tt button {
right: 35px;
top: 20px; }
.md-tt a {
float: left;
font-weight: 300;
display: block;
font-size: 12px;
line-height: 22px;
height: 22px;
letter-spacing: 0.07em;
text-transform: uppercase;
color: #fff;
position: relative;
-webkit-transition: color .25s;
-o-transition: color .25s;
transition: color .25s; }
.md-tt a::before {
content: '';
width: 20px;
height: 20px;
float: left;
margin-right: 9px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
background: url(../images/rb-m.svg) center/contain no-repeat;
opacity: .3;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.md-tt a::after {
content: '';
position: absolute;
width: 6px;
height: 11px;
left: 5px;
background: url(../images/search-aol.svg) center/contain no-repeat;
top: 4px; }
.md-skr {
max-width: 1140px; }
.md-skr .title {
max-width: 100%; }
.md-skr .md-ov {
padding: 0; }
.md-skr .md-ov .text {
display: block; }
.stat {
margin-top: 30px;
padding: 26px 25px 49px; }
.stat + .bin {
margin-top: 30px; }
.stat-bc {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-top: 28px;
width: 100%; }
.stat-bc div {
float: left;
width: 20%; }
.stat-bc div > p {
display: block;
width: 100%;
margin-top: 2px;
text-align: center;
font-size: 12px;
line-height: 14px;
color: #fff; }
.stat-bc i {
display: block;
width: 100%;
height: 42px;
background-position: center;
background-repeat: no-repeat; }
.stat-bc span {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin-top: 10px; }
.stat-bc span h4 {
float: left;
font-size: 42px;
line-height: 42px;
color: #fff;
position: relative; }
.stat-bc span h4 p {
position: absolute;
font-family: 'PF Bague Sans Pro', sans-serif;
font-weight: 300;
font-size: 12px;
line-height: 12px;
color: rgba(255, 255, 255, 0.5);
white-space: nowrap;
bottom: 8px;
left: -webkit-calc(100% + 5px);
left: calc(100% + 5px); }
.stat-mb {
display: none; }
.psa {
width: 100%;
margin-top: 30px;
padding: 26px 25px 25px; }
.psa table {
margin-top: 21px; }
.psa table th {
text-align: center; }
.psa table td {
width: 16.6666%;
padding: 4px 9px 4px; }
.psa table td b {
font-size: 13px;
line-height: 16px; }
.psa table td a {
font-size: 13px;
line-height: 15px;
padding-left: 16px; }
.psa table td a::before {
width: 10px; }
.psa table td p {
font-size: 13px;
line-height: 15px; }
.psa-2 table th {
text-align: left;
padding: 8px 9px; }
.psa-2 table th b {
font-size: 13px;
line-height: 15px; }
.psa-2 table td {
padding: 7px 9px; }
.pen {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 250px;
margin-top: 30px;
-webkit-background-size: cover;
background-size: cover;
background-position: center; }
.pen .title {
margin: auto; }
.pen .title p {
display: block;
margin: 11px auto 0;
font-size: 18px;
line-height: 25px;
text-align: center;
color: #fff; }
.pen .title a {
margin: 22px 0 0 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.piv {
margin-top: 30px;
padding: 26px 25px 50px; }
.piv + .bin {
margin-top: 30px; }
.piv + .bin div {
max-width: 466px; }
.piv-bc {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-top: 30px;
width: 100%; }
.piv-bc div {
float: left;
width: 20%; }
.piv-bc i {
display: block;
width: 100%;
height: 47px;
background-position: center;
background-repeat: no-repeat; }
.piv-bc p {
display: block;
width: 80%;
margin: 18px auto 0;
font-weight: 300;
font-size: 12px;
color: #fff;
text-align: center; }
.tdt {
margin-top: 30px;
padding: 26px 25px 25px; }
.tdt-bc {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
margin-top: 26px;
height: 564px;
-webkit-background-size: cover;
background-size: cover;
background-position: center; }
.tdt-bc .link {
margin: auto; }
.tdt-bc iframe {
display: block;
width: 100%;
height: 100%;
position: relative;
z-index: 1; }
.tdt-bc span {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: auto;
position: relative;
z-index: 2;
}
.tdt-bc span h2 {
display: block;
width: 100%;
text-align: center;}
.tdt-bc span a.link {
margin: 17px auto 0;}
.ksc {
width: 100%;
margin-top: 30px;
padding: 26px 25px 25px; }
.ksc table {
margin-top: 21px;
width: 100%; }
.ksc table td {
width: 25%; }
.ksc table td b p {
display: inline-block;
font-weight: 300;
font-size: 12px;
color: rgba(255, 255, 255, 0.5);
margin-left: 5px; }
.ksc-ba table th {
padding: 5px 15px 5px; }
.ksc-ba table th b {
text-align: center; }
.ksc-ba table td {
padding: 5px 15px 5px; }
.ksc-ba table td b {
display: block;
font-size: 13px;
line-height: 14px; }
.ksc-ba table td p {
display: block;
font-size: 12px;
line-height: 14px; }
.ksc-m table th {
padding: 15px 15px 16px; }
.ksc-m table th b {
text-align: center; }
.ksc-m table td {
padding: 5px 15px 4px; }
.vhp {
display: block;
position: relative;
overflow: hidden;
width: 100%;
height: 410px;
margin-top: 30px;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat; }
.vhp.bg video {
opacity: 1; }
.vhp.active .vhp-play {
opacity: 0;
z-index: 0; }
.vhp-play {
position: relative;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.vhp-play i {
position: absolute;
width: 110px;
height: 110px;
-webkit-border-radius: 50%;
border-radius: 50%;
opacity: .6;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
cursor: pointer;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.vhp-play::before {
content: '';
position: absolute;
width: 36px;
height: 47px;
background: url(../images/play.svg) center no-repeat;
top: 50%;
left: -webkit-calc(50% - 14px);
left: calc(50% - 14px);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
cursor: pointer; }
.vhp video {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
opacity: 0;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.skr {
width: 100%;
margin-top: 30px;
padding: 26px 25px 25px;
position: relative; }
.skr .title {
position: relative;
z-index: 21; }
.skr-all {
display: none; }
.skr-bc {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
height: 570px;
margin-top: 18px; }
.skr-bc.sc9 a:nth-child(1), .skr-bc.sc9 a:nth-child(3), .skr-bc.sc9 a:nth-child(7), .skr-bc.sc9 a:nth-child(9) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 36%; }
.skr-bc.sc9 a:nth-child(2) {
width: 22%;
height: 36%;
margin: 0 10px; }
.skr-bc.sc9 a:nth-child(4), .skr-bc.sc9 a:nth-child(6) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: -webkit-calc(28% - 20px);
height: calc(28% - 20px);
margin: 10px 0 0; }
.skr-bc.sc9 a:nth-child(5) {
width: 22%;
height: -webkit-calc(28% - 20px);
height: calc(28% - 20px);
margin: 10px 10px 0; }
.skr-bc.sc9 a:nth-child(7), .skr-bc.sc9 a:nth-child(9) {
margin-top: 10px; }
.skr-bc.sc9 a:nth-child(8) {
width: 22%;
height: 36%;
margin: 10px 10px 0; }
.skr-bc.sc8 a:nth-child(1), .skr-bc.sc8 a:nth-child(3), .skr-bc.sc8 a:nth-child(6), .skr-bc.sc8 a:nth-child(8) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 36%; }
.skr-bc.sc8 a:nth-child(2) {
position: absolute;
left: 39%;
top: 0;
width: 22%;
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px); }
.skr-bc.sc8 a:nth-child(4), .skr-bc.sc8 a:nth-child(5) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: -webkit-calc(28% - 20px);
height: calc(28% - 20px);
margin: 10px 0 0; }
.skr-bc.sc8 a:nth-child(3), .skr-bc.sc8 a:nth-child(5) {
margin-left: auto; }
.skr-bc.sc8 a:nth-child(6), .skr-bc.sc8 a:nth-child(8) {
margin-top: 10px; }
.skr-bc.sc8 a:nth-child(7) {
width: 22%;
height: 36%;
margin: 10px 10px 0; }
.skr-bc.sc7 a:nth-child(1), .skr-bc.sc7 a:nth-child(5), .skr-bc.sc7 a:nth-child(7) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 36%; }
.skr-bc.sc7 a:nth-child(2) {
position: absolute;
left: 39%;
top: 0;
width: 22%;
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px); }
.skr-bc.sc7 a:nth-child(3) {
position: absolute;
right: 0;
top: 0;
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px); }
.skr-bc.sc7 a:nth-child(4) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: -webkit-calc(28% - 20px);
height: calc(28% - 20px);
margin: 10px 0 0; }
.skr-bc.sc7 a:nth-child(1), .skr-bc.sc7 a:nth-child(4) {
margin-right: 60%; }
.skr-bc.sc7 a:nth-child(5), .skr-bc.sc7 a:nth-child(7) {
margin-top: 10px; }
.skr-bc.sc7 a:nth-child(6) {
width: 22%;
height: 36%;
margin: 10px 10px 0; }
.skr-bc.sc6 a:nth-child(1), .skr-bc.sc6 a:nth-child(3) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px); }
.skr-bc.sc6 a:nth-child(2) {
width: 22%;
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px);
margin: 0 10px; }
.skr-bc.sc6 a:nth-child(4), .skr-bc.sc6 a:nth-child(6) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 36%;
margin-top: 10px; }
.skr-bc.sc6 a:nth-child(5) {
width: 22%;
height: 36%;
margin: 10px 10px 0; }
.skr-bc.sc5 a:nth-child(1) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px); }
.skr-bc.sc5 a:nth-child(2) {
width: 61%;
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px);
margin-left: 10px; }
.skr-bc.sc5 a:nth-child(3), .skr-bc.sc5 a:nth-child(5) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 36%;
margin-top: 10px; }
.skr-bc.sc5 a:nth-child(4) {
width: 22%;
height: 36%;
margin: 10px 10px 0; }
.skr-bc.sc4 a:nth-child(1) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px); }
.skr-bc.sc4 a:nth-child(2) {
width: 61%;
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px);
margin-left: 10px; }
.skr-bc.sc4 a:nth-child(3) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 36%;
margin-top: 10px; }
.skr-bc.sc4 a:nth-child(4) {
width: 61%;
height: 36%;
margin: 10px 0 0 10px; }
.skr-bc.sc3 a:nth-child(1) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 100%; }
.skr-bc.sc3 a:nth-child(2) {
width: 61%;
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px);
margin-left: 10px; }
.skr-bc.sc3 a:nth-child(3) {
position: absolute;
bottom: 0;
right: 0;
width: 61%;
height: 36%; }
.skr-bc.sc2 a:nth-child(1) {
width: 61%;
height: 100%; }
.skr-bc.sc2 a:nth-child(2) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 100%;
margin-left: 10px; }
.skr-bc.sc1 a {
width: 100%;
height: 100%; }
.skr-bc a {
float: left;
position: relative;
cursor: pointer;
-webkit-background-size: cover;
background-size: cover;
background-position: center; }
.skr-bc a i {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
opacity: .6;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.skr-bc a p {
display: block;
position: absolute;
bottom: 22px;
left: 23px;
z-index: 3;
font-weight: 300;
font-size: 12px;
line-height: 15px;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #fff; }
.skr-bc a::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background: -webkit-gradient(linear, left top, left bottom, color-stop(50.37%, rgba(0, 0, 0, 0)), color-stop(81.11%, rgba(0, 0, 0, 0.3)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50.37%, rgba(0, 0, 0, 0.3) 81.11%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 50.37%, rgba(0, 0, 0, 0.3) 81.11%);
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.37%, rgba(0, 0, 0, 0.3) 81.11%); }
.skr-pl {
position: fixed;
width: 100%;
height: 100vh;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 20;
display: none; }
.skr-md {
display: none;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 22; }
.skr-wd {
width: 100%;
background: #DDDCE0; }
.skr-cap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 289px;
position: relative; }
.skr-cap i {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
z-index: 0;
opacity: .5; }
.skr-cap .title {
width: -webkit-calc(100% - 130px);
width: calc(100% - 130px);
height: auto;
margin: auto; }
.skr-cap .title img, .skr-cap .title svg {
display: block;
width: auto;
height: 36px;
margin-left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.skr-cap .title h3 {
display: block;
width: 100%;
text-align: center;
margin-top: 17px;
font-size: 40px;
color: #fff; }
.skr-cap .title p {
display: block;
margin-top: 19px;
font-weight: 300;
font-size: 14px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #fff;
text-align: center; }
.skr-cap .title ul {
top: -webkit-calc(50% - 11px);
top: calc(50% - 11px); }
.skr-cap .title ul li a {
color: #fff; }
.skr-text {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 85px 0 82px; }
.skr-text .text {
display: none;
width: 100%;
max-width: 670px;
margin: auto;
color: #000; }
.skr-text .text ol li::before {
color: rgba(0, 0, 0, 0.5);}
.skr-text .text.active {
display: block; }
.skr-text .text h4 {
font-family: 'PF Bague Sans Pro', sans-serif;
font-weight: 500; }
.skr-text .text i {
display: block;
width: 100%;
margin-top: 34px;
height: 280px;
-webkit-background-size: cover;
background-size: cover;
background-position: center; }
.dela {
border-top: 1px dashed rgba(255, 255, 255, 0.3);
padding: 41px 0 51px;
position: relative; }
.dela.black {
border-top: 1px dashed rgba(0, 0, 0, 0.3); }
.dela.black h4 {
color: #000; }
.dela.black > ul a::before {
background: url(../images/rb-b.svg) center/contain no-repeat; }
.dela.black > ul a svg path {
fill: #000; }
.dela h4 {
display: block;
text-align: center;
font-size: 20px;
color: #fff; }
.dela .title {
position: absolute;
top: 0;
width: -webkit-calc(100% - 120px);
width: calc(100% - 120px);
left: 60px; }
.dela .title ul {
top: 0; }
.dela .title ul li {
position: absolute;
top: 99px; }
.dela .title ul li:last-child {
right: 0; }
.dela .title ul li a {
color: #000 !important; }
.dela .title ul li a::before {
background-image: url(../images/rb-mb.svg); }
.dela .title ul li a::after {
background-image: url(../images/search-aowb.svg); }
.dela .title ul li:first-child {
left: 0; }
.dela .title ul li:first-child a::after {
background-image: url(../images/search-aolb.svg); }
.dela > ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin-top: 23px;
position: relative;
z-index: 2; }
.dela > ul a {
float: left;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
width: 40px;
height: 40px;
margin-right: 21px;
padding-bottom: 5px; }
.dela > ul a:last-child {
margin: 0; }
.dela > ul a img, .dela > ul a svg {
width: auto;
height: auto;
margin: auto; }
.dela > ul a img path, .dela > ul a svg path {
fill: #fff; }
.dela > ul a::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url(../images/rb.svg) center/contain no-repeat;
opacity: .3;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.text {
color: #fff; }
.text.black {
color: #000; }
.text.black hr {
border-bottom: 1px dashed rgba(0, 0, 0, 0.3); }
.text.black ul li {
color: #000; }
.text.black ul li::before {
background: #000; }
.text.black p a {
color: #000;
border-bottom: 1px dashed rgba(0, 0, 0, 0.3); }
.text.black ol li::before {
color: rgba(0, 0, 0, 0.4);}
.text div.wp-caption {
width: 100% !important; }
.text iframe {
width: 100%;
height: 400px;
margin-top: 20px; }
.text iframe:first-child {
margin-top: 0; }
.text p {
display: block;
font-weight: 300;
font-size: 18px;
line-height: 29px;
margin-top: 15px; }
.text p + h2, .text p + h3, .text p + h4, .text p + h5, .text p + h6 {
margin-top: 40px; }
.text p:first-child {
margin: 0; }
.text p.oi, .text p.wp-caption-text {
margin-top: 22px;
font-size: 12px;
line-height: 16px;
color: rgba(255, 255, 255, 0.5);
text-align: right; }
.text p a {
display: inline-block;
color: #fff;
cursor: pointer;
-webkit-transition: border .25s;
-o-transition: border .25s;
transition: border .25s;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.text p a::before {
content: '';
position: absolute;
width: 100%;
height: 1px;
border-bottom: 1px dashed #fff;
opacity: .5;
left: 0;
right: 0;
bottom: 4px;
-webkit-transition: opacity .2s;
-o-transition: opacity .2s;
transition: opacity .2s; }
.text p a:active::before {
bottom: -4px; }
.text p a span {
position: absolute;
width: auto;
left: 50%;
bottom: 30px;
padding: 9px 12px 7px;
text-transform: uppercase;
color: #fff;
font-size: 14px;
line-height: 18px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: var(--cl4);
-webkit-box-shadow: 0px 0px 3px var(--cl4);
box-shadow: 0px 0px 3px var(--cl4);
white-space: nowrap; }
.text p a span::before {
content: '';
position: absolute;
width: 6px;
height: 6px;
left: -webkit-calc(50% - 3px);
left: calc(50% - 3px);
bottom: -3px;
background: var(--cl4);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.text q, .text blockquote {
display: block;
width: 100%;
background: rgba(0, 0, 0, 0.1);
padding: 46px 60px 46px;
margin-top: 30px; }
.text q + h2, .text q + h3, .text q + h4, .text q + h5, .text q + h6, .text blockquote + h2, .text blockquote + h3, .text blockquote + h4, .text blockquote + h5, .text blockquote + h6 {
margin-top: 30px; }
.text q:first-child, .text blockquote:first-child {
margin: 0; }
.text q::before, .text q::after, .text blockquote::before, .text blockquote::after {
display: none; }
.text q h4, .text q h5, .text q h6, .text blockquote h4, .text blockquote h5, .text blockquote h6 {
display: block;
line-height: 32px;
text-align: center; }
.text q p:first-child, .text blockquote p:first-child {
margin: 0; }
.text q p:last-child, .text blockquote p:last-child {
margin-top: 21px;
text-align: center;
font-size: 12px;
line-height: 14px;
color: rgba(255, 255, 255, 0.5); }
.text q p:last-child b, .text q p:last-child strong, .text blockquote p:last-child b, .text blockquote p:last-child strong {
display: block;
text-align: center;
color: #fff;
padding-bottom: 5px; }
.text span {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
position: relative; }
.text span h2, .text span h3, .text span h4, .text span h5, .text span h6 {
max-width: -webkit-calc(100% - 130px);
max-width: calc(100% - 130px); }
.text span a {
position: absolute;
right: 0;
top: 50%;
height: 20px;
line-height: 22px;
font-weight: 300;
font-size: 12px;
color: #fff;
letter-spacing: 0.09em;
text-transform: uppercase;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.text span a::before {
content: '';
width: 20px;
height: 20px;
background: url(../images/rb-m.svg) center/contain no-repeat;
float: right;
margin-left: 9px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: .3;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.text span a::after {
content: '';
position: absolute;
width: 6px;
height: 11px;
top: 4px;
right: 5px;
background: url(../images/search-aow.svg) center/contain no-repeat; }
.text h2 {
display: block;
font-size: 30px; }
.text h3 {
display: block;
font-size: 26px; }
.text h4 {
display: block;
font-size: 24px; }
.text h4 + p {
margin-top: 9px; }
.text h5 {
display: block;
font-size: 20px; }
.text h6 {
display: block;
font-size: 16px; }
.text ol {
display: block;
margin-top: 15px; }
.text ol:first-child {
margin: 0; }
.text ol li {
display: block;
position: relative;
padding-left: 26px;
font-weight: 300;
font-size: 18px;
line-height: 29px;
margin-top: 14px;
counter-increment: inst; }
.text ol li:first-child {
margin: 0; }
.text ol li::before {
content: counter(inst) ".";
position: absolute;
left: 0;
top: 0;
color: rgba(255, 255, 255, 0.4);
width: 16px;
font-weight: 300;
font-size: 18px;
line-height: 29px; }
.text ol li ol {
margin-top: 14px; }
.text ol li ol:first-child {
margin-top: 14px; }
.text ol li ol li {
counter-increment: inse; }
.text ol li ol li::before {
content: counter(inse) ")"; }
.text ul {
display: block;
margin-top: 15px; }
.text ul.min li {
margin-top: 5px; }
.text ul:first-child {
margin: 0; }
.text ul li {
display: block;
position: relative;
padding-left: 30px;
font-weight: 300;
font-size: 18px;
line-height: 29px;
margin-top: 14px; }
.text ul li:first-child {
margin: 0; }
.text ul li::before {
content: '';
position: absolute;
left: 0;
top: 15px;
width: 16px;
height: 1px;
background: rgba(255, 255, 255, 0.3); }
.text ul li ul {
margin-top: 14px; }
.text ul li ul:first-child {
margin-top: 14px; }
.text ul li ul li {
padding-left: 20px; }
.text ul li ul li::before {
width: 9px;
height: 9px;
top: 12px;
background: url(../images/ul.svg) center/contain no-repeat;
opacity: .4; }
.text img {
display: block;
width: auto;
height: auto;
max-width: 100%;
margin-top: 26px; }
.text img + p {
margin-top: 22px; }
.text img + h2, .text img + h3, .text img + h4, .text img + h5, .text img + h6 {
margin-top: 40px; }
.text hr {
display: block;
width: 100%;
height: 1px;
background: transparent;
border: 0;
border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
margin: 44px 0 40px; }
.dsj {
width: 100%;
margin-top: 30px;
padding: 26px 25px 54px; }
.dsj-bc {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-top: 29px; }
.dsj-bc a {
float: left;
width: 20%; }
.dsj-bc a:not(:hover) i {
opacity: .3; }
.dsj-bc a:not(:hover) i svg path {
fill: #fff; }
.dsj-bc a i {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
height: 70px;
background-repeat: no-repeat;
background-position: center;
opacity: 1;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.dsj-bc a i svg, .dsj-bc a i img {
margin: auto; }
.dsj-bc a i svg path, .dsj-bc a i img path {
-webkit-transition: fill .25s;
-o-transition: fill .25s;
transition: fill .25s; }
.dsj-bc a p {
display: block;
margin-top: 18px;
text-align: center;
font-weight: 300;
font-size: 14px;
line-height: 17px;
color: #fff; }
.cnt {
width: 100%;
margin-top: 30px;
padding: 26px 25px 42px; }
.cnt .title p {
display: block;
font-weight: 300;
font-size: 18px;
line-height: 25px;
margin-top: 9px;
text-align: center;
color: #fff; }
.cnt-form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
max-width: 776px;
margin: 26px auto 0;
position: relative; }
.cnt-form .qi {
width: -webkit-calc(33.3333% - 12px);
width: calc(50.3333% - 12px);
margin-left: 18px;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.cnt-form .qt {
width: 100%;
margin-top: 15px;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.cnt-form .qc {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
margin-top: 45px;
width: -webkit-calc(33.3333% - 12px);
width: calc(33.3333% - 12px); }
.cnt-form .qf {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
width: -webkit-calc(33.3333% - 12px);
width: calc(33.3333% - 12px);
margin: 23px 0 0 18px; }
.cnt-form .link {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5;
height: 62px;
line-height: 62px;
width: -webkit-calc(33.3333% - 12px);
width: calc(33.3333% - 12px);
margin: 23px 0 0 18px; }
.qi {
float: left;
height: 62px;
position: relative; }
.qi:first-child {
margin: 0; }
.qi input {
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.3);
padding: 32px 10px 14px 45px;
font-weight: 300;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 16px;
line-height: 18px;
color: #fff;
-webkit-transition: border .25s;
-o-transition: border .25s;
transition: border .25s; }
.qi input:focus {
border: 1px solid #fff; }
.qi input:focus ~ i {
opacity: 1; }
.qi input:focus ~ label {
font-size: 13px;
margin-top: 14px; }
.qi input.active ~ i {
opacity: 1; }
.qi input.active ~ label {
font-size: 13px;
margin-top: 14px; }
.qi i {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 50px;
height: 100%;
top: 0;
left: 0;
bottom: 0;
background-position: center;
background-repeat: no-repeat;
z-index: 0;
opacity: .3;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.qi i img, .qi i svg {
margin: auto; }
.qi i img path, .qi i svg path {
fill: #fff; }
.qi label {
position: absolute;
left: 45px;
top: 0;
margin-top: 23px;
font-weight: 300;
font-size: 14px;
color: rgba(255, 255, 255, 0.4);
-webkit-transition: margin .25s, font-size .25s;
-o-transition: margin .25s, font-size .25s;
transition: margin .25s, font-size .25s; }
.qt {
float: left;
height: 82px;
position: relative; }
.qt:first-child {
margin: 0; }
.qt textarea {
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.3);
padding: 32px 10px 14px 45px;
font-weight: 300;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 16px;
line-height: 18px;
color: #fff;
-webkit-transition: border .25s;
-o-transition: border .25s;
transition: border .25s; }
.qt textarea:focus {
border: 1px solid #fff; }
.qt textarea:focus ~ i {
opacity: 1; }
.qt textarea:focus ~ label {
font-size: 13px;
margin-top: 14px; }
.qt textarea.active ~ i {
opacity: 1; }
.qt textarea.active ~ label {
font-size: 13px;
margin-top: 14px; }
.qt i {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 50px;
height: 60px;
top: 0;
left: 0;
bottom: 0;
background-position: center;
background-repeat: no-repeat;
z-index: 0;
opacity: .3;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.qt i img, .qt i svg {
margin: auto; }
.qt i img path, .qt i svg path {
fill: #fff; }
.qt label {
position: absolute;
left: 45px;
top: 0;
margin-top: 23px;
font-weight: 300;
font-size: 14px;
color: rgba(255, 255, 255, 0.4);
-webkit-transition: margin .25s, font-size .25s;
-o-transition: margin .25s, font-size .25s;
transition: margin .25s, font-size .25s; }
.qc {
float: left;
position: relative;
height: 18px; }
.qc input {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
z-index: 2;
cursor: pointer; }
.qc input:checked ~ label::before {
border-color: #fff; }
.qc input:checked ~ label::after {
opacity: 1; }
.qc label {
float: left;
position: relative;
z-index: 1;
font-size: 12px;
font-weight: 300;
line-height: 18px;
color: #fff; }
.qc label::before {
content: '';
float: right;
width: 18px;
height: 18px;
border: 1px solid rgba(255, 255, 255, 0.3);
margin-left: 15px;
-webkit-transition: border .25s;
-o-transition: border .25s;
transition: border .25s; }
.qc label::after {
content: '';
position: absolute;
width: 10px;
height: 10px;
top: 4px;
right: 4px;
background: #fff;
opacity: 0;
-webkit-transition: opacity .15s;
-o-transition: opacity .15s;
transition: opacity .15s; }
.qf {
float: left;
position: relative;
height: 62px; }
.qf input {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
z-index: 2;
cursor: pointer; }
.qf input.active ~ label {
text-transform: none;
padding-right: 42px; }
.qf input.active ~ i {
opacity: 1;
z-index: 3; }
.qf label {
float: left;
line-height: 60px;
text-align: center;
overflow: hidden;
padding: 0 5%;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
height: 100%;
border: 1px solid rgba(255, 255, 255, 0.3);
font-weight: 300;
font-size: 14px;
letter-spacing: 0.07em;
text-transform: uppercase;
color: #fff;
-webkit-transition: border .25s;
-o-transition: border .25s;
transition: border .25s; }
.qf i {
position: absolute;
top: 18px;
right: 15px;
width: 24px;
height: 24px;
z-index: 0;
opacity: 0;
cursor: pointer;
background: url(../images/search-valc.svg) center/14px no-repeat;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
form.black .qi input, form.black .qi textarea, form.black .qt input, form.black .qt textarea {
border-color: rgba(0, 0, 0, 0.3);
color: #000; }
form.black .qi input:focus, form.black .qi textarea:focus, form.black .qt input:focus, form.black .qt textarea:focus {
border-color: black; }
form.black .qi i svg path, form.black .qt i svg path {
fill: #000; }
form.black .qi label, form.black .qt label {
color: #000; }
form.black .qc label {
color: #000; }
form.black .qc label::before {
border-color: rgba(0, 0, 0, 0.3); }
form.black .qc label::after {
background: #000; }
.foot {
display: block;
width: 100%;
height: auto;
padding: 40px 0 33px;
margin-top: 100px;
position: relative;
z-index: 0; }
.foot-top {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
position: relative; }
.foot-logo {
display: block;
width: auto;
height: 82px;
margin: auto; }
.foot-logo img {
height: 120%;
margin-left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.foot-soc {
position: absolute;
width: 100%;
top: 30px;
padding: 0 25px; }
.foot-soc ul:first-child {
float: left; }
.foot-soc ul:last-child {
float: right; }
.foot-soc ul a {
float: left;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
width: 40px;
height: 40px;
margin-right: 17px;
padding-bottom: 5px; }
.foot-soc ul a:last-child {
margin: 0; }
.foot-soc ul a img, .foot-soc ul a svg {
width: auto;
height: auto;
margin: auto; }
.foot-soc ul a::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url(../images/rb.svg) center/contain no-repeat;
opacity: .3;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.foot-nav {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
border-top: 1px dashed rgba(255, 255, 255, 0.5);
margin-top: 42px;
padding: 5px 8px 5px 48px; }
.foot-nav div {
float: left;
width: 25%; }
.foot-nav div h4 {
float: left;
width: 100%;
font-size: 16px;
letter-spacing: 0.15em;
text-transform: uppercase;
color: #fff; }
.foot-nav div ul {
float: left;
width: 90%;
margin-top: 4px; }
.foot-nav div ul li {
float: left;
width: 50%;
padding-top: 10px; }
.foot-nav div ul li:last-child {
margin: 0; }
.foot-nav div ul li.active a {
color: #fff; }
.foot-nav div ul li.active a::before {
opacity: 1; }
.foot-nav div ul li a {
display: block;
font-weight: 300;
font-size: 13px;
line-height: 15px;
color: rgba(255, 255, 255, 0.7);
-webkit-transition: color .25s;
-o-transition: color .25s;
transition: color .25s; }
.foot-nav div ul li a::before {
content: '';
float: left;
width: 12px;
height: 1px;
background: #fff;
opacity: .3;
margin: 7px 10px 0 0;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.foot-cop {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
margin-top: 33px; }
.foot-cop ul {
float: left; }
.foot-cop ul li {
float: left;
margin-right: 33px; }
.foot-cop ul li:last-child {
margin: 0; }
.foot-cop ul li a {
display: block;
font-size: 10px;
line-height: 11px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.7);
-webkit-transition: color .25s;
-o-transition: color .25s;
transition: color .25s; }
.foot-cop p {
display: block;
margin-left: auto;
font-size: 10px;
line-height: 11px;
letter-spacing: 0.05em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.7); }
.pce {
margin: 20px auto 0;
width: 100%;
max-width: 670px;
padding-bottom: 50px; }
.pce-bc {
width: 100%;
margin-top: 40px; }
.pce-bc:first-child {
margin: 0; }
.pce-bc h4 {
display: block;
text-align: center;
font-family: 'PF Bague Sans Pro', sans-serif;
font-size: 24px;
font-weight: 500;
color: #fff; }
.pce-bc table {
margin-top: 16px; }
.pce-bc table:first-child {
margin: 0; }
.pce-bc1 table th {
width: 25%;
padding: 6px 10px 7px; }
.pce-bc1 table th b {
font-size: 13px;
line-height: 16px; }
.pce-bc1 table td {
padding: 6px 10px 7px; }
.pce-bc1 table td a {
font-size: 13px;
line-height: 16px; }
.pce-bc1 table td p {
font-size: 13px;
line-height: 16px; }
.pce-bc1 span {
display: block;
font-size: 14px;
margin-top: 30px;
color: rgba(255, 255, 255, 0.5); }
.pce-bc2 table td p {
padding-left: 13px;
position: relative;
font-size: 16px;
line-height: 18px; }
.pce-bc2 table td p::before {
content: '*';
position: absolute;
font-weight: 500;
font-size: 16px;
color: #fff;
top: 0;
left: 0; }
.pce-bc3 table th {
width: 25%;
padding: 6px 10px 7px; }
.pce-bc3 table th b {
font-size: 13px;
line-height: 16px; }
.pce-bc3 table td {
padding: 6px 10px 7px; }
.pce-bc3 table td b {
font-size: 13px;
line-height: 16px; }
.pce-bc3 table td p {
font-size: 13px;
line-height: 16px; }
.pce-bc4 table th {
width: 25%;
padding: 6px 10px 7px; }
.pce-bc4 table th b {
font-size: 13px; }
.pce-bc4 table th span {
display: block;
margin-top: 8px;
font-size: 11px;
line-height: 13px;
font-weight: 300; }
.pce-bc4 table th span b {
font-size: 11px;
line-height: 13px;
font-weight: 500;
display: unset; }
.pce-bc4 table td {
padding: 6px 10px 7px; }
.pce-bc4 table td b {
font-size: 13px;
line-height: 16px; }
.pce-bc4 table td p {
font-size: 13px;
line-height: 16px; }
.cno {
width: 100%;
margin-top: 30px;
padding: 26px 25px 25px; }
.cno table {
margin-top: 23px; }
.cno table td p {
font-size: 16px; }
.up {
position: fixed;
width: 50px;
height: 50px;
z-index: 2;
bottom: 0;
right: 50px;
margin-bottom: 50px;
opacity: 0;
cursor: default;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.up.active {
cursor: pointer;
opacity: 1; }
.up i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 32px;
height: 32px;
cursor: pointer;
z-index: 5; }
.up i::after {
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: .3;
background: url(../images/up.svg) center no-repeat;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.up i::before {
content: '';
width: 17px;
height: 9px;
top: 8px;
left: 8px;
position: absolute;
background: url(../images/up-a.svg) center no-repeat; }
.tx {
width: 100%;
margin-top: 60px;
padding: 65px 0 0; }
.tx .text {
max-width: 670px;
margin: 18px auto 0;
padding-bottom: 70px; }
.tx-bc {
display: block;
width: 100%;
margin: auto;
margin-top: 18px;
position: relative; }
.tx-bc .text {
margin: auto; }
.tx-nav {
position: absolute;
width: 170px;
right: 0;
top: 0;
padding: 19px 20px;
z-index: 5; }
.tx-nav p {
display: block;
font-weight: 300;
font-size: 12px;
line-height: 14px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #fff; }
.tx-nav p span {
display: none; }
.tx-nav ul {
display: block;
margin-top: 10px; }
.tx-nav ul li {
display: block;
margin-top: 10px;
counter-increment: inst; }
.tx-nav ul li:first-child {
margin: 0; }
.tx-nav ul li.active a {
color: #fff; }
.tx-nav ul li.active a::before {
color: #fff; }
.tx-nav ul li a {
display: block;
position: relative;
font-weight: 300;
font-size: 11px;
line-height: 14px;
padding-left: 11px;
color: rgba(255, 255, 255, 0.5);
-webkit-transition: color .25s;
-o-transition: color .25s;
transition: color .25s; }
.tx-nav ul li a::before {
content: counter(inst) ".";
position: absolute;
width: 14px;
text-align: right;
left: -7px;
top: 0;
font-weight: 300;
font-size: 11px;
line-height: 14px;
color: rgba(255, 255, 255, 0.5);
-webkit-transition: color .25s;
-o-transition: color .25s;
transition: color .25s; }
.btl {
display: block;
width: 100%; }
.btl > a {
display: block;
margin-left: -webkit-calc(50% - 25px);
margin-left: calc(50% - 25px);
width: 50px;
height: auto; }
.btl img, .btl svg {
display: block;
width: auto;
height: 45px;
margin-left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.btl ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
margin-top: 24px; }
.btl ul li {
float: left; }
.btl ul li::after {
content: '/';
padding: 0 14px;
font-size: 10px;
line-height: 11px;
letter-spacing: 0.15em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5); }
.btl ul li:last-child::after {
display: none; }
.btl ul li a {
font-size: 10px;
line-height: 11px;
letter-spacing: 0.15em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5); }
.btl h1, .btl h2 {
display: block;
max-width: 700px;
width: 100%;
margin: 13px auto 0;
font-size: 40px;
line-height: 50px;
text-align: center;
color: #fff; }
.ctn {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
margin-top: 50px; }
.ctn-all {
display: none; }
.ctn-im {
float: left;
position: relative; }
.ctn-im:nth-child(1), .ctn-im:nth-child(3), .ctn-im:nth-child(7), .ctn-im:nth-child(9) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 249px;
padding: 34px 0 0; }
.ctn-im:nth-child(4), .ctn-im:nth-child(6) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 159px;
padding: 48px 0 0;
margin-top: 10px; }
.ctn-im:nth-child(5) {
width: 22%;
height: 159px;
padding: 48px 0 0;
margin: 10px 10px 0; }
.ctn-im:nth-child(2), .ctn-im:nth-child(8) {
width: 22%;
height: 249px;
margin: 0 10px;
padding: 34px 0 0; }
.ctn-im:nth-child(7), .ctn-im:nth-child(8), .ctn-im:nth-child(9) {
margin-top: 10px; }
.ctn-im::before {
content: '';
position: absolute;
width: -webkit-calc(100% - 30px);
width: calc(100% - 30px);
height: -webkit-calc(100% - 30px);
height: calc(100% - 30px);
top: 15px;
left: 15px;
bottom: 15px;
right: 15px;
border: 1px dashed rgba(255, 255, 255, 0.2); }
.ctn-im h4 {
display: block;
font-size: 20px;
line-height: 25px;
text-align: center;
color: #fff; }
.ctn-im h4 + span {
margin-top: 12px; }
.ctn-im p {
display: block;
font-weight: 300;
font-size: 10px;
letter-spacing: 0.1em;
text-align: center;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5); }
.ctn-im span {
position: relative;
z-index: 3;
display: block;
width: 100%;
margin-top: 17px; }
.ctn-im span a {
display: block;
text-align: center;
font-weight: 300;
font-size: 18px;
color: #fff;
margin-top: 2px; }
.ctn-im div {
display: block;
position: relative;
z-index: 1; }
.ctn-im div > a {
display: block;
margin-top: 11px;
font-weight: 300;
font-size: 32px;
text-align: center;
color: #fff; }
.ctn-im div ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-top: 14px; }
.ctn-im div ul a {
float: left;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
width: 40px;
height: 40px;
margin-right: 17px;
padding-bottom: 5px; }
.ctn-im div ul a:last-child {
margin: 0; }
.ctn-im div ul a img, .ctn-im div ul a svg {
width: auto;
height: auto;
margin: auto; }
.ctn-im div ul a::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url(../images/rb.svg) center/contain no-repeat;
opacity: .3;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.ctn-geo {
width: 100%;
margin-top: 30px;
padding: 24px 25px 25px; }
.ctn-geo .title p {
display: block;
text-align: center;
margin-top: 10px;
font-weight: 300;
font-size: 16px;
color: #fff; }
.ctn-geo-form {
max-width: 510px;
margin: 25px auto 0; }
.ctn-geo-form .qi {
width: -webkit-calc(50% - 7px);
width: calc(50% - 7px); }
.ctn-geo-form button {
width: -webkit-calc(50% - 7px);
width: calc(50% - 7px);
margin: 0 0 0 14px;
height: 62px;
line-height: 62px; }
.ctn-geo-map {
width: 100%;
height: 447px;
margin-top: 30px; }
.ctn-req {
width: 100%;
padding: 25px 25px 32px;
margin-top: 30px; }
.ctn-req .title p {
display: block;
text-align: center;
font-size: 16px;
padding: 5px 0 31px; }
.ctn-req-bc {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
margin-top: 15px; }
.ctn-req-bc div {
float: left;
width: 33.3333%; }
.ctn-req-bc div p {
display: block;
text-align: center;
font-weight: 300;
font-size: 10px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5); }
.ctn-req-bc div b {
display: block;
text-align: center;
font-weight: 300;
margin-top: 3px;
font-size: 18px;
line-height: 23px; }
.ctn-req .link {
margin: 17px 0 0 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
height: 62px;
line-height: 62px; }
.ctn .tdt-bc {
position: relative;
margin-top: 10px;
height: 249px;
}
.ctn .tdt-bc::before {
content: '';
position: absolute;
width: -webkit-calc(100% - 30px);
width: calc(100% - 30px);
height: -webkit-calc(100% - 30px);
height: calc(100% - 30px);
top: 15px;
left: 15px;
bottom: 15px;
right: 15px;
border: 1px dashed rgba(255, 255, 255, 0.3);
}
.sac {
width: 100%;
margin-top: 64px; }
.sac .search-emp {
width: 100%;
max-width: 610px;
margin: auto;
padding: 30px 0; }
.sac-none {
width: 100%;
max-width: 610px;
padding: 50px 20px 30px;
margin: auto;
border-bottom: 1px dashed rgba(255, 255, 255, 0.3); }
.sac-none + .search-emp {
padding-top: 0; }
.sac-none h2 {
text-align: center;
color: #fff;
display: block; }
.sac-none p {
display: block;
margin-top: 11px;
font-weight: 300;
font-size: 18px;
text-align: center;
line-height: 25px;
color: #fff; }
.sac-form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100px;
border-bottom: 1px dashed rgba(255, 255, 255, 0.2); }
.sac-form div {
width: 100%;
max-width: 610px;
margin: auto;
position: relative; }
.sac-form div a {
position: absolute;
width: auto;
height: auto;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 24px;
cursor: pointer;
white-space: nowrap;
line-height: 24px;
color: rgba(255, 255, 255, 0.3);
-webkit-transition: color .25s;
-o-transition: color .25s;
transition: color .25s; }
.sac-form div a::before {
content: '';
float: left;
width: 24px;
height: 24px;
background: url(../images/search-val.svg) center/contain no-repeat;
margin-right: 15px; }
.sac-form div label {
display: none;
float: left;
width: 100%;
margin: auto;
height: 24px;
position: relative; }
.sac-form div label input {
display: block;
width: 100%;
color: #fff;
font-size: 24px;
font-weight: 300;
line-height: 24px;
height: 24px; }
.sac-form div label button {
position: absolute;
width: 24px;
height: 24px;
top: 0;
right: 0;
opacity: .3;
z-index: 1;
background: url(../images/search-valc.svg) center no-repeat;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.sac-res {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
padding-bottom: 50px; }
.sac-res > a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-top: 42px; }
.sac-res > a::before, .sac-res > a::after {
content: '';
float: left;
width: 50%;
height: 1px;
margin-top: 9px;
border-bottom: 1px dashed rgba(255, 255, 255, 0.2); }
.sac-res > a p {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
float: left;
position: relative;
margin: 0 19px;
font-weight: 300;
font-size: 12px;
line-height: 20px;
cursor: pointer;
letter-spacing: 0.07em;
text-transform: uppercase;
color: #fff;
white-space: nowrap; }
.sac-res > a p::before {
content: '';
float: left;
width: 20px;
height: 20px;
margin-right: 11px;
background: url(../images/rb-m.svg) center/contain no-repeat;
opacity: .3;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.sac-res > a p::after {
content: '';
position: absolute;
width: 7px;
height: 11px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
top: 6px;
left: 7px;
background: url(../images/search-aow.svg) center/contain no-repeat; }
.sac-res div {
width: 100%;
max-width: 610px;
margin: auto;
position: relative; }
.sac-res div a {
display: block;
width: 100%;
position: relative;
padding: 29px 0 33px;
border-bottom: 1px dashed rgba(255, 255, 255, 0.2); }
.sac-res div a:last-child {
border: 0;
padding-bottom: 0; }
.sac-res div a b {
display: block;
font-weight: 500;
font-size: 20px;
line-height: 26px;
color: #fff; }
.sac-res div a span {
display: block;
width: 100%;
font-size: 10px;
letter-spacing: 0.08em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.3); }
.sac-res div a p {
display: block;
width: 95%;
margin-top: 11px;
font-weight: 300;
font-size: 12px;
line-height: 16px;
color: rgba(255, 255, 255, 0.7);
-webkit-transition: color .25s;
-o-transition: color .25s;
transition: color .25s; }
.sac-res div a i {
position: absolute;
width: 20px;
height: 20px;
top: 40px;
right: 0; }
.sac-res div a i::before {
content: '';
display: block;
width: 100%;
height: 100%;
background: url(../images/rb-m.svg) center/contain no-repeat;
opacity: .3;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.sac-res div a i::after {
content: '';
position: absolute;
width: 6px;
height: 11px;
top: 4px;
right: 5px;
background: url(../images/search-aow.svg) center/contain no-repeat; }
.fullv {
display: none; }
.t-pvd {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
margin-top: 40px; }
.t-pvd a {
float: left;
width: 50%;
height: 150px;
border: 1px dashed var(--cl4);
margin: -1px 0 0 -1px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition: background .25s;
-o-transition: background .25s;
transition: background .25s; }
.t-pvd a img, .t-pvd a svg {
width: auto;
height: auto;
margin: auto;
max-width: 70%;
max-height: 70%; }
.t-his {
width: 100%;
margin-top: 24px; }
.t-his div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
margin-top: 40px;
padding-bottom: 36px;
border-bottom: 1px dashed rgba(255, 255, 255, 0.3); }
.t-his div:first-child {
margin: 0; }
.t-his div:last-child {
padding: 0;
border: 0; }
.t-his div h2 {
float: left;
width: 90px;
padding-top: 5px; }
.t-his div span {
float: left;
width: -webkit-calc(100% - 90px);
width: calc(100% - 90px); }
.t-file {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
background: rgba(0, 0, 0, 0.1);
margin-top: 33px;
padding: 47px 47px 46px; }
.t-file + p, .t-file + h2, .t-file + h3, .t-file + h4, .t-file + h5, .t-file + h6, .t-file + ul, .t-file + q {
margin-top: 33px; }
.t-file a {
margin-left: auto;
max-width: 50%; }
.t-file span {
float: left;
width: 50%; }
.t-file span b {
display: block;
font-size: 16px;
line-height: 18px; }
.t-file span p {
font-size: 12px;
line-height: 16px;
margin-top: 6px; }
.t-file span ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-top: 9px; }
.t-file span ul li {
float: left;
font-weight: 300;
font-size: 12px;
line-height: 14px;
color: rgba(255, 255, 255, 0.4);
margin: 0;
padding: 0; }
.t-file span ul li::before {
display: none; }
.t-file span ul li::after {
content: '|';
float: right;
font-weight: 300;
font-size: 12px;
line-height: 14px;
color: rgba(255, 255, 255, 0.4);
margin: 0 5px; }
.t-file span ul li:last-child::after {
display: none; }
.t-file span ul li i {
float: left;
width: 10px;
height: 12px;
margin-right: 6px;
opacity: .4; }
.t-img {
margin-top: 47px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
height: 400px; }
.t-img + p, .t-img + h2, .t-img + h3, .t-img + h4, .t-img + h5, .t-img + h6, .t-img + ul, .t-img + q {
margin-top: 33px; }
.t-img a {
float: left;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
background: -webkit-radial-gradient(50% 50%, 52.43% 50%, #F6F6F6 14.94%, #D7D6DB 100%);
background: -o-radial-gradient(50% 50%, 52.43% 50%, #F6F6F6 14.94%, #D7D6DB 100%);
background: radial-gradient(52.43% 50% at 50% 50%, #F6F6F6 14.94%, #D7D6DB 100%); }
.t-img a img {
display: block;
width: auto;
height: auto;
max-width: 90%;
max-height: 90%;
margin: auto; }
.t-img a img.top {
max-width: 100%;
max-height: 95%;
margin: 0 auto; }
.t-img a img.full {
max-width: 100%;
max-height: 100%;
margin: 0 auto; }
.t-img-9 a:nth-child(1), .t-img-9 a:nth-child(3), .t-img-9 a:nth-child(7), .t-img-9 a:nth-child(9) {
width: -webkit-calc(39% - 6px);
width: calc(39% - 6px);
height: 36%; }
.t-img-9 a:nth-child(2) {
width: 22%;
height: 36%;
margin: 0 6px; }
.t-img-9 a:nth-child(4), .t-img-9 a:nth-child(6) {
width: -webkit-calc(39% - 6px);
width: calc(39% - 6px);
height: -webkit-calc(28% - 12px);
height: calc(28% - 12px);
margin: 6px 0 0; }
.t-img-9 a:nth-child(5) {
width: 22%;
height: -webkit-calc(28% - 12px);
height: calc(28% - 12px);
margin: 6px 6px 0; }
.t-img-9 a:nth-child(7), .t-img-9 a:nth-child(9) {
margin-top: 6px; }
.t-img-9 a:nth-child(8) {
width: 22%;
height: 36%;
margin: 6px 6px 0; }
.t-img-8 a:nth-child(1), .t-img-8 a:nth-child(3), .t-img-8 a:nth-child(6), .t-img-8 a:nth-child(8) {
width: -webkit-calc(39% - 6px);
width: calc(39% - 6px);
height: 36%; }
.t-img-8 a:nth-child(2) {
position: absolute;
left: 39%;
top: 0;
width: 22%;
height: -webkit-calc(64% - 6px);
height: calc(64% - 6px); }
.t-img-8 a:nth-child(4), .t-img-8 a:nth-child(5) {
width: -webkit-calc(39% - 6px);
width: calc(39% - 6px);
height: -webkit-calc(28% - 12px);
height: calc(28% - 12px);
margin: 6px 0 0; }
.t-img-8 a:nth-child(3), .t-img-8 a:nth-child(5) {
margin-left: auto; }
.t-img-8 a:nth-child(6), .t-img-8 a:nth-child(8) {
margin-top: 6px; }
.t-img-8 a:nth-child(7) {
width: 22%;
height: 36%;
margin: 6px 6px 0; }
.t-img-7 a:nth-child(1), .t-img-7 a:nth-child(5), .t-img-7 a:nth-child(7) {
width: -webkit-calc(39% - 6px);
width: calc(39% - 6px);
height: 36%; }
.t-img-7 a:nth-child(2) {
position: absolute;
left: 39%;
top: 0;
width: 22%;
height: -webkit-calc(64% - 6px);
height: calc(64% - 6px); }
.t-img-7 a:nth-child(3) {
position: absolute;
right: 0;
top: 0;
width: -webkit-calc(39% - 6px);
width: calc(39% - 6px);
height: -webkit-calc(64% - 6px);
height: calc(64% - 6px); }
.t-img-7 a:nth-child(4) {
width: -webkit-calc(39% - 6px);
width: calc(39% - 6px);
height: -webkit-calc(28% - 12px);
height: calc(28% - 12px);
margin: 6px 0 0; }
.t-img-7 a:nth-child(1), .t-img-7 a:nth-child(4) {
margin-right: 60%; }
.t-img-7 a:nth-child(5), .t-img-7 a:nth-child(7) {
margin-top: 6px; }
.t-img-7 a:nth-child(6) {
width: 22%;
height: 36%;
margin: 6px 6px 0; }
.t-img-6 a:nth-child(1), .t-img-6 a:nth-child(3) {
width: -webkit-calc(39% - 6px);
width: calc(39% - 6px);
height: -webkit-calc(64% - 6px);
height: calc(64% - 6px); }
.t-img-6 a:nth-child(2) {
width: 22%;
height: -webkit-calc(64% - 6px);
height: calc(64% - 6px);
margin: 0 6px; }
.t-img-6 a:nth-child(4), .t-img-6 a:nth-child(6) {
width: -webkit-calc(39% - 6px);
width: calc(39% - 6px);
height: 36%;
margin-top: 6px; }
.t-img-6 a:nth-child(5) {
width: 22%;
height: 36%;
margin: 6px 6px 0; }
.t-img-5 a:nth-child(1) {
width: -webkit-calc(39% - 6px);
width: calc(39% - 6px);
height: -webkit-calc(64% - 6px);
height: calc(64% - 6px); }
.t-img-5 a:nth-child(2) {
width: 61%;
height: -webkit-calc(64% - 6px);
height: calc(64% - 6px);
margin-left: 6px; }
.t-img-5 a:nth-child(3), .t-img-5 a:nth-child(5) {
width: -webkit-calc(39% - 6px);
width: calc(39% - 6px);
height: 36%;
margin-top: 6px; }
.t-img-5 a:nth-child(4) {
width: 22%;
height: 36%;
margin: 6px 6px 0; }
.t-img-4 a:nth-child(1) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px); }
.t-img-4 a:nth-child(2) {
width: 61%;
height: -webkit-calc(64% - 10px);
height: calc(64% - 10px);
margin-left: 10px; }
.t-img-4 a:nth-child(3) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 36%;
margin-top: 10px; }
.t-img-4 a:nth-child(4) {
width: 61%;
height: 36%;
margin: 10px 0 0 10px; }
.t-img-3 a:nth-child(1) {
width: -webkit-calc(39% - 6px);
width: calc(39% - 6px);
height: 100%; }
.t-img-3 a:nth-child(2) {
width: 61%;
height: -webkit-calc(64% - 6px);
height: calc(64% - 6px);
margin-left: 6px; }
.t-img-3 a:nth-child(3) {
position: absolute;
bottom: 0;
right: 0;
width: 61%;
height: 36%; }
.t-img-2 a:nth-child(1) {
width: 61%;
height: 100%; }
.t-img-2 a:nth-child(2) {
width: -webkit-calc(39% - 6px);
width: calc(39% - 6px);
height: 100%;
margin-left: 6px; }
.t-img-1 a {
width: 100%;
height: 100%; }
.t-ifo {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-top: 40px;
background: #3C3B3E;
padding: 26px 0 26px 30px; }
.t-ifo div b {
display: block;
font-size: 14px;
line-height: 16px; }
.t-ifo div:first-child {
float: left;
width: 41%; }
.t-ifo div:first-child i {
float: left;
width: 74px;
height: 74px;
margin-right: 15px; }
.t-ifo div:first-child i img {
width: auto;
height: auto;
margin: auto;
max-width: 100%;
max-height: 100%; }
.t-ifo div:first-child h2 {
line-height: 30px;
margin-top: 6px; }
.t-ifo div:first-child a {
display: inline-block;
margin-top: 4px;
font-weight: 300;
font-size: 12px;
line-height: 16px;
color: rgba(255, 255, 255, 0.5);
border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
-webkit-transition: color .25s, border .25s;
-o-transition: color .25s, border .25s;
transition: color .25s, border .25s; }
.t-ifo div:nth-child(2) {
width: 36%; }
.t-ifo div:nth-child(2) ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
margin-top: 10px; }
.t-ifo div:nth-child(2) ul li {
float: left;
height: 20px;
margin: 0 8px 8px 0;
line-height: 20px;
font-size: 9px;
padding: 0;
letter-spacing: 0.05em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5);
background: var(--cl2); }
.t-ifo div:nth-child(2) ul li:last-child {
margin: 0; }
.t-ifo div:nth-child(2) ul li::before {
display: none; }
.t-ifo div:nth-child(2) ul li a {
padding: 0 6px;
color: rgba(255, 255, 255, 0.5);
-webkit-transition: color .25s;
-o-transition: color .25s;
transition: color .25s; }
.t-ifo div:nth-child(3) {
width: 23%; }
.t-ifo div:nth-child(3) span {
display: block;
margin-top: 8px; }
.t-ifo div:nth-child(3) span p {
font-size: 11px;
line-height: 15px;
color: rgba(255, 255, 255, 0.5);
margin: 0; }
.t-ifo div:nth-child(3) span p b {
display: inline;
font-size: 11px;
line-height: 15px;
font-weight: 300; }
.mfp-figure {
width: 100vw;
max-width: 1140px;
max-height: 602px;
height: 100vh;
padding: 5%;
background: -webkit-radial-gradient(50% 50%, 52.43% 50%, #F6F6F6 14.94%, #D7D6DB 100%);
background: -o-radial-gradient(50% 50%, 52.43% 50%, #F6F6F6 14.94%, #D7D6DB 100%);
background: radial-gradient(52.43% 50% at 50% 50%, #F6F6F6 14.94%, #D7D6DB 100%); }
.mfp-figure figure {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
width: 100%; }
.mfp-figure figure figcaption {
display: none; }
.mfp-figure img {
display: block;
width: auto;
height: auto;
max-width: 100% !important;
max-height: 100% !important;
margin: auto; }
.mfp-gallery {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.mfp-gallery .mfp-container {
position: relative;
top: auto;
left: auto;
width: 100vw;
max-width: 1140px;
max-height: 602px;
height: 100vh;
margin: auto; }
.mfp-gallery .mfp-close {
right: 10px;
top: -46px; }
.mfp-arrow {
position: absolute;
width: 160px;
z-index: 1046;
top: 0;
bottom: 0; }
.mfp-arrow::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2; }
.mfp-arrow span {
position: absolute;
top: -webkit-calc(50% - 15px);
top: calc(50% - 15px);
width: 32px;
height: 32px;
z-index: 0; }
.mfp-arrow span::after {
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: .3;
background: url(../images/fio-r.svg) center no-repeat;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.mfp-arrow span::before {
content: '';
width: 9px;
height: 17px;
top: 8px;
left: 8px;
position: absolute;
background: url(../images/fio-a.svg) center no-repeat; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left span {
left: 65px; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right span {
right: 65px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.hm {
width: 100%;
height: 100vh;
position: relative;
overflow: hidden;
background: #262626 url(../images/tm-home.png) center/cover; }
.hm.active .hm-grid {
opacity: .2; }
.hm.active .hm-bc {
opacity: 1; }
.hm-video {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
background: #262626; }
.hm-video video {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
opacity: .2; }
.hm-grid {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
opacity: 0;
-webkit-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s; }
.hm-grid img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.hm-grid span {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
height: 100%; }
.hm-grid i {
float: left; }
.hm-grid i:nth-child(1), .hm-grid i:nth-child(7) {
width: 38.2%;
height: 38.1%;
border-right: 2px dashed #4C4C4C; }
.hm-grid i:nth-child(2), .hm-grid i:nth-child(8) {
width: 23.6%;
height: 38.1%; }
.hm-grid i:nth-child(3), .hm-grid i:nth-child(9) {
width: 38.2%;
height: 38.1%;
border-left: 2px dashed #4C4C4C; }
.hm-grid i:nth-child(4) {
width: 38.2%;
height: 23.8%;
border-right: 2px dashed #4C4C4C;
border-top: 2px dashed #4C4C4C;
border-bottom: 2px dashed #4C4C4C; }
.hm-grid i:nth-child(5) {
width: 23.6%;
height: 23.8%;
border-top: 2px dashed #4C4C4C;
border-bottom: 2px dashed #4C4C4C; }
.hm-grid i:nth-child(6) {
width: 38.2%;
height: 23.8%;
border-left: 2px dashed #4C4C4C;
border-top: 2px dashed #4C4C4C;
border-bottom: 2px dashed #4C4C4C; }
.hm-bc {
width: 100%;
height: 100%;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
z-index: 2;
opacity: 0;
overflow: hidden;
-webkit-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s; }
.hm-bc > div {
float: left;
overflow: hidden; }
.hm-bc > div:nth-child(1), .hm-bc > div:nth-child(7) {
width: 38.2%;
height: 38.1vh; }
.hm-bc > div:nth-child(2), .hm-bc > div:nth-child(8) {
width: 23.6%;
height: 38.1vh; }
.hm-bc > div:nth-child(3), .hm-bc > div:nth-child(9) {
width: 38.2%;
height: 38.1vh; }
.hm-bc > div:nth-child(4) {
width: 38.2%;
height: 23.8vh; }
.hm-bc > div:nth-child(5) {
width: 23.6%;
height: 23.8vh; }
.hm-bc > div:nth-child(6) {
width: 38.2%;
height: 23.8vh; }
.hm-logo a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
height: 100%; }
.hm-logo img, .hm-logo svg {
width: auto;
height: auto;
max-width: 80%;
max-height: 80%;
margin: auto; }
.hm-tt {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
height: 100%;
position: relative;
-webkit-transition: height .5s, padding .5s, opacity .25s;
-o-transition: height .5s, padding .5s, opacity .25s;
transition: height .5s, padding .5s, opacity .25s; }
.hm-tt i {
position: absolute;
width: 100%;
text-align: center;
font-style: normal !important;
left: 0;
top: 18%;
font-size: 16px;
letter-spacing: 0.4em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.3); }
.hm-tt b {
display: block;
font-size: 12px;
line-height: 14px;
text-align: center;
margin: auto;
letter-spacing: 0.3em;
text-transform: uppercase;
color: #fff;
font-weight: 400; }
.hm-tt span {
margin: auto;
display: block; }
.hm-tt h4 {
display: block;
text-align: center;
color: #fff;
letter-spacing: 0.15em;
text-transform: uppercase;
font-size: 12px; }
.hm-tt p {
display: block;
text-align: center;
font-size: 20px;
line-height: 18px;
color: rgba(255, 255, 255, 0.3);
margin-top: 2px; }
.hm-sl {
width: 80%;
max-width: 510px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 55%;
position: relative;
opacity: 0;
margin: auto;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s; }
.hm-sl::before, .hm-sl::after {
content: '';
position: absolute;
width: 292px;
height: 1px;
border-top: 1px dashed #837471;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.hm-sl::before {
top: 0; }
.hm-sl::after {
bottom: 0; }
.hm-sl .slick-dots {
position: absolute;
width: 30px;
height: auto;
bottom: -webkit-calc(-22px + -15%);
bottom: calc(-22px + -15%);
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.hm-sl .slick-dots li {
float: left;
width: 10px;
height: 7px;
padding: 0 1.5px 3px;
opacity: .35;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.hm-sl .slick-dots li.slick-active {
opacity: 1; }
.hm-sl .slick-dots li button {
display: block;
font-size: 0;
width: 100%;
height: 100%;
background: #fff; }
.hm-sl .slick-list {
display: block;
width: 100%;
margin: auto;
overflow: hidden; }
.hm-sl .slick-track {
float: left; }
.hm-sl a {
float: left; }
.hm-sl a:hover p {
color: #fff; }
.hm-sl a h5 {
display: block;
font-size: 24px;
line-height: 36px;
color: #fff;
text-align: center; }
.hm-sl a p {
display: block;
margin-top: 15px;
font-size: 13px;
text-align: center;
color: #837471;
-webkit-transition: color .25s;
-o-transition: color .25s;
transition: color .25s; }
.hm-nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 78%;
position: relative; }
.hm-nav::before {
content: '';
position: absolute;
width: 292px;
height: 1px;
border-top: 1px dashed #837471;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: 0; }
.hm-nav li {
display: block;
text-align: center;
margin-bottom: 2%; }
.hm-nav li:last-child {
margin: 0; }
.hm-nav li a {
font-family: 'ITC Stone Serif', sans-serif;
font-weight: 500;
font-size: 20px;
color: #fff;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.hm-cnt {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 78%;
position: relative; }
.hm-cnt::before {
content: '';
position: absolute;
width: 292px;
height: 1px;
border-top: 1px dashed #837471;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: 0; }
.hm-cnt div {
margin: auto;
width: 60%; }
.hm-cnt span {
display: block; }
.hm-cnt span a {
display: block;
opacity: .5;
margin-top: 18px;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.hm-cnt span a:first-child {
margin: 0; }
.hm-cnt span a h6 {
display: block;
font-size: 12px;
line-height: 15px;
text-align: center;
letter-spacing: 0.15em;
text-transform: uppercase;
color: #fff; }
.hm-cnt span a p {
display: block;
margin-top: 5px;
font-size: 20px;
text-align: center;
color: #fff; }
.hm-cnt ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 24px; }
.hm-cnt ul a {
float: left;
width: 40px;
height: 38px;
margin: 0 8px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
padding-bottom: 5px; }
.hm-cnt ul a:hover img path, .hm-cnt ul a:hover svg:first-child path {
fill: #fff; }
.hm-cnt ul a img:first-child, .hm-cnt ul a svg:first-child {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0; }
.hm-cnt ul a img:first-child path, .hm-cnt ul a svg:first-child path {
fill: #837471;
-webkit-transition: fill .25s;
-o-transition: fill .25s;
transition: fill .25s; }
.hm-cnt ul a img:last-child, .hm-cnt ul a svg:last-child {
display: block;
margin: auto;
height: auto;
width: auto; }
.hm-hv {
background: rgba(36, 36, 36, 0);
-webkit-transition: background .5s;
-o-transition: background .5s;
transition: background .5s; }
.hm-ov {
--tmh: -20px; }
.hm-ov::before {
content: '';
position: absolute;
width: 0;
height: 0;
bottom: var(--tmh);
z-index: -1;
opacity: 0;
-webkit-transition: width .5s, height .5s, opacity .5s, bottom .5s, left .5s, right .5s;
-o-transition: width .5s, height .5s, opacity .5s, bottom .5s, left .5s, right .5s;
transition: width .5s, height .5s, opacity .5s, bottom .5s, left .5s, right .5s; }
.hm-ov-ba::before {
background: #004752;
-webkit-border-radius: 50% 50% 50% 0;
border-radius: 50% 50% 50% 0;
left: var(--tmh); }
.hm-ov-ma::before {
background: #65242b;
left: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.hm-ov-ua::before {
background: #2b384e;
right: var(--tmh);
-webkit-border-radius: 50% 50% 0 50%;
border-radius: 50% 50% 0 50%; }
.tnv {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
position: relative; }
.tnv a {
float: left;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; }
.tnv a:nth-child(1) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 250px; }
.tnv a:nth-child(2) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 160px;
position: absolute;
top: 260px;
left: 0; }
.tnv a:nth-child(3) {
width: 22%;
height: 420px;
margin: 0 10px; }
.tnv a:nth-child(4) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 420px; }
.tnv a:nth-child(5), .tnv a:nth-child(7) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 249px;
margin-top: 10px; }
.tnv a:nth-child(6) {
width: 22%;
height: 249px;
margin: 10px 10px 0; }
.tnv a::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--cl2);
opacity: 0;
z-index: 0;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.tnv a h4 {
display: block;
width: 100%;
margin-top: auto;
padding: 15px 30px;
font-size: 30px;
line-height: 41px;
color: #fff;
position: relative;
z-index: 1; }
.jbs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
margin-top: 50px; }
.jbs + .ctn-req {
padding-bottom: 60px; }
.jbs + .ctn-req .ctn-req-bc div b {
font-size: 24px;
margin-top: 7px; }
.jbs a {
float: left;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
background: var(--cl2); }
.jbs a:nth-child(1), .jbs a:nth-child(3), .jbs a:nth-child(7), .jbs a:nth-child(9) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 249px; }
.jbs a:nth-child(4), .jbs a:nth-child(6) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 159px;
margin-top: 10px; }
.jbs a:nth-child(5) {
width: 22%;
height: 159px;
margin: 10px 10px 0; }
.jbs a:nth-child(2), .jbs a:nth-child(8) {
width: 22%;
height: 249px;
margin: 0 10px; }
.jbs a:nth-child(7), .jbs a:nth-child(8), .jbs a:nth-child(9) {
margin-top: 10px; }
.jbs a::before {
content: '';
position: absolute;
width: -webkit-calc(100% - 30px);
width: calc(100% - 30px);
height: -webkit-calc(100% - 30px);
height: calc(100% - 30px);
top: 15px;
left: 15px;
bottom: 15px;
right: 15px;
border: 1px dashed rgba(255, 255, 255, 0.2); }
.jbs a h2 {
display: block;
margin: auto;
color: #fff;
-webkit-transition: color .25s;
-o-transition: color .25s;
transition: color .25s; }
.jbs a span {
display: block;
margin: auto; }
.jbs a span p {
display: block;
text-align: center;
letter-spacing: 0.1em;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5);
font-weight: 300;
font-size: 10px; }
.jbs a span h2 {
margin-top: 10px; }
.gde {
width: 100%;
height: 410px;
margin-top: 50px;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
padding: 57px 64px;
position: relative; }
.gde + .jbs {
margin-top: 30px; }
.gde::before {
content: '';
position: absolute;
z-index: 1;
width: -webkit-calc(100% - 30px);
width: calc(100% - 30px);
height: -webkit-calc(100% - 30px);
height: calc(100% - 30px);
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border: 1px dashed rgba(255, 255, 255, 0.3); }
.gde i, .gde h3 {
display: none; }
.gde h2 {
display: block;
color: #fff;
position: relative;
z-index: 2; }
.gde span {
display: block;
width: 100%;
max-width: 500px;
margin-top: 12px;
position: relative;
z-index: 2; }
.gde span p {
display: block;
font-weight: 300;
font-size: 18px;
line-height: 25px;
color: #fff;
margin-top: 10px; }
.gde span p:first-child {
margin: 0; }
.gde a {
margin-top: 26px;
position: relative;
z-index: 2; }
.prc {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-top: 30px; }
.prc:first-child {
margin: 0; }
.prc a {
float: left;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative; }
.prc a::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
background: var(--cl2);
opacity: .5;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.prc a h2 {
position: relative;
display: block;
z-index: 1;
margin: auto;
color: #fff; }
.prc a:nth-child(1) {
width: 100%;
height: 420px; }
.prc a:nth-child(2), .prc a:nth-child(4) {
width: -webkit-calc(39% - 10px);
width: calc(39% - 10px);
height: 249px;
margin-top: 10px; }
.prc a:nth-child(3) {
width: 22%;
height: 249px;
margin: 10px 10px 0; }
.news {
width: 100%;
margin-top: 28px;
background: var(--cl2);
padding: 30px 25px 50px; }
.news-bc {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 22px -8px 0;
width: -webkit-calc(100% + 16px);
width: calc(100% + 16px); }
.news-im {
float: left;
width: -webkit-calc(25% - 16px);
width: calc(25% - 16px);
margin: 0 8px 45px; }
.news-im i {
display: block;
width: 100%;
height: 150px;
-webkit-background-size: cover;
background-size: cover;
background-position: center; }
.news-im ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
padding-top: 20px;
color: rgba(255, 255, 255, 0.5);
-webkit-transition: color .25s;
-o-transition: color .25s;
transition: color .25s; }
.news-im ul li {
float: left;
width: auto;
font-size: 12px;
line-height: 16px;
font-weight: 300;
margin-right: 15px; }
.news-im ul li:last-child {
margin: 0; }
.news-im h4 {
display: block;
width: 100%;
margin-top: 5px;
font-size: 17px;
line-height: 23px;
color: rgba(255, 255, 255, 0.9);
-webkit-transition: color .25s;
-o-transition: color .25s;
transition: color .25s; }
.news-im span {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-top: 14px;
color: rgba(255, 255, 255, 0.5);
font-weight: 300;
font-size: 12px;
-webkit-transition: color .25s;
-o-transition: color .25s;
transition: color .25s; }
.news-im span::before {
content: '';
float: left;
width: 12px;
height: 1px;
background: rgba(255, 255, 255, 0.5);
margin: 6px 9px 0 0;
-webkit-transition: background .25s;
-o-transition: background .25s;
transition: background .25s; }
.news-yet {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: -webkit-calc(100% + 50px);
width: calc(100% + 50px);
margin: 21px -25px 0; }
.news-yet::before, .news-yet::after {
content: '';
float: left;
width: 50%;
height: 1px;
margin-top: 9px;
border-bottom: 1px dashed rgba(255, 255, 255, 0.2); }
.news-yet p {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
float: left;
position: relative;
margin: 0 19px;
font-weight: 300;
font-size: 12px;
line-height: 20px;
cursor: pointer;
letter-spacing: 0.07em;
text-transform: uppercase;
color: #fff;
white-space: nowrap; }
.news-yet p::before {
content: '';
float: left;
width: 20px;
height: 20px;
margin-right: 11px;
background: url(../images/rb-m.svg) center/contain no-repeat;
opacity: .3;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.news-yet p::after {
content: '';
position: absolute;
width: 7px;
height: 11px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
top: 6px;
left: 7px;
background: url(../images/search-aow.svg) center/contain no-repeat; }
.ctg {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
margin-top: 49px; }
.ctg-ba {
width: 38%; }
.ctg-ba .ctg-im {
background: #3D616A; }
.ctg-ba .ctg-im:nth-child(2) {
padding: 15px 60px; }
.ctg-ma {
width: -webkit-calc(24% - 20px);
width: calc(24% - 20px);
margin: 0 10px; }
.ctg-ma .ctg-im {
background: #803B42; }
.ctg-ma .ctg-im:nth-child(2) {
padding: 15px 20px; }
.ctg-ua {
width: 38%; }
.ctg-ua .ctg-im {
background: #2B384E; }
.ctg-ua .ctg-im:nth-child(2) {
padding: 15px 57px; }
.ctg-im {
display: block;
width: 100%;
position: relative;
padding: 15px 36px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap; }
.ctg-im i {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
z-index: 0; }
.ctg-im::before {
content: '';
position: absolute;
width: -webkit-calc(100% - 30px);
width: calc(100% - 30px);
height: -webkit-calc(100% - 30px);
height: calc(100% - 30px);
top: 15px;
left: 15px;
bottom: 15px;
right: 15px;
border: 1px dashed rgba(255, 255, 255, 0.2);
z-index: 1; }
.ctg-im:nth-child(1) {
height: 249px; }
.ctg-im:nth-child(1) span {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: -webkit-calc(100% - 39px);
height: calc(100% - 39px);
color: #fff;
position: relative;
z-index: 2;
padding-top: 41px; }
.ctg-im:nth-child(1) span h6 {
text-transform: uppercase;
display: block;
text-align: center;
letter-spacing: 0.15em;
font-size: 13px; }
.ctg-im:nth-child(1) span p {
display: block;
text-align: center;
font-size: 20px;
line-height: 20px;
opacity: .5; }
.ctg-im:nth-child(1) b {
display: block;
text-align: center;
width: 100%;
height: 39px;
line-height: 38px;
color: #fff;
font-weight: 300;
text-transform: uppercase;
font-size: 13px;
letter-spacing: 0.30em;
white-space: nowrap;
border-top: 1px dashed rgba(255, 255, 255, 0.2); }
.ctg-im:nth-child(2) {
height: 159px;
margin-top: 10px; }
.ctg-im:nth-child(2) p {
display: block;
width: 100%;
margin: auto;
text-align: center;
font-size: 12px;
line-height: 19px;
color: #fff; }
.ctg-im:nth-child(3) {
height: 249px;
margin-top: 10px; }
.ctg-im:nth-child(3) div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: -webkit-calc(100% - 39px);
height: calc(100% - 39px);
position: relative;
z-index: 2; }
.ctg-im:nth-child(3) span {
display: block;
width: 100%;
margin-top: 17px; }
.ctg-im:nth-child(3) span:first-child {
margin: 0; }
.ctg-im:nth-child(3) span a {
display: block;
text-align: center;
font-weight: 300;
font-size: 18px;
color: #fff;
margin-top: 2px;
white-space: nowrap; }
.ctg-im:nth-child(3) span p {
display: block;
font-weight: 300;
font-size: 10px;
letter-spacing: 0.1em;
text-align: center;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.5); }
.ctg-im:nth-child(3) > a {
display: block;
text-align: center;
width: 100%;
height: 39px;
line-height: 38px;
color: #fff;
font-weight: 300;
position: relative;
z-index: 2;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.08em;
white-space: nowrap;
border-top: 1px dashed rgba(255, 255, 255, 0.2); }
.sm {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-top: 50px;
background: var(--cl2);
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap; }
.sm div {
float: left;
width: 25%;
border-left: 1px dashed rgba(255, 255, 255, 0.3);
padding: 38px 10px 43px 43px; }
.sm div:first-child {
border: 0; }
.sm h6 {
display: block;
width: 100%;
text-transform: uppercase;
font-size: 14px;
letter-spacing: 0.15em;
color: #fff; }
.sm ul {
display: block;
margin-top: 20px; }
.sm ul li {
display: block;
margin-bottom: 10px; }
.sm ul li:last-child {
margin: 0; }
.sm ul li a {
display: block;
font-weight: 300;
font-size: 13px;
line-height: 15px;
color: #D2C3BB;
-webkit-transition: color .25s;
-o-transition: color .25s;
transition: color .25s; }
.sm ul li a::before {
content: '';
float: left;
width: 12px;
height: 1px;
background: #717173;
margin: 6px 7px 0 0;
-webkit-transition: background .25s;
-o-transition: background .25s;
transition: background .25s; }
.sm ul li ul {
margin-top: 10px;
padding-left: 20px; }
.sm ul li ul li {
margin-bottom: 8px; }
.sm ul li ul li a {
font-size: 11px;
line-height: 13px; }
.sm ul li ul li a::before {
width: 8px; }
.sm ul li ul ul {
padding-left: 14px;
margin-top: 10px; }
.bte-bc + .cos {
margin-top: 40px;
}
.cos {
width: 100%;
height: 410px;
background: var(--cl2);
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
padding-bottom: 16px; }
.cos::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: -webkit-radial-gradient(50% 0%, 35.96% 100%, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
background: -o-radial-gradient(50% 0%, 35.96% 100%, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
background: radial-gradient(35.96% 100% at 50% 0%, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 100%);
z-index: 1;
border-top: 1px dashed rgba(255, 255, 255, 0.3); }
.cos.cos-nb::before {
border-top: 0; }
.cos i {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
z-index: 0;
opacity: .12; }
.cos div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
max-width: 444px;
margin: auto;
position: relative;
z-index: 3; }
.cos div img {
display: block;
width: auto;
height: 60px;
margin: 0 auto; }
.cos div h2 {
display: block;
width: 100%;
margin-top: 21px;
font-size: 30px;
line-height: 41px;
color: #fff;
text-align: center; }
.cos div span {
display: block;
margin-top: 4px;
width: 100%; }
.cos div span p {
display: block;
margin-top: 15px;
font-weight: 300;
font-size: 18px;
line-height: 25px;
color: #fff;
text-align: center; }
.cos div span p:first-child {
margin: 0; }
.cos div a {
display: block;
width: 246px;
margin: 21px auto 0; }
@media screen and (min-width: 1024px) {
.link:hover {
-webkit-box-shadow: inset 0 0 200px rgba(255, 255, 255, 0.1);
box-shadow: inset 0 0 200px rgba(255, 255, 255, 0.1); }
.mfp-arrow:hover span::after {
opacity: 1; }
.prc a:hover::before {
opacity: .3; }
.news-im:hover ul, .news-im:hover h4, .news-im:hover span {
color: #fff; }
.news-im:hover span::before {
background: #fff; }
.news-yet:hover p::before {
opacity: 1; }
.cont-nav a:hover::before {
opacity: 1; }
.nav-ul ul li a:hover::before {
opacity: 1; }
.nav-soc a:hover::before {
opacity: 1; }
.head-nav li a:hover img, .head-nav li a:hover svg {
opacity: 1; }
.head-lang a:hover {
color: #fff; }
.head-search a:hover + i {
width: 277px;
height: 277px;
opacity: .7; }
.close:hover::before {
opacity: 1; }
.search-tab li:hover {
color: #fff; }
.search-val a:hover {
color: #fff; }
.search-val label i:hover {
opacity: 1; }
.search-suc > a:hover p::before {
opacity: 1; }
.search-suc ul li a:hover {
border-color: #fff; }
.search-suc ul li a:hover p {
color: #fff; }
.search-suc ul li a:hover::before {
opacity: 1; }
.search-emp-ul ul li a:hover::before {
opacity: 1; }
.title ul li a:hover {
color: #fff; }
.title ul li a:hover::before {
opacity: 1; }
.text span a:hover::before {
opacity: 1; }
.text p a:hover::before {
opacity: 1; }
table td > a:hover::before {
opacity: 1; }
.bte-tab li:hover, .bte-tab li a:hover {
color: #fff; }
.foi-tab ul li:hover, .foi-tab ul li a:hover {
color: #fff; }
.foi-cap div a:hover::before {
opacity: 1; }
.foi-img > div span:hover {
-webkit-box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 0 200px rgba(0, 0, 0, 0.1); }
.foi-md-list button:hover i::after {
opacity: 1; }
.foi-lt div a:hover::after {
opacity: .2; }
.md-tt a:hover::before {
opacity: 1; }
.vhp-play:hover i {
opacity: .9; }
.skr-bc a:hover i {
opacity: 1; }
.dela > ul a:hover::before {
opacity: 1; }
.qc:hover ~ label::before {
border-color: #fff; }
.qf:hover label {
border-color: #fff; }
form.black .qc input:hover ~ label::before {
border-color: black; }
.foot-soc ul a:hover::before {
opacity: 1; }
.foot-nav div ul li a:hover {
color: #fff; }
.foot-nav div ul li a:hover::before {
opacity: 1; }
.foot-cop ul li a:hover {
color: #fff; }
.up:hover i::after {
opacity: 1; }
.tx-nav ul li a:hover {
color: #fff; }
.tx-nav ul li a:hover::before {
color: #fff; }
.ctn-im div ul a:hover::before {
opacity: 1; }
.sac-form div a:hover {
opacity: 1; }
.sac-res > a:hover p::before {
opacity: 1; }
.sac-res div a:hover i::before {
opacity: 1; }
.sac-res div a:hover p {
color: #fff; }
.t-pvd a:hover {
background: rgba(255, 255, 255, 0.1); }
.t-ifo div:first-child a:hover {
color: #fff;
border-color: #fff; }
.t-ifo div:nth-child(2) ul li a:hover {
color: #fff; }
a.hm-tt:hover {
opacity: .8; }
.hm-nav li a:hover {
opacity: .7; }
.hm-cnt span a:hover {
opacity: 1; }
.hm-cnt ul a:hover img path, .hm-cnt ul a:hover svg:first-child path {
fill: #fff; }
.hm-hv:hover {
background: rgba(36, 36, 36, 0.4); }
.hm-hv:hover .hm-tt {
height: 22%;
padding-top: 10px; }
.hm-hv:hover .hm-sl {
opacity: 1; }
.hm-ov:hover {
--tmh: -50vh; }
.hm-ov:hover::before {
width: 400vh;
height: 400vh;
opacity: .7;
-webkit-transition: width 2s, height 2s, opacity .5s, bottom 2s, left 2s, right 2s;
-o-transition: width 2s, height 2s, opacity .5s, bottom 2s, left 2s, right 2s;
transition: width 2s, height 2s, opacity .5s, bottom 2s, left 2s, right 2s; }
.tnv a:hover::before {
opacity: .3; }
.jbs a:hover > h2 {
color: rgba(255, 255, 255, 0.7); }
.sm ul li a:hover {
color: #fff; }
.sm ul li a:hover::before {
background: #fff; } }
@media screen and (max-width: 1600px) {
body.coten .cont {
margin-left: 0;
width: 100%; }
.ov {
background: rgba(0, 0, 0, 0.3); }
.nav {
width: 310px;
margin-left: -310px;
padding: 42px 8px 42px 36px; }
.nav-soc {
left: 28px; }
.cont-nav {
width: 100%;
max-width: 1170px;
padding: 0 40px;
top: 90px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.hm-sl {
height: 55%; }
.hm-sl a h5 {
font-size: 14px;
line-height: 24px; }
.hm-sl a p {
margin-top: 10px; }
.hm-nav li {
margin-bottom: 1.5%; }
.hm-nav li a {
font-size: 14px; }
.hm-cnt span a {
margin-top: 12px; }
.hm-cnt span a h6 {
font-size: 11px;
line-height: 14px; }
.hm-cnt span a p {
font-size: 16px;
margin-top: 4px; }
.hm-cnt ul {
margin-top: 14px; }
.hm-cnt ul a {
width: 35px; }
.hm-cnt ul a img:last-child, .hm-cnt ul a svg:last-child {
max-width: 14px;
max-height: 14px; }
.hm-tt i {
font-size: 12px; }
.hm-tt p {
font-size: 16px;
line-height: 14px; } }
@media screen and (max-width: 1400px) {
.head-nav li a {
padding: 2px 38px; }
.foot-nav {
padding: 37px 0 35px 8px; }
.foot-nav div ul {
width: 96%; } }
@media screen and (max-width: 1200px) {
.head-nav li a {
padding: 0 15px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.head-nav li a svg, .head-nav li a img {
margin: auto;
height: 30px; }
.foi-tab ul li, .foi-tab ul li a {
margin: 0 5px;
font-size: 13px;
line-height: 15px; }
.foi-tab ul li a {
margin: 0; }
.tx-nav {
width: 145px;
padding: 15px 15px; }
.ctg-im:nth-child(1) span p {
font-size: 18px; }
.ctg-im:nth-child(1) b {
letter-spacing: 0.18em; } }
@media screen and (max-width: 1023px) {
body {
background-image: none !important; }
body.fix .head {
height: 60px; }
body.fix .head-logo {
margin-top: 21px; }
body.fix .head-humb, body.fix .head-search {
margin-top: 5px; }
body.fix .nav {
height: -webkit-calc(100vh - 60px);
height: calc(100vh - 60px);
top: 60px; }
body.fix .tx-nav {
top: 60px;
max-height: -webkit-calc(100% - 60px);
max-height: calc(100% - 60px); }
.head {
-webkit-box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.15);
box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.15); }
.head-nav, .head-lang, .head-link {
display: none; }
.head-logo {
position: absolute;
margin: 31px 0 0;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
height: 19px;
-webkit-transition: margin .3s;
-o-transition: margin .3s;
transition: margin .3s; }
.head-logo img, .head-logo svg {
max-width: 162px;
width: 162px;
height: 19px; }
.head-search {
margin-right: 28px;
-webkit-transition: margin .3s;
-o-transition: margin .3s;
transition: margin .3s; }
.head-search a {
-webkit-background-size: auto 19px;
background-size: auto 19px; }
.search {
overflow-y: auto; }
.search .mfp-close {
top: 20px;
right: 33px; }
.search-bc {
margin: 16vh auto; }
.search-bc.result {
padding-top: 71px; }
.search-bc.result .search-logo {
height: 52px; }
.search-bc.result .search-tab {
margin-top: 35px; }
.search-bc.result .search-val {
margin-top: 37px;
height: 72px; }
.search-val a {
white-space: nowrap;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.search-tab li span {
display: none; }
.search-ov {
padding: 0 15px;
overflow: hidden;
height: auto;
max-height: none; }
.search-suc ul li {
display: none; }
.search-suc ul li:nth-child(1), .search-suc ul li:nth-child(2), .search-suc ul li:nth-child(3), .search-suc ul li:nth-child(4) {
display: block; }
.search-suc ul li a {
padding: 20px 30px; }
.search-suc ul li a::before {
right: 30px; }
.search-suc ul li a::after {
right: 35px; }
.search-suc > a {
margin: 25px 0 20px; }
.search-suc > a p {
font-size: 18px; }
.search-sect .search-suc ul li:nth-child(5) {
display: block; }
.search-sect .search-suc ul li a {
padding: 19px 30px 19px; }
.search-emp-ale {
border-bottom: 0;
padding-bottom: 0; }
.search-emp-ale p {
margin-top: 10px; }
.search-emp-ul ul li {
width: 50%;
margin-bottom: 13px; }
.logo {
padding: 50px 0 30px; }
.logo img, .logo svg {
height: 177px; }
.logo p {
font-size: 15px;
line-height: 17px;
margin-top: 30px; }
.logo h1 {
font-size: 18px;
line-height: 22px;
margin-top: 22px; }
.fullv {
display: block;
width: 100%; }
.fullv + .bin {
margin-top: 20px; }
.bin {
position: relative;
padding: 30px 0 0;
height: auto;
background: transparent !important; }
.bin i {
display: block;
position: absolute;
width: 100%;
height: -webkit-calc(100% - 76px);
height: calc(100% - 76px);
z-index: 0;
top: 0;
left: 0;
right: 0;
-webkit-background-size: cover;
background-size: cover;
background-position: center bottom; }
.bin div {
max-width: 100%;
padding: 0 20px 400px; }
.bin div h4 {
text-align: center;
font-size: 28px;
line-height: 35px; }
.bin div span {
margin-top: 10px; }
.bin div span p {
text-align: center;
font-size: 16px;
line-height: 22px; }
.bin div a {
width: 100%;
position: absolute;
left: 0;
bottom: 0;
right: 0; }
.title h2 {
font-size: 28px; }
.title ul {
top: 10px; }
.title ul li a {
font-size: 0; }
.pserv {
padding: 31px 20px 20px; }
.pserv table {
display: none; }
.pserv .tb {
display: block;
margin-top: 16px; }
.pserv .tb-td {
margin-top: 13px; }
.pserv .tb-td:first-child {
margin: 0; }
.foi {
padding: 31px 0 0;
margin-top: 20px; }
.foi-all {
display: block;
width: 100%;
margin-top: 10px; }
.foi-tab {
margin-top: 16px; }
.foi-tab ul {
padding: 0 10px; }
.foi-tab ul li {
margin: 0 11px 12px; }
.foi-tab ul li:last-child {
display: none; }
.foi-sd {
margin-top: 7px; }
.foi-cap {
height: 50px; }
.foi-cap i {
width: 50px;
height: 36px;
margin: 7px 5px 0; }
.foi-cap i + div {
width: -webkit-calc(100% - 70px);
width: calc(100% - 70px); }
.foi-cap div {
margin-top: 12px; }
.foi-cap div > a {
font-size: 0;
margin-right: 14px; }
.foi-cap div ul {
margin-top: 2px; }
.foi-pj {
margin-top: 40px; }
.foi-pj-bc {
margin-top: 40px; }
.foi-photo .foi-img > div {
background: #fff; }
.foi-photo .foi-cap div {
margin-top: 0;
padding-left: 15px; }
.foi-photo .foi-cap div h4 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
max-width: 80%;
font-size: 16px;
line-height: 18px; }
.foi-photo .foi-cap div a {
margin-top: 14px; }
.up {
display: none; }
.stat {
padding: 22px 0 10px;
margin-top: 20px; }
.stat + .bin {
margin-top: 20px; }
.stat + .bin div {
padding: 0 32px 400px; }
.stat-bc {
display: none; }
.stat-mb {
display: block;
margin-top: 8px; }
.stat-mb div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
padding: 26px 0 26px; }
.stat-mb div:last-child {
border: 0; }
.stat-mb div h4 {
float: left;
width: -webkit-calc(50% - 30px);
width: calc(50% - 30px);
text-align: right;
font-size: 36px;
line-height: 45px;
height: 45px; }
.stat-mb div span {
float: left;
width: 60px;
height: 45px;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap; }
.stat-mb div span i {
display: block;
width: 26px;
height: 26px;
-webkit-background-size: contain;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin: auto; }
.stat-mb div span p {
position: absolute;
width: 100%;
top: -10px;
left: 0;
text-align: center;
font-weight: 300;
font-size: 12px;
color: rgba(255, 255, 255, 0.5); }
.stat-mb div > p {
float: left;
height: 45px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: -webkit-calc(50% - 30px);
width: calc(50% - 30px);
font-weight: 300;
font-size: 14px;
line-height: 17px; }
.psa {
margin-top: 20px;
padding: 30px 20px 25px; }
.psa table {
display: none; }
.psa-2 table {
display: block; }
.psa-2 table th {
padding: 6px 7px; }
.psa-2 table td {
padding: 6px 7px; }
.psa .tb {
display: block;
width: 100%;
margin-top: 17px; }
.psa .tb-td {
margin-top: 20px;
border-bottom: 0; }
.psa .tb-td:first-child {
margin: 0; }
.psa .tb-th {
padding: 10px 15px 10px; }
.psa .tb-th b {
width: 100%;
text-align: center; }
.psa .tb-tb-td {
width: 100%; }
.psa .tb-tb-th {
padding: 12px 15px 11px;
position: relative;
-webkit-transition: background .3s;
-o-transition: background .3s;
transition: background .3s; }
.psa .tb-tb-th.open {
background: rgba(255, 255, 255, 0.05); }
.psa .tb-tb-th.open::before {
opacity: 1;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.psa .tb-tb-th.open ~ .tb-tb-tr {
opacity: 1; }
.psa .tb-tb-th::before {
content: '';
position: absolute;
width: 13px;
height: 13px;
top: 13px;
right: 15px;
opacity: .2;
background: url(../images/tb.svg) center/contain no-repeat;
-webkit-transition: opacity .3s, -webkit-transform .3s;
transition: opacity .3s, -webkit-transform .3s;
-o-transition: opacity .3s, transform .3s;
transition: opacity .3s, transform .3s;
transition: opacity .3s, transform .3s, -webkit-transform .3s; }
.psa .tb-tb-tr {
display: none;
opacity: 0;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s; }
.pen {
margin-top: 20px;
min-height: 234px;
height: auto;
padding: 15px 0; }
.pen .title h2 span {
display: none; }
.pen .title p {
font-size: 16px;
line-height: 22px;
margin-top: 5px;
padding: 0 20px; }
.pen .title p br {
display: none; }
.pen .title a {
margin-top: 18px; }
.piv {
margin-top: 20px;
padding: 31px 0 8px; }
.piv + .bin {
margin-top: 20px; }
.piv + .bin div {
max-width: 100%; }
.piv-bc {
margin-top: 2px; }
.piv-bc div {
width: 100%;
border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
padding: 15px 10px 15px 15px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.piv-bc div:last-child {
border: 0; }
.piv-bc div i {
float: left;
width: 60px;
-webkit-background-size: 32px auto;
background-size: 32px auto; }
.piv-bc div p {
float: left;
width: -webkit-calc(100% - 60px);
width: calc(100% - 60px);
line-height: 16px;
text-align: left;
margin: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.tdt {
margin-top: 20px;
padding: 31px 20px 20px; }
.tdt-bc {
margin-top: 31px;
height: 441px; }
.tdt-bc .link {
max-width: 95%; }
.ksc {
margin-top: 20px;
padding: 31px 20px 25px; }
.ksc table {
display: none; }
.ksc .tb {
display: block;
margin-top: 16px; }
.ksc .tb-td {
margin-top: 20px; }
.ksc .tb-td:first-child {
margin: 0; }
.ksc .tb-th {
padding: 10px 15px; }
.ksc .tb-th p {
font-size: 12px;
line-height: 18px;
color: rgba(255, 255, 255, 0.5);
margin-left: auto; }
.ksc .tb-tr {
padding: 12px 15px; }
.ksc .tb-tr p {
font-size: 14px;
line-height: 16px;
font-weight: 300; }
.ksc .tb-tr p b {
font-size: 14px;
line-height: 16px;
font-weight: 500;
display: inline-block; }
.ksc-m table {
display: table; }
.ksc-m table th {
width: 33.3333%;
padding: 6px 7px 6px; }
.ksc-m table th b {
font-size: 12px;
text-align: left; }
.ksc-m table td {
padding: 6px 7px 6px; }
.ksc-m table td a {
font-size: 12px;
line-height: 14px;
padding-left: 13px;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis; }
.ksc-m table td a::before {
width: 8px;
top: 6px; }
.ksc-m table td p {
font-size: 12px;
line-height: 14px; }
.vhp {
margin-top: 20px;
height: 520px; }
.skr {
margin-top: 20px;
padding: 31px 20px 25px; }
.text iframe {
width: -webkit-calc(100% + 60px);
width: calc(100% + 60px);
margin: 20px -30px 0; }
.text iframe:first-child {
margin-top: 0; }
.text q {
padding: 46px 30px 41px;
width: -webkit-calc(100% + 30px);
width: calc(100% + 30px);
margin: 0 -15px; }
.text q:first-child {
margin: 0 -15px; }
.text q h4, .text q h5, .text q h6 {
font-size: 18px;
line-height: 27px;
text-align: left; }
.text q p:last-child {
text-align: left; }
.text q p:last-child b {
text-align: left; }
.text h4 {
font-size: 20px; }
.text p {
font-size: 16px;
line-height: 24px; }
.text span a {
font-size: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); }
.text span a::before {
position: absolute;
margin: 0;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) rotate(-90deg);
-ms-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg); }
.text span a::after {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.text ul li, .text ul.min li {
margin-top: 15px;
line-height: 24px; }
.text ul li::before, .text ul.min li::before {
top: 13px; }
.dela {
display: none; }
.dsj {
margin-top: 20px;
padding: 20px 0 15px; }
.dsj-bc {
margin: 0; }
.dsj-bc a {
width: 100%;
border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
padding: 30px 10px 30px 30px; }
.dsj-bc a:last-child {
border: 0; }
.dsj-bc a i {
float: left;
width: 65px;
height: 40px;
margin-right: 18px; }
.dsj-bc a i img, .dsj-bc a i svg {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%; }
.dsj-bc a p {
float: left;
width: -webkit-calc(100% - 83px);
width: calc(100% - 83px);
height: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
line-height: 18px;
text-align: left;
margin: 0; }
.cnt {
padding: 31px 25px 30px;
margin-top: 20px; }
.foot {
margin-top: 30px;
padding: 47px 0 0; }
.foot .row {
padding: 0; }
.foot-logo {
height: 90px; }
.foot-soc {
position: relative;
top: auto;
padding: 35px 0;
margin-top: 35px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
border-top: 1px dashed rgba(255, 255, 255, 0.2);
border-bottom: 1px dashed rgba(255, 255, 255, 0.2); }
.foot-soc ul:first-child {
margin-right: 15px; }
.foot-soc ul a {
margin-right: 15px; }
.foot-nav, .foot-cop {
display: none; }
.foot .fullv {
width: 100%;
padding: 25px 0 23px;
text-align: center;
font-weight: 300;
font-size: 14px;
line-height: 16px;
letter-spacing: 0.07em;
text-transform: uppercase;
color: #fff; }
.md-form {
max-width: 286px; }
.nav {
width: 350px;
margin-left: -350px;
padding: 36px 8px 31px 40px; }
.nav-ul {
margin-top: 18px; }
.nav-ul ul li {
margin-top: 10px; }
.nav-ul ul li:nth-child(3n) {
margin-bottom: 25px; }
.nav-ul ul li:last-child {
margin-bottom: 0; }
.nav-ul ul li a {
font-size: 16px;
line-height: 20px; }
.nav-soc {
left: 40px;
bottom: 34px; }
.nav-soc a {
margin-right: 15px; }
.nav .head-lang {
display: block;
position: absolute;
right: 40px;
bottom: 47px;
margin: 0; }
.tx {
margin-top: 50px;
padding: 0 0 20px;
background: transparent !important; }
.tx .text {
margin-top: 27px;
padding: 0 15px; }
.tx-nav {
position: fixed;
width: 100%;
max-height: -webkit-calc(100% - 80px);
max-height: calc(100% - 80px);
overflow: auto;
top: 80px;
left: 0;
padding: 0;
z-index: 41;
-webkit-transition: top .3s;
-o-transition: top .3s;
transition: top .3s; }
.tx-nav + .cont-bc {
margin-top: 50px; }
.tx-nav p {
height: 50px;
line-height: 50px;
position: relative;
padding: 0 38px; }
.tx-nav p.open::after {
opacity: 1;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.tx-nav p span {
display: inline; }
.tx-nav p::after {
content: '';
position: absolute;
width: 13px;
height: 13px;
top: 18px;
right: 45px;
opacity: .2;
background: url(../images/tb.svg) center/contain no-repeat;
-webkit-transition: opacity .3s, -webkit-transform .3s;
transition: opacity .3s, -webkit-transform .3s;
-o-transition: opacity .3s, transform .3s;
transition: opacity .3s, transform .3s;
transition: opacity .3s, transform .3s, -webkit-transform .3s; }
.tx-nav ul {
padding: 10px 37px 30px;
display: none;
margin: 0; }
.tx-nav ul li {
margin-top: 12px; }
.tx-nav ul li a {
font-size: 16px;
line-height: 26px;
padding-left: 18px; }
.tx-nav ul li a::before {
width: 20px;
font-size: 16px;
line-height: 26px; }
.cont-nav {
top: 63px;
padding: 0 30px; }
.cont-nav a {
font-size: 0; }
.bte {
padding-top: 50px; }
.bte iframe {
height: 500px;
margin-top: 30px; }
.btl h1, .btl h2 {
font-size: 32px;
line-height: 40px;
margin-top: 11px; }
.btl ul {
margin-top: 20px; }
.ctn {
margin-top: 21px; }
.ctn-im {
width: 100% !important;
height: auto !important; }
.ctn-im::before {
display: none; }
.ctn-im:nth-child(1), .ctn-im:nth-child(2), .ctn-im:nth-child(3), .ctn-im:nth-child(7), .ctn-im:nth-child(8), .ctn-im:nth-child(9) {
border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
padding: 30px 0 29px;
margin: 0; }
.ctn-im:nth-child(1) {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
margin-top: 30px; }
.ctn-im:nth-child(2) {
-webkit-box-ordinal-group: 6;
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.ctn-im:nth-child(3) {
-webkit-box-ordinal-group: 7;
-webkit-order: 6;
-ms-flex-order: 6;
order: 6;
border: 0; }
.ctn-im:nth-child(4) {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
padding: 40px 0 30px;
margin: 0;
border-bottom: 1px dashed rgba(255, 255, 255, 0.2); }
.ctn-im:nth-child(5) {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
padding: 40px 0 40px;
margin: 0;
border-bottom: 1px dashed rgba(255, 255, 255, 0.2); }
.ctn-im:nth-child(6) {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
padding: 30px 0 40px;
margin: 0; }
.ctn-im:nth-child(7) {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
display: none; }
.ctn-im:nth-child(8) {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
display: none; }
.ctn-im:nth-child(9) {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
display: none;
border: 0; }
.ctn .tdt-bc {
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
margin-top: 30px;
height: 441px; }
.ctn .tdt-bc iframe {
height: 100%; }
.ctn .tdt-bc::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #000;
opacity: .2;
}
.ctn-im div > a {
font-size: 28px;
line-height: 32px;
margin-top: 8px; }
.ctn-all {
display: block;
-webkit-box-ordinal-group: 11;
-webkit-order: 10;
-ms-flex-order: 10;
order: 10;
width: 100%;
margin-top: -1px;
position: relative;
z-index: 1;
padding: 0 20px 25px; }
.ctn-all button {
width: 100%; }
.ctn-geo {
padding: 31px 20px 25px; }
.ctn-geo .title p {
display: none; }
.ctn-geo-form {
margin: 22px auto 0;
width: 100%; }
.ctn-geo-form .qi {
width: 100%; }
.ctn-geo-form button {
width: 100%;
margin: 20px 0 0; }
.ctn-req {
padding: 31px 20px 25px;
margin-top: 20px; }
.ctn-req .title p {
font-size: 15px;
padding-bottom: 0; }
.ctn-req-bc {
margin-top: 32px; }
.ctn-req-bc div {
width: 100%;
padding: 0 0 41px; }
.ctn-req-bc div:last-child {
padding-bottom: 30px; }
.ctn-req-bc div b {
margin-top: 6px; }
.ctn-req .link {
width: 100%; }
.sac {
margin-top: 21px; }
.sac-form {
height: 60px;
padding: 0 20px; }
.sac-form div input {
font-size: 20px; }
.sac-form div a {
-webkit-background-size: 15px 15px;
background-size: 15px; }
.sac-res {
padding-bottom: 30px; }
.sac-res div a {
padding: 24px 45px 28px 20px; }
.sac-res div a i {
right: 20px;
top: 35px; }
.sac-res div a p {
width: 100%; }
.cno {
margin-top: 20px;
padding: 31px 20px 20px; }
.cno table {
margin-top: 20px; }
.tnv {
margin-top: 30px; }
.tnv a {
width: 100% !important;
height: 156px !important;
margin: 0 0 15px !important;
position: relative !important;
top: auto !important; }
.tnv a::before {
background: -webkit-gradient(linear, left top, left bottom, color-stop(52.99%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 52.99%, rgba(0, 0, 0, 0.4) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 52.99%, rgba(0, 0, 0, 0.4) 100%);
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 52.99%, rgba(0, 0, 0, 0.4) 100%);
opacity: 1; }
.tnv a h4 {
font-size: 28px;
line-height: 35px;
padding: 18px 26px; }
.jbs {
margin-top: 23px; }
.jbs + .ctn-req {
padding: 31px 10px 25px; }
.jbs a {
width: 100% !important;
height: 95px !important;
margin: 0 !important;
border-bottom: 1px dashed var(--cl4); }
.jbs a::before {
display: none; }
.jbs a:last-child {
border: 0; }
.jbs a h2 {
font-size: 28px; }
.prc a h2 {
font-size: 28px;
line-height: 35px; }
.news-im {
width: -webkit-calc(50% - 16px);
width: calc(50% - 16px); }
.ctg-ba {
width: 100%;
margin: 0; }
.ctg-ma {
width: 100%;
margin: 15px 0 0; }
.ctg-ua {
width: 100%;
margin: 15px 0 0; }
.ctg-im:nth-child(2) {
margin-top: 0;
height: auto;
padding: 30px 30px !important; }
.ctg-im:nth-child(3) {
margin-top: 0; }
.sm {
margin-top: 30px; }
.sm div {
width: 50%;
border-top: 1px dashed rgba(255, 255, 255, 0.3); }
.sm div:nth-child(2) {
border-top: 0; }
.sm div:nth-child(3) {
border-left: 0; }
.cos {
height: 540px;
padding: 0 30px;
margin: 40px 0 0; }
.cos::before {
border: 0; }
.cos div h2 {
padding: 0 20px;
font-size: 28px;
line-height: 35px; }
.cos div span p {
font-size: 18px;
line-height: 25px; }
}
@media screen and (max-width: 767px) {
.head.hide + .cont .cont-nav {
opacity: 0; }
.tm .logo h1 {
letter-spacing: 0.13em; }
.foi-cap div h4 {
font-size: 12px;
letter-spacing: 1px;
line-height: 15px;}
.foi .title {
z-index: 0; }
.foi-pg {
margin-bottom: 30px; }
.foi-img {
height: auto !important; }
.foi-img > div.slick-slider {
height: 426px;
padding-bottom: 50px;
overflow: hidden;
position: relative;
background: -webkit-radial-gradient(50% 50%, 52.43% 50%, #F6F6F6 14.94%, #D7D6DB 100%);
background: -o-radial-gradient(50% 50%, 52.43% 50%, #F6F6F6 14.94%, #D7D6DB 100%);
background: radial-gradient(52.43% 50% at 50% 50%, #F6F6F6 14.94%, #D7D6DB 100%);
-webkit-transition: padding .3s, height .3s;
-o-transition: padding .3s, height .3s;
transition: padding .3s, height .3s; }
.foi-img > div.slick-slider span {
float: left;
height: 100% !important;
margin: 0 !important;
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
background: none; }
.foi-img > div.slick-slider .slick-arrow {
position: absolute;
width: 45px;
height: -webkit-calc(100% - 50px);
height: calc(100% - 50px);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
top: 0;
z-index: 3; }
.foi-img > div.slick-slider .slick-arrow svg {
margin: auto;
width: 16px;
height: 16px;
opacity: .3; }
.foi-img > div.slick-slider .slick-arrow:first-child {
left: 0; }
.foi-img > div.slick-slider .slick-arrow:last-child {
right: 0;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.foi-img > div.slick-slider .slick-list {
display: block;
width: 100%;
height: 100%; }
.foi-img > div.slick-slider .slick-track {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%; }
.foi-img ul {
position: absolute;
width: 100%;
bottom: 22px;
left: 0;
right: 0;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.foi-img ul .slick-list {
display: block;
width: 100%;
height: 100%; }
.foi-img ul .slick-track {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100% !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
height: 100%; }
.foi-img ul li {
float: left;
width: 28px !important;
height: 28px;
margin: 0 3px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition: opacity .25s;
-o-transition: opacity .25s;
transition: opacity .25s; }
.foi-img ul li.slick-current {
opacity: .6; }
.foi-img ul li img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
margin: auto; }
.foi-sd, .foi-pg {
z-index: 21; }
.foi-sd .foi-img > div, .foi-pg .foi-img > div {
height: 426px; }
.foi-im {
-webkit-transition: width .3s, margin .3s;
-o-transition: width .3s, margin .3s;
transition: width .3s, margin .3s; }
.foi-im.open {
width: -webkit-calc(100% + 30px);
width: calc(100% + 30px);
margin: 0 -15px;
z-index: 21; }
.foi-im.open .foi-img > div {
height: -webkit-calc(100vh - 60px);
height: calc(100vh - 60px);
padding: 0 15px 50px; }
.foi-im .md-tt {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 60px;
padding: 20px 20px 0; }
.foi-im .md-tt button {
right: 20px;
top: 9px; }
.foi-md-list {
display: none; }
.foi-lt {
margin-top: 30px;
position: relative;
padding: 31px 20px 30px; }
.foi-lt i {
display: block;
position: absolute;
z-index: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0; }
.foi-lt h2 {
position: relative;
z-index: 1;
height: auto;
line-height: 35px;
font-size: 28px; }
.foi-lt button {
display: block;
width: 100%;
position: relative;
z-index: 1; }
.foi-lt div {
z-index: 1;
margin-top: 28px;
height: auto; }
.foi-lt div.s9 a, .foi-lt div.s8 a, .foi-lt div.s7 a, .foi-lt div.s6 a, .foi-lt div.s5 a, .foi-lt div.s4 a, .foi-lt div.s3 a, .foi-lt div.s2 a, .foi-lt div.s1 a {
width: 100% !important;
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
margin: 0 0 10px !important;
display: none; }
.foi-lt div.s9 a:nth-child(1), .foi-lt div.s9 a:nth-child(2), .foi-lt div.s9 a:nth-child(3), .foi-lt div.s8 a:nth-child(1), .foi-lt div.s8 a:nth-child(2), .foi-lt div.s8 a:nth-child(3), .foi-lt div.s7 a:nth-child(1), .foi-lt div.s7 a:nth-child(2), .foi-lt div.s7 a:nth-child(3), .foi-lt div.s6 a:nth-child(1), .foi-lt div.s6 a:nth-child(2), .foi-lt div.s6 a:nth-child(3), .foi-lt div.s5 a:nth-child(1), .foi-lt div.s5 a:nth-child(2), .foi-lt div.s5 a:nth-child(3), .foi-lt div.s4 a:nth-child(1), .foi-lt div.s4 a:nth-child(2), .foi-lt div.s4 a:nth-child(3), .foi-lt div.s3 a:nth-child(1), .foi-lt div.s3 a:nth-child(2), .foi-lt div.s3 a:nth-child(3), .foi-lt div.s2 a:nth-child(1), .foi-lt div.s2 a:nth-child(2), .foi-lt div.s2 a:nth-child(3), .foi-lt div.s1 a:nth-child(1), .foi-lt div.s1 a:nth-child(2), .foi-lt div.s1 a:nth-child(3) {
display: block;
height: 180px; }
.foi-lt div.s9 a:nth-child(4), .foi-lt div.s9 a:nth-child(5), .foi-lt div.s9 a:nth-child(6), .foi-lt div.s9 a:nth-child(7), .foi-lt div.s9 a:nth-child(8), .foi-lt div.s9 a:nth-child(9), .foi-lt div.s8 a:nth-child(4), .foi-lt div.s8 a:nth-child(5), .foi-lt div.s8 a:nth-child(6), .foi-lt div.s8 a:nth-child(7), .foi-lt div.s8 a:nth-child(8), .foi-lt div.s8 a:nth-child(9), .foi-lt div.s7 a:nth-child(4), .foi-lt div.s7 a:nth-child(5), .foi-lt div.s7 a:nth-child(6), .foi-lt div.s7 a:nth-child(7), .foi-lt div.s7 a:nth-child(8), .foi-lt div.s7 a:nth-child(9), .foi-lt div.s6 a:nth-child(4), .foi-lt div.s6 a:nth-child(5), .foi-lt div.s6 a:nth-child(6), .foi-lt div.s6 a:nth-child(7), .foi-lt div.s6 a:nth-child(8), .foi-lt div.s6 a:nth-child(9), .foi-lt div.s5 a:nth-child(4), .foi-lt div.s5 a:nth-child(5), .foi-lt div.s5 a:nth-child(6), .foi-lt div.s5 a:nth-child(7), .foi-lt div.s5 a:nth-child(8), .foi-lt div.s5 a:nth-child(9), .foi-lt div.s4 a:nth-child(4), .foi-lt div.s4 a:nth-child(5), .foi-lt div.s4 a:nth-child(6), .foi-lt div.s4 a:nth-child(7), .foi-lt div.s4 a:nth-child(8), .foi-lt div.s4 a:nth-child(9), .foi-lt div.s3 a:nth-child(4), .foi-lt div.s3 a:nth-child(5), .foi-lt div.s3 a:nth-child(6), .foi-lt div.s3 a:nth-child(7), .foi-lt div.s3 a:nth-child(8), .foi-lt div.s3 a:nth-child(9), .foi-lt div.s2 a:nth-child(4), .foi-lt div.s2 a:nth-child(5), .foi-lt div.s2 a:nth-child(6), .foi-lt div.s2 a:nth-child(7), .foi-lt div.s2 a:nth-child(8), .foi-lt div.s2 a:nth-child(9), .foi-lt div.s1 a:nth-child(4), .foi-lt div.s1 a:nth-child(5), .foi-lt div.s1 a:nth-child(6), .foi-lt div.s1 a:nth-child(7), .foi-lt div.s1 a:nth-child(8), .foi-lt div.s1 a:nth-child(9) {
display: none;
height: 180px; }
.foi-lt div.s9 a:last-child, .foi-lt div.s8 a:last-child, .foi-lt div.s7 a:last-child, .foi-lt div.s6 a:last-child, .foi-lt div.s5 a:last-child, .foi-lt div.s4 a:last-child, .foi-lt div.s3 a:last-child, .foi-lt div.s2 a:last-child, .foi-lt div.s1 a:last-child {
margin: 0 !important; }
.foi-pj .foi-md {
height: 100vh;
top: 0;
position: fixed; }
.foi-pj .foi-md-list {
display: block;
height: -webkit-calc(100% - 66px);
height: calc(100% - 66px); }
.foi-pj .foi-md-list button.next i {
right: 15px;
-webkit-transform: scale(0.6, 0.6) rotate(180deg);
-ms-transform: scale(0.6, 0.6) rotate(180deg);
transform: scale(0.6, 0.6) rotate(180deg); }
.foi-pj .foi-md-list button.prev i {
left: 15px;
-webkit-transform: scale(0.6, 0.6);
-ms-transform: scale(0.6, 0.6);
transform: scale(0.6, 0.6); }
.foi-pj .md-tt {
top: 0;
background: var(--cl2); }
.foi-pj .foi-img > div span {
float: left;
width: 100% !important;
height: 250px !important;
margin: 0 0 10px !important;
position: relative !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important; }
.skr-all {
display: block;
width: 100%; }
.skr-bc {
margin-top: 21px;
height: auto; }
.skr-bc a {
display: none;
width: 100% !important;
margin: 0 0 10px !important; }
.skr-bc.sc9 a:nth-child(1), .skr-bc.sc9 a:nth-child(2), .skr-bc.sc9 a:nth-child(3), .skr-bc.sc8 a:nth-child(1), .skr-bc.sc8 a:nth-child(2), .skr-bc.sc8 a:nth-child(3), .skr-bc.sc7 a:nth-child(1), .skr-bc.sc7 a:nth-child(2), .skr-bc.sc7 a:nth-child(3), .skr-bc.sc6 a:nth-child(1), .skr-bc.sc6 a:nth-child(2), .skr-bc.sc6 a:nth-child(3), .skr-bc.sc5 a:nth-child(1), .skr-bc.sc5 a:nth-child(2), .skr-bc.sc5 a:nth-child(3), .skr-bc.sc4 a:nth-child(1), .skr-bc.sc4 a:nth-child(2), .skr-bc.sc4 a:nth-child(3), .skr-bc.sc3 a:nth-child(1), .skr-bc.sc3 a:nth-child(2), .skr-bc.sc3 a:nth-child(3), .skr-bc.sc2 a:nth-child(1), .skr-bc.sc2 a:nth-child(2), .skr-bc.sc2 a:nth-child(3), .skr-bc.sc1 a:nth-child(1), .skr-bc.sc1 a:nth-child(2), .skr-bc.sc1 a:nth-child(3) {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 180px; }
.skr-bc.sc9 a:nth-child(4), .skr-bc.sc9 a:nth-child(5), .skr-bc.sc9 a:nth-child(6), .skr-bc.sc9 a:nth-child(7), .skr-bc.sc9 a:nth-child(8), .skr-bc.sc9 a:nth-child(9), .skr-bc.sc8 a:nth-child(4), .skr-bc.sc8 a:nth-child(5), .skr-bc.sc8 a:nth-child(6), .skr-bc.sc8 a:nth-child(7), .skr-bc.sc8 a:nth-child(8), .skr-bc.sc8 a:nth-child(9), .skr-bc.sc7 a:nth-child(4), .skr-bc.sc7 a:nth-child(5), .skr-bc.sc7 a:nth-child(6), .skr-bc.sc7 a:nth-child(7), .skr-bc.sc7 a:nth-child(8), .skr-bc.sc7 a:nth-child(9), .skr-bc.sc6 a:nth-child(4), .skr-bc.sc6 a:nth-child(5), .skr-bc.sc6 a:nth-child(6), .skr-bc.sc6 a:nth-child(7), .skr-bc.sc6 a:nth-child(8), .skr-bc.sc6 a:nth-child(9), .skr-bc.sc5 a:nth-child(4), .skr-bc.sc5 a:nth-child(5), .skr-bc.sc5 a:nth-child(6), .skr-bc.sc5 a:nth-child(7), .skr-bc.sc5 a:nth-child(8), .skr-bc.sc5 a:nth-child(9), .skr-bc.sc4 a:nth-child(4), .skr-bc.sc4 a:nth-child(5), .skr-bc.sc4 a:nth-child(6), .skr-bc.sc4 a:nth-child(7), .skr-bc.sc4 a:nth-child(8), .skr-bc.sc4 a:nth-child(9), .skr-bc.sc3 a:nth-child(4), .skr-bc.sc3 a:nth-child(5), .skr-bc.sc3 a:nth-child(6), .skr-bc.sc3 a:nth-child(7), .skr-bc.sc3 a:nth-child(8), .skr-bc.sc3 a:nth-child(9), .skr-bc.sc2 a:nth-child(4), .skr-bc.sc2 a:nth-child(5), .skr-bc.sc2 a:nth-child(6), .skr-bc.sc2 a:nth-child(7), .skr-bc.sc2 a:nth-child(8), .skr-bc.sc2 a:nth-child(9), .skr-bc.sc1 a:nth-child(4), .skr-bc.sc1 a:nth-child(5), .skr-bc.sc1 a:nth-child(6), .skr-bc.sc1 a:nth-child(7), .skr-bc.sc1 a:nth-child(8), .skr-bc.sc1 a:nth-child(9) {
height: 180px; }
.skr-bc.sc9 a:last-child, .skr-bc.sc8 a:last-child, .skr-bc.sc7 a:last-child, .skr-bc.sc6 a:last-child, .skr-bc.sc5 a:last-child, .skr-bc.sc4 a:last-child, .skr-bc.sc3 a:last-child, .skr-bc.sc2 a:last-child, .skr-bc.sc1 a:last-child {
margin: 0 !important; }
.skr-md {
width: -webkit-calc(100% + 30px);
width: calc(100% + 30px);
margin: 0 -15px; }
.skr-cap {
height: 188px; }
.skr-cap .title {
width: 90%; }
.skr-cap .title ul {
display: none; }
.skr-cap .title img, .skr-cap .title svg {
height: 28px; }
.skr-cap .title h3 {
font-size: 28px;
line-height: 35px;
margin-top: 18px; }
.skr-cap .title p {
font-size: 13px;
margin-top: 16px; }
.skr-text {
padding: 34px 30px 35px; }
.skr-text .text i {
margin-top: 24px; }
.md-tt {
height: 66px;
padding: 24px 20px 0; }
.md-tt .close {
top: 15px;
right: 20px;
z-index: 1; }
.md-tt a {
z-index: 1; }
.md-tt i {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0; }
.cnt .title p {
font-size: 16px;
line-height: 22px; }
.cnt-form {
margin-top: 24px; }
.cnt-form .qi {
width: 100%;
margin: 15px 0 0; }
.cnt-form .qi:first-child {
margin: 0; }
.cnt-form .qt {
height: 130px; }
.cnt-form .qf {
width: 100%;
margin: 15px 0 0;
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.cnt-form .qc {
width: 100%;
margin-top: 15px; }
.cnt-form .qc label {
float: right; }
.cnt-form .link {
width: 100%;
margin: 25px 0 0; }
.md {
height: 100vh;
padding-top: 60px;
max-height: 100vh; }
.md::before {
content: '';
position: absolute;
width: 100%;
height: 60px;
top: 0;
left: 0;
right: 0;
background: var(--cl1); }
.md .close {
top: 12px; }
.md-geo .md-form .qi {
width: 100%; }
.md-geo .md-form button {
width: 100%;
margin: 15px 0 0; }
.nav {
width: 100%;
margin-left: -101%; }
.pce {
padding: 15px;
width: -webkit-calc(100% + 30px);
width: calc(100% + 30px);
margin: 0 -15px; }
.pce-bc3 table {
display: none; }
.pce-bc3 .tb {
display: block;
width: 100%;
margin-top: 17px; }
.pce-bc3 .tb-td {
margin-top: 20px;
border-bottom: 0; }
.pce-bc3 .tb-td:first-child {
margin: 0; }
.pce-bc3 .tb-th {
padding: 10px 15px 10px; }
.pce-bc3 .tb-th b {
width: 100%;
text-align: center; }
.pce-bc3 .tb-tb-td {
width: 100%; }
.pce-bc3 .tb-tb-th {
padding: 12px 15px 11px;
position: relative;
-webkit-transition: background .3s;
-o-transition: background .3s;
transition: background .3s; }
.pce-bc3 .tb-tb-th.open {
background: rgba(255, 255, 255, 0.05); }
.pce-bc3 .tb-tb-th.open::before {
opacity: 1;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); }
.pce-bc3 .tb-tb-th.open ~ .tb-tb-tr {
opacity: 1; }
.pce-bc3 .tb-tb-th::before {
content: '';
position: absolute;
width: 13px;
height: 13px;
top: 13px;
right: 15px;
opacity: .2;
background: url(../images/tb.svg) center/contain no-repeat;
-webkit-transition: opacity .3s, -webkit-transform .3s;
transition: opacity .3s, -webkit-transform .3s;
-o-transition: opacity .3s, transform .3s;
transition: opacity .3s, transform .3s;
transition: opacity .3s, transform .3s, -webkit-transform .3s; }
.pce-bc3 .tb-tb-tr {
display: none;
opacity: 0;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s; }
.pce-bc3 .tb-tb-tr p {
font-size: 14px;
line-height: 16px; }
.pce-bc3 .tb-tb-tr p b {
font-size: 14px;
line-height: 16px; }
.pce-bc2 table td p {
font-size: 14px; }
.pce-bc4 table {
width: 100%; }
.pce-bc4 table th {
padding: 6px 8px 7px; }
.pce-bc4 table th b {
font-size: 13px; }
.pce-bc4 table th span {
display: none; }
.pce-bc4 table td {
padding: 6px 8px 7px; }
.pce-bc4 table td > a {
font-size: 13px;
padding-left: 16px; }
.pce-bc4 table td > a::before {
width: 9px; }
.t-pvd {
margin-top: 25px; }
.t-pvd a {
height: 90px; }
.t-his div {
padding-bottom: 24px;
margin-top: 22px; }
.t-his div h2 {
width: 100%;
font-size: 28px;
line-height: 35px;
padding: 0; }
.t-his div span {
width: 100%;
margin-top: 8px; }
.t-file {
display: none; }
.t-img {
margin-top: 24px;
height: 200px; }
.t-ifo {
width: -webkit-calc(100% + 60px);
width: calc(100% + 60px);
margin: 30px -30px -50px;
padding: 30px 20px 40px 40px; }
.t-ifo div b {
font-size: 16px; }
.t-ifo div:first-child {
width: 100%; }
.t-ifo div:first-child i {
height: 74px;
margin-right: 15px; }
.t-ifo div:first-child b {
display: none; }
.t-ifo div:first-child h2 {
margin-top: 10px; }
.t-ifo div:nth-child(2) {
width: 100%;
margin-top: 32px; }
.t-ifo div:nth-child(2) ul {
margin-top: 16px; }
.t-ifo div:nth-child(2) ul li {
height: 28px;
line-height: 28px;
font-size: 14px;
padding: 0 10px;
margin: 0 10px 10px 0; }
.t-ifo div:nth-child(3) {
width: 100%;
margin-top: 19px; }
.t-ifo div:nth-child(3) span {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-top: 6px; }
.t-ifo div:nth-child(3) span p {
float: left;
width: 33.3333%;
color: #fff;
font-size: 14px;
line-height: 20px; }
.t-ifo div:nth-child(3) span p b {
display: block;
font-weight: 500;
margin-top: 2px;
font-size: 14px;
line-height: 20px; }
.hm {
height: auto;
padding-bottom: 60px;
min-height: 100vh; }
.hm-grid {
height: 667px;
min-height: 100vh; }
.hm-bc {
height: auto; }
.hm-bc > div {
overflow: visible; }
.hm-bc > div:nth-child(1) {
-webkit-box-ordinal-group: 8;
-webkit-order: 7;
-ms-flex-order: 7;
order: 7;
width: 100%;
height: auto;
margin-top: 18px; }
.hm-bc > div:nth-child(2) {
-webkit-box-ordinal-group: 9;
-webkit-order: 8;
-ms-flex-order: 8;
order: 8;
width: 100%;
height: auto; }
.hm-bc > div:nth-child(3) {
-webkit-box-ordinal-group: 10;
-webkit-order: 9;
-ms-flex-order: 9;
order: 9;
width: 100%;
height: auto; }
.hm-bc > div:nth-child(4) {
display: none; }
.hm-bc > div:nth-child(5) {
width: 100%;
height: 27vh;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.hm-bc > div:nth-child(6) {
display: none; }
.hm-bc > div:nth-child(7) {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
padding: 19px 0;
height: 23vh;
min-height: 155px;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.hm-bc > div:nth-child(7) .hm-tt {
margin-top: auto; }
.hm-bc > div:nth-child(8) {
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
width: 100%;
height: 12vh;
min-height: 83px;
padding: 19px 0; }
.hm-bc > div:nth-child(9) {
-webkit-box-ordinal-group: 5;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
height: 12vh;
min-height: 83px;
width: 100%;
padding: 19px 0; }
.hm-logo {
min-height: 179px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.hm-logo a {
height: 110px;
width: 100%;
margin-top: auto; }
.hm-logo img, .hm-logo svg {
height: 100%;
max-height: 100%; }
.hm-tt {
height: auto; }
.hm-tt h4 {
font-size: 11px; }
.hm-tt p {
font-size: 18px;
line-height: 16px;
margin-top: 0; }
.hm-tt i {
top: -145px;
font-size: 11px; }
.hm-sl, .hm-nav, .hm-cnt {
display: none; }
.hm-hv .hm-tt {
padding: 8px 0; }
.gde {
margin-top: 35px;
height: 560px;
padding: 33px 30px; }
.gde + .jbs {
margin-top: 20px; }
.gde::before {
width: -webkit-calc(100% - 20px);
width: calc(100% - 20px);
height: -webkit-calc(100% - 20px);
height: calc(100% - 20px);
top: 10px;
left: 10px;
right: 10px;
bottom: 10px; }
.gde i {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 0;
-webkit-background-size: cover;
background-size: cover;
background-position: center bottom; }
.gde h2 {
display: none; }
.gde h3 {
display: block;
position: relative;
z-index: 2;
text-align: center;
font-size: 28px; }
.gde span {
margin-top: 11px;
text-align: center; }
.gde span p {
text-align: center;
font-size: 16px;
line-height: 22px;
display: inline; }
.gde span p br {
display: none; }
.gde a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 3;
opacity: 0; }
.prc a {
width: 100% !important;
height: 155px !important;
margin: 15px 0 0 !important;
background-position: top center; }
.prc a:first-child {
margin: 0 !important; }
.prc a::before {
opacity: .4; }
.prc a::after {
z-index: 0;
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(52.99%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 52.99%, rgba(0, 0, 0, 0.5) 100%);
background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 52.99%, rgba(0, 0, 0, 0.5) 100%);
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 52.99%, rgba(0, 0, 0, 0.5) 100%); }
.prc a h2 {
padding: 20px 26px;
width: 100%;
position: absolute;
bottom: 0;
left: 0; }
.news {
width: 100%;
padding: 0;
margin-top: 48px;
background: transparent; }
.news + .prc {
margin-top: 62px; }
.news-tab li:first-child {
display: none; }
.news-tab li a span {
display: none; }
.news .title ul {
display: none; }
.news-bc {
width: 100%;
margin: 20px 0 0; }
.news-im {
width: 100%;
margin: 30px 0 0; }
.news-im:first-child {
margin: 0; }
.news-im i {
height: 199px; }
.news-im ul {
padding-top: 15px; }
.news-im span {
padding-top: 10px; }
.news-yet {
margin-top: 44px; }
.bte iframe {
height: 200px;
margin-top: 20px; }
.sm div {
width: 100%;
border-left: 0;
border-top: 1px dashed rgba(255, 255, 255, 0.3); }
.sm div:nth-child(2) {
border-top: 1px dashed rgba(255, 255, 255, 0.3); }
.mfp-arrow {
width: 45px; }
.mfp-arrow span {
-webkit-transform: scale(0.5, 0.5);
-ms-transform: scale(0.5, 0.5);
transform: scale(0.5, 0.5); }
.mfp-arrow span::before {
opacity: .3; }
.mfp-arrow-right span {
-webkit-transform: rotate(180deg) scale(0.5, 0.5);
-ms-transform: rotate(180deg) scale(0.5, 0.5);
transform: rotate(180deg) scale(0.5, 0.5);
right: 11px; }
.mfp-arrow-left span {
left: 11px; }
.text iframe {
width: -webkit-calc(100% + 60px);
width: calc(100% + 60px);
height: 200px;
margin: 20px -30px 0; }
.text iframe:first-child {
margin-top: 0; } }
@media screen and (max-width: 360px) {
.row {
padding: 0 10px; }
.foi-img ul li {
width: 25px !important;
height: 25px; }
.stat-mb div h4 {
font-size: 30px; }
.pen {
padding: 0 15px; }
.pen .title h2 {
font-size: 20px; }
.foot-soc ul a, .foot-soc ul:first-child {
margin-right: 10px; }
.tx .text {
padding: 0 5px; } }