@charset "UTF-8";


#loader-wrapper {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000}
#loader {display: block;position: relative;top: 50%;left: 50%;width: 72px;height: 72px;margin: -36px 0 0 -36px;border: 3px solid transparent;border-top-color: white;border-radius: 100%;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;z-index: 1001}
#loader:before {content: "";position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;border: 3px solid transparent;border-top-color: yellow;border-radius: 100%;-webkit-animation: spin 3s linear infinite;animation: spin 3s linear infinite}
#loader:after {content: "";position: absolute;top: 12px;left: 12px;right: 12px;bottom: 12px;border: 3px solid transparent;border-top-color: orange;border-radius: 100%;-webkit-animation: spin 1.5s linear infinite;animation: spin 1.5s linear infinite}
#loader-wrapper .loader-section {position: fixed;top: 0;background: #00264d;width: 51%;height: 100%;z-index: 1000}
#loader-wrapper .loader-section.section-left {left: 0}
#loader-wrapper .loader-section.section-right {right: 0}
.loaded #loader-wrapper .loader-section.section-left {transform: translateX(-100%);transition: all .7s .3s cubic-bezier(0.645, 0.045, 0.355, 1.000)}
.loaded #loader-wrapper .loader-section.section-right {transform: translateX(100%);transition: all .7s .3s cubic-bezier(0.645, 0.045, 0.355, 1.000)}
.loaded #loader {opacity: 0;transition: all .3s ease-out}
.loaded #loader-wrapper {visibility: hidden;transform: translateY(-100%);transition: all .3s 1s ease-out}



/******* RESET *******/
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}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block}
iframe {border: 0}
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}



*, :after, :before {margin: 0;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box}
* {-webkit-transition: background-color 500ms linear;-moz-transition: background-color 500ms linear;-o-transition: background-color 500ms linear;-ms-transition: background-color 500ms linear;transition: background-color 500ms linear}


/******* GRID *******/
.grid {max-width: 1460px;padding: 0;margin: 0 auto}
.grid.flex {width: 100%;max-width: 100%;padding: 0}
.grid.flex16 {max-width: 1600px;padding-right: 10px;padding-left: 10px}
.grid.flex18 {max-width: 1800px;padding-right: 10px;padding-left: 10px}

.row {display: block;overflow: hidden;clear: both}

.col66 {display: block;overflow: hidden;width: 66%;margin: 0 auto}

.col_1 {width: 6%}
.col_2 {width: 12%}
.col_3 {width: 21%}
.col_4 {width: 29.333333333333%}
.col_5 {width: 36%}
.col_6 {width: 46%}
.col_7 {width: 56%}
.col_8 {width: 62.6666666667%}
.col_9 {width: 71%}
.col_10 {width: 80%}
.col_11 {width: 86%}
.col_12 {width: 96%}


.colw_1 {width: 8.3333333333333%}
.colw_2 {width: 16.666666666667%}
.colw_3 {width: 25%}
.colw_4 {width: 33.333333333333%}
.colw_5 {width: 41.666666666667%}
.colw_6 {width: 50%}
.colw_7 {width: 58.333333333333%}
.colw_8 {width: 66.666666666667%}
.colw_9 {width: 75%}
.colw_10 {width: 83.333333333333%}
.colw_11 {width: 91.666666666667%}
.colw_12 {width: 100%}

[class*="col_"] { float: left; display: block; margin: 10px 2%;}
[class*="colw_"] { float: left; display: block; margin: 0;}

@media all and (min-width: 480px) and (max-width: 960px) {
    .grid [class*="colw_"] {float: none;width: auto;clear: both;display: block}
    }

@media all and (max-width: 480px) {
    .grid [class*="colw_"] {float: none;width: auto;clear: both;display: block}
    }

.hidesmall {display: block}
.hidebig {display: none !important}

img { max-width: 100%}
img.align-left, .img-wrap.align-left {max-width: 300px !important;float: left;position: relative;margin: 0 20px 5px 0}
img.align-right, .img-wrap.align-right {max-width: 300px !important;float: right;position: relative;margin: 0 0 5px 20px}
img.full-width {clear: both;display: block;width: 100%;height: auto;position: relative}
.grid img {max-width: 100%;height: auto;vertical-align: middle}

.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0}
* html .clearfix, :first-child + html .clearfix {zoom: 1}

[class*="col_"].alpha {margin-left: 0}
[class*="col_"].omega {margin-right: 0}
[class*="col_"].delta {margin-bottom: 0 !important}
[class*="col_"].beta {margin-top: 0 !important}
[class*="col_"].nopama {margin: 0 !important}

@media all and (min-width: 480px) and (max-width: 1023px) {
    .grid [class*="col_"] {float: none;width: auto;clear: both;display: block}
    .grid [class*="col_"] [class*="col_"] {margin-left: 0;margin-right: 0;width: 100%}
    .grid {max-width: 96%}
    .col66 {width: 80%}
    }

@media all and (max-width: 768px) {
    .grid [class*="col_"] {margin: 10px 0}
    .grid [class*="colM_"] {float: none;width: auto;clear: both;display: block;margin: 10px 0}
    .grid [class*="colM_"] [class*="colM_"] {margin: 0;width: 100%}

    img.full-widthM {clear: both;display: block;width: 100%;max-width: 600px;height: auto;position: relative;margin: 0 auto}

    .col66 {width: 90%}
    }

@media all and (max-width: 480px) {
    .grid [class*="col_"] {float: none;width: auto;clear: both;display: block}
    .grid [class*="col_"] [class*="col_"] {margin-left: 0;margin-right: 0;width: 100%}
    .grid {max-width: 94%}
    .col66 {width: 100%}
    }

@media all and (max-width: 1280px) {
    .hide1280 {display: none !important}
    }

@media all and (min-width: 1280px) {
    .blocklaptop {display: none !important}
    }

@media all and (min-width: 1024px) and (max-width: 1280px) {
    .hidelaptop {display: none !important}

    .blocklaptop {display: block !important}
    }

@media all and (max-width: 1023px) {
    .blocklaptop, .hidelaptop, .hidesmall {display: none !important}

    .hidebig {display: block !important}
    }

@media all and (max-width: 480px) {
    .hide480 {display: none !important}
    }

@media all and (min-width: 1281px) {
    .view1280 {display: block !important}
    }

@media all and (max-width: 1280px) {
    .view1280 {display: none !important}
    }

@media all and (min-width: 1024px) {
    .viewsmall {display: block !important}

    .viewbig {display: none !important}
    }

@media all and (max-width: 1023px) {
    .viewsmall {display: none !important}

    .viewbig {display: block !important}
    }

@media all and (min-width: 1024px) {
    .viewlap {display: none !important}
    }

@media all and (min-width: 481px) and (max-width: 1023px) {
    .viewlap {display: block !important}
    }

@media all and (max-width: 480px) {
    .viewlap {display: none !important}
    }

html {font-size: 62.5%;min-width: 300px}

