@charset "utf-8";
/* CSS Document */
/*
* Theme Name: FeniksComp
* Theme URI: https://www.fenikscargo.pl
* Author: estinet
* Author URI: https://www.estinet.pl/
* Text Domain: feniks
* Domain Path: /languages 
*/
@import url('assets/css/wp-admin.css'); /* montserrat-300 - latin_latin-ext */
@font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: normal; font-weight: 300; src: url('fonts/montserrat-v25-latin_latin-ext-300.eot'); /* IE9 Compat Modes */ src: url('fonts/montserrat-v25-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/montserrat-v25-latin_latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/montserrat-v25-latin_latin-ext-300.woff') format('woff'), /* Modern Browsers */ url('fonts/montserrat-v25-latin_latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/montserrat-v25-latin_latin-ext-300.svg#Montserrat') format('svg');/* Legacy iOS */ }
/* montserrat-regular - latin_latin-ext */
@font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url('fonts/montserrat-v25-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */ src: url('fonts/montserrat-v25-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/montserrat-v25-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/montserrat-v25-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/montserrat-v25-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/montserrat-v25-latin_latin-ext-regular.svg#Montserrat') format('svg');/* Legacy iOS */ }
/* montserrat-500 - latin_latin-ext */
@font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: normal; font-weight: 500; src: url('fonts/montserrat-v25-latin_latin-ext-500.eot'); /* IE9 Compat Modes */ src: url('fonts/montserrat-v25-latin_latin-ext-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/montserrat-v25-latin_latin-ext-500.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/montserrat-v25-latin_latin-ext-500.woff') format('woff'), /* Modern Browsers */ url('fonts/montserrat-v25-latin_latin-ext-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/montserrat-v25-latin_latin-ext-500.svg#Montserrat') format('svg');/* Legacy iOS */ }
/* montserrat-600 - latin_latin-ext */
@font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: url('fonts/montserrat-v25-latin_latin-ext-600.eot'); /* IE9 Compat Modes */ src: url('fonts/montserrat-v25-latin_latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/montserrat-v25-latin_latin-ext-600.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/montserrat-v25-latin_latin-ext-600.woff') format('woff'), /* Modern Browsers */ url('fonts/montserrat-v25-latin_latin-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/montserrat-v25-latin_latin-ext-600.svg#Montserrat') format('svg');/* Legacy iOS */ }
/* montserrat-700 - latin_latin-ext */
@font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url('fonts/montserrat-v25-latin_latin-ext-700.eot'); /* IE9 Compat Modes */ src: url('fonts/montserrat-v25-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/montserrat-v25-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/montserrat-v25-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */ url('fonts/montserrat-v25-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/montserrat-v25-latin_latin-ext-700.svg#Montserrat') format('svg');/* Legacy iOS */ }
/* montserrat-800 - latin_latin-ext */
@font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Montserrat'; font-style: normal; font-weight: 800; src: url('fonts/montserrat-v25-latin_latin-ext-800.eot'); /* IE9 Compat Modes */ src: url('fonts/montserrat-v25-latin_latin-ext-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/montserrat-v25-latin_latin-ext-800.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/montserrat-v25-latin_latin-ext-800.woff') format('woff'), /* Modern Browsers */ url('fonts/montserrat-v25-latin_latin-ext-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/montserrat-v25-latin_latin-ext-800.svg#Montserrat') format('svg');/* Legacy iOS */ }
@font-face { font-family: 'FontAwesome'; src: url('assets/fonts/fontawesome-webfont.eot?v=4.6.3'); src: url('assets/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('assets/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('assets/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('assets/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('assets/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; }
/* open-sans-300 - latin-ext_latin */
:root { --main-color: #001c3d;
 --sec-color: #7197ca;
}
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.fa-facebook-square:before { content: "\f082"; }
.fa-facebook-official:before { content: "\f230"; }
.fa-linkedin-square:before { content: "\f08c"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-globe:before { content: "\f0ac"; }
.fa-long-arrow-left:before { content: "\f177"; }
.fa-long-arrow-left:before { content: "\f177"; }
.fa-long-arrow-right:before { content: "\f178"; }
.fa-phone:before { content: "\f095"; }
.fa-envelope-o:before { content: "\f003"; }
.fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; }
.fa-check-circle:before { content: "\f058"; }
.fa-linkedin:before { content: "\f0e1"; }
.fa-spotify:before { content: "\f1bc"; }
.fa-youtube-play:before { content: "\f16a"; }
.fa-quote-right:before { content: "\f10e"; }
.fa-angle-down:before { content: "\f107"; }
.fa-angle-up:before { content: "\f106"; }
.fa-angle-right:before { content: "\f105"; }
.fa-angle-left:before { content: "\f104"; }
.fa-calendar:before { content: "\f073"; }
.fa-angle-up:before { content: "\f106"; }
.fa-caret-down:before { content: "\f0d7"; }
.fa-diamond:before { content: "\f219"; }
.fa-chevron-up:before { content: "\f077"; }
.fa-star-o:before { content: "\f006"; }
.has-kolor-1-color { color: var(--white); }
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; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
body { font-family: 'Montserrat'; font-size: 18px; line-height: 1.6; color: var(--main-color); overflow-x: hidden; }
img { max-width: 100%; height: auto; vertical-align: bottom }
strong { font-weight: bold; }
em { font-style: italic; }
html { margin: 0!important; }
.no-margin { margin: 0!important; }
iframe, video { max-width: 100%; }
.v-center { align-items: center; }
.row-flex { display: flex; justify-content: space-between; }
.row-center { display: flex; justify-content: center; }
.flex-center { justify-content: center; }
.full-width { margin-left: auto; margin-right: 0; width: calc(100vw - 115px); }
.col-4 { max-width: 33.333%; box-sizing: border-box; }
.col-5 { max-width: 41.666%; box-sizing: border-box; }
.col-7 { max-width: 58.333%; box-sizing: border-box; }
h2, h3, h4, h5, h6 { font-weight: bold; margin-bottom: 10px; line-height: 1.2; }
.small-head { color: #7197ca; font-weight: 600; text-transform: uppercase; margin-bottom: 20px; }
/* menu */
.side-nav { position: fixed; z-index: 10; height: 100vh; left: 0; top: 0; bottom: 0; }
.main-nav-row { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; width: 100px; height: 100%; color: #fff; padding: 24px 16px; z-index: 9999; position: relative; background-color: #001f47; box-sizing: border-box; }
.toggle-btn { display: flex; flex-flow: column; align-items: center; cursor: pointer; padding: 20vh 10px; }
.toglle-btn-main { -webkit-writing-mode: tb-rl; -ms-writing-mode: tb-rl; writing-mode: tb-rl; -webkit-transform: rotate(180deg); transform: rotate(180deg); font-family: Montserrat, sans-serif; font-style: normal; font-weight: 700; font-size: 24px; margin-bottom: 15px; }
.toggle-btn-span { display: flex; flex-flow: column; justify-content: space-around; height: 20px; }
.toggle-btn-span span { display: block; width: 22px; height: 3px; border-radius: 4px; background-color: #fff; }
.toggle-btn-span span:nth-of-type(2) { width: 15px; }
nav.main-nav { position: absolute; left: 100%; height: 100vh; background-color: var(--main-color); top: 0; width: 350px; z-index: 10; padding: 20px; box-sizing: border-box; visibility: hidden; opacity: 0; transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transform: translateX(-100%); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); }
nav.main-nav.active { visibility: visible; opacity: 1; transform: translateX(0%); -webkit-transform: translateX(0%); -ms-transform: translateX(0%); }
nav.main-nav a { color: #fff; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
nav.main-nav a:hover { color: var(--sec-color); }
nav.main-nav ul li a { display: block; padding: 8px 10px; font-weight: 600; }
nav.main-nav ul ul { margin-left: 20px; position: relative; }
nav.main-nav ul ul li a { position: relative; }
nav.main-nav ul ul li a:before { content: ''; position: absolute; left: -1px; font-size: 11px; content: "\f105"; top:13px; display: inline-block; font-family:FontAwesome; }
nav.main-nav ul li.current_page_item > a { color: var(--sec-color); }
nav.main-nav .noactive > a { pointer-events: none!important; }
#menu-menu-glowne { position: relative; }
#menu-menu-glowne:after { content: ''; position: absolute; left: 4px; width: 8px; height: 8px; background: url(assets/img/plus-red.svg) no-repeat center center; background-size: contain; bottom: -20px; }
#menu-menu-glowne:before { content: ""; display: block; padding-bottom: 12px; margin-bottom: 15px; border-bottom: 1px solid #707070; position: absolute; left: 10px; bottom: -31px; right: 0; max-width: 90%; }
.otgs-development-site-front-end { display: none!important; }
.globe { text-align: center; cursor: pointer; }
.globe .fa { font-size: 40px; text-align: center; }
.lang { position: relative; }
.lang .wpml-ls-legacy-list-horizontal { padding: 0; }
.lang .wpml-ls-legacy-list-horizontal a { display: block; text-decoration: none; padding: 5px 5px 10px; line-height: 1; }
.lang-list { position: absolute; visibility: hidden; opacity: 0; transition: all .6s; -webkit-transition: all .6s; -ms-transition: all .6s; transform: translateY(0%); -webkit-transform: translateY(0%); -ms-transform: translateY(0%); z-index: 10; }
.lang-list.active { visibility: visible; opacity: 1; transform: translateY(-100%); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); }
.lang-list ul li a { color: #fff; }
.box-address { margin-top: 40px; color: #fff; }
.box-address h2 { margin-bottom: 10px; }
.box-address p { margin-bottom: 15px; }
.contact-btn { position: fixed; right: 40px; top: 20px; z-index: 99; display: inline-block; border: 3px solid #d80000; background-color: #d80000; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 9px; -webkit-box-shadow: 0 0 10px #d80000; box-shadow: 0 0 10px #d80000; padding: 10px 15px; color: #fff; font-weight: 700; }
a.contact-btn.contact-btn-1 {right: 260px;}
/* slider home */
.owl-carousel .owl-item img { width: auto; }
.carousel-wrapper .item { min-height: 100vh; background-repeat: no-repeat; background-position: bottom left; background-size: cover; box-sizing: border-box; display: flex; align-items: center; }
.carousel-wrapper .item-bg:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(3,31,73,.75); }
.carousel-wrapper .container { position: initial; }
.carousel-wrapper .row-flex { flex-wrap: wrap; }
.owl-carousel .box { margin: 0 auto; position: relative; width: 80vw; display: flex; justify-content: space-between; align-items: center; padding-bottom: 5vh; }
.owl-carousel .owl-nav { position: absolute; left: 20px; right: 40px; top: 50vh; z-index: 20; display: flex; justify-content: space-between; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { width: 50px; height: 50px; border-radius: 50%; border: 3px solid #d7d7d7; }
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span { font-size: 34px; display: block; color: #d7d7d7; line-height: 1; position: relative; top: -2px; }
.owl-carousel .owl-nav button.owl-prev { left: -100px; position: relative; }
.owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0!important; font: inherit; width: 12px; height: 12px; border: 2px solid rgba(255, 255, 255, 0.504); margin: 0 5px; border-radius: 50%; }
.owl-carousel .owl-dot.active { background-color: #fff; }
.owl-dots { position: absolute; bottom: 10px; left: 0; right: 0; z-index: 1000; display: flex; justify-content: center; height: 20px; }
.uppercase { text-transform: uppercase; }
.caption { display: flex; flex-flow: column; box-sizing: border-box; padding: 15vh 15px 64px 0; max-width: 40vw; }
.caption-form { max-width: 48vw; }
.caption-map { max-width: 48vw; position: fixed; right: 0; top: 0; bottom: 0; }
.caption .b1-title { font-style: normal; font-weight: 700; font-size: 70px; line-height: 1; margin-top: 1.5em; }
.caption .num-title { margin-bottom: 30px; color: #001c3d; font-size: 40px; line-height: 1.2; font-weight: 500; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; }
.caption .h-title { color: #001c3d; font-size: 30px; line-height: 1.2; font-weight: 700; margin-bottom: 30px; }
.item-dots:before { content: ''; display: block; position: absolute; top: 90px; left: 90px; bottom: 0; height: 34vw; width: 34vw; background: url(assets/img/dot.png); background-size: 25px 25px; z-index: -1; }
.caption-img { max-width: 40vw; position: relative; }
.img-bg { position: relative; }
.item-2 .img-animate { position: absolute; z-index: 10; top: 39%; right: 20px; }
.img-bg { position: relative; }
img.img-animate { position: absolute; top: 50%; }
.caption p { font-style: normal; font-weight: 400; font-size: 18px; line-height: 1.4; margin-bottom: 20px; }
.caption ul { margin: 0 0 20px 30px; list-style: square; }
.item-1 .caption { display: flex; flex-flow: column; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 64px 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; max-width: 50vw; left: 10vw; color: #fff; text-align: left; align-items: flex-start; justify-content: center; z-index: 2; }
.item-1 .caption .b1-title { text-align: left; color: #fff; }
.item-1 .caption p { color: #fff; font-style: normal; font-weight: 500; font-size: 24px; line-height: 1.2; }
.item { overflow: hidden; width: 100%; }
.img-animate { transition: all 1s; -webkit-transition: all 1s; -ms-transition: all 1s; }
.active .img-animate { transition-delay: 500ms; }
.item-2 .img-animate { transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
.active .item-2 .img-animate { transform: translateX(0%); -webkit-transform: translateX(0%); -ms-transform: translateX(0%); }
.item-2 .caption-img { width: 100%; overflow: hidden; height: 60vh; }
.item-3 .img-animate { transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); }
.active .item-3 .img-animate { transform: translateX(5%); -webkit-transform: translateX(5%); -ms-transform: translateX(5%); }
.item-3 .caption-img { width: 100%; overflow: hidden; height: 60vh; }
.item-4 .img-animate { width: 970px!important; max-width: initial; }
.item-4 .caption-img { width: 100%; overflow: hidden; height: 60vh; }
.item-4 .img-animate { transform: translateX(150%); -webkit-transform: translateX(150%); -ms-transform: translateX(150%); }
.active .item-4 .img-animate { transform: translateX(-20%); -webkit-transform: translateX(-20%); -ms-transform: translateX(-20%); }
.item-4 .img-animate { transition: all 2s; -webkit-transition: all 2s; -ms-transition: all 2s; }
.item-5 .caption-img { width: 100%; overflow: hidden; height: 60vh; }
.item-5 .img-animate { top: 15%; transform: translateX(-105%); -webkit-transform: translateX(-105%); -ms-transform: translateX(-105%); width: 160%; max-width: initial; }
.active .item-5 .img-animate { transform: translateX(-55%); -webkit-transform: translateX(-55%); -ms-transform: translateX(-55%); }
/* slider home end */
/* columns */
.fon-line { position: fixed; left: 0; top: 0; right: 0; height: 100vh; padding-left: 72px; z-index: -1; }
.n-col2 { -ms-flex-negative: 0; flex-shrink: 0; -webkit-shrink: 0; width: 16.66667%; }
.wr { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; }
.fon-line__item { height: 100vh; }
.fon-line__item:not(:last-child) { border-right: 1px solid #e2e2e2; }
/* pages */
.pages h2 { font-size: 50px; line-height: 1.1; margin-bottom: 40px; }
.pages .is-style-bigger-text { font-size: 18px; max-width: 80%; line-height: 1.6; }
.box { margin: 0 auto; display: block; position: relative; width: 80vw; }
 @media (max-width: 1847px) {
.box { width: 80vw; }
}
 @media (max-width: 1599px) {
.box { width: 80vw; }
}
 @media (max-width: 1439px) {
.box { width: 80vw; }
}
 @media (max-width: 1279px) {
.box { width: 80vw; }
}
 @media (max-width: 1023px) {
.box { width: 80vw; }
}
 @media (max-width: 767px) {
.box { width: 90vw; }
}
h1 { color: var(--main-color); font-size: 64px; font-weight: 700; line-height: 1.2; margin-bottom: 40px; }
.pages p { color: var(--main-color); font-weight: 400; line-height: 1.4; margin-bottom: 30px; }
 @media (max-width: 1847px) {
h1 { font-size:50px }
.pages p { font-size: 18px; }
}
 @media (max-width: 1599px) {
h1 { font-size:40px }
.pages p { font-size: 18px; }
}
 @media (max-width: 1279px) {
h1 { font-size:30px }
.pages p { font-size: 16px; }
}
 @media (max-width: 1023px) {
h1 { font-size:28px }
.pages p { font-size: 16px; }
}
 @media (max-width: 767px) {
h1 { font-size:25px }
.pages p { font-size: 16px; }
}
.pages { padding-top: 10vh; padding-bottom: 10vh; }
.pages ul { list-style: square; margin: 0 0 20px 30px; }
.pages ol { list-style: decimal; margin: 0 0 20px 30px; }
.pages:before { content: ''; display: block; position: absolute; top: 100px; left: 200px; bottom: 0; width: 415px; background: url(assets/img/dot.png); background-size: 25px 25px; z-index: -1; height: 400px; }
#myVideo { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; }
.item-1:before { content:""; display:block; position: absolute; top:0; right:0; bottom:0; left:0; z-index: 1; background-color: rgba(0, 28, 61, 0.5); }
.main-mobile { left: 0; width: 100%; height: 100vh; background: url(assets/img/mobile-bg-img.jpg) no-repeat center center; background-size: cover; bottom: 0; top: 0; }
.caption-img video.small-video {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 60vh;
    object-fit: cover;
}
.caption video.small-video {
    position: relative;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 30vh;
    object-fit: cover;
    margin-bottom: 20px;
}

/* menu mobile*/
@media (max-width: 767px) {
.contact-btn { display: none; }
.item-1 .caption {max-width: 90%; left: 15px; right: 15px;box-sizing: border-box;margin: 0 auto;}
.item-1 .caption .b1-title { font-size: 34px; }
.side-nav { position: relative; z-index: 10; height: auto; left: 0; right: 0; top: 0; width: 100vw; }
.main-nav-row { display: flex; z-index: 20; justify-content: space-between; flex-direction: row; align-items: center; width: 100%; height: 100px; flex-wrap: nowrap; }
nav.main-nav { left: 0; z-index: 50;}
.owl-carousel .owl-nav {display: flex!important;}
.toglle-btn-main { transform: rotate(270deg); }
.toggle-btn { display: flex; cursor: pointer; padding: 20px 10px; flex-direction: row; order: 2; }
.logo { order: 0; }
.logo img { width:100%; height: 70px; }
.lang { order: 1; }
.lang-list.active { transform: translateX(-100%); -webkit-transform: translateX(-100%); }
.lang-list { top: 0; left: 0; }
.toglle-btn-main { margin-bottom: 0; }
.toggle-btn-span { padding-left: 25px; }
.full-width { width: 100%; }
.carousel-wrapper .item { flex-direction: column; }

.owl-carousel .box { flex-direction: column; padding-bottom: 0; width: 100vw; }
.caption {
    padding: 20px 10px;
    max-width: 100%;
    box-sizing: border-box;
}
.caption-img {max-width: 100%; height: 30vh!important;display: none!important;}
.caption-img video.small-video {height: 30vh;}
.caption .num-title {font-size: 30px;margin-bottom:20px}
.caption .h-title {font-size: 24px; margin-bottom: 20px;}
.caption p {font-size: 16px;}
.caption-map {
    max-width: 100%;
    position: relative;
    right: 0;
    top: 0;
    bottom: 0;
}
.caption-map iframe {height: 400px;}
.pages { padding-top: 10vh; }
.pages:before { width: auto; }
.pages .is-style-bigger-text {max-width: 95%; font-size: 16px;}
.pages p {margin-bottom: 20px;}
.owl-carousel .owl-nav {
    position: fixed;
    left: 20px;
    right: 40px;
    top: 75vh;
    z-index: 20;
    display: flex;
    justify-content: space-between;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {background-color: var(--main-color);}
.pages h2 {
    font-size: 30px;}

.wp-block-spacer {height: 50px!important;}
}