body {min-width: 100%;min-height: 100%;margin: 0;padding: 0;font-size: 1.5rem;font-family: 'Rubik', sans-serif;color: #1d1d1d;font-weight: 400;line-height: 1.65;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-transition: all .2s cubic-bezier(0, 0, 0.3, 1);transition: all .2s cubic-bezier(0, 0, 0.3, 1);background: #FFF;position: relative;overflow-x: hidden}

a {color: #007af7;text-decoration: none;outline: 0;outline: 0}

:focus {outline: 0}

a:visited {color: #0065cc}

a:hover {color: #e3000f}

p {margin: 10px 0}

strong, .strong {font-weight: 600}

italic, .italic {font-style: italic}

figure {overflow: hidden}

.base {background: #00264d}

.second {background: #007af7}

.harmony {background: #961d48}

.accent {background: #e3000f}

.letter1 {letter-spacing: 1px}

.letter2 {letter-spacing: 2px}

.align-center {text-align: center}

.align-left {text-align: left}

.align-right {text-align: right}

.block {display: block}

.bottom {margin-bottom: 0;padding-bottom: 0}

.center {text-align: center}

.clear {clear: both}

.first {margin-left: 0;padding-left: 0}

.hidden {visibility: hidden}

.highlight {background: #f4c436;color: #000;font-size: 1.1em}

.inline {display: inline}

.last {margin-right: 0;padding-right: 0}

.left {float: left}

.none {display: none}

.nowrap {white-space: nowrap}

.right {float: right}

.stretch {width: 100%}

.visible {visibility: visible}

.relativ {position: relative}

.uppercase {text-transform: uppercase}

.pad20 {padding: 20px}

.pad30 {padding: 30px}

.pad50 {padding: 50px}

.pad100RL {padding: 0 100px}

.pt20 {padding-top: 30px}

.padtop30 {padding-top: 30px}
.padtop50 {padding-top: 50px}
.padtop75 {padding-top: 75px}
.padtop100 {padding-top: 100px}

.padbot30 {padding-bottom: 30px}
.padbot50 {padding-bottom: 50px}
.padbot75 {padding-bottom: 75px}
.padbot100 {padding-bottom: 100px}

.padtb50 {padding: 50px 0}
.padtb75 {padding: 75px 0}
.padtb100 {padding: 100px 0}

.martop50 {margin-top: 50px}
.martop30 {margin-top: 30px}
.martop75 {margin-top: 75px}
.martop100 {margin-top: 100px}
.marbot50 {margin-bottom: 50px}
.marbot75 {margin-bottom: 75px}
.marbot100 {margin-bottom: 100px}
.martb50 {margin: 50px 0}
.martb100 {margin: 100px 0}

.flexxx {display: flex;justify-content: center;align-items: center;text-align: center}

.orange {color: #c99d45}
.red {color: #ff0346}
.red2 {color: #F12200}

hr.block50 {border: 0;display: block;padding: 25px 0}

.middle {position: relative;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%)}

.line {-webkit-box-flex: 1;-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;text-align: center;position: relative;-webkit-transition: 1s;transition: 1s}
.line:after {position: absolute;z-index: 2;-webkit-transition: 1s;transition: 1s;content: '';width: 0;left: 50%;bottom: -4px;height: 1px;background: red}
.line:hover {cursor: pointer}
.line:hover:after {width: 100%;left: 0}

h1, h2, h3, h4, h5, h6 {font-family: 'Oswald', sans-serif;letter-spacing: .02em;color: #000;font-weight: 400}
h2 {font-size: 32px;line-height: 44px;margin: 0 0 30px; display: block}
h3 {font-size: 24px;line-height: 36px;padding-bottom: 25px}
h4 {font-size: 22px;line-height: 32px;padding-bottom: 20px}
h5 {font-size: 20px;line-height: 30px;padding-bottom: 15px}
h6 {font-size: 18px;line-height: 28px;padding-bottom: 10px;font-weight: bold}

figure.mobile {width: 100%;display: block;margin: 40px auto}

small, .text_small {font-size: .707em}

mark h3, mark h4, mark h5 {margin: 0 0 3rem;font-size: 130%;font-weight: 600;line-height: 1.6}

.bar {width: 100%;height: 32px;line-height: 0;background: #00264d;color: #d9e6f7;font-size: 12px;text-align: center;letter-spacing: 1px}
.bar ul li a {color: #e3f0ff !important;float: right;margin-top: 16px}
.bar a:hover {color: #ffda46 !important;text-shadow: 1px 1px 1px #143b78}
.bar span {margin: 0 20px}

ul.bar-ul {display: flex;justify-content: center;list-style-type: none;text-align: center}
ul.bar-ul > li {display: inline-block;margin: 0 10px}

header {width: 100%;background: #fff;position: relative;z-index: 3;border-bottom: solid 1px #ddd;-webkit-box-shadow: 0 5px 4px -3px rgba(0, 7, 26, 0.25);-moz-box-shadow: 0 5px 4px -3px rgba(0, 7, 26, 0.25);box-shadow: 0 5px 4px -3px rgba(0, 7, 26, 0.25)}
header#bbn {border-bottom: none !important}

#home {display: flex;justify-content: center;padding: 20px 0 10px}

.logo {width: 150px;margin: 10px 20px 10px 0}

#slogan {padding-top: 22px;font-family: 'Oswald', sans-serif;letter-spacing: .02em;color: #000;font-weight: 400;font-size: 18px;line-height: 24px}

h2.title1 {font-size: 48px;line-height: 48px;color: #525252;margin: 0 0 20px;padding-top: 30px}
h2.title1 span {font-size: 13px;color: #000;letter-spacing: 5.55px;line-height: inherit;text-transform: uppercase}

hr.goldhr {border: 0;height: 8px;background-image: linear-gradient(115deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 39%, #c0c0c0 35%, #c0c0c0 50%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);background-size: 5px 8px;width: 66%;display: block;margin: 0 auto 50px}
hr.goldhr2 {border: 0;height: 7px;background-image: linear-gradient(115deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 39%, #c0c0c0 35%, #c0c0c0 50%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);background-size: 5px 8px;width: 50%;display: block;margin: 0 0 30px}
hr.goldhr100 {border: 0;height: 7px;background-image: linear-gradient(115deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 39%, #c0c0c0 35%, #c0c0c0 50%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);background-size: 5px 8px;width: 100%;display: block;margin: 0 0 30px}

.reserve {width: 250px;position: relative;z-index: 2;display: block;padding: 11px 15px;background: #fff;margin: 0 auto -27px auto;color: #c0c0c0;text-align: center}
.reserve a {color: #c0c0c0}
.reserve a:hover {color: #000}
.reserve i {margin-bottom: 8px;display: inline-block;font-size: 14px;margin-right: 3px}

.underlined {padding: 5px 10px;color: #1e1e1e;cursor: default;flex: 1;text-decoration: none;background-image: linear-gradient(to right, yellow 0, yellow 100%);background-position: 0 1.2em;background-size: 0 100%;background-repeat: no-repeat;transition: background 500ms}
.underlined:hover {background-size: 100% 100%}
.underlined--thick {background-position: 0 -.1em}

.overbox {width: 100%;height: 100%;position: relative;padding: 4rem 8rem;margin: 5rem auto}
.overbox:after {position: absolute;content: "";width: 80%;height: 80%;top: -15%;right: -5%;z-index: -1;background: #f6f7fb}

.col-25 {width: 25%}
.col-33 {width: 33.33%}
.col-40 {width: 40%}
.col-50 {width: 50%}
.col-60 {width: 60%}
.col-66 {width: 66.66%}

[class*="col-"] {float: left;display: block}

@media all and (max-width: 1280px) {
    .col-25, .col-33, .col-40, .col-50, .col-60, .col-66 {float: none;clear: both;display: block;width: 100%}

    h2.title1 {padding-top: 50px}
    }

@media all and (min-width: 1280px) and (max-width: 1700px) {
    .col-40, .col-50, .col-60 {float: none;clear: both;display: block;width: 100%;max-width: 980px;margin: 0 auto}

    .overbox:after {width: 90%;height: 90%;top: -3%;right: -3%}

    h2.title1 {padding-top: 0}
    }

.banner-wrapper-fixed {width: 100%;max-width: 100vw;min-height: 400px;display: block;position: relative;padding: 0;background: url(../images/cijene-web-stranica3.jpg) no-repeat top center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;transition: all .1s ease;}

#head {min-height: 400px;background: rgba(0, 80, 162, .8);padding: 40px 30px;position: relative;z-index: 1}
#head h1, #head h2 {text-align: center;color: #fff;padding: 0;position: relative;z-index: 3;}
#head h1 {font-weight: 700;margin: 25px 15px 10px;font-size: 36px}
@media (max-width: 1024px) {
    #head h1 { font-size: 26px}
}
#head h2 {margin: 10px 0 30px 0;font-size: 20px}

.wrapp { max-width: 1380px;position: relative;z-index: 2;margin: -100px auto 0;background: #fff;padding: 40px}

@media all and (max-width: 600px) {
    #head {
        min-height: 300px;
    }
    .banner-wrapper-fixed {
        min-height: 300px;
    }
}

@media all and (max-width: 600px) {
    .wrapp {
        margin: 0 auto;
        padding: 20px;
        }
    }

.grayline {background: #fff;margin: 0;padding: 2em;border: solid 1px #ddd}

section {width: 100%}

.usual {display: block}

.back {background: #fff;position: relative;z-index: 0}

.text-right {text-align: right}

p.textp {font-size: 14px;color: #FFF;font-weight: 600;padding: 0 30px 0}

.blink {text-decoration: blink}

@-webkit-keyframes blinker {
    from {opacity: 1.0}
    to {opacity: .0}
    }

.blink {text-decoration: blink;-webkit-animation-name: blinker;-webkit-animation-duration: .8s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: ease-in-out;-webkit-animation-direction: alternate}

h3.text3 {font-size: 28px;color: #FFF;padding: 80px 30px 0;margin-bottom: 20px;letter-spacing: .05em;line-height: 38px}
h4.text4, p.text4 {font-size: 18px;color: #FFF;padding: 0 30px 30px;margin-bottom: 30px;letter-spacing: .04em;line-height: 30px}

p.textp {font-size: 14px;color: #FFF;font-weight: 600;padding: 0 30px 0}

.gray {padding: 25px 50px 50px;background: #e3eaee}

.white {background: #fff;padding: 50px 30px 30px;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2)}
.white a, .white h4 a {color: #1d1d1d}
.white a:hover, .white h4 a:hover {color: #007af7}

.arrow {margin-top: 25px;display: inline-block;height: 12px;position: relative;width: 12px}
.arrow::after {border-bottom-style: solid;border-bottom-width: 2px;border-right-style: solid;border-right-width: 2px;content: '';display: inline-block;height: 12px;left: 0;position: absolute;top: 0;width: 12px}
.arrow.is-top {-moz-transform: rotate(225deg);-ms-transform: rotate(225deg);-webkit-transform: rotate(225deg);transform: rotate(225deg)}
.arrow::after, .arrow .arrow::after {border-color: #fff}

#scroll-Top .return-to-top {position: fixed;right: 10px;bottom: 10px;display: none;width: 48px;line-height: 48px;height: 48px;text-align: center;cursor: pointer;background: #0065cc;border-radius: 50%;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;z-index: 2}
#scroll-Top .return-to-top:hover {background: #e3000f}
#scroll-Top .return-to-top span {position: relative;bottom: 0;animation-name: top;animation-direction: alternate;animation-iteration-count: infinite;animation-duration: 1s}

@keyframes top {
    0% {bottom: 0}
    100% {bottom: 7px}
    }

.bar-ul {text-align: center}
.bar-ul i.force {display: inline-block;width: 32px;height: 32px;background: rgba(0, 67, 136, .2);padding: 2px 3px;margin: 0 5px;cursor: pointer}
.bar-ul i.force:before {line-height: 28px;font-size: 13px;color: #e3f0ff}
.bar-ul i.force:hover {background: #ffda46}
.bar-ul i.force:hover:before {color: #143b78}

.ikone {display: inline-block;float: left;width: 70px;height: 100%;margin: 0 auto}
.ikone i {display: block;text-align: center;font-size: 30px;color: #ffa726}

ul.product li a i, .gray h4 a i, .gray p a i {display: inline-block;margin-left: 20px;align-self: center;font-size: 13px;color: #fbfbfe;font-weight: 400;animation: icon 1.5s infinite forwards}
ul.product li:hover a i, .gray h4 a:hover i, .gray p a:hover i {color: #f00}

@keyframes icon {
    0%, 100% {transform: translate(0px)}
    50% {transform: translate(3px)}
    }

.para1 {width: 100%;display: block;background: url(../images/bg-2.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;background-color: #c1d6f1}
.parainner {height: 100%;min-height: 560px;letter-spacing: 1px;padding: 60px 0;background: rgba(11, 25, 45, 0.8)}
.parainner h3 {padding-left: 30px;color: #fff;position: relative;margin-bottom: 20px;line-height: 1.4}
.parainner h4 {color: #fff}



p.crta {text-transform: uppercase;color: #ffa726;font-size: 12px;margin-bottom: 25px;line-height: 1;position: relative;padding-left: 30px}
p.crta::after {content: "";position: absolute;top: 100%;left: 30px;margin-top: 15px;height: 1px;width: 20px;background: #a1a8b4}

.service_item {background: rgba(11, 25, 45, 0.5);color: #fff;padding: 30px 30px 30px 0;position: relative;-moz-transition: all linear .3s;-webkit-transition: all linear .3s;transition: all linear .3s}
.service_item:hover {background: rgba(255, 167, 38, .8);color: white}
.service_item h4 {font-size: 20px;font-weight: 600;margin-bottom: 10px}
.service_item h5 {padding-left: 70px;font-size: 16px;line-height: 2.7rem;color: #fff;font-weight: 400;margin: 0}
.service_item:hover .ikone i {color: #fff}

.fix-scroll {display: block;width: 100%;height: 60px;margin: -60px 0 0;position: relative}

.smoothscroll {position: absolute;z-index: 2;left: calc(50% - 15px);-webkit-transform: translateX(-50%);transform: translateX(-50%);top: 60px;width: 120px;height: 120px;margin: 0 auto 0;padding-left: 60px}

.chevron, .chevron-hex {position: absolute;width: 28px;height: 8px;opacity: 0;transform: scale3d(0.5, 0.5, 0.5);animation: move 3s ease-out infinite}
.chevron:first-child, .chevron-hex:first-child {animation: move 3s ease-out 1s infinite}
.chevron:nth-child(2), .chevron-hex:nth-child(2) {animation: move 3s ease-out 2s infinite}
.chevron:before, .chevron:after {content: ' ';position: absolute;top: 0;height: 100%;width: 51%;background: #e3000f}
.chevron-hex:before, .chevron-hex:after {content: ' ';position: absolute;top: 0;height: 100%;width: 51%;background: #e3000f}
.chevron:before, .chevron-hex:before {left: 0;transform: skew(0deg, 30deg)}
.chevron:after, .chevron-hex:after {right: 0;width: 50%;transform: skew(0deg, -30deg)}

@keyframes move {
    25% {opacity: 1}
    33% {opacity: 1;transform: translateY(30px)}
    67% {opacity: 1;transform: translateY(40px)}
    100% {opacity: 0;transform: translateY(55px) scale3d(0.5, 0.5, 0.5)}
    }

@keyframes pulse {
    to {opacity: 1}
    }

@media all and (max-width: 480px) {
    .fix-scroll {display: none}
    }

.c-scrolldown {width: 1px;height: 60px;position: absolute;bottom: 60px;left: 0;right: 0;margin: 0 auto;overflow: hidden}
.c-scrolldown2 {width: 1px;height: 60px;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;overflow: hidden}
.c-scrolldown60 {width: 1px;height: 60px;position: absolute;bottom: -60px;left: 0;right: 0;margin: 0 auto;overflow: hidden}
.c-scrolldown .c-line, .c-scrolldown2 .c-line, .c-scrolldown60 .c-line {width: 100%;height: 100%;display: block;background: linear-gradient(to bottom, #e3000f 50%, rgba(243, 17, 91, 0) 50%);background-position: 0 -20px;background-size: 100% 200%;animation: scrolldown 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite}

@keyframes scrolldown {
    0% {background-position: 0 -60px}
    75% {background-position: 0 0}
    100% {background-position: 0 60px}
    }

.fix-line {display: block;width: 100%;height: 100px;position: relative}

@media all and (min-width: 1280px) and (max-width: 1700px) {
    .c-scrolldown60 {position: absolute;bottom: 0;left: 0;right: 0}
    }

.document {margin-top: 30px; display: inline-flex; justify-content: flex-start; text-align: left;}
.document span {max-width: 30px; float: left;display: inline-block;font-size: 18px;padding-top: 2px;margin-right: 10px}
.document a.line { text-align: left; line-height: 22px;}

.tech-spec { border: solid 1px #d5d5d5; margin-bottom: 40px;}
.tech-spec ul { display: flex; flex-direction: column;}
.tech-spec ul li { padding: 10px; border-bottom: solid 1px #d5d5d5; display: flex; flex-wrap: nowrap;}
.tech-spec ul li:last-child { border-bottom: none;}
.tech-spec ul li strong { width: 50%;}
/*.tech-spec ul li span { width: 50%;}*/

@media all and (max-width: 480px) {
    .tech-spec ul li {
        flex-direction: column;
        }
    }

.bord {border: solid 1px #DBDBEA}

.bordblue {border: solid 1px #D2DEFF}

a.line {display: inline-block;position: relative;padding-bottom: 2px;}
a.line:after {content: ''; left: 0; display: block;margin: auto;height: 1px;width: 0;background: transparent;transition: width .5s ease, background-color .5s ease}
a.line:hover:after {width: 100%;background: red}

.btn-beato {display: block;text-align: center;cursor: pointer;font-size: 16px;margin: 30px auto;border-radius: 4px;background-color: #00329e;border: 0;padding: 14px 20px;width: 200px;transition: all .5s}
.btn-beato span {cursor: pointer;display: inline-block;position: relative;transition: .5s}
.btn-beato span:after {content: '»';position: absolute;opacity: 0;top: 0;right: -20px;transition: .5s}
.btn-beato:hover {background-color: #007af7}
.btn-beato a {letter-spacing: 2px;color: #fff}
.btn-beato:hover a {color: #fff}
.btn-beato:hover span {padding-right: 25px}
.btn-beato:hover span:after {color: #fff;opacity: 1;right: 0}

ul.product {margin-bottom: 30px}
ul.product li {margin-bottom: 10px;padding: 0 0 0 20px;background: transparent url(../images/meta/aro.png) no-repeat scroll left 7px}
ul.product li ul li {background: transparent url(../images/meta/bullet1.svg) no-repeat scroll left 8px;background-size: auto 7px}
ul.product li ul li:first-child {margin-top: 15px}

ul.lista {margin-bottom: 30px}
ul.lista li {margin-bottom: 8px;padding: 0 0 0 20px;background: transparent url(../images/meta/aro.png) no-repeat scroll left 4px}

ul.yes {margin-bottom: 30px}
ul.yes li {margin-bottom: 8px;padding: 0 0 0 20px;background: transparent url(../img/yes.svg) no-repeat scroll left 8px;background-size: 12px 12px}
ul.yes2 {margin-bottom: 25px}
ul.yes2 li {margin-bottom: 8px;padding: 0 0 0 20px;background: transparent url(../img/yes2.svg) no-repeat scroll left 8px;background-size: 12px 12px}

.videoWrapper {position: relative;padding-bottom: 56.25%;padding-top: 25px;height: 0}

.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%}

@media print {
    .videoWrapper {display: none}
    }

.pino {background-color: #001e3e;box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);font-size: 16px;line-height: 1.6em;margin: 10px;overflow: hidden;position: relative;text-align: left;width: 100%}
.pino * {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all .25s ease;transition: all .25s ease}
.pino img {max-width: 100%;vertical-align: top;position: relative;opacity: .75;transform: scaleY(1);transition: all .7s ease-in-out}
.pino:hover img {-webkit-transform: scale(3);transform: scale(3);opacity: .5}
.pino figcaption {padding: 25px 20px 25px;position: absolute;bottom: 0;z-index: 1}
.pino h3, .pino p {margin: 0;padding: 0;color: #fff}
.pino h3 {font-size: 28px;line-height: 40px;font-weight: 700;letter-spacing: -0.4px}
.pino .hover {position: absolute;top: 0;bottom: 0;left: 0;right: 0;align-items: center;background-color: rgba(0, 30, 62, 0.75);display: flex;font-size: 65px;justify-content: center;opacity: 0}
.pino a {left: 0;right: 0;top: 0;bottom: 0;position: absolute;z-index: 1}
.pino:hover .hover, .pino.hover .hover {-webkit-transition-delay: .1s;transition-delay: .1s;opacity: 1}
.pino:hover figcaption, .pino.hover figcaption {opacity: 0}
.pino .force {color: #fff !important;font-size: 48px}

.footer {position: relative;padding: 0 15px 0;background: #000b18;letter-spacing: 1px;width: 100%;text-align: center;color: #636c79;font-size: 13px}
.footer a {color: #636c79}
.footer a:hover {color: #fff}
.footer h5 {font-size: 14px;padding: 25px 14px 5px;letter-spacing: 1px;color: #636c79}
.footer ul {display: block;padding: 10px 15px 10px}
.footer ul li {display: inline-block;padding: 5px 5px 20px}
.footer ul span {float: left;display: inline-block;font-size: 13px;padding-top: 3px;margin-right: 5px}

#copyright {display: block;width: 100%;background: #00050d;color: #636c79;text-align: center;margin: 0;padding: 20px 20px 30px}
#copyright, #copyright a {color: #636c79;font-size: 12px;line-height: 2.2rem;display: inline-block;position: relative;padding-bottom: 20px;text-decoration: none}
#copyright a:hover {color: #Fb0}
#copyright a:after {content: '';display: block;margin: auto;height: 1px;width: 0;background: transparent;transition: width .5s ease, background-color .5s ease}
#copyright a:hover:after {width: 100%;background: red}

.slideshow {list-style: none;z-index: 1}
.slideshow li {width: 100%;height: 100%;position: absolute;top: 0;left: 0;color: transparent;background-size: cover;background-position: 50% 50%;background-repeat: none;background-attachment: fixed;opacity: 0;z-index: 0;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-animation: imageAnimation 12s linear infinite 0s;-moz-animation: imageAnimation 12s linear infinite 0s;animation: imageAnimation 12s linear infinite 0s}

@-webkit-keyframes imageAnimation {
    0% {opacity: 0;-webkit-animation-timing-function: ease-in}
    12.5% {opacity: 1;-webkit-animation-timing-function: ease-out}
    25% {opacity: 1}
    37.5% {opacity: 0}
    100% {opacity: 0}
    }

@-moz-keyframes imageAnimation {
    0% {opacity: 0;-moz-animation-timing-function: ease-in}
    12.5% {opacity: 1;-moz-animation-timing-function: ease-out}
    25% {opacity: 1}
    37.5% {opacity: 0}
    100% {opacity: 0}
    }

@keyframes imageAnimation {
    0% {opacity: 0;-webkit-animation-timing-function: ease-in;-moz-animation-timing-function: ease-in;animation-timing-function: ease-in}
    12.5% {opacity: 1;-webkit-animation-timing-function: ease-out;-moz-animation-timing-function: ease-out;animation-timing-function: ease-out}
    25% {opacity: 1}
    37.5% {opacity: 0}
    100% {opacity: 0}
    }

@-webkit-keyframes titleAnimation {
    0% {opacity: 0}
    12.5% {opacity: 1}
    25% {opacity: 1}
    37.5% {opacity: 0}
    100% {opacity: 0}
    }

@-moz-keyframes titleAnimation {
    0% {opacity: 0}
    12.5% {opacity: 1}
    25% {opacity: 1}
    37.5% {opacity: 0}
    100% {opacity: 0}
    }

@keyframes titleAnimation {
    0% {opacity: 0}
    12.5% {opacity: 1}
    25% {opacity: 1}
    37.5% {opacity: 0}
    100% {opacity: 0}
    }

.no-cssanimations .slideshow li {opacity: 1}

.logo80 {display: none}

@media all and (max-width: 1420px) {
    h1.title {margin: 0 15px;font-size: 21px}

    h3.reason {padding: 0}
    }

@media all and (max-width: 1330px) {
    h2.geo {font-size: 12px;line-height: 32px}
    }

@media all and (max-width: 1280px) {
    .pad100RL {padding: 0 60px}

    .intro-box2 {width: 400px}

    .intro-box1 {width: 60px}

    h2.vertical-text {font-size: 12px}

    h1.title {font-size: 20px}

    h2.geo {font-size: 11px;letter-spacing: 1px}

    h3.title-intro {font-size: 11px}

    .overbox {padding: 0;margin: 0}

    .overbox:after {display: none}
    }

@media all and (max-width: 1023px) {
    .pad100RL {padding: 0 50px}

    body {font-size: 15px;line-height: 3rem}

    p {font-size: 15px;line-height: 3rem;margin: 0 0 25px}

    .bar {display: none !important}

    header {border-bottom: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none}

    #home {display: none}

    .logo80 {width: 200px;display: block;float: left;margin: -20px 15px 0 0}

    h2.vertical-text {font-size: 12px;letter-spacing: 4px}

    h1.title {font-size: 19px}

    h2.geo {font-size: 11px;letter-spacing: 1px}

    h3.title-intro {font-size: 11px}

    h3.reason {font-size: 19px;line-height: 24px;padding-top: 15px}

    h2.title1 {font-size: 40px;line-height: 40px;margin: 0 0 15px}

    h2.title1 span {letter-spacing: 4px}

    .pad30 {padding: 20px}

    .pad50 {padding: 30px}

    .padtop30 {padding-top: 10px}

    .padtop50 {padding-top: 20px}

    .padtop75 {padding-top: 30px}

    .padtop100 {padding-top: 40px}

    .padbot30 {padding-bottom: 10px}

    .padbot50 {padding-bottom: 20px}

    .padbot75 {padding-bottom: 30px}

    .padbot100 {padding-bottom: 40px}

    .padtb50 {padding: 20px 0}

    .padtb75 {padding: 50px 0}

    .padtb100 {padding: 30px 0}

    .martop50 {margin-top: 20px}

    .martop75 {margin-top: 30px}

    .martop100 {margin-top: 40px}

    .marbot50 {margin-bottom: 20px}

    .marbot75 {margin-bottom: 30px}

    .marbot100 {margin-bottom: 40px}

    .martb50 {margin: 20px 0}

    .martb100 {margin: 40px 0}

    .gold-bg {width: 101%;left: .5%;right: .5%}

    body {font-size: 1.4rem;line-height: 2.7rem}

    h1, h2, h3, h4, h5 {margin: 0 0 2.5rem;line-height: 1.5}

    h1 {font-size: 30px;line-height: 43px}

    h2 {font-size: 27px;line-height: 39px}

    h3 {font-size: 23px;line-height: 35px}

    h4 {font-size: 20px;font-weight: 700;line-height: 32px}

    h5 {font-size: 17px;font-weight: 700;line-height: 29px}

    h6 {font-size: 16px;font-weight: 700;line-height: 28px}

    ul.lista {margin-bottom: 30px}

    ul.lista li {margin-bottom: 10px;padding: 0 0 0 25px}

    ul.lista2 {margin-bottom: 20px}

    ul.lista2 li {margin-bottom: 7px;padding: 0 0 0 20px}

    #footer {background: url(../images/web-data-1024.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding-top: 50px}

    .social a {line-height: 1.2em}

    .aside {margin-bottom: 0}
    }

@media all and (max-width: 980px) {
    .fix-scroll {display: none}

    .box-3-fix {display: block !important;width: 84%;margin: 15px auto;padding: 5px;border: double 3px #9fceff}

    .box-3 {position: relative;display: block;width: 100%;padding: 35px 3px 0;background: rgba(255, 255, 255, 0.5);border: dashed 1px #dfefff;-webkit-box-shadow: inset 0 0 20px 0 rgba(0, 17, 69, 0.1);-moz-box-shadow: inset 0 0 20px 0 rgba(0, 17, 69, 0.1);box-shadow: inset 0 0 20px 0 rgba(0, 17, 69, 0.1)}

    .box-3 h1.min {line-height: 1.6;text-align: center;font-size: 14px;letter-spacing: 1px;text-transform: uppercase;font-weight: 700;color: #00318d;margin: 0 15px;text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2)}

    .box-3 h1.min span {color: #001568;font-size: 13px;letter-spacing: 1px;padding-top: 15px;display: block;margin-bottom: -35px;position: relative;z-index: 4}

    .half-blue {width: 60%}

    img.web-1 {max-width: 280px}

    .aside a {font-size: 16px;letter-spacing: 0;line-height: 3.1rem}
    }

@media all and (max-width: 820px) {
    .box-3 {width: 100%;padding: 20px 3px 0;background: rgba(255, 255, 255, 0.6)}

    .box-3 h1.min {font-size: 13px;letter-spacing: 0;padding: 15px 10px}

    .box-3 h1.min span {letter-spacing: 0;margin-bottom: -45px}

    .half-blue {width: 64%}

    ul.footer-nav li {padding: 15px 6px}

    .aside a {font-size: 14px;letter-spacing: 0;line-height: 2.9rem}
    }

@media all and (max-width: 768px) {
    body {font-size: 13px;line-height: 2.5rem}

    h1, h2, h3, h4, h5 {margin: 0 0 2.3rem;line-height: 1.4}

    h1 {font-size: 28px;line-height: 40px}

    h2 {font-size: 20px;line-height: 32px}

    h3 {font-size: 18px;line-height: 29px}

    h4 {font-size: 17px;line-height: 28px}

    h5 {font-size: 16px;line-height: 27px}

    h6 {font-size: 15px;line-height: 26px}

    h3.reason {font-size: 18px;padding-top: 20px}

    p {font-size: 14px;line-height: 2.9rem;margin: 0 0 20px}

    h2.title1 {font-size: 32px;line-height: 32px}

    .box-3 h1.min span {margin-bottom: -30px}

    img.web-1 {max-width: 240px}

    .pad200RL, .pad100RL {padding: 0 30px}

    ul.lista {margin-bottom: 20px}

    ul.lista li {margin-bottom: 8px}

    ul.lista2 {margin-bottom: 20px}

    ul.lista2 li {margin-bottom: 6px}

    #footer {width: 100%;min-height: auto;background: 0;background-color: #fff;padding-top: 0}

    ul.footer-nav {margin-bottom: 20px}

    ul.footer-nav li {padding: 1px 6px}

    ul.footer-info {margin-bottom: 15px}

    ul.footer-info li {padding: 1px 10px}

    .aside a {font-size: 13px;letter-spacing: 0;line-height: 2.2rem}

    .pad30 {padding: 15px}

    .pad50 {padding: 20px}
    }

@media all and (max-width: 600px) {
    .box-3 h1.min {display: none}

    .box-3 h1.min span {display: none}

    .box-3 h2.min2 {display: block;line-height: 1.6;text-align: center;font-size: 12px;letter-spacing: 1px;text-transform: uppercase;font-weight: 700;color: #00318d;margin: 0;text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2)}

    .box-3 h2.min2 span {display: block;color: #001568;font-size: 12px;letter-spacing: 1px;padding-top: 15px;margin-bottom: -20px;position: relative;z-index: 4}

    .padtop30 {padding-top: 5px}

    .padtop50 {padding-top: 10px}

    .padtop75 {padding-top: 20px}

    .padtop100 {padding-top: 30px}

    .padbot30 {padding-bottom: 5px}

    .padbot50 {padding-bottom: 10px}

    .padbot75 {padding-bottom: 20px}

    .padbot100 {padding-bottom: 30px}

    .padtb50 {padding: 15px 0}

    .padtb100 {padding: 25px 0}

    .martop50 {margin-top: 10px}

    .martop75 {margin-top: 20px}

    .martop100 {margin-top: 30px}

    .marbot50 {margin-bottom: 10px}

    .marbot75 {margin-bottom: 20px}

    .marbot100 {margin-bottom: 30px}

    .martb50 {margin: 10px 0}

    .martb100 {margin: 20px 0}
    }

@media only screen and (max-width: 480px) {
    .pad200RL, .pad100RL {padding: 0 10px}

    .box-3-fix {border: solid 1px #9fceff}

    .box-3 h2.min2 span {letter-spacing: 1px}

    img.web-1 {max-width: 220px}

    .aside a {font-size: 13px;line-height: 2rem}

    h2.title1 {font-size: 24px;line-height: 28px}
    }

@media only screen and (max-width: 360px) {
    .half-blue {width: 74%}

    .caption .text {width: 200px;height: 200px}

    .caption .text p {line-height: 200px}

    .caption .text p {font-size: 20px}

    .aside a {font-size: 12px;line-height: 2rem}
    }

@font-face {
    font-family: icon-font;
    src: url(../fonts/icon-font.eot);
    src: url(../fonts/icon-font.eot?#iefix) format("eot"), url(../fonts/icon-font.woff) format("woff"), url(../fonts/icon-font.ttf) format("truetype"), url(../fonts/icon-font.svg#icon-font) format("svg")
    }

.navigationWrapper {clear: both;height: 50px;line-height: 1.4;letter-spacing: 1px;margin-top: 0;margin-bottom: 0;border-top: solid 1px #ddd}
.nav-button {display: none}
.nav-close {display: none}
.nav {display: flex;justify-content: center;background: #fff;position: relative;bottom: auto;overflow: visible}
.nav ul {display: block;position: relative;zoom: 1;list-style-type: none;margin: 0;padding: 0 3px}
.nav li {position: relative;padding-top: 0;padding-bottom: 0;margin: 0 -3px}
.nav > ul > li {display: inline-block}
.nav a {display: block;font-weight: 600;position: relative;color: #000;text-transform: uppercase;font-size: 13px;padding: 19px 40px 18px;transition: background-color .5s ease}
.nav a:hover {color: #FFF;background: #00264d}
.nav ul li.nav-submenu > a:after {padding-left: 8px;padding-top: 18px;content: "\E005"}
.nav ul li.nav-submenu ul li.nav-submenu > a:after {content: "\E006";padding-left: 0;padding-top: 0;position: absolute;display: block;right: 10px;top: 12px}
.nav-button:before, .nav-close:before, .nav .nav-submenu > a:after, .nav > ul > .nav-submenu > a:after {font-family: "icon-font";-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-style: normal;font-variant: normal;font-weight: 400;text-decoration: none;text-transform: none;vertical-align: top}
.nav .nav-submenu li {min-width: 280px}
.nav ul ul {display: none;position: absolute;top: 100%;left: 0;z-index: 999901;background-color: #001c39}
.nav ul ul li {border-top: 1px solid #002353}
.nav ul ul a, .nav ul ul a:visited {padding: 12px 18px;color: #e6f1ff;font-size: 14px;font-weight: 400; text-transform: none; letter-spacing: normal;}
.nav ul ul a:hover {background-color: #001326}
.nav ul ul ul {top: -1px;left: 100%;z-index: 999902; background-color: #001326;}
.nav ul ul ul a:hover {background-color: #00070f;}
.nav ul ul ul ul {z-index: 999903}
.nav ul ul ul ul ul {z-index: 999904}
.nav-active {background-color: #001c39;color: #e6f1ff !important}
.nav .nav-active a {color: #e6f1ff !important}
.navback {height: 60px}
.nav a.act {color: #46008c}
.nav a.act:hover {color: #5900b2;background: #fff}

@media only screen and (max-width: 1023px) {
    .navigationWrapper {background: #00264d;width: 100%;border: 0 !important;height: 80px;padding: 0;border-top: solid 20px #001e3e !important}
    .nav {width: 100%;display: none;background: #fff none repeat scroll 0 0;top: 0;bottom: 0;left: 0;overflow-x: hidden;overflow-y: auto;right: 0;z-index: 999900}
    .nav-button {display: block;width: 70px;height: 30px;position: absolute;top: 25px;cursor: pointer;background: #00264d;padding: 11px;right: 10px}
    .nav-button span {display: block;position: absolute;height: 2px;width: 30px;background: #fff;opacity: 1;left: 15px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-ms-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out}
    .nav-button span:nth-child(1) {top: 15px}
    .nav-button span:nth-child(2), .nav-button span:nth-child(3) {top: 24px}
    .nav-button span:nth-child(4) {top: 32px}
    .nav-button:hover span:nth-child(1) {top: 16px}
    .nav-button:hover span:nth-child(4) {top: 32px}
    .nav-button.activeM span:nth-child(1) {top: 24px;opacity: 0}
    .nav-button.activeM span:nth-child(2) {-webkit-transform: rotate(225deg);-moz-transform: rotate(225deg);-ms-transform: rotate(225deg);-o-transform: rotate(225deg);transform: rotate(225deg);transition-delay: .25s}
    .nav-button.activeM span:nth-child(3) {-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);transition-delay: .25s}
    .nav-button.activeM span:nth-child(4) {top: 29px;opacity: 0}
    /*.nav-lock-scroll {overflow: hidden}*/
    .nav a {padding: 20px 20px 20px 50px;letter-spacing: 2px;color: #000}
    .nav > ul {background: #d4dfef;padding: 10px 20px}
    .nav > ul > li {display: block;background: #fff;border: 1px solid #dfe6ec !important;margin: 4px}
    nav > ul > li, .nav ul ul li {border-top: 0;border-bottom: 1px solid #15233a}
    .nav > ul > li:hover {border-bottom: 1px solid #243b61}
    .nav .nav-submenu li {min-width: 260px}
    .nav .nav-submenu > ul {position: relative;left: 0;top: 0}
    .nav .nav-submenu ul li a {padding-left: 25px;border: none !important}
    .nav .nav-submenu ul li a:hover {background-color: #1c2f4d;color: #fff !important}
    .nav .nav-submenu ul ul li a {padding-left: 40px;border: none !important}
    .nav .nav-submenu ul ul ul li a {padding-left: 80px;border: none !important}
    .nav ul li.nav-submenu ul li.nav-submenu > a:after {content: "\E005"; right: 18px;top: 20px;}
    .nav-active, .nav-active a {background-color: #243b61;border-bottom: 1px solid #15233a !important}
    .nav ul ul, .nav a:hover {background-color: #243b61}
    .nav ul li.nav-submenu > a::after {top: 20px}
    .nav ul li.nav-submenu > a:after {padding-left: 0;padding-top: 0 !important;position: absolute;display: block;right: 18px;top: 20px;content: "\E005"}
    .nav ul li a {color: #112942;padding: 20px 0 20px 25px}
    }

.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both}
.animated.infinite {-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    to {opacity: 1}
    }

@keyframes fadeIn {
    0% {opacity: 0}
    to {opacity: 1}
    }

.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn}

@-webkit-keyframes fadeInDown {
    0% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0)}
    to {opacity: 1;-webkit-transform: none;transform: none}
    }

@keyframes fadeInDown {
    0% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0)}
    to {opacity: 1;-webkit-transform: none;transform: none}
    }

.fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown}

@-webkit-keyframes fadeInDownBig {
    0% {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0)}
    to {opacity: 1;-webkit-transform: none;transform: none}
    }

@keyframes fadeInDownBig {
    0% {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0)}
    to {opacity: 1;-webkit-transform: none;transform: none}
    }

.fadeInDownBig {-webkit-animation-name: fadeInDownBig;animation-name: fadeInDownBig}

@-webkit-keyframes fadeInLeft {
    0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0)}
    to {opacity: 1;-webkit-transform: none;transform: none}
    }

@keyframes fadeInLeft {
    0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0)}
    to {opacity: 1;-webkit-transform: none;transform: none}
    }

.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft}

@-webkit-keyframes fadeInRight {
    0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0)}
    to {opacity: 1;-webkit-transform: none;transform: none}
    }

@keyframes fadeInRight {
    0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0)}
    to {opacity: 1;-webkit-transform: none;transform: none}
    }

.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight}

@-webkit-keyframes fadeInUp {
    0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)}
    to {opacity: 1;-webkit-transform: none;transform: none}
    }

@keyframes fadeInUp {
    0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)}
    to {opacity: 1;-webkit-transform: none;transform: none}
    }

.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp}

@-webkit-keyframes fadeInUpBig {
    0% {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0)}
    to {opacity: 1;-webkit-transform: none;transform: none}
    }

@keyframes fadeInUpBig {
    0% {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0)}
    to {opacity: 1;-webkit-transform: none;transform: none}
    }

.fadeInUpBig {-webkit-animation-name: fadeInUpBig;animation-name: fadeInUpBig}

@-webkit-keyframes fadeOut {
    0% {opacity: 1}
    to {opacity: 0}
    }

@keyframes fadeOut {
    0% {opacity: 1}
    to {opacity: 0}
    }

.fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut}

@-webkit-keyframes zoomIn {
    from {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3)}
    50% {opacity: 1}
    }

@keyframes zoomIn {
    from {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3)}
    50% {opacity: 1}
    }

.zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn}

.has-animation {position: relative}
.has-animation {opacity: 0}
.has-animation.animate-in {animation: textHidden .1s 1.1s forwards}
.has-animation.animate-in:before, .has-animation.animate-in:after {content: '';position: absolute;top: 0;right: 0;height: 100%;z-index: 10}
.has-animation.animate-in:before {background-color: #1e90ff}
.has-animation.animate-in:after {background-color: #003e82;animation-delay: .5s}
.has-animation.animation-ltr.animate-in:before {animation: revealLTR 2s ease}
.has-animation.animation-ltr.animate-in:after {animation: revealLTR 1s .6s ease}
.has-animation.animation-rtl.animate-in:before {animation: revealRTL 2s ease}
.has-animation.animation-rtl.animate-in:after {animation: revealRTL 1s .6s ease}

@keyframes revealRTL {
    0% {width: 0;right: 0}
    65% {width: 100%;right: 0}
    100% {width: 0;right: 100%}
    }

@keyframes revealLTR {
    0% {width: 0;left: 0}
    65% {width: 100%;left: 0}
    100% {width: 0;left: 100%}
    }

@keyframes textHidden {
    0% {opacity: 0}
    100% {opacity: 1}
    }

.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both}

.animated.infinite {-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    to {opacity: 1}
    }

@keyframes fadeIn {
    0% {opacity: 0}
    to {opacity: 1}
    }

.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn}

@-webkit-keyframes fadeInDown {
    0% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0)}
    to {opacity: 1;-webkit-transform: none;transform: none}
    }

@keyframes fadeInDown {
    0% {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0)}
    to {opacity: 1;-webkit-transform: none;transform: none}
    }

.fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown}

@-webkit-keyframes fadeInDownBig {
    0% {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0)}
    to {opacity: 1;-webkit-transform: none;transform: none}
    }

@keyframes fadeInDownBig {
    0% {opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0)}
    to {opacity: 1;-webkit-transform: none;transform: none}
    }

.fadeInDownBig {-webkit-animation-name: fadeInDownBig;animation-name: fadeInDownBig}

@-webkit-keyframes fadeInLeft {
    0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0)}
    to {opacity: 1;-webkit-transform: none;transform: none}
    }

@keyframes fadeInLeft {
    0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0)}
    to {opacity: 1;-webkit-transform: none;transform: none}
    }

.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft}

@-webkit-keyframes fadeInRight {
    0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0)}
    to {opacity: 1;-webkit-transform: none;transform: none}
    }

@keyframes fadeInRight {
    0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0)}
    to {opacity: 1;-webkit-transform: none;transform: none}
    }

.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight}

@-webkit-keyframes fadeInUp {
    0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)}
    to {opacity: 1;-webkit-transform: none;transform: none}
    }

@keyframes fadeInUp {
    0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)}
    to {opacity: 1;-webkit-transform: none;transform: none}
    }

.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp}

@-webkit-keyframes fadeInUpBig {
    0% {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0)}
    to {opacity: 1;-webkit-transform: none;transform: none}
    }

@keyframes fadeInUpBig {
    0% {opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0)}
    to {opacity: 1;-webkit-transform: none;transform: none}
    }

.fadeInUpBig {-webkit-animation-name: fadeInUpBig;animation-name: fadeInUpBig}

@-webkit-keyframes fadeOut {
    0% {opacity: 1}
    to {opacity: 0}
    }

@keyframes fadeOut {
    0% {opacity: 1}
    to {opacity: 0}
    }

.fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut}

@-webkit-keyframes horizontal {
    0% {-webkit-transform: translate(0, 0);transform: translate(0, 0)}
    6% {-webkit-transform: translate(5px, 0);transform: translate(5px, 0)}
    12% {-webkit-transform: translate(0, 0);transform: translate(0, 0)}
    18% {-webkit-transform: translate(5px, 0);transform: translate(5px, 0)}
    24% {-webkit-transform: translate(0, 0);transform: translate(0, 0)}
    30% {-webkit-transform: translate(5px, 0);transform: translate(5px, 0)}
    36% {-webkit-transform: translate(0, 0);transform: translate(0, 0)}
    }

@keyframes horizontal {
    0% {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0)}
    6% {-webkit-transform: translate(5px, 0);-ms-transform: translate(5px, 0);transform: translate(5px, 0)}
    12% {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0)}
    18% {-webkit-transform: translate(5px, 0);-ms-transform: translate(5px, 0);transform: translate(5px, 0)}
    24% {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0)}
    30% {-webkit-transform: translate(5px, 0);-ms-transform: translate(5px, 0);transform: translate(5px, 0)}
    36% {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0)}
    }

.faa-horizontal.animated, .faa-horizontal.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-horizontal {-webkit-animation: horizontal 2s ease infinite;animation: horizontal 2s ease infinite}

.owl-carousel, .owl-carousel .owl-item {-webkit-tap-highlight-color: transparent;position: relative}
.owl-carousel {display: none;width: 100%;z-index: 1}
.owl-carousel .owl-stage {position: relative;-ms-touch-action: pan-Y;touch-action: manipulation;-moz-backface-visibility: hidden}
.owl-carousel .owl-stage:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0}
.owl-carousel .owl-stage-outer {position: relative;overflow: hidden;-webkit-transform: translate3d(0, 0, 0)}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0)}
.owl-carousel .owl-item {min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-touch-callout: none}
.owl-carousel .owl-item img {display: block;width: 100%}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {display: none}
.no-js .owl-carousel, .owl-carousel.owl-loaded {display: block}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {cursor: pointer;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {color: inherit;border: 0;padding: 0 !important;font: inherit}
.owl-carousel.owl-loading {opacity: 0;display: block}
.owl-carousel.owl-hidden {opacity: 0}
.owl-carousel.owl-refresh .owl-item {visibility: hidden}
.owl-carousel.owl-drag .owl-item {-ms-touch-action: pan-y;touch-action: pan-y;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.owl-carousel.owl-grab {cursor: move;cursor: grab}
.owl-carousel .animated {animation-duration: 1s;animation-fill-mode: both}
.owl-carousel .owl-animated-in {z-index: 0}
.owl-carousel .owl-animated-out {z-index: 1}
.owl-carousel .fadeOut {animation-name: fadeOut}

@keyframes fadeOut {
    0% {opacity: 1}
    100% {opacity: 0}
    }

.owl-height {transition: height .5s ease-in-out}
.owl-carousel .owl-item .owl-lazy {opacity: 0;transition: opacity .4s ease}
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {max-height: 0}
.owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d}

.d-table {width: 100%;height: 100%;display: table}

.d-tablecell {display: table-cell;vertical-align: middle}

.custom-btn1 {background-color: rgba(227, 0, 15, .6);font-size: 13px;font-weight: 700;color: #fff !important;letter-spacing: 2px;display: inline-block;padding: 12px 50px;text-transform: uppercase;border-radius: 30px;text-decoration: none;margin-top: 50px}

.custom-btn1:hover {background-color: rgba(227, 0, 15, 1);text-decoration: none;color: #fff}

.hero-slider {position: relative}
.single-hs-item {height: 600px;background-size: cover;background-position: center center;position: relative}
.single-hs-item:before {content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0}
.hero-text {padding: 0 15px;text-align: center;max-width: 1280px;margin-left: auto;margin-right: auto;position: relative}
.hero-text h2, .hero-text h3.big {color: #e3f0ff;font-size: 48px;font-weight: 900;letter-spacing: 2px;margin: 0 0 15px 0}
.hero-text h3, .hero-text h4, .hero-text h5 {color: #e3f0ff;font-size: 24px;font-weight: 400;letter-spacing: 1px;margin: 0}
.hero-text p {color: #e3f0ff;font-size: 20px;max-width: 400px;line-height: 30px;margin: 20px auto 35px}
.hero-slider .owl-item.active h2 {-webkit-animation: 2s .9s fadeInDown both;animation: 2s .9s fadeInDown both}
.hero-slider .owl-item.active h3 {-webkit-animation: 2s .9s fadeInUp both;animation: 2s .9s fadeInUp both}
.hero-slider .owl-item.active h4 {-webkit-animation: 2s .9s fadeInLeft both;animation: 2s .9s fadeInLeft both}
.hero-slider .owl-item.active h5 {-webkit-animation: 2s .9s fadeInRight both;animation: 2s .9s fadeInRight both}
.hero-slider .owl-item.active h3.big {-webkit-animation: 1.5s .7s fadeInLeft both;animation: 1.5s .7s fadeInLeft both}
.hero-slider .owl-item.active p {-webkit-animation: 1.5s .7s fadeInRight both;animation: 1.5s .7s fadeInRight both}
.hero-slider .owl-item.active .slider-btn {-webkit-animation: 2s .5s fadeInUpBig both;animation: 2s .5s fadeInUpBig both}

.owl-carousel .owl-nav button.owl-prev {background-color: #007fff;position: absolute;left: 0;top: 50%;margin: -40px 0 0;border-radius: 0;height: 50px;width: 50px}
.owl-carousel .owl-nav button.owl-next {background-color: #007fff;position: absolute;right: 0;top: 50%;margin: -40px 0 0;border-radius: 0;height: 50px;width: 50px}
.owl-carousel .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span {font-size: 48px;color: #fff;line-height: 48px}
.owl-theme .owl-nav {margin-top: 0}
.owl-dots {position: absolute;left: 0;right: 0;bottom: 20px}
.owl-theme .owl-dots .owl-dot span {width: 11px;height: 20px}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #007fff}
.owl-prev, .owl-next {opacity: 0}
.owl-carousel:hover .owl-prev {opacity: .25}
.owl-carousel:hover .owl-next {opacity: .25}
.owl-carousel:hover .owl-prev:hover, .owl-carousel:hover .owl-next:hover {opacity: 1}

@media only screen and (max-width: 1280px) {
    .single-hs-item {height: 400px}
    }

@media only screen and (max-width: 1024px) {
    .single-hs-item {height: 320px}
    }

@media only screen and (max-width: 900px) {
    .single-hs-item {height: 282px}
    }

@media only screen and (max-width: 768px) {
    .single-hs-item {height: 240px}
    }

@media only screen and (max-width: 600px) {
    .single-hs-item {height: 200px}
    }

@media only screen and (max-width: 480px) {
    .single-hs-item {height: 180px}
    }

@media only screen and (max-width: 1023px) {
    .hero-text h2, .hero-text h3.big {font-size: 28px;line-height: 1;padding-bottom: 15px}

    .hero-text h3, .hero-text h4, .hero-text h5 {font-size: 18px;margin-bottom: 20px;line-height: 1;padding-bottom: 15px}

    .hero-text p {font-size: 16px;margin-bottom: 10px}

    .custom-btn1 {padding: 10px 30px;margin-top: 15px}

    .owl-carousel .owl-nav button.owl-next {top: auto;margin: 0;bottom: 0}

    .owl-carousel .owl-nav button.owl-prev {top: auto;margin: 0;bottom: 0}

    .owl-dots {bottom: 10px;left: 50px;right: 50px}
    }

@media only screen and (max-width: 600px) {
    .hero-text h2, .hero-text h3.big {font-size: 20px;margin: 10px 0 10px 0;padding-bottom: 0}

    .hero-text h3, .hero-text h4, .hero-text h5 {font-size: 16px;margin: 10px 0 6px 0;padding-bottom: 0}

    .hero-text p {font-size: 14px;margin-bottom: 3px}

    .custom-btn1 {padding: 7px 20px;margin-top: 5px}
    }

@media only screen and (max-width: 480px) {
    .hero-text h2, .hero-text h3.big {font-size: 18px}

    .hero-text h3, .hero-text h4, .hero-text h5 {font-size: 15px;margin-bottom: 2px}

    .hero-text p {font-size: 13px}

    .custom-btn1 {padding: 4px 15px;font-size: 11px}
    }

.tobi-zoom {border: 0;-webkit-box-shadow: none;box-shadow: none;display: block;position: relative;text-decoration: none}
.tobi-zoom img {display: block}
.tobi-zoom__icon {-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: rgba(26, 42, 58, 0);bottom: 0;color: #fff;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;line-height: 1;position: absolute;left: 0}
.tobi-zoom__icon svg {color: #fff;fill: none;height: 1.11111em;pointer-events: none;stroke-linecap: square;stroke-linejoin: miter;stroke-width: 2;stroke: #fff;width: 1.11111em;padding: .22222em}
.tobi-is-open {overflow-y: hidden}
.tobi {background-color: rgba(0, 15, 31, 0.98);bottom: 0;-webkit-box-sizing: border-box;box-sizing: border-box;contain: strict;font-size: 18px;left: 0;line-height: 1.5555555555556;overflow: hidden;position: fixed;right: 0;top: 0;z-index: 1337}
.tobi[aria-hidden="true"] {display: none}
.tobi *, .tobi ::before, .tobi ::after {-webkit-box-sizing: inherit;box-sizing: inherit}
.tobi__slider {bottom: 0;left: 0;position: absolute;right: 0;top: 0;will-change: transform}
.tobi__slider:not(.tobi__slider--is-dragging) {-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;transition-property: transform;transition-property: transform, -webkit-transform;-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)}

@media screen and (prefers-reduced-motion: reduce) {
    .tobi__slider:not(.tobi__slider--is-dragging) {-webkit-transition: none;transition: none}
    }

.tobi__slider--is-draggable .tobi__slider__slide__content {cursor: -webkit-grab;cursor: grab}
.tobi__slider--is-dragging .tobi__slider__slide__content {cursor: -webkit-grabbing;cursor: grabbing}
.tobi__slider__slide {-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;height: 100%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 100%}
.tobi__slider__slide__content > figure {margin: 0;position: relative}
.tobi__slider__slide__content > figure > img {display: block;height: auto;max-height: 95vh;max-width: 95vw;width: auto}
.tobi__slider__slide__content > figure > figcaption {background-color: rgba(255, 204, 51, 0.7);bottom: 0;color: #000;display: block;left: 0;position: absolute;white-space: pre-wrap;width: 100%;text-align: center;font-size: 13px;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;padding: 1em .44444em}
.tobi__slider__slide__content[data-type="html"] {max-height: 85vh;max-width: 85vw;overflow: hidden;overflow-y: auto;overscroll-behavior: contain}
.tobi__slider__slide__content[data-type="html"] video {cursor: auto;display: block !important;max-height: 85vh;max-width: 85vw}
.tobi__slider__slide__content[data-type="iframe"] {max-height: 85vh;max-width: 85vw;overflow: hidden;overflow-y: auto;overscroll-behavior: contain}
.tobi__slider__slide__content[data-type="iframe"] iframe {display: block !important;height: 85vh;width: 85vw}
.tobi__slider__slide__content[data-type="youtube"] {max-height: 85vh;max-width: 85vw;overflow: hidden;overflow-y: auto;overscroll-behavior: contain}
.tobi__slider__slide__content[data-type="youtube"] iframe {display: block !important}
.tobi button {-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: transparent;border: .05556em solid transparent;color: #fff;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;font: inherit;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;line-height: 1;margin: 0;opacity: .5;position: absolute;-ms-touch-action: manipulation;touch-action: manipulation;-webkit-transition-duration: .3s;transition-duration: .3s;-webkit-transition-property: opacity, -webkit-transform;transition-property: opacity, -webkit-transform;transition-property: opacity, transform;transition-property: opacity, transform, -webkit-transform;-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);will-change: opacity, transform;padding: .22222em}

@media screen and (prefers-reduced-motion: reduce) {
    .tobi button {-webkit-transition: none;transition: none;will-change: opacity}
    }

.tobi button svg {pointer-events: none;stroke: #fff;stroke-width: 1;stroke-linecap: square;stroke-linejoin: miter;fill: none;color: #fff}
.tobi button:active, .tobi button:focus, .tobi button:hover {opacity: 1;-webkit-transform: scale(0.84);transform: scale(0.84)}
.tobi button:focus:focus {outline-color: rgba(255, 255, 255, 0.1)}

@media screen and (prefers-reduced-motion: reduce) {
    .tobi button:active, .tobi button:focus, .tobi button:hover {-webkit-transform: none;transform: none}
    }

.tobi button.tobi__prev, .tobi button.tobi__next {top: 50%;top: calc(50% - 2.22222em)}
.tobi button.tobi__prev svg, .tobi button.tobi__next svg {height: 2.25em;width: 2.25em}
.tobi button.tobi__prev {left: 0}
.tobi button.tobi__next {right: 0}
.tobi button.tobi__close {right: .27778em;top: 5px}
.tobi button.tobi__close svg {height: 2.25em;width: 2.25em}
.tobi button:disabled, .tobi button[aria-hidden="true"] {display: none}
.tobi__counter {-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: transparent;color: #fff;display: -webkit-box;display: -ms-flexbox;display: flex;font-size: 1.11111em;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;left: 1em;line-height: 1;position: absolute;top: 2.22222em}
.tobi__counter[aria-hidden="true"] {display: none}
.tobi-loader {display: inline-block;height: 5.55556em;left: calc(50% - 2.77778em);position: absolute;top: calc(50% - 2.77778em);width: 5.55556em}
.tobi-loader::before {-webkit-animation: spin 1s infinite;animation: spin 1s infinite;border-radius: 100%;border: .22222em solid #949ba3;border-top-color: #fff;bottom: 0;content: "";left: 0;position: absolute;right: 0;top: 0;z-index: 1}

@-webkit-keyframes spin {
    to {-webkit-transform: rotate(360deg);transform: rotate(360deg)}
    }

@keyframes spin {
    to {-webkit-transform: rotate(360deg);transform: rotate(360deg)}
    }

.item-cont {overflow: hidden;display: inline-block;width: 100%; display: flex}
.item-cont img {width: 100%}
.item-cont a {display: block;position: relative;color: #FFF;border-color: #f1ded5;font-size: 20px}
.item-cont a .item-content {position: absolute;width: 100%;cursor: pointer;height: 100%;text-align: center;top: 0;left: 0;opacity: 1}
.item-cont a .item-content:before {border-top: 1px solid;border-bottom: 1px solid;-webkit-transform: scale(0, 1);transform: scale(0, 1);opacity: 0}
.item-cont a .item-content:after {border-left: 1px solid;border-right: 1px solid;-webkit-transform: scale(1, 0);transform: scale(1, 0);opacity: 0}
.item-cont a .item-content:before, .item-cont a .item-content:after {border-color: #f1ded5;position: absolute;top: 15px;right: 15px;bottom: 15px;left: 15px;content: '';opacity: 0;-webkit-transition: opacity 1.2s, -webkit-transform 1.2s;transition: opacity 1.2s, transform 1.2s}
.item-cont a .item-content .text-cont {width: 100%;opacity: 0;position: relative}
.item-cont a .item-content .text-cont em {display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 16px;text-align: center;color: #fff;font-style: normal;font-weight: 700;margin: 0;padding: 0}
.item-cont a .item-content .text-cont em.big {font-size: 36px;line-height: 72px;width: 72px;height: 72px;padding: 0;margin: 0;border: solid 2px #fff;border-radius: 50%}
.item-cont a .item-content .text-cont em {opacity: 0}
.item-cont a:hover .item-content .text-cont em {opacity: 1;transition: opacity .8s ease-in;-moz-transition: opacity .8s ease-in;-webkit-transition: opacity .8s ease-in;-o-transition: opacity .8s ease-in}
.item-cont a .item-content .align-content {position: relative;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%)}
.item-cont a .figa {position: relative;width: 100%;height: 100%;-webkit-transition: -webkit-transform .8s;transition: transform .8s;-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1)}
.item-cont a .figa:after {position: absolute;width: 100%;height: 100%;left: 0;top: 0;content: "";background-color: rgba(0, 38, 77, 0.6);opacity: 0}
.item-cont a .figa img {max-width: 100%;height: auto;display: block}
.item-cont a:hover .figa {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1)}
.item-cont a:hover .figa:after {opacity: 1}
.item-cont a:hover .item-content {opacity: 1}
.item-cont a:hover .item-content:before, .item-cont a:hover .item-content:after {border-color: #f1ded5}
.item-cont a:hover .item-content:before {opacity: 1;-webkit-transform: scale(1);transform: scale(1)}
.item-cont a:hover .item-content:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1)}
.item-cont a:hover .item-content .text-cont {opacity: 1}

.foto600 {width: 100%;max-width: 600px;display: block;margin-left: auto;margin-right: auto; border: solid 1px #DBDBEA;}
.foto500 {width: 100%;max-width: 500px;margin: 0 auto;text-align: center; border: solid 1px #DBDBEA;}
.foto900 {width: 100%;max-width: 900px;margin: 0 auto;text-align: center; border: solid 1px #DBDBEA;}

@media only screen and (max-width: 1024px) {
    .foto600 {padding-bottom: 10px;padding-top: 10px}
    }

@media only screen and (max-width: 767px) {
    .item-cont a .item-content .text-cont p {font-size: 80%}

    .item-cont a .item-content .text-cont p.small {font-size: 68%}
    }

@media only screen and (max-width: 480px) {
    .item-cont a .item-content .text-cont p {font-size: 70%}

    .item-cont a .item-content .text-cont p.small {font-size: 60%}
    }

@media only screen and (max-width: 400px) {
    .item-cont a .item-content .align-content {position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%)}

    .item-cont a .item-content .text-cont p.small {font-size: 40%}
    }

.lSSlideWrapper, .lSSlideWrapper .lSFade {position: relative}
.lSSlideWrapper .lSSlide, .lSSlideWrapper.usingCss .lSFade > * {-webkit-transition-timing-function: inherit !important;transition-timing-function: inherit !important;-webkit-transition-duration: inherit !important;transition-duration: inherit !important}
.lSSlideOuter, .lSSlideOuter .lSPager.lSGallery {-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;-webkit-touch-callout: none;-webkit-user-select: none}
.lSSlideOuter .lSPager.lSGallery:after, .lSSlideWrapper > .lightSlider:after {clear: both}
.lSSlideOuter {overflow: hidden;user-select: none}
.lightSlider:after, .lightSlider:before {content: " ";display: table}
.lightSlider {overflow: hidden;margin: 0}
.lSSlideWrapper {max-width: 100%;overflow: hidden}
.lSSlideWrapper .lSSlide {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);-webkit-transition: all 1s;-webkit-transition-property: -webkit-transform, height;-moz-transition-property: -moz-transform, height;transition-property: transform; }
.lSSlideWrapper .lSFade > * {position: absolute !important;top: 0;left: 0;z-index: 9;margin-right: 0;width: 100%}
.lSSlideWrapper.usingCss .lSFade > * {opacity: 0;-webkit-transition-delay: 0s;transition-delay: 0s;-webkit-transition-property: opacity;transition-property: opacity}
.lSSlideWrapper .lSFade > .active {z-index: 10}
.lSSlideWrapper.usingCss .lSFade > .active {opacity: 1}
.lSSlideOuter .lSPager.lSpg {margin: 10px 0 0;padding: 0;text-align: center}
.lSSlideOuter .lSPager.lSpg > li {cursor: pointer;display: inline-block;padding: 0 5px}
.lSSlideOuter .lSPager.lSpg > li a {background-color: #222;border-radius: 30px;display: inline-block;height: 8px;overflow: hidden;text-indent: -999em;width: 8px;position: relative;z-index: 99;-webkit-transition: all .5s linear 0s;transition: all .5s linear 0s}
.lSSlideOuter .lSPager.lSpg > li.active a, .lSSlideOuter .lSPager.lSpg > li:hover a {background-color: #428bca}
.lSSlideOuter .media {opacity: .8}
.lSSlideOuter .media.active {opacity: 1}
.lSSlideOuter .lSPager.lSGallery {list-style: none;padding-left: 0;margin: 0;overflow: hidden;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;user-select: none}
.lSSlideOuter .lSPager.lSGallery li {overflow: hidden;-webkit-transition: border-radius .12s linear 0s .35s linear 0s;transition: border-radius .12s linear 0s .35s linear 0s}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {border-radius: 5px}
.lSSlideOuter .lSPager.lSGallery img {display: block;height: auto;max-width: 100%}
.lSSlideOuter .lSPager.lSGallery:after, .lSSlideOuter .lSPager.lSGallery:before {content: " ";display: table}

.lSAction > a {width: 32px;display: block;top: 50%;height: 32px;background-image: url(../img/controls.png);cursor: pointer;position: absolute;z-index: 99;margin-top: -16px;opacity: .5;-webkit-transition: opacity .35s linear 0s;transition: opacity .35s linear 0s}
.lSAction > a:hover {opacity: 1}
.lSAction > .lSPrev {background-position: 0 0;left: 10px}
.lSAction > .lSNext {background-position: -32px 0;right: 10px}
.lSAction > a.disabled {pointer-events: none}
.cS-hidden {height: 1px;opacity: 0;filter: alpha(opacity=0);overflow: hidden}

.lSSlideOuter.vertical {position: relative}
.lSSlideOuter.vertical.noPager {padding-right: 0 !important}
.lSSlideOuter.vertical .lSGallery {position: absolute !important;right: 0;top: 0}
.lSSlideOuter.vertical .lightSlider > * {width: 100% !important;max-width: none !important}
.lSSlideOuter.vertical .lSAction > a {left: 50%;margin-left: -14px;margin-top: 0}
.lSSlideOuter.vertical .lSAction > .lSNext {background-position: 31px -31px;bottom: 10px;top: auto}
.lSSlideOuter.vertical .lSAction > .lSPrev {background-position: 0 -31px;bottom: auto;top: 10px}
.lSSlideOuter.lSrtl {direction: rtl}
.lSSlideOuter .lSPager, .lSSlideOuter .lightSlider {padding-left: 0;list-style: none}
.lSSlideOuter.lSrtl .lSPager, .lSSlideOuter.lSrtl .lightSlider {padding-right: 0}
.lSSlideOuter .lSGallery li, .lSSlideOuter .lightSlider > * {float: left}
.lSSlideOuter.lSrtl .lSGallery li, .lSSlideOuter.lSrtl .lightSlider > * {float: right !important}

@-webkit-keyframes rightEnd {
    0%, 100% {left: 0}
    50% {left: -15px}
    }

@keyframes rightEnd {
    0%, 100% {left: 0}
    50% {left: -15px}
    }

@-webkit-keyframes topEnd {
    0%, 100% {top: 0}
    50% {top: -15px}
    }

@keyframes topEnd {
    0%, 100% {top: 0}
    50% {top: -15px}
    }

@-webkit-keyframes leftEnd {
    0%, 100% {left: 0}
    50% {left: 15px}
    }

@keyframes leftEnd {
    0%, 100% {left: 0}
    50% {left: 15px}
    }

@-webkit-keyframes bottomEnd {
    0%, 100% {bottom: 0}
    50% {bottom: -15px}
    }

@keyframes bottomEnd {
    0%, 100% {bottom: 0}
    50% {bottom: -15px}
    }

.lSSlideOuter .rightEnd {-webkit-animation: rightEnd .3s;animation: rightEnd .3s;position: relative}
.lSSlideOuter .leftEnd {-webkit-animation: leftEnd .3s;animation: leftEnd .3s;position: relative}
.lSSlideOuter.vertical .rightEnd {-webkit-animation: topEnd .3s;animation: topEnd .3s;position: relative}
.lSSlideOuter.vertical .leftEnd {-webkit-animation: bottomEnd .3s;animation: bottomEnd .3s;position: relative}
.lSSlideOuter.lSrtl .rightEnd {-webkit-animation: leftEnd .3s;animation: leftEnd .3s;position: relative}
.lSSlideOuter.lSrtl .leftEnd {-webkit-animation: rightEnd .3s;animation: rightEnd .3s;position: relative}
.lightSlider.lsGrab > * {cursor: -webkit-grab;cursor: -moz-grab;cursor: -o-grab;cursor: -ms-grab;cursor: grab}
.lightSlider.lsGrabbing > * {cursor: move;cursor: -webkit-grabbing;cursor: -moz-grabbing;cursor: -o-grabbing;cursor: -ms-grabbing;cursor: grabbing}


/* parallax*/
.jarallax {position: relative;z-index: 0;padding: 0}
.jarallax > .jarallax-img {position: absolute;object-fit: cover;top: 0;left: 0;width: 100%;height: 100%;z-index: -1}
.jarallax-keep-img {position: relative;z-index: 0}
.jarallax-keep-img > .jarallax-img {position: relative;display: block;max-width: 100%;height: auto;z-index: -100}

span[data-jarallax-element] {display: inline-block}

.jarallax {min-height: 400px}

@media screen and (max-width: 1024px) {
    .jarallax-keep-img {margin-right: 0;margin-left: -64%;float: none}
    }

.demo-table {display: table;width: 100%;height: 800px;background-color: rgba(39, 35, 51, 0.6);color: #fff}
.demo-table-cell {display: table-cell;text-align: center;vertical-align: middle}
.demo-gap {padding: 50px;overflow: hidden}
.demo-gap h1, .demo-gap h2, .demo-gap h3 {text-align: center}
.demo-gap .container {max-width: 800px;margin: 0 auto}
.demo-gap-half {display: table;width: 100%}
.demo-gap-half > div {display: table-cell;width: 50%}
.demo-gap-half .demo-gap-1 .jarallax, .demo-gap-half .demo-gap-2 .jarallax {padding-top: 56.25%;min-height: 0;height: 0}
.demo-gap-half .demo-gap-1 .jarallax {padding-top: 112.5%}
.demo-content {background-color: #f7f7f7;padding: 80px}
.demo-float-left {float: left}
.demo-float-right {float: right}
.demo-carousel {background-color: #272333}
.demo-carousel .demo-carousel-item {width: 33.33%;min-height: 300px}




.breadcrumbs {
    display: block;
    position: relative;
    margin-bottom: -33px;
    z-index: 2;
    padding: 0 !important;
    text-align: center;
}

@media (max-width: 1024px) {
    .breadcrumbs {
        padding: 0;
    }
}

@media (max-width: 480px) {
    .breadcrumbs {
        display: none;
    }
}
.container li {
    display: inline-flex;
    margin-right: 10px;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    align-items: center;
}

.container li:after {
     content: "\e90a";
     font-family: 'icomoon';
     display: inline-block;
     padding-left: 5px;
     color: #fff;
     font-size: 10px;
 }

.container li:last-child:after {
     content: none;
}

.container li a {
    color: #fff;
    padding: 8px 0;
    text-decoration: underline;
}

.container li a:hover {
     text-decoration: none;
}

.back-btn {
    margin-bottom: 30px;
}
.back-btn a {
    border: solid 1px #E7E9F1;
    border-radius: 4px;
    padding: 8px 16px 8px 32px;
    font-size: 14px;
    background-color: #fff;
    color: #1d1d1d;
    position: relative;
}
.back-btn a:before {
    content: "\e90a";
    font-family: 'icomoon';
    display: inline-block;
    padding-left: 5px;
    font-size: 10px;
    color: #1d1d1d;
    transform: rotate(180deg);
    position: absolute;
    left: 12px;
    top: 7px;
}
.back-btn a:hover {
    opacity: .7;
}




@media screen and (max-width: 780px) {
    .demo-carousel .demo-carousel-item {width: 50%}
    }

@media screen and (max-width: 400px) {
    .demo-carousel .demo-carousel-item {width: 100%}
    }


@media screen and (max-width: 1024px) {
    .grid .item-gallery {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 20px;
        grid-column-gap: 20px;
    }
}

@media screen and (max-width: 480px) {
    .grid .item-gallery {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 20px;
        grid-column-gap: 20px;
    }
}