@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Roboto:100,300,400,700,900&subset=latin-ext";

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

progress {
    vertical-align: baseline;
}

template, [hidden] {
    display: none;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

    a:active, a:hover {
        outline-width: 0;
    }

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b, strong {
    font-weight: inherit;
    font-weight: bolder;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

mark {
    background-color: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

button, input, select, textarea {
    font: inherit;
    margin: 0;
}

optgroup {
    font-weight: 700;
}

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}

    button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }

    button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
        outline: 1px dotted ButtonText;
    }

fieldset {
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

textarea {
    overflow: auto;
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

    [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

@media print {
    *, ::before, ::after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a, a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }
}

@font-face {
    font-family: "fontName";
    src: url(../fonts//fontName.eot?v=2);
    src: url(../fonts//fontName.eot?#iefix2) format("embedded-opentype"),url(../fonts//fontName.woff?v=2) format("woff"),url(../fonts//fontName.ttf?v=2) format("truetype"),url(../fonts//fontName.svg#fontName?v=2) format("svg");
    font-style: normal;
    font-weight: 400;
}

html {
    box-sizing: border-box;
}

*, ::before, ::after {
    box-sizing: inherit;
}

html, body {
    width: 100%;
}

html {
    font-size: 16px;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: 'Poppins-Regular',sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: #323a45;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-overflow-scrolling: touch;
}

.container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 1025px) {
    .container {
        max-width: 1200px;
        margin: 0 auto;
    }
}

.large-container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 1025px) {
    .large-container {
        max-width: 1600px;
        margin: 0 auto;
    }
}

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

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .5rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

    ol ol, ul ul, ol ul, ul ol {
        margin-bottom: 0;
    }

a {
    text-decoration: none;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.subpage ul:not([class]) li:not([class]) {
    font-size: 15px;
    line-height: 27px;
    font-weight: 300;
    color: #6f7f8b;
}

.subpage__content a:not([class]) {
    font-weight: 700;
    text-decoration: underline;
    color: #6f7f8b;
    outline: none;
}

@keyframes fadeInTranslate {
    from {
        opacity: 0;
        transform: translateY(5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.subpage .header {
    background: transparent;
    transition: all .3s ease-in-out;
    animation-duration: .8s;
    animation-fill-mode: both;
}

.subpage .header__box a {
    color: #fff;
}

.subpage .header__search-icon, .subpage .header__message-icon {
    fill: #fff;
}

.subpage .header.js-fixed {
    background: #fff;
    border-bottom: 1px solid #f5f5f5;
}

@media (min-width: 1025px) {
    .subpage .header.js-fixed .header__box-item {
        border-left: 1px solid #f5f5f5;
    }

    .subpage .header.js-fixed .header__inner {
        border-left: 1px solid #f5f5f5;
        border-right: 1px solid #f5f5f5;
    }
}

.subpage .header.js-fixed .header__search-icon, .subpage .header.js-fixed .header__message-icon {
    fill: #303030;
}

.subpage .header.js-fixed .header__box a, .subpage .header.js-fixed .main-nav__link {
    color: #303030;
}

.subpage .header.js-fixed .menu-icon__line {
    background: #050808;
}

.header {
    width: 100%;
    height: 70px;
    position: fixed;
    top: 0;
    z-index: 2020;
    border-bottom: 1px solid rgba(255,255,255,0.16);
    color: #fff;
    transform: translateZ(0);
    background: #081835;
    background: linear-gradient(to right,#081835 0%,#10275f 50%,#081835 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#081835',endColorstr='#081835',GradientType=1);
}

    .header .award-image {
        width: 100px;
        float: left;
        margin-left: 20px;
    }

        .header .award-image img {
            width: 100%;
        }

@media only screen and (max-width: 767px) {
    .header .award-image {
        display: none;
    }
}

.header--page {
    background: transparent;
}

    .header--page.js-fixed {
        background: #fff;
    }

.header .container {
    height: 100%;
}

.header__inner {
    width: 100%;
    height: 100%;
}

@media (min-width: 1025px) {
    .header__inner {
        border-right: 1px solid rgba(255,255,255,0.16);
        border-left: 1px solid rgba(255,255,255,0.16);
    }
}

.header__fixed-nav {
    display: none;
    position: relative;
    float: left;
    margin-left: -69px;
    width: 69px;
    height: 69px;
    padding: 23px 10px;
    text-align: center;
    background: transparent;
    transition: all .3s linear;
}

@media (min-width: 1025px) {
    .header__fixed-nav {
        display: block;
    }
}

.header__fixed-nav.js-open {
    background: #10a3e9;
}

.header__brand {
    float: left;
    margin-top: 25px;
}

@media (min-width: 1025px) {
    .header__brand {
        margin-left: 37px;
    }
}

.header__hamburger-nav {
    float: right;
    display: block;
    min-width: 70px;
    height: 69px;
    padding: 23px 10px;
    border-left: 1px solid rgba(255,255,255,0.16);
    border-right: 1px solid rgba(255,255,255,0.16);
    text-align: center;
    transition: all .3s linear;
}

    .header__hamburger-nav.js-open {
        background: #10a3e9;
        border-color: #10a3e9;
    }

@media (min-width: 1025px) {
    .header__hamburger-nav {
        display: none;
    }
}

.header__extras {
    display: none;
}

@media (min-width: 1025px) {
    .header__extras {
        display: block;
        float: right;
    }
}

.header__nav {
    display: none;
    float: left;
}

@media (min-width: 1025px) {
    .header__nav {
        display: block;
    }
}

.header__box {
    float: left;
}

    .header__box a {
        color: #7a93cd;
    }

.header__box-item {
    display: inline-block;
    min-width: 70px;
    height: 69px;
    padding: 23px 10px;
    border-left: 1px solid rgba(255,255,255,0.16);
    text-align: center;
    transition: all .3s ease;
    overflow: hidden;
    float: left;
}

.header__box-item--search {
    transition: all .4s linear;
}

    .header__box-item--search.js-open {
        background: #10a3e9;
    }

        .header__box-item--search.js-open .header__search-inner {
            visibility: hidden;
            opacity: 0;
            height: 0;
        }

        .header__box-item--search.js-open .header__search-active {
            visibility: visible;
            opacity: 1;
            height: auto;
        }

.header__box-item.js--animate-active .header__search-icon {
    width: 0;
    visibility: hidden;
    opacity: 0;
    transition: all .4s ease-in-out;
}

.header__box-item.js--animate-active .header__message-icon {
    width: 13px;
    visibility: visible;
    opacity: 1;
    transition: all .4s ease-in-out;
}

.header__search-active {
    visibility: hidden;
    opacity: 0;
    height: 0;
}

.header__search-icon, .header__message-icon, .header__search-close-icon {
    width: 13px;
    height: 13px;
    fill: #7a93cd;
    visibility: visible;
    opacity: 1;
    transition: all .4s ease-in-out;
}

.header__search-icon--active, .header__message-icon--active, .header__search-close-icon--active {
    width: 23px;
    height: 23px;
    fill: #fff;
}

.header__message-icon {
    width: 0;
    visibility: hidden;
    opacity: 0;
}

.header__panel {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    left: -550px;
    background: #10a3e9;
    width: 550px;
    max-height: 100vh;
    transition: all .3s linear;
    overflow-y: auto;
}

    .header__panel.js-open {
        visibility: visible;
        opacity: 1;
        left: 0;
    }

.header__panel-inner {
    width: 100%;
}

.header__panel-inner--fixed {
    float: right;
}

.header__search-box {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 69px;
    width: 100%;
    height: 0;
    background: #10a3e9;
    overflow: hidden;
    transition: all .3s linear;
}

    .header__search-box.js-open {
        visibility: visible;
        opacity: 1;
        height: 70px;
    }

.header__mobile-area {
    visibility: hidden;
    opacity: 0;
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    top: 69px;
    transition: all .3s linear;
    background: #10a3e9;
}

    .header__mobile-area .container {
        padding: 0;
    }

    .header__mobile-area.js-open {
        visibility: visible;
        opacity: 1;
        height: 100vh;
    }

    .header__mobile-area .search-box__container {
        padding: 0;
        height: 46px;
        float: left;
        border-bottom: 1px solid rgba(245,245,245,0.22);
    }

        .header__mobile-area .search-box__container .search-box__input {
            width: calc(100% - 90px);
            padding-left: 15px;
            height: 45px;
            font-size: 16px;
            margin: 0;
        }

        .header__mobile-area .search-box__container .header__box-item {
            background: #0d79ac;
            color: #fff;
            min-width: 45px;
            height: 45px;
            padding: 0;
            text-align: center;
            line-height: 45px;
            border: 0;
            font-size: 16px;
        }

        .header__mobile-area .search-box__container .search-box__button {
            width: 45px;
            height: 45px;
            padding: 0;
        }

            .header__mobile-area .search-box__container .search-box__button svg {
                margin: 0;
            }

@media (min-width: 768px) {
    .header__mobile-area .search-box__container .search-box__button svg {
        margin-right: 10px;
    }
}

.header__mobile-area .search-box__container .search-box__button .search-box__label {
    display: none;
}

@media (min-width: 768px) {
    .header__mobile-area .search-box__container .search-box__button .search-box__label {
        display: inline-block;
    }
}

.menu-icon {
    display: inline-block;
    position: relative;
    top: 0;
    width: 19px;
    height: 14px;
    transition: top .2s ease-in-out;
}

.menu-icon__line {
    display: block;
    position: absolute;
    left: 0;
    width: 19px;
    height: 2px;
    background: #fff;
    transition: all .4s ease;
}

.menu-icon__line--first {
    top: 0;
}

.js-open .menu-icon__line--first {
    -ms-transform: translateY(7px) translateX(0) rotate(45deg);
    transform: translateY(7px) translateX(0) rotate(45deg);
}

.menu-icon__line--middle {
    top: 50%;
}

.js-open .menu-icon__line--middle {
    opacity: 0;
}

.menu-icon__line--last {
    top: 100%;
}

.js-open .menu-icon__line--last {
    -ms-transform: translateY(-7px) translateX(0) rotate(-45deg);
    transform: translateY(-7px) translateX(0) rotate(-45deg);
}

.site-logo {
    display: block;
    width: 147px;
    height: 24px;
}

.site-logo__visual {
    display: block;
}

.site-logo__visual--colors {
    display: none;
}

.subpage .header.js-fixed .site-logo__visual {
    display: none;
}

.subpage .header.js-fixed .site-logo__visual--colors {
    display: block;
}

.subpage .header.js-fixed .header__hamburger-nav {
    border-color: #f5f5f5;
}

.search-box__container {
    width: 100%;
}

.search-box__form {
    float: left;
    width: 100%;
}

.search-box__menu {
    float: left;
    width: 12.21374%;
}

.search-box__input {
    float: left;
    width: 83.20611%;
    height: 70px;
    margin-right: 1.5%;
    font-size: 32px;
    color: #fff;
    font-weight: 200;
    background: none;
    border: none;
    outline: none;
}

.search-box__button {
    cursor: pointer;
    float: right;
    background: none;
    border: none;
    padding: 23px 10px;
    transition: all .3s ease;
}

    .search-box__button:hover {
        background: #0d79ac;
    }

.search-box__icon {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 10px;
}

    .search-box__icon path {
        fill: #fff;
    }

.search-box__label {
    display: inline-block;
    color: #fff;
    font-weight: 300;
}

* {
    -webkit-overflow-scrolling: touch;
}

body.nav-active {
    max-height: 100vh;
    overflow: hidden;
}

.main-nav > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.main-nav__item {
    display: inline-block;
    position: relative;
    margin: 0 5px;
    padding: 25px;
    height: 69px;
    transition: all .5s ease;
}

    .main-nav__item:last-child {
        margin-right: 0;
    }

.main-nav__item--is-submenu .main-nav__link:after {
    background: #10a3e9;
}

.main-nav__item--is-submenu:hover .main-nav__sub-menu {
    visibility: visible;
    opacity: 1;
    max-height: 1800px;
}

.main-nav__item--is-submenu:hover .main-nav__sub-item {
    opacity: 1;
    transition: opacity .2s linear;
}

.main-nav__item--is-megamenu {
    position: static;
}

    .main-nav__item--is-megamenu .main-nav__link:after {
        background: #10a3e9;
    }

    .main-nav__item--is-megamenu.js-active-show .main-nav__mega-menu {
        visibility: visible;
        opacity: 1;
        max-height: 1800px;
        transition: all .4s ease;
    }

        .main-nav__item--is-megamenu.js-active-show .main-nav__mega-menu .main-nav__mega-nav, .main-nav__item--is-megamenu.js-active-show .main-nav__mega-menu .main-nav__mega-content {
            visibility: visible;
            opacity: 1;
            transition: all .8s ease;
            margin-top: 0;
        }

.main-nav__item:hover .main-nav__link:after {
    width: 100%;
}

.js-fixed .main-nav__item--selected {
    background: #10a3e9;
}

    .js-fixed .main-nav__item--selected a {
        color: #fff !important;
    }

    .js-fixed .main-nav__item--selected:hover {
        background: #0e92d1;
    }

        .js-fixed .main-nav__item--selected:hover:after {
            content: none;
        }

.main-nav__item--active {
    background: #10a3e9;
}

    .main-nav__item--active:hover {
        background: #0e92d1;
    }

        .main-nav__item--active:hover:after {
            content: none;
        }

.main-nav__link {
    position: relative;
    display: block;
    font-size: 13px;
    height: 44px;
    color: #fff;
    font-weight: 300;
    letter-spacing: .3px;
    text-transform: uppercase;
}

    .main-nav__link:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 2px;
        background: #e33e42;
        transition: width .3s ease;
    }

.main-nav__sub-menu {
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    margin: 0;
    padding: 20px 0;
    list-style: none;
    position: absolute;
    width: 225px;
    left: -50px;
    top: 69px;
    background: #10a3e9;
    transition: all .3s linear;
}

.main-nav__sub-item {
    opacity: 0;
    display: block;
    color: #fff;
    padding: 10px 20px;
    transition: all .3s linear;
}

    .main-nav__sub-item:hover {
        background: rgba(0,0,0,0.2);
    }

.main-nav__sub-link {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: .3px;
    text-transform: uppercase;
}

.main-nav__mega-menu {
    visibility: hidden;
    opacity: 0;
    max-height: 1800px;
    position: absolute;
    left: 0;
    top: 69px;
    width: 100%;
    background: #10a3e9;
    overflow: hidden;
}

    .main-nav__mega-menu::after {
        content: '';
        display: table;
        clear: both;
    }

.main-nav__mega-menu-close {
    float: left;
    width: 58.01527%;
    padding: 30px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
}

    .main-nav__mega-menu-close .js-close-hide {
        padding-bottom: 0;
        display: inline-block;
    }

        .main-nav__mega-menu-close .js-close-hide:hover {
            padding-bottom: 5px;
            transition: all .3s ease-in-out;
        }

    .main-nav__mega-menu-close .close-up-arrow-icon {
        width: 21px;
        height: 14px;
        display: inline-block;
        fill: #fff;
    }

.main-nav__mega-nav {
    visibility: hidden;
    opacity: 0;
    margin-top: -15px;
    text-indent: 0;
    position: initial;
    left: initial;
    top: initial;
    float: left;
    width: 24.42748%;
}

@media (min-width: 1025px) {
    .main-nav__mega-nav {
        text-indent: 0;
    }
}

@media (min-width: 1366px) {
    .main-nav__mega-nav {
        width: 24.42748%;
        position: absolute;
        left: 0;
        top: 0;
        text-indent: 17%;
    }
}

@media (min-width: 1650px) {
    .main-nav__mega-nav {
        width: 32.82443%;
        text-indent: 40%;
    }
}

.main-nav__mega-list {
    margin: 0;
    padding: 75px 0;
    list-style: none;
    background: #1095d4;
    min-height: 750px;
}

.main-nav__mega-sub-list {
    display: none;
}

    .main-nav__mega-sub-list.js-show {
        display: block;
    }

.main-nav__mega-list-item {
    margin-left: 15px;
}

    .main-nav__mega-list-item.js-show, .main-nav__mega-list-item:hover {
        background: #fff;
    }

        .main-nav__mega-list-item.js-show a, .main-nav__mega-list-item:hover a {
            color: #0a89c5;
        }

    .main-nav__mega-list-item a {
        display: block;
        color: #fff;
        color: #fff;
        font-weight: 300;
        padding: 10px 25px;
    }

.main-nav__mega-content {
    visibility: hidden;
    opacity: 0;
    margin-top: -15px;
    float: right;
    width: 74.80916%;
    padding: 75px 0 75px 25px;
    position: relative;
}

.main-nav__mega-item-list {
    float: left;
    width: 58.01527%;
}

    .main-nav__mega-item-list a {
        display: block;
        color: #fff;
        font-weight: 300;
        margin-bottom: 30px;
    }

.main-nav__mega-banner {
    float: right;
    width: 38.9313%;
}

    .main-nav__mega-banner img {
        width: 100%;
        border-radius: 5px;
    }

.main-nav__mega-banner-title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #fff;
}

.main-nav__mega-text {
    font-size: 13px;
    font-weight: 300;
    color: #fff;
}

.footer-graph-nav {
    width: 100%;
}

    .footer-graph-nav::after {
        content: '';
        display: table;
        clear: both;
    }

.footer-graph-nav__item {
    width: 50%;
    height: 125px;
    padding: 27px 0;
    position: relative;
    float: left;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
    transition: background .3s ease-in-out;
}

    .footer-graph-nav__item:nth-child(odd):after {
        content: '';
        position: absolute;
        top: 29px;
        right: 0;
        display: block;
        width: 1px;
        height: 66px;
        background: rgba(255,255,255,0.2);
        transition: background .3s linear;
    }

    .footer-graph-nav__item:nth-child(1):before, .footer-graph-nav__item:nth-child(2):before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 90%;
        height: 1px;
        background: rgba(255,255,255,0.2);
        transition: background .3s linear;
    }

    .footer-graph-nav__item:nth-child(2):before {
        left: auto;
        right: 0;
    }

@media (min-width: 1025px) {
    .footer-graph-nav__item {
        width: 25%;
        margin-left: -1px;
        font-size: 20px;
    }

        .footer-graph-nav__item:nth-child(even):after {
            content: '';
            position: absolute;
            top: 29px;
            right: 0;
            display: block;
            width: 1px;
            height: 66px;
            background: rgba(255,255,255,0.2);
            transition: background .3s linear;
        }

        .footer-graph-nav__item:last-child:after {
            content: none;
        }

        .footer-graph-nav__item:nth-child(1):before, .footer-graph-nav__item:nth-child(2):before {
            content: none;
        }

        .footer-graph-nav__item:hover {
            background: #b81716;
        }

            .footer-graph-nav__item:hover:after {
                background: #b81716;
            }
}

.footer-graph-nav__icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    fill: #fff;
    margin-bottom: 2px;
}

.footer-graph-nav__label {
    display: block;
}

.list-nav {
    margin: 0;
    padding: 20px 0 75px;
    list-style: none;
    min-height: 100vh;
}

.list-nav__item {
    position: relative;
    color: #fff;
    font-size: 18px;
    font-weight: 200;
}

    .list-nav__item::after {
        content: '';
        display: table;
        clear: both;
    }

    .list-nav__item:hover .list-nav__link, .list-nav__item.js-open-nav .list-nav__link {
        background: #fff;
        color: #0c2049;
    }

.list-nav__link {
    display: block;
    padding: 10px 50px;
    color: #fff;
    transition: all .2s ease;
}

.list-nav__link--fixed {
    width: 460px;
    float: right;
}

.list-nav__sub-nav {
    visibility: hidden;
    display: block;
    width: 100%;
    height: 0;
    margin: 0;
    list-style: none;
    background: #0d79ac;
    overflow: hidden;
    transition: all .4s ease-in-out;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.js-open-nav .list-nav__sub-nav {
    visibility: visible;
    height: auto;
    transition: all .4s ease-in-out;
    padding: 30px 0;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.list-nav__sub-item {
    padding: 10px 0;
    margin-bottom: 5px;
    overflow: hidden;
}

    .list-nav__sub-item:hover {
        background: #0a6c9a;
    }

.list-nav__sub-link {
    display: block;
    color: #e9f8ff;
    font-size: 15px;
    font-weight: 200;
}

.list-nav__sub-link--fixed {
    width: 360px;
    float: right;
}

.mobile-nav {
    width: 100%;
    padding: 30px 0;
    background: #10a3e9;
    height: 100vh;
    overflow: hidden;
    position: relative;
}

    .mobile-nav > ul {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        max-height: 90vh;
        min-height: 90vh;
        padding-top: 30px;
        padding-bottom: 70px;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }

.mobile-nav__item {
    font-weight: 700;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .mobile-nav__item ul {
        max-height: 0;
        opacity: 0;
        transition: all .8s linear;
        animation-duration: .8s;
        animation-fill-mode: both;
        transition-timing-function: cubic-bezier(0,1,1.5,1);
        overflow: hidden;
    }

        .mobile-nav__item ul li {
            list-style: none;
        }

        .mobile-nav__item ul.js-active {
            opacity: 1;
            max-height: 1800px;
        }

.mobile-nav__link {
    color: #fff;
    text-transform: uppercase;
    font-weight: 100;
    display: block;
    width: 100%;
    padding: 10px 30px;
}

    .mobile-nav__link:hover, .mobile-nav__link.js-active {
        background: #fff;
        color: #0c2049;
    }

.mobile-nav__sub-nav {
    background: #0d79ac;
    margin-left: -40px;
    padding: 0;
    width: calc(100% + 40px);
}

.mobile-nav__sub-item {
    width: 100%;
    padding: 0;
}

.mobile-nav__sub-link {
    width: 100%;
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    padding: 13px 0 13px 90px;
    font-weight: 100;
}

    .mobile-nav__sub-link:hover, .mobile-nav__sub-link.js-active {
        background: #0a5f87;
    }

.mobile-nav__sub-nav--inner {
    padding: 0;
    margin: 0 0 0 -40px;
}

    .mobile-nav__sub-nav--inner li a {
        width: 100%;
        display: block;
        font-size: 16px;
        color: #fff;
        line-height: 24px;
        padding: 13px 0 13px 160px;
        font-weight: 100;
    }

        .mobile-nav__sub-nav--inner li a:hover, .mobile-nav__sub-nav--inner li a.js-active {
            background: #0a5f87;
        }

.footer {
    background: #25292c;
    color: #fff;
}

.footer__main {
    position: relative;
    overflow: hidden;
}

.footer__top {
    padding: 25px 0;
}

    .footer__top::after {
        content: '';
        display: table;
        clear: both;
    }

@media (min-width: 1025px) {
    .footer__top {
        padding: 50px 0;
    }
}

.footer__brand-line {
    width: 100%;
    padding: 20px 0;
    background: #e12b26;
}

    .footer__brand-line::after {
        content: '';
        display: table;
        clear: both;
    }

@media (min-width: 1025px) {
    .footer__brand-line {
        padding: 0;
    }
}

.footer__brand {
    margin: 5px 0;
    text-align: center;
    line-height: 1;
}

    .footer__brand img {
        width: 147px;
        height: 24px;
    }

@media (min-width: 1025px) {
    .footer__brand {
        width: 22.90076%;
        float: left;
        text-align: left;
        margin: 16px 0;
    }

        .footer__brand img {
            display: block;
        }
}

.footer__form {
    width: 100%;
    margin-top: 10px;
    position: relative;
    overflow: hidden;
}

@media (min-width: 1025px) {
    .footer__form {
        width: 25.9542%;
        float: right;
    }
}

.footer__form__sending {
    color: #91a4b3;
    font-size: 13px;
    font-weight: 300;
    background: #25292c;
    position: absolute;
    height: 100%;
    padding: 10px;
    width: 100%;
    margin-left: 105%;
    transition: .8s all;
}

    .footer__form__sending.active {
        margin-left: 0;
    }

.footer__bottom {
    border-top: 1px solid #2d353a;
    color: #424b52;
    text-align: center;
}

    .footer__bottom::after {
        content: '';
        display: table;
        clear: both;
    }

.footer__copy {
    display: none;
}

@media (min-width: 1025px) {
    .footer__copy {
        display: block;
        float: left;
        width: 22.90076%;
        padding: 21px 0;
        font-size: 12px;
        text-align: left;
        color: #424b52;
    }
}

.footer__info-nav {
    text-align: center;
    padding: 18px 5px;
}

    .footer__info-nav::after {
        content: '';
        display: table;
        clear: both;
    }

@media (min-width: 1025px) {
    .footer__info-nav {
        float: left;
        text-align: left;
        width: 49.61832%;
    }
}

.footer__info-nav a {
    display: inline-block;
    font-size: 11px;
    margin: 0 10px;
    color: #91a4b3 !important;
    transition: color .3s linear;
}

    .footer__info-nav a:hover {
        color: #fff;
    }

        .footer__info-nav a:hover:after {
            color: #91a4b3;
        }

.footer__info-nav--dots a {
    color: #91a4b3;
    text-transform: uppercase;
}

@media (min-width: 1025px) {
    .footer__info-nav--dots a {
        margin: 0 21px;
    }

        .footer__info-nav--dots a:first-child {
            margin: 0 25px 0 10px;
        }
}

.footer__social {
    width: 100%;
}

@media (min-width: 1025px) {
    .footer__social {
        float: right;
        text-align: right;
        width: 25.9542%;
    }
}

.button {
    display: inline-block;
    background: #e33e42;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #fff;
    padding: 13px 25px;
    font-weight: 300;
    font-size: 13px;
    transition: all .3s ease-in-out;
}

    .button:hover {
        background: none;
        border-color: #fff;
    }

.button--cyan {
    transition: all .3s ease-in-out;
    background: #10a3e9;
    color: #fff;
    padding: 10px 50px;
    line-height: 30px;
    display: inline-block;
}

    .button--cyan:hover {
        background: #1d1e1f;
    }

.button--radius {
    border-radius: 2px;
}

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

.button--block {
    display: block;
    margin-bottom: 10px;
}

.form-line__input {
    width: 91.60305%;
    padding: 10px 0;
    float: left;
    color: #91a4b3;
    font-size: 13px;
    font-weight: 300;
    background: none;
    border: none;
    border-bottom: 1px solid transparent;
    outline: none;
    transition: all .3s ease;
}

    .form-line__input:focus {
        border-bottom-color: #91a4b3;
    }

.form-line__button {
    width: 7.63359%;
    float: right;
    height: 20px;
    margin-top: 8px;
    cursor: pointer;
    text-align: right;
    background: none;
    border: none;
    outline: none;
    transition: 1s all;
}

    .form-line__button.clicked {
        position: absolute;
        margin-left: -93%;
    }

    .form-line__button:hover .form-line__graph {
        fill: #fff;
    }

.form-line__graph {
    width: 20px;
    height: 20px;
    fill: #91a4b3;
    transition: all .3s ease;
}

.footer-contract {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    background-color: #25292c;
    transition: 1.5s all;
    margin-top: 1200px;
}

    .footer-contract.active {
        margin-top: 0;
    }

.footer-contract__contrat-content {
    max-width: 860px;
    margin: 0 auto;
    padding-top: 20px;
}

.footer-contract__contrat-content__option-area {
    margin-bottom: 10px;
}

.footer-contract__contrat-content__option {
    display: inline-block;
    vertical-align: top;
    width: 19px;
    height: 19px;
    margin-top: 4px;
    margin-right: 15px;
    border: 1px solid #3b4349;
    position: relative;
    cursor: pointer;
}

    .footer-contract__contrat-content__option:hover:before {
        cursor: pointer;
        content: '';
        width: 11px;
        height: 11px;
        position: absolute;
        top: 3px;
        left: 3px;
    }

@media (min-width: 1025px) {
    .footer-contract__contrat-content__option:hover:before {
        background-color: rgba(203,31,31,0.239216);
    }
}

.footer-contract__contrat-content__option.selected:before {
    cursor: pointer;
    content: '';
    width: 11px;
    height: 11px;
    position: absolute;
    top: 3px;
    left: 3px;
    background-color: #cb1f1f;
}

.footer-contract__contrat-content__option input {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.footer-contract__contrat-content__text {
    display: inline-block;
    color: #91a4b3;
    font-size: 11px;
    max-width: calc(100% - 50px);
}

.footer-contract__contract-detail {
    padding-left: 35px;
}

.footer-contract__contract-detail__content {
    height: 50px;
    line-height: 20px;
    position: relative;
    max-width: 820px;
    margin: 0 auto;
    font-size: 11px;
    color: #91a4b3;
    padding-bottom: 10px;
    border-bottom: 1px solid #616d77;
}

.footer-contract__contract-detail__content__scroll-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 100%;
}

.footer-contract__contract-detail__content__scroll-arrow__top {
    width: 25px;
    cursor: pointer;
    height: 25px;
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.footer-contract__contract-detail__content__scroll-arrow__down {
    width: 25px;
    cursor: pointer;
    height: 25px;
}

.footer-contract__buttons {
    padding-left: 35px;
}

.footer-contract__buttons__buttons-content {
    max-width: 350px;
    margin: 0 auto;
    padding-top: 20px;
    text-align: center;
}

    .footer-contract__buttons__buttons-content button {
        border: 1px solid #3b4349;
        background-color: transparent;
        font-size: 11px;
        color: #656e75;
        padding: 10px 35px;
        border-radius: 3px;
        margin: 0 5px;
        cursor: pointer;
        outline: none;
        transition: .3s all;
    }

@media (min-width: 1025px) {
    .footer-contract__buttons__buttons-content button {
        padding: 10px 50px;
    }
}

.footer-contract__buttons__buttons-content button:hover {
    border-color: #9d9d9d;
    color: #9d9d9d;
}

.footer-contract__buttons__buttons-content form {
    display: inline-block;
}

    .footer-contract__buttons__buttons-content form button[type="submit"] {
        border: none;
        background-color: #10a3e9;
        color: #fff;
    }

        .footer-contract__buttons__buttons-content form button[type="submit"]:hover {
            box-shadow: -1px 1px 5px #767676;
        }

.mCustomScrollbar h3 {
    margin-bottom: 0 !important;
    font-size: 12px !important;
}

.mCustomScrollbar p {
    font-size: 11px !important;
    line-height: initial !important;
    margin-bottom: 0 !important;
}

.mCustomScrollbar ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.slick-arrow {
    width: 50px;
    height: 50px;
    background-color: transparent;
    border: 1px solid #e6eaed;
    border-radius: 2px;
    text-indent: -9999999px;
    position: absolute;
    cursor: pointer;
    background-size: 9px 15px;
    background-position: center center;
    background-repeat: no-repeat;
    display: none;
    transition: all .3s ease-in-out;
    outline: none;
}

@media (min-width: 1025px) {
    .slick-arrow {
        display: block;
    }
}

.slick-arrow:hover {
    background-color: rgba(0,0,0,0.12);
}

.slick-prev {
    left: -80px;
    top: 96px;
    background-image: url(../../uploads/slick-prev.svg);
}

.slick-next {
    right: -80px;
    top: 96px;
    background-image: url(../../uploads/slick-next.svg);
}

.highlights .slick-arrow {
    border: transparent;
}

.slick-dots {
    position: absolute;
    bottom: -100px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}

    .slick-dots li {
        cursor: pointer;
        position: relative;
        display: inline-block;
        list-style: none;
        width: 8px;
        height: 8px;
        margin: 0 5px;
        padding: 0;
    }

        .slick-dots li.slick-active button {
            background: #e33e42;
        }

    .slick-dots button {
        cursor: pointer;
        display: block;
        position: absolute;
        bottom: 0;
        width: 8px;
        height: 8px;
        padding: 0;
        border: 0;
        text-indent: -9999px;
        border-radius: 50%;
        outline: none;
        background: #d4dfe8;
        transition: all .3s cubic-bezier(0.165,0.84,0.44,1);
    }

.social-list__item {
    display: inline-block;
    width: 58px;
    height: 58px;
    padding: 20px 0;
    text-align: center;
    border-left: 1px solid #2d353a;
    border-top: 1px solid #2d353a;
    transition: background .3s ease;
}

@media (min-width: 1025px) {
    .social-list__item {
        border-top: none;
        width: 60px;
        height: 60px;
    }
}

.social-list__item:last-child {
    border-right: 1px solid #2d353a;
}

.social-list__item--facebook:hover {
    background: #3b5999;
}

    .social-list__item--facebook:hover .social-list__icon {
        fill: #fff;
    }

.social-list__item--twitter:hover {
    background: #55acee;
}

    .social-list__item--twitter:hover .social-list__icon {
        fill: #fff;
    }

.social-list__item--instagram:hover {
    background: #e4405f;
}

    .social-list__item--instagram:hover .social-list__icon {
        fill: #fff;
    }

.social-list__item--youtube:hover {
    background: #cd201f;
}

    .social-list__item--youtube:hover .social-list__icon {
        fill: #fff;
    }

.social-list__item--linkedin:hover {
    background: #0077B5;
}

    .social-list__item--linkedin:hover .social-list__icon {
        fill: #fff;
    }

.social-list__icon {
    width: 17px;
    height: 17px;
    fill: #91a4b3;
    transition: fill .3s ease;
}

.tab-content {
    display: none;
}

    .tab-content.js-active {
        display: block;
    }

.milestone {
    width: 100%;
    padding-left: 45px;
    position: relative;
}

@media (min-width: 480px) {
    .milestone {
        padding-left: 136px;
    }
}

.milestone:after {
    content: '';
    width: 1px;
    height: calc(100% + 200px);
    background: #f5f5f5;
    position: absolute;
    top: -65px;
    left: 17px;
}

@media (min-width: 480px) {
    .milestone:after {
        left: 37px;
    }
}

.milestone:before {
    content: '';
    width: 35px;
    height: 35px;
    background: transparent url(../../uploads/milestone-icon.svg) top center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}

@media (min-width: 480px) {
    .milestone:before {
        width: 75px;
        height: 75px;
    }
}

.pagination__content {
    width: 100%;
    float: left;
    height: 40px;
    text-align: center;
}

.pagination__content-wrapper {
    width: auto;
    height: 40px;
    overflow: hidden;
    display: inline-block;
}

.pagination__content-list {
    margin-top: 4px;
    margin-bottom: 0;
    float: left;
    padding: 0;
}

.pagination__content-list-item {
    float: left;
    list-style: none;
}

.pagination__content-list-item-link {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 27px;
    text-align: center;
    color: #c0d1dd;
    cursor: pointer;
}

.pagination__content-list-item--active {
    color: #e44744;
    font-weight: 700;
}

.pagination__content-item--prev {
    width: 40px;
    height: 40px;
    line-height: 43px;
    float: left;
    background: #1d1e1f;
    margin-right: 15px;
    transition: all .3s ease-in-out;
    cursor: pointer;
}

    .pagination__content-item--prev:hover {
        background: #c41b1c;
    }

    .pagination__content-item--prev .control-box__icon {
        width: 9px;
        height: 14px;
    }

        .pagination__content-item--prev .control-box__icon path {
            fill: #fff;
        }

.pagination__content-item--next {
    width: 40px;
    height: 40px;
    line-height: 43px;
    float: right;
    background: #1d1e1f;
    margin-left: 15px;
    transition: all .3s ease-in-out;
    cursor: pointer;
}

    .pagination__content-item--next:hover {
        background: #c41b1c;
    }

    .pagination__content-item--next .control-box__icon {
        width: 9px;
        height: 14px;
    }

        .pagination__content-item--next .control-box__icon path {
            fill: #fff;
        }

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
    visibility: visible !important;
    background: #f2f2f2 !important;
    background: rgba(0,0,0,0.06) !important;
    border: 0 none !important;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
    content: '!';
    visibility: hidden;
}

.selectize-dropdown-header {
    position: relative;
    padding: 5px 8px;
    border-bottom: 1px solid #d0d0d0;
    background: #f8f8f8;
    border-radius: 3px 3px 0 0;
}

.selectize-dropdown-header-close {
    position: absolute;
    right: 8px;
    top: 50%;
    color: #91a4b3;
    opacity: .4;
    margin-top: -12px;
    line-height: 20px;
    font-size: 20px !important;
}

    .selectize-dropdown-header-close:hover {
        color: #91a4b3;
    }

.selectize-dropdown.plugin-optgroup_columns .optgroup {
    border-right: 1px solid #f2f2f2;
    border-top: 0 none;
    float: left;
    box-sizing: border-box;
}

    .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
        border-right: 0 none;
    }

    .selectize-dropdown.plugin-optgroup_columns .optgroup:before {
        display: none;
    }

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
    position: relative;
    padding-right: 24px !important;
}

    .selectize-control.plugin-remove_button [data-value] .remove {
        z-index: 1;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 17px;
        text-align: center;
        font-weight: 700;
        font-size: 12px;
        color: inherit;
        text-decoration: none;
        vertical-align: middle;
        display: inline-block;
        padding: 2px 0 0;
        border-left: 1px solid #d0d0d0;
        border-radius: 0 2px 2px 0;
        box-sizing: border-box;
    }

        .selectize-control.plugin-remove_button [data-value] .remove:hover {
            background: rgba(0,0,0,0.05);
        }

    .selectize-control.plugin-remove_button [data-value].active .remove {
        border-left-color: #cacaca;
    }

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
    background: none;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: #fff;
}

.selectize-control.plugin-remove_button .remove-single {
    position: absolute;
    right: 28px;
    top: 6px;
    font-size: 23px;
}

.selectize-control {
    position: relative;
}

.selectize-dropdown, .selectize-input, .selectize-input input {
    color: #91a4b3;
    font-family: inherit;
    font-size: 13px;
    line-height: 18px;
    -webkit-font-smoothing: inherit;
}

.selectize-input, .selectize-control.single .selectize-input.input-active {
    background: #fff;
    cursor: text;
    display: inline-block;
}

.selectize-input {
    border: 1px solid #f5f5f5;
    padding: 8px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}

.selectize-control.multi .selectize-input.has-items {
    padding: 6px 8px 3px;
}

.selectize-input.full {
    background-color: #fff;
}

.selectize-input.disabled, .selectize-input.disabled * {
    cursor: default !important;
}

.selectize-input.dropdown-active {
    border-radius: 3px 3px 0 0;
}

.selectize-input > * {
    vertical-align: baseline;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.selectize-control.multi .selectize-input > div {
    cursor: pointer;
    margin: 0 3px 3px 0;
    padding: 2px 6px;
    background: #f2f2f2;
    color: #91a4b3;
    border: 0 solid #d0d0d0;
}

    .selectize-control.multi .selectize-input > div.active {
        background: #e8e8e8;
        color: #91a4b3;
        border: 0 solid #cacaca;
    }

.selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active {
    color: #91a4b3;
    background: #fff;
    border: 0 solid #fff;
}

.selectize-input > input {
    display: inline-block !important;
    padding: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    margin: 0 2px 0 0 !important;
    text-indent: 0 !important;
    border: 0 none !important;
    background: none !important;
    line-height: inherit !important;
    -webkit-user-select: auto !important;
    box-shadow: none !important;
}

    .selectize-input > input::-ms-clear {
        display: none;
    }

    .selectize-input > input:focus {
        outline: none !important;
    }

.selectize-input::after {
    content: ' ';
    display: block;
    clear: left;
}

.selectize-input.dropdown-active::before {
    content: ' ';
    display: block;
    position: absolute;
    background: #f0f0f0;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
}

.selectize-dropdown {
    position: absolute;
    z-index: 10;
    border: 1px solid #f5f5f5;
    background: #fff;
    margin: -1px 0 0;
    border-top: 0 none;
    box-sizing: border-box;
    border-radius: 0 0 3px 3px;
}

    .selectize-dropdown [data-selectable] {
        cursor: pointer;
        overflow: hidden;
    }

        .selectize-dropdown [data-selectable] .highlight {
            background: rgba(125,168,208,0.2);
            border-radius: 1px;
        }

    .selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header {
        padding: 5px 8px;
    }

    .selectize-dropdown .optgroup:first-child .optgroup-header {
        border-top: 0 none;
    }

    .selectize-dropdown .optgroup-header {
        color: #91a4b3;
        background: #fff;
        cursor: default;
    }

    .selectize-dropdown .active {
        background-color: #f5fafd;
        color: #91a4b3;
    }

        .selectize-dropdown .active.create {
            color: #91a4b3;
        }

    .selectize-dropdown .create {
        color: #91a4b3;
    }

.selectize-dropdown-content {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px;
    -webkit-overflow-scrolling: touch;
}

.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input {
    cursor: pointer;
}

    .selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input {
        cursor: text;
    }

    .selectize-control.single .selectize-input:after {
        content: ' ';
        display: block;
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -3px;
        width: 9px;
        height: 5px;
        background: transparent url(../../uploads/selectize-arrow.svg) center center no-repeat;
    }

    .selectize-control.single .selectize-input.dropdown-active:after {
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.selectize-control.rtl.single .selectize-input:after {
    left: 15px;
    right: auto;
}

.selectize-control.rtl .selectize-input > input {
    margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
    opacity: .5;
    background-color: #fff;
}

.title__selectbox-content {
    width: 100%;
    height: 120px;
    float: left;
    position: relative;
    margin-bottom: 15px;
    padding-top: 11px;
}

.title__selectbox-content-right {
    width: 100%;
    display: inline-block;
    position: absolute;
    top: 60px;
    right: 0;
}

@media (min-width: 425px) {
    .title__selectbox-content-right {
        width: 395px;
    }
}

@media (min-width: 768px) {
    .title__selectbox-content {
        height: 60px;
    }

    .title__selectbox-content-right {
        top: 0;
        right: 0;
    }
}

.selectbox-border {
    width: 50%;
    float: left;
}

    .selectbox-border .selectize-input {
        padding: 20px 10px;
    }

[data-aos][data-aos][data-aos-duration='50'], body[data-aos-duration='50'] [data-aos] {
    transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay='50'], body[data-aos-delay='50'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='50'].aos-animate, body[data-aos-delay='50'] [data-aos].aos-animate {
        transition-delay: 50ms;
    }

[data-aos][data-aos][data-aos-duration='100'], body[data-aos-duration='100'] [data-aos] {
    transition-duration: .1s;
}

[data-aos][data-aos][data-aos-delay='100'], body[data-aos-delay='100'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='100'].aos-animate, body[data-aos-delay='100'] [data-aos].aos-animate {
        transition-delay: .1s;
    }

[data-aos][data-aos][data-aos-duration='150'], body[data-aos-duration='150'] [data-aos] {
    transition-duration: .15s;
}

[data-aos][data-aos][data-aos-delay='150'], body[data-aos-delay='150'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='150'].aos-animate, body[data-aos-delay='150'] [data-aos].aos-animate {
        transition-delay: .15s;
    }

[data-aos][data-aos][data-aos-duration='200'], body[data-aos-duration='200'] [data-aos] {
    transition-duration: .2s;
}

[data-aos][data-aos][data-aos-delay='200'], body[data-aos-delay='200'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='200'].aos-animate, body[data-aos-delay='200'] [data-aos].aos-animate {
        transition-delay: .2s;
    }

[data-aos][data-aos][data-aos-duration='250'], body[data-aos-duration='250'] [data-aos] {
    transition-duration: .25s;
}

[data-aos][data-aos][data-aos-delay='250'], body[data-aos-delay='250'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='250'].aos-animate, body[data-aos-delay='250'] [data-aos].aos-animate {
        transition-delay: .25s;
    }

[data-aos][data-aos][data-aos-duration='300'], body[data-aos-duration='300'] [data-aos] {
    transition-duration: .3s;
}

[data-aos][data-aos][data-aos-delay='300'], body[data-aos-delay='300'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='300'].aos-animate, body[data-aos-delay='300'] [data-aos].aos-animate {
        transition-delay: .3s;
    }

[data-aos][data-aos][data-aos-duration='350'], body[data-aos-duration='350'] [data-aos] {
    transition-duration: .35s;
}

[data-aos][data-aos][data-aos-delay='350'], body[data-aos-delay='350'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='350'].aos-animate, body[data-aos-delay='350'] [data-aos].aos-animate {
        transition-delay: .35s;
    }

[data-aos][data-aos][data-aos-duration='400'], body[data-aos-duration='400'] [data-aos] {
    transition-duration: .4s;
}

[data-aos][data-aos][data-aos-delay='400'], body[data-aos-delay='400'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='400'].aos-animate, body[data-aos-delay='400'] [data-aos].aos-animate {
        transition-delay: .4s;
    }

[data-aos][data-aos][data-aos-duration='450'], body[data-aos-duration='450'] [data-aos] {
    transition-duration: .45s;
}

[data-aos][data-aos][data-aos-delay='450'], body[data-aos-delay='450'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='450'].aos-animate, body[data-aos-delay='450'] [data-aos].aos-animate {
        transition-delay: .45s;
    }

[data-aos][data-aos][data-aos-duration='500'], body[data-aos-duration='500'] [data-aos] {
    transition-duration: .5s;
}

[data-aos][data-aos][data-aos-delay='500'], body[data-aos-delay='500'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='500'].aos-animate, body[data-aos-delay='500'] [data-aos].aos-animate {
        transition-delay: .5s;
    }

[data-aos][data-aos][data-aos-duration='550'], body[data-aos-duration='550'] [data-aos] {
    transition-duration: .55s;
}

[data-aos][data-aos][data-aos-delay='550'], body[data-aos-delay='550'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='550'].aos-animate, body[data-aos-delay='550'] [data-aos].aos-animate {
        transition-delay: .55s;
    }

[data-aos][data-aos][data-aos-duration='600'], body[data-aos-duration='600'] [data-aos] {
    transition-duration: .6s;
}

[data-aos][data-aos][data-aos-delay='600'], body[data-aos-delay='600'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='600'].aos-animate, body[data-aos-delay='600'] [data-aos].aos-animate {
        transition-delay: .6s;
    }

[data-aos][data-aos][data-aos-duration='650'], body[data-aos-duration='650'] [data-aos] {
    transition-duration: .65s;
}

[data-aos][data-aos][data-aos-delay='650'], body[data-aos-delay='650'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='650'].aos-animate, body[data-aos-delay='650'] [data-aos].aos-animate {
        transition-delay: .65s;
    }

[data-aos][data-aos][data-aos-duration='700'], body[data-aos-duration='700'] [data-aos] {
    transition-duration: .7s;
}

[data-aos][data-aos][data-aos-delay='700'], body[data-aos-delay='700'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='700'].aos-animate, body[data-aos-delay='700'] [data-aos].aos-animate {
        transition-delay: .7s;
    }

[data-aos][data-aos][data-aos-duration='750'], body[data-aos-duration='750'] [data-aos] {
    transition-duration: .75s;
}

[data-aos][data-aos][data-aos-delay='750'], body[data-aos-delay='750'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='750'].aos-animate, body[data-aos-delay='750'] [data-aos].aos-animate {
        transition-delay: .75s;
    }

[data-aos][data-aos][data-aos-duration='800'], body[data-aos-duration='800'] [data-aos] {
    transition-duration: .8s;
}

[data-aos][data-aos][data-aos-delay='800'], body[data-aos-delay='800'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='800'].aos-animate, body[data-aos-delay='800'] [data-aos].aos-animate {
        transition-delay: .8s;
    }

[data-aos][data-aos][data-aos-duration='850'], body[data-aos-duration='850'] [data-aos] {
    transition-duration: .85s;
}

[data-aos][data-aos][data-aos-delay='850'], body[data-aos-delay='850'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='850'].aos-animate, body[data-aos-delay='850'] [data-aos].aos-animate {
        transition-delay: .85s;
    }

[data-aos][data-aos][data-aos-duration='900'], body[data-aos-duration='900'] [data-aos] {
    transition-duration: .9s;
}

[data-aos][data-aos][data-aos-delay='900'], body[data-aos-delay='900'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='900'].aos-animate, body[data-aos-delay='900'] [data-aos].aos-animate {
        transition-delay: .9s;
    }

[data-aos][data-aos][data-aos-duration='950'], body[data-aos-duration='950'] [data-aos] {
    transition-duration: .95s;
}

[data-aos][data-aos][data-aos-delay='950'], body[data-aos-delay='950'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='950'].aos-animate, body[data-aos-delay='950'] [data-aos].aos-animate {
        transition-delay: .95s;
    }

[data-aos][data-aos][data-aos-duration='1000'], body[data-aos-duration='1000'] [data-aos] {
    transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay='1000'], body[data-aos-delay='1000'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1000'].aos-animate, body[data-aos-delay='1000'] [data-aos].aos-animate {
        transition-delay: 1s;
    }

[data-aos][data-aos][data-aos-duration='1050'], body[data-aos-duration='1050'] [data-aos] {
    transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay='1050'], body[data-aos-delay='1050'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1050'].aos-animate, body[data-aos-delay='1050'] [data-aos].aos-animate {
        transition-delay: 1.05s;
    }

[data-aos][data-aos][data-aos-duration='1100'], body[data-aos-duration='1100'] [data-aos] {
    transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay='1100'], body[data-aos-delay='1100'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1100'].aos-animate, body[data-aos-delay='1100'] [data-aos].aos-animate {
        transition-delay: 1.1s;
    }

[data-aos][data-aos][data-aos-duration='1150'], body[data-aos-duration='1150'] [data-aos] {
    transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay='1150'], body[data-aos-delay='1150'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1150'].aos-animate, body[data-aos-delay='1150'] [data-aos].aos-animate {
        transition-delay: 1.15s;
    }

[data-aos][data-aos][data-aos-duration='1200'], body[data-aos-duration='1200'] [data-aos] {
    transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay='1200'], body[data-aos-delay='1200'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1200'].aos-animate, body[data-aos-delay='1200'] [data-aos].aos-animate {
        transition-delay: 1.2s;
    }

[data-aos][data-aos][data-aos-duration='1250'], body[data-aos-duration='1250'] [data-aos] {
    transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay='1250'], body[data-aos-delay='1250'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1250'].aos-animate, body[data-aos-delay='1250'] [data-aos].aos-animate {
        transition-delay: 1.25s;
    }

[data-aos][data-aos][data-aos-duration='1300'], body[data-aos-duration='1300'] [data-aos] {
    transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay='1300'], body[data-aos-delay='1300'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1300'].aos-animate, body[data-aos-delay='1300'] [data-aos].aos-animate {
        transition-delay: 1.3s;
    }

[data-aos][data-aos][data-aos-duration='1350'], body[data-aos-duration='1350'] [data-aos] {
    transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay='1350'], body[data-aos-delay='1350'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1350'].aos-animate, body[data-aos-delay='1350'] [data-aos].aos-animate {
        transition-delay: 1.35s;
    }

[data-aos][data-aos][data-aos-duration='1400'], body[data-aos-duration='1400'] [data-aos] {
    transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay='1400'], body[data-aos-delay='1400'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1400'].aos-animate, body[data-aos-delay='1400'] [data-aos].aos-animate {
        transition-delay: 1.4s;
    }

[data-aos][data-aos][data-aos-duration='1450'], body[data-aos-duration='1450'] [data-aos] {
    transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay='1450'], body[data-aos-delay='1450'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1450'].aos-animate, body[data-aos-delay='1450'] [data-aos].aos-animate {
        transition-delay: 1.45s;
    }

[data-aos][data-aos][data-aos-duration='1500'], body[data-aos-duration='1500'] [data-aos] {
    transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay='1500'], body[data-aos-delay='1500'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1500'].aos-animate, body[data-aos-delay='1500'] [data-aos].aos-animate {
        transition-delay: 1.5s;
    }

[data-aos][data-aos][data-aos-duration='1550'], body[data-aos-duration='1550'] [data-aos] {
    transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay='1550'], body[data-aos-delay='1550'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1550'].aos-animate, body[data-aos-delay='1550'] [data-aos].aos-animate {
        transition-delay: 1.55s;
    }

[data-aos][data-aos][data-aos-duration='1600'], body[data-aos-duration='1600'] [data-aos] {
    transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay='1600'], body[data-aos-delay='1600'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1600'].aos-animate, body[data-aos-delay='1600'] [data-aos].aos-animate {
        transition-delay: 1.6s;
    }

[data-aos][data-aos][data-aos-duration='1650'], body[data-aos-duration='1650'] [data-aos] {
    transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay='1650'], body[data-aos-delay='1650'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1650'].aos-animate, body[data-aos-delay='1650'] [data-aos].aos-animate {
        transition-delay: 1.65s;
    }

[data-aos][data-aos][data-aos-duration='1700'], body[data-aos-duration='1700'] [data-aos] {
    transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay='1700'], body[data-aos-delay='1700'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1700'].aos-animate, body[data-aos-delay='1700'] [data-aos].aos-animate {
        transition-delay: 1.7s;
    }

[data-aos][data-aos][data-aos-duration='1750'], body[data-aos-duration='1750'] [data-aos] {
    transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay='1750'], body[data-aos-delay='1750'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1750'].aos-animate, body[data-aos-delay='1750'] [data-aos].aos-animate {
        transition-delay: 1.75s;
    }

[data-aos][data-aos][data-aos-duration='1800'], body[data-aos-duration='1800'] [data-aos] {
    transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay='1800'], body[data-aos-delay='1800'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1800'].aos-animate, body[data-aos-delay='1800'] [data-aos].aos-animate {
        transition-delay: 1.8s;
    }

[data-aos][data-aos][data-aos-duration='1850'], body[data-aos-duration='1850'] [data-aos] {
    transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay='1850'], body[data-aos-delay='1850'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1850'].aos-animate, body[data-aos-delay='1850'] [data-aos].aos-animate {
        transition-delay: 1.85s;
    }

[data-aos][data-aos][data-aos-duration='1900'], body[data-aos-duration='1900'] [data-aos] {
    transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay='1900'], body[data-aos-delay='1900'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1900'].aos-animate, body[data-aos-delay='1900'] [data-aos].aos-animate {
        transition-delay: 1.9s;
    }

[data-aos][data-aos][data-aos-duration='1950'], body[data-aos-duration='1950'] [data-aos] {
    transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay='1950'], body[data-aos-delay='1950'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='1950'].aos-animate, body[data-aos-delay='1950'] [data-aos].aos-animate {
        transition-delay: 1.95s;
    }

[data-aos][data-aos][data-aos-duration='2000'], body[data-aos-duration='2000'] [data-aos] {
    transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay='2000'], body[data-aos-delay='2000'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2000'].aos-animate, body[data-aos-delay='2000'] [data-aos].aos-animate {
        transition-delay: 2s;
    }

[data-aos][data-aos][data-aos-duration='2050'], body[data-aos-duration='2050'] [data-aos] {
    transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay='2050'], body[data-aos-delay='2050'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2050'].aos-animate, body[data-aos-delay='2050'] [data-aos].aos-animate {
        transition-delay: 2.05s;
    }

[data-aos][data-aos][data-aos-duration='2100'], body[data-aos-duration='2100'] [data-aos] {
    transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay='2100'], body[data-aos-delay='2100'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2100'].aos-animate, body[data-aos-delay='2100'] [data-aos].aos-animate {
        transition-delay: 2.1s;
    }

[data-aos][data-aos][data-aos-duration='2150'], body[data-aos-duration='2150'] [data-aos] {
    transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay='2150'], body[data-aos-delay='2150'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2150'].aos-animate, body[data-aos-delay='2150'] [data-aos].aos-animate {
        transition-delay: 2.15s;
    }

[data-aos][data-aos][data-aos-duration='2200'], body[data-aos-duration='2200'] [data-aos] {
    transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay='2200'], body[data-aos-delay='2200'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2200'].aos-animate, body[data-aos-delay='2200'] [data-aos].aos-animate {
        transition-delay: 2.2s;
    }

[data-aos][data-aos][data-aos-duration='2250'], body[data-aos-duration='2250'] [data-aos] {
    transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay='2250'], body[data-aos-delay='2250'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2250'].aos-animate, body[data-aos-delay='2250'] [data-aos].aos-animate {
        transition-delay: 2.25s;
    }

[data-aos][data-aos][data-aos-duration='2300'], body[data-aos-duration='2300'] [data-aos] {
    transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay='2300'], body[data-aos-delay='2300'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2300'].aos-animate, body[data-aos-delay='2300'] [data-aos].aos-animate {
        transition-delay: 2.3s;
    }

[data-aos][data-aos][data-aos-duration='2350'], body[data-aos-duration='2350'] [data-aos] {
    transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay='2350'], body[data-aos-delay='2350'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2350'].aos-animate, body[data-aos-delay='2350'] [data-aos].aos-animate {
        transition-delay: 2.35s;
    }

[data-aos][data-aos][data-aos-duration='2400'], body[data-aos-duration='2400'] [data-aos] {
    transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay='2400'], body[data-aos-delay='2400'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2400'].aos-animate, body[data-aos-delay='2400'] [data-aos].aos-animate {
        transition-delay: 2.4s;
    }

[data-aos][data-aos][data-aos-duration='2450'], body[data-aos-duration='2450'] [data-aos] {
    transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay='2450'], body[data-aos-delay='2450'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2450'].aos-animate, body[data-aos-delay='2450'] [data-aos].aos-animate {
        transition-delay: 2.45s;
    }

[data-aos][data-aos][data-aos-duration='2500'], body[data-aos-duration='2500'] [data-aos] {
    transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay='2500'], body[data-aos-delay='2500'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2500'].aos-animate, body[data-aos-delay='2500'] [data-aos].aos-animate {
        transition-delay: 2.5s;
    }

[data-aos][data-aos][data-aos-duration='2550'], body[data-aos-duration='2550'] [data-aos] {
    transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay='2550'], body[data-aos-delay='2550'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2550'].aos-animate, body[data-aos-delay='2550'] [data-aos].aos-animate {
        transition-delay: 2.55s;
    }

[data-aos][data-aos][data-aos-duration='2600'], body[data-aos-duration='2600'] [data-aos] {
    transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay='2600'], body[data-aos-delay='2600'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2600'].aos-animate, body[data-aos-delay='2600'] [data-aos].aos-animate {
        transition-delay: 2.6s;
    }

[data-aos][data-aos][data-aos-duration='2650'], body[data-aos-duration='2650'] [data-aos] {
    transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay='2650'], body[data-aos-delay='2650'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2650'].aos-animate, body[data-aos-delay='2650'] [data-aos].aos-animate {
        transition-delay: 2.65s;
    }

[data-aos][data-aos][data-aos-duration='2700'], body[data-aos-duration='2700'] [data-aos] {
    transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay='2700'], body[data-aos-delay='2700'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2700'].aos-animate, body[data-aos-delay='2700'] [data-aos].aos-animate {
        transition-delay: 2.7s;
    }

[data-aos][data-aos][data-aos-duration='2750'], body[data-aos-duration='2750'] [data-aos] {
    transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay='2750'], body[data-aos-delay='2750'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2750'].aos-animate, body[data-aos-delay='2750'] [data-aos].aos-animate {
        transition-delay: 2.75s;
    }

[data-aos][data-aos][data-aos-duration='2800'], body[data-aos-duration='2800'] [data-aos] {
    transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay='2800'], body[data-aos-delay='2800'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2800'].aos-animate, body[data-aos-delay='2800'] [data-aos].aos-animate {
        transition-delay: 2.8s;
    }

[data-aos][data-aos][data-aos-duration='2850'], body[data-aos-duration='2850'] [data-aos] {
    transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay='2850'], body[data-aos-delay='2850'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2850'].aos-animate, body[data-aos-delay='2850'] [data-aos].aos-animate {
        transition-delay: 2.85s;
    }

[data-aos][data-aos][data-aos-duration='2900'], body[data-aos-duration='2900'] [data-aos] {
    transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay='2900'], body[data-aos-delay='2900'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2900'].aos-animate, body[data-aos-delay='2900'] [data-aos].aos-animate {
        transition-delay: 2.9s;
    }

[data-aos][data-aos][data-aos-duration='2950'], body[data-aos-duration='2950'] [data-aos] {
    transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay='2950'], body[data-aos-delay='2950'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='2950'].aos-animate, body[data-aos-delay='2950'] [data-aos].aos-animate {
        transition-delay: 2.95s;
    }

[data-aos][data-aos][data-aos-duration='3000'], body[data-aos-duration='3000'] [data-aos] {
    transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay='3000'], body[data-aos-delay='3000'] [data-aos] {
    transition-delay: 0;
}

    [data-aos][data-aos][data-aos-delay='3000'].aos-animate, body[data-aos-delay='3000'] [data-aos].aos-animate {
        transition-delay: 3s;
    }

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(0.25,0.25,0.75,0.75);
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.6,-0.28,0.735,0.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.175,0.885,0.32,1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.68,-0.55,0.265,1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.47,0,0.745,0.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.39,0.575,0.565,1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.445,0.05,0.55,0.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.55,0.085,0.68,0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.25,0.46,0.45,0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.455,0.03,0.515,0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.55,0.085,0.68,0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.25,0.46,0.45,0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.455,0.03,0.515,0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.55,0.085,0.68,0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.25,0.46,0.45,0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.455,0.03,0.515,0.955);
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity,transform;
}

    [data-aos^=fade][data-aos^=fade].aos-animate {
        opacity: 1;
        -ms-transform: translate(0);
        transform: translate(0);
    }

[data-aos=fade-up] {
    -ms-transform: translateY(100px);
    transform: translateY(100px);
}

[data-aos=fade-down] {
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
}

[data-aos=fade-right] {
    -ms-transform: translate(-100px);
    transform: translate(-100px);
}

[data-aos=fade-left] {
    -ms-transform: translate(100px);
    transform: translate(100px);
}

[data-aos=fade-up-right] {
    -ms-transform: translate(-100px,100px);
    transform: translate(-100px,100px);
}

[data-aos=fade-up-left] {
    -ms-transform: translate(100px,100px);
    transform: translate(100px,100px);
}

[data-aos=fade-down-right] {
    -ms-transform: translate(-100px,-100px);
    transform: translate(-100px,-100px);
}

[data-aos=fade-down-left] {
    -ms-transform: translate(100px,-100px);
    transform: translate(100px,-100px);
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity,transform;
}

    [data-aos^=zoom][data-aos^=zoom].aos-animate {
        opacity: 1;
        -ms-transform: translate(0) scale(1);
        transform: translate(0) scale(1);
    }

[data-aos=zoom-in] {
    -ms-transform: scale(0.6);
    transform: scale(0.6);
}

[data-aos=zoom-in-up] {
    -ms-transform: translateY(100px) scale(0.6);
    transform: translateY(100px) scale(0.6);
}

[data-aos=zoom-in-down] {
    -ms-transform: translateY(-100px) scale(0.6);
    transform: translateY(-100px) scale(0.6);
}

[data-aos=zoom-in-right] {
    -ms-transform: translate(-100px) scale(0.6);
    transform: translate(-100px) scale(0.6);
}

[data-aos=zoom-in-left] {
    -ms-transform: translate(100px) scale(0.6);
    transform: translate(100px) scale(0.6);
}

[data-aos=zoom-out] {
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

[data-aos=zoom-out-up] {
    -ms-transform: translateY(100px) scale(1.2);
    transform: translateY(100px) scale(1.2);
}

[data-aos=zoom-out-down] {
    -ms-transform: translateY(-100px) scale(1.2);
    transform: translateY(-100px) scale(1.2);
}

[data-aos=zoom-out-right] {
    -ms-transform: translate(-100px) scale(1.2);
    transform: translate(-100px) scale(1.2);
}

[data-aos=zoom-out-left] {
    -ms-transform: translate(100px) scale(1.2);
    transform: translate(100px) scale(1.2);
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform;
}

    [data-aos^=slide][data-aos^=slide].aos-animate {
        -ms-transform: translate(0);
        transform: translate(0);
    }

[data-aos=slide-up] {
    -ms-transform: translateY(100%);
    transform: translateY(100%);
}

[data-aos=slide-down] {
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

[data-aos=slide-right] {
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

[data-aos=slide-left] {
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

[data-aos^=flip][data-aos^=flip] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: transform;
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg);
}

    [data-aos=flip-left].aos-animate {
        transform: perspective(2500px) rotateY(0);
    }

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg);
}

    [data-aos=flip-right].aos-animate {
        transform: perspective(2500px) rotateY(0);
    }

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg);
}

    [data-aos=flip-up].aos-animate {
        transform: perspective(2500px) rotateX(0);
    }

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg);
}

    [data-aos=flip-down].aos-animate {
        transform: perspective(2500px) rotateX(0);
    }

.cookie-banner {
    display: none;
    position: fixed;
    width: 100%;
    z-index: 99999;
    bottom: 0;
    left: 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 90px 15px 60px;
    background: #D3D9E0;
}

@media only screen and (max-width: 767px) {
    .cookie-banner {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

.cookie-banner--show {
    display: -ms-flexbox;
    display: flex;
}

.cookie-banner__text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

    .cookie-banner__text img {
        height: 30px;
        width: 30px;
        padding-right: 10px;
    }

@media only screen and (max-width: 767px) {
    .cookie-banner__text img {
        display: none;
    }
}

.cookie-banner__text-title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0 !important;
    font-weight: 500 !important;
    color: #323a45 !important;
}

    .cookie-banner__text-title a {
        text-decoration: underline;
        color: #323a45 !important;
        font-weight: 700;
    }

.cookie-banner__text-description {
    font-size: 14px;
    color: #fff;
    line-height: 21px;
    margin: 0;
}

    .cookie-banner__text-description a {
        text-decoration: underline;
        color: #10a3e9 !important;
    }

.cookie-banner__close {
    padding: 5px 0;
}

    .cookie-banner__close a {
        font-size: 14px;
        font-weight: 700;
        color: #10a3e9 !important;
        text-decoration: underline;
    }

.section-presentation {
    position: relative;
    width: 100%;
    height: 400px;
    margin-bottom: 75px;
    margin-top: 70px;
    overflow: hidden;
}

@media (min-width: 480px) {
    .section-presentation {
        margin-bottom: 125px;
        height: 460px;
        margin-top: 0;
    }
}

@media (min-width: 769px) {
    .section-presentation {
        height: 100vh;
    }
}

.section-presentation__inner {
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
}

.section-presentation__controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    z-index: 500;
}

.section-banner {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 101;
}

    .section-banner .container {
        position: relative;
        height: 100%;
    }

    .section-banner .slick-track, .section-banner .slick-list {
        width: 100%;
        height: 100%;
    }

.section-banner__item {
    position: relative;
    height: 100%;
}

.section-banner__title {
    font-size: 9vw;
    font-weight: 300;
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
    transition: all .5s .2s linear;
    max-width: 330px;
}

@media (min-width: 480px) {
    .section-banner__title {
        font-size: 35px;
    }
}

@media (min-width: 1025px) {
    .section-banner__title {
        font-size: 69.7px;
        max-width: none;
    }
}

.slick-active .section-banner__title {
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.section-banner__sub-title {
    color: #7087ba;
    font-size: 5.5vw;
    font-weight: 100;
    -ms-transform: translateY(15px);
    transform: translateY(15px);
    transition: all .6s .2s linear;
    max-width: 330px;
}

@media (min-width: 480px) {
    .section-banner__sub-title {
        font-size: 18px;
    }
}

@media (min-width: 1025px) {
    .section-banner__sub-title {
        font-size: 32px;
        max-width: none;
    }
}

.slick-active .section-banner__sub-title {
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.section-banner__content {
    display: table;
    position: relative;
    z-index: 10;
    height: 100%;
}

.section-banner__content-wrap {
    display: table-cell;
    vertical-align: middle;
}

.section-banner__banner {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 3;
    background-size: 0,cover;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    transition: opacity .5s .2s cubic-bezier(0.68,-0.55,0.27,1.55);
}

@media (min-width: 480px) {
    .section-banner__banner {
        top: 0;
        background-size: cover,0;
    }
}

.section-banner__more {
    margin-top: 30px;
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    transition: all .5s .2s linear;
}

    .section-banner__more .button {
        padding: 8px 15px;
        font-size: 11px;
    }

@media (min-width: 1025px) {
    .section-banner__more {
        margin-top: 70px;
    }

        .section-banner__more .button {
            padding: 13px 25px;
            font-size: 13px;
        }
}

.slick-active .section-banner__more {
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.control-box--align-right {
    float: right;
}

.control-box__button {
    display: inline-block;
    text-indent: 0;
    width: 70px;
    height: 70px;
    padding: 25px 0;
    background: #fff;
    text-align: center;
    transition: all .3s ease-in-out;
    float: left;
}

    .control-box__button:hover {
        background: #e33e42;
    }

        .control-box__button:hover path {
            fill: #fff;
        }

.control-box__button--darken:hover {
    background: #1d1e1f;
}

    .control-box__button--darken:hover path {
        fill: #fff;
    }

.control-box__button--black {
    background: #1d1e1f;
}

    .control-box__button--black path {
        fill: #fff !important;
    }

.control-box__button--sapphire {
    background: #0F2456;
}

    .control-box__button--sapphire path {
        fill: #fff !important;
    }

    .control-box__button--sapphire:hover {
        background: #10a3e9;
    }

        .control-box__button--sapphire:hover path {
            fill: #fff;
        }

.control-box__icon {
    width: 13px;
    height: 20px;
}

    .control-box__icon path {
        fill: #081835;
    }

.control-box-default__left {
    position: absolute;
    bottom: -60px;
    left: 50%;
    margin-left: -70px;
    z-index: 99;
}

@media (min-width: 1366px) {
    .control-box-default__left {
        left: -80px;
        top: 30%;
        margin-left: 0;
    }
}

.control-box-default__right {
    position: absolute;
    bottom: -60px;
    right: 50%;
    margin-right: -70px;
    z-index: 99;
}

@media (min-width: 1366px) {
    .control-box-default__right {
        right: -80px;
        top: 30%;
        margin-right: 0;
    }
}

.section-box {
    position: relative;
    margin-bottom: 100px;
}

    .section-box::after {
        content: '';
        display: table;
        clear: both;
    }

@media (min-width: 1025px) {
    .section-box {
        margin-bottom: 125px;
    }
}

.section-box__header {
    position: relative;
    padding-bottom: 30px;
    border-bottom: 1px solid #f5f5f5;
}

    .section-box__header::after {
        content: '';
        display: table;
        clear: both;
    }

.section-box__header--nav {
    padding-bottom: 0;
}

.section-box__title {
    padding: 3px 0;
    font-size: 22px;
    font-weight: 300;
    color: #e53935;
    cursor: pointer;
}

    .section-box__title a {
        color: #e53935;
        text-decoration: none;
    }

@media (min-width: 1025px) {
    .section-box__title {
        float: left;
        width: 22.90076%;
        margin-right: 20px;
    }
}

.section-box__nav {
    max-height: 39px;
    background-image: url(../../uploads/selectize-arrow.svg);
    background-repeat: no-repeat;
    background-size: 9px 5px;
    background-position: 98% 17px;
    overflow: hidden;
    transition: all .8s linear;
    animation-duration: .8s;
    animation-fill-mode: both;
    transition-timing-function: cubic-bezier(0,1,1.5,1);
}

@media (min-width: 1025px) {
    .section-box__nav {
        max-height: 60px;
        display: block;
        float: left;
        width: 58.01527%;
        background: transparent;
        cursor: auto;
    }

    .section-box__nav--large {
        width: 74.80916%;
    }
}

.section-box__nav.js-active {
    max-height: 800px;
}

.section-box__nav-item {
    display: block;
    position: relative;
    float: left;
    margin: 0 23px;
    padding: 10px 0;
    font-size: 13px;
    height: auto;
    color: #95a9b8;
    text-transform: uppercase;
    width: 100%;
}

@media (min-width: 1025px) {
    .section-box__nav-item {
        width: auto;
        height: 60px;
    }
}

.section-box__nav-item:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    width: 0;
    height: 3px;
    background: #e33e42;
    transition: all .3s ease-in-out;
}

@media only screen and (max-width: 1024px) {
    .section-box__nav-item:after {
        content: '';
        background: transparent !important;
    }
}

.section-box__nav-item--active {
    color: #404a55;
}

    .section-box__nav-item--active:after {
        width: 100%;
    }

.section-box__nav-item:nth-child(1):after {
    background: #ff8034;
}

.section-box__nav-item:nth-child(2):after {
    background: #5250ab;
}

.section-box__nav-item:nth-child(3):after {
    background: #22bf78;
}

.section-box__nav-item:nth-child(4):after {
    background: #2c99cf;
}

.section-box__more-nav {
    display: none;
}

@media (min-width: 1025px) {
    .section-box__more-nav {
        display: block;
        float: right;
        text-align: right;
        width: 16.03053%;
    }
}

.section-box__more-title {
    margin: 0;
    float: none;
    margin-left: 30px;
}

    .section-box__more-title svg {
        display: inline-block;
        vertical-align: 2px;
        width: 26px;
        height: 5.19px;
        margin-right: 15px;
        fill: #95a9b8;
    }

    .section-box__more-title span {
        max-width: 100px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        display: inline-block;
        float: right;
    }

.section-box__more-list {
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 60px;
    z-index: 34;
    width: 0;
    height: 80px;
    padding: 29px 50px;
    text-align: center;
    background: #e33e42;
    transition: all .4s ease-in-out;
}

    .section-box__more-list .section-box__nav-item {
        padding: 0;
        float: initial;
        display: inline-block;
        font-size: initial;
        height: auto;
    }

        .section-box__more-list .section-box__nav-item:after {
            bottom: initial;
            display: inline-block;
            position: relative;
        }

    .section-box__more-list .section-box__nav-item--active:after {
        width: auto;
    }

    .section-box__more-list a {
        opacity: 0;
        color: #fff;
        font-weight: 300;
        margin: 0 10px;
    }

        .section-box__more-list a:last-child:after {
            content: none;
        }

        .section-box__more-list a:after {
            content: '•';
            color: #fff;
            margin-left: 15px;
        }

    .section-box__more-list.js-show {
        opacity: 1;
        visibility: visible;
        width: 100%;
    }

        .section-box__more-list.js-show a {
            opacity: 1;
            transition: all .2s .2s linear;
        }

.section-box__content-wrapper {
    margin: 30px 0;
    overflow: hidden;
}

@media (min-width: 1366px) {
    .section-box__content-wrapper {
        overflow: initial;
    }
}

.section-box__item {
    float: left;
    width: 270px;
    margin-right: 10px;
    animation: fadeInTranslate 1s;
    animation-duration: 1s;
    animation-fill-mode: both;
    overflow: hidden;
}

.js-active .section-box__item:nth-child(1) {
    animation-delay: .1s;
}

.js-active .section-box__item:nth-child(2) {
    animation-delay: .2s;
}

.js-active .section-box__item:nth-child(3) {
    animation-delay: .3s;
}

.js-active .section-box__item:nth-child(4) {
    animation-delay: .4s;
}

.section-box__item:last-child {
    margin-right: 0;
}

@media (min-width: 425px) {
    .section-box__item {
        width: 370px;
    }
}

@media (min-width: 1025px) {
    .section-box__item {
        margin-right: 30px;
    }
}

@media (min-width: 1025px) {
    .section-box__item--large {
        width: 770px;
    }
}

.section-box__item-visual {
    position: relative;
    margin-bottom: 25px;
    text-align: center;
}

.section-box__item-visual--space-l {
    margin-bottom: 60px;
}

.section-box__item-title {
    margin-bottom: 3px;
    font-size: 22px;
    font-weight: 300;
    color: #404a55;
}

.section-box__item-year {
    color: #e53935;
    font-size: 13px;
}

.section-box__item-desc {
    font-size: 14px;
    line-height: 24px;
    color: #91a4b3;
    overflow: hidden;
}

.section-box__play {
    position: absolute;
    left: 55px;
    bottom: -35px;
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 50%;
    transition: transform .3s ease-in-out;
}

    .section-box__play:hover {
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

        .section-box__play:hover path {
            fill: #000;
        }

    .section-box__play path {
        fill: #e33e42;
    }

.section-box__tab-content {
    width: 100%;
    height: 0;
    visibility: hidden;
}

    .section-box__tab-content.js-active {
        visibility: visible;
        height: auto;
    }

.section-box.block-detail-box .section-box__content-wrapper {
    margin-left: -30px;
    text-align: center;
}

.section-box.block-detail-box .section-box__item {
    margin-left: 27px;
    margin-right: 0;
    padding-bottom: 120px;
    float: none;
    display: inline-block;
    vertical-align: top;
}

.section-box.block-detail-box .section-box__item--image {
    padding-bottom: 0;
}

.section-box.block-detail-box .section-box__item-title {
    text-align: left;
    height: 66px;
    max-height: 66px;
    overflow: hidden;
}

.section-box.block-detail-box .section-box__item-desc {
    text-align: left;
    max-height: 48px;
    overflow: hidden;
}

.section-box.block-detail-box .section-box__item-visual img {
    width: 100%;
    height: auto;
}

.section-box__detail-button {
    text-align: center;
}

    .section-box__detail-button .button-box-detail {
        display: inline-block !important;
        margin-top: 40px !important;
    }

.js-box-carousel--four .section-box__item {
    width: 370px;
}

@media (min-width: 1025px) {
    .js-box-carousel--four .section-box__item {
        width: 270px;
    }
}

.js-box-carousel--four .section-box__item-visual img {
    width: 100%;
    display: inline-block !important;
}

.section-multimedia {
    position: relative;
    margin-bottom: 150px;
}

    .section-multimedia::after {
        content: '';
        display: table;
        clear: both;
    }

@media (min-width: 1025px) {
    .section-multimedia {
        margin-bottom: 100px;
    }
}

.section-multimedia__header {
    margin-bottom: 30px;
}

.section-multimedia__video {
    width: 100%;
    height: 350px;
    overflow: hidden;
}

@media (min-width: 1025px) {
    .section-multimedia__video {
        float: left;
        width: 66.41221%;
        height: 500px;
    }
}

.section-multimedia__video .slick-track, .section-multimedia__video .slick-list {
    width: 100%;
    height: 100%;
}


.section-multimedia__logos {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
}

.section-multimedia__play {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -55px;
    margin-top: -55px;
    width: 110px;
    height: 110px;
}

    .section-multimedia__play svg {
        fill: rgba(255,255,255,0.5);
        transition: all .3s ease;
    }

    .section-multimedia__play:hover svg {
        fill: rgba(255,255,255,0.8);
    }

.section-multimedia__item {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .section-multimedia__item video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0;
    }

        .section-multimedia__item video.js-active {
            opacity: 1;
        }

.section-multimedia__box {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 350px;
    margin: -100px auto;
    color: #fff;
}

@media (min-width: 401px) {
    .section-multimedia__box {
        width: 83.20611%;
    }
}

@media (min-width: 1025px) {
    .section-multimedia__box {
        position: absolute;
        right: 0;
        top: 150px;
        margin: 0;
        width: 49.61832%;
        height: 350px;
    }
}



.section-multimedia__bottom {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -149px;
}

@media (min-width: 1080px) {
    .section-multimedia__bottom {
        left: 210px;
        margin-left: 0;
    }
}

.section-multimedia__bottom .control-box {
    float: left;
}
@media (max-width: 1079px) {
    .section-multimedia__bottom {
        left:0;
        margin-left: 0;
    }
}



.section-multimedia__more {
    float: left;
}
section-multimedia__more_item{
  padding: 25px;
    height: 300px;
            float: left;


}
    .section-multimedia__more a {
        display: inline-block;
        height: 70px;
        padding: 25px 50px;
        background: #1d1e1f;
        color: #fff;
        font-weight: 300;
        line-height: 1.3;
        text-align: center;
        transition: all .3s ease-in-out;
    }


        .section-multimedia__more a:hover {
            background: #fff;
            color: #1d1e1f;
        }
          
.box-list {
    width: 100%;
}

.box-list__item {
    float: left;
    padding: 25px;
    height: 350px;
}

.box-list__item--1 {
    background: #00b6ff;    
}


.box-list__item--2 {
    background: #056E00;
}


.box-list__title {
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 30px;
}

.box-list__content {
    font-weight: 300;
    text-align: left;
}

@media (min-width: 768px) {
    .box-list__content {
        text-align: justify;

    }
  
}
@media (max-width: 576px) {
      .box-list__content {
        text-align: left;

    }
    .box-list__title {
            font-size: 20px;


    }
}

@media (min-width: 1177px) {
    .box-list__item {
        width: 100%;
        height: 350px;
        padding: 70px;
    }

    .box-list__title {
        font-size: 50px;
    }

    .box-list__content {
        font-weight: 300;
        text-align: justify;
    }
}
@media (min-width: 769px) {
     .box-list__title {
        font-size: 45px;
    }

}

.popup-container {
    display: none;
}

    .popup-container.open {
        display: block;
        position: absolute;
        background: url("../../uploads/popup/konfeti.png ");
        background-size: cover;
        overflow: hidden;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        margin-top: 70px;
    }

    .popup-container .popup-image {
        width: 300px;
        position: absolute;
        left: 50%;
        top: 40%;
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

@media (min-width: 768px) {
    .popup-container .popup-image {
        width: 650px;
    }
}

.popup-container .popup-image img.desktop {
    width: 100%;
    display: none;
}

@media (min-width: 768px) {
    .popup-container .popup-image img.desktop {
        display: inline-block;
    }
}

.popup-container .popup-image img.mobile {
    width: 100%;
    display: inline-block;
}

@media (min-width: 768px) {
    .popup-container .popup-image img.mobile {
        display: none;
    }
}

.popup-container .popup-image .explore-button {
    display: inline-block;
    width: 200px;
    position: absolute;
    left: 50%;
    bottom: 3px;
    background-color: #e33e42;
    border: none;
    color: #fff;
    padding: 12px 25px;
    border-radius: 3px;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (min-width: 768px) {
    .popup-container .popup-image .explore-button {
        left: 55%;
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.popup-container .popup-image .close-button {
    width: 35px;
    height: 35px;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    -ms-transform: translate(10%,-25%);
    transform: translate(10%,-25%);
    cursor: pointer;
}

@media (min-width: 768px) {
    .popup-container .popup-image .close-button {
        -ms-transform: translate(80%,-80%);
        transform: translate(80%,-80%);
    }
}

.popup-container .popup-image .close-button svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.header__head-title {
    width: 100%;
    height: 330px;
    padding-top: 70px;
}

    .header__head-title.header__head-title--crimson {
        background: #d0303d;
        background: linear-gradient(to right,#d0303d 0%,#ea433b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0303d',endColorstr='#ea433b',GradientType=1);
    }

    .header__head-title.header__head-title--purple {
        background: #c32838;
        background: linear-gradient(to right,#c32838 0%,#2841b0 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c32837',endColorstr='#2841b1',GradientType=1);
    }

    .header__head-title.header__head-title--arapawa {
        background: #477297;
        background: linear-gradient(to right,#477297 0%,#2c455b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#477297',endColorstr='#2c455b',GradientType=1);
    }

    .header__head-title.header__head-title--dark-green-copper {
        background: #3e4c5c;
        background: linear-gradient(to right,#3e4c5c 0%,#6cb79d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e4c50',endColorstr='#6cb79d',GradientType=1);
    }

    .header__head-title.header__head-title--blackcurrant {
        background: #0a060d;
        background: linear-gradient(to right,#0a060d 0%,#492e60 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a060d',endColorstr='#492e60',GradientType=1);
    }

    .header__head-title.header__head-title--chambray {
        background: #5c6884;
        background: linear-gradient(to right,#5c6884 0%,#43506f 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c6884',endColorstr='#43506f',GradientType=1);
    }

    .header__head-title.header__head-title--fun-blue {
        background: #3c64a9;
        background: linear-gradient(to right,#3c64a9 0%,#1e3055 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4564a9',endColorstr='#1e3055',GradientType=1);
    }

    .header__head-title.header__head-title--waikawa-grey {
        background: #5c3a85;
        background: linear-gradient(to right,#5c3a85 0%,#4c929a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c3a85',endColorstr='#4c929a',GradientType=1);
    }

    .header__head-title.header__head-title--curious-blue {
        background: #4b59a5;
        background: linear-gradient(to right,#4b59a5 0%,#2ab7d4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b59a5',endColorstr='#2ab7d4',GradientType=1);
    }

    .header__head-title.header__head-title--shuttle-grey {
        background: #343c52;
        background: linear-gradient(to right,#343c52 0%,#79878e 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#343c52',endColorstr='#79878e',GradientType=1);
    }

    .header__head-title.header__head-title--viridian {
        background: #1f5a62;
        background: linear-gradient(to right,#1f5a62 0%,#65a67c 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f5a62',endColorstr='#65a67c',GradientType=1);
    }

    .header__head-title.header__head-title--hippie-blue {
        background: #176183;
        background: linear-gradient(to right,#176183 0%,#76c7c3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#176183',endColorstr='#76c7c3',GradientType=1);
    }

    .header__head-title.header__head-title--teal-blue {
        background: #194756;
    }

    .header__head-title.header__head-title--mahogany {
        background: #d1313d;
    }

    .header__head-title.header__head-title--chocolate {
        background: #d5531a;
    }

    .header__head-title.header__head-title--stromboli {
        background: #3f6c5c;
    }

    .header__head-title.header__head-title--slate-grey {
        background: #6f7a99;
    }

    .header__head-title.header__head-title--blumine {
        background: #3d8398;
    }

    .header__head-title.header__head-title--pompadour {
        background: #7b1045;
    }

    .header__head-title.header__head-title--mandy {
        background: #e34a55;
    }

    .header__head-title.header__head-title--viking {
        background: #3fa4c9;
    }

    .header__head-title.header__head-title--free-speech-blue {
        background: #453fc7;
    }

    .header__head-title.header__head-title--kelp {
        background: #4c513b;
    }

    .header__head-title.header__head-title--lusty {
        background: #802d2c;
    }

    .header__head-title.header__head-title--cello {
        background: #314e67;
    }

    .header__head-title.header__head-title--dark-cerulean {
        background-color: #004E79;
        background-position: bottom center;
        background-repeat: no-repeat;
    }

@media (min-width: 1280px) {
    .header__head-title.header__head-title--dark-cerulean {
        background-position: bottom right;
    }
}

@media only screen and (max-width: 480px) {
    .header__head-title.header__head-title--dark-cerulean {
        background-image: none !important;
    }
}

.header__head-title.header__head-title--ultramarine {
    background-color: #2c06a9;
    background-position: bottom center;
    background-repeat: no-repeat;
    transition: 3s background-image;
}

@media (min-width: 1280px) {
    .header__head-title.header__head-title--ultramarine {
        background-position: bottom right;
    }
}

@media only screen and (max-width: 480px) {
    .header__head-title.header__head-title--ultramarine {
        background-image: none !important;
    }
}

.header__head-title.header__head-title--midnight-express {
    background-color: #00051c;
    background-position: bottom center;
    background-repeat: no-repeat;
    position: relative;
}

@media (min-width: 1280px) {
    .header__head-title.header__head-title--midnight-express {
        background-position: bottom right;
    }
}

@media only screen and (max-width: 480px) {
    .header__head-title.header__head-title--midnight-express {
        background-image: none !important;
        background-color: #091a3a;
    }
}

.header__head-title.header__head-title--midnight-express:after {
    content: '';
    height: 70px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #081835;
    background: linear-gradient(to right,#081835 0%,#11275e 50%,#081835 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#081835',endColorstr='#081835',GradientType=1);
}

.header__head-title.header__head-title--midnight-express-light {
    background-color: #081835;
    background-position: bottom center;
    background-repeat: no-repeat;
    position: relative;
}

@media (min-width: 1280px) {
    .header__head-title.header__head-title--midnight-express-light {
        background-position: bottom right;
    }
}

@media only screen and (max-width: 480px) {
    .header__head-title.header__head-title--midnight-express-light {
        background-image: none !important;
    }
}

.header__head-title.header__head-title--midnight-express-light:after {
    content: '';
    height: 70px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #081835;
    background: linear-gradient(to right,#081835 0%,#11275e 50%,#081835 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#081835',endColorstr='#081835',GradientType=1);
}

.header__head-title.header__head-title--midnight-express-light {
    background-color: #081835;
    background-position: bottom center;
    background-repeat: no-repeat;
    position: relative;
}

@media (min-width: 1280px) {
    .header__head-title.header__head-title--midnight-express-light {
        background-position: bottom right;
    }
}

@media only screen and (max-width: 480px) {
    .header__head-title.header__head-title--midnight-express-light {
        background-image: none !important;
        background: #081835;
    }
}

.header__head-title.header__head-title--midnight-express-light:after {
    content: '';
    height: 70px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #081835;
    background: linear-gradient(to right,#081835 0%,#10275f 50%,#081835 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#081835',endColorstr='#081835',GradientType=1);
}

.header__head-title .container {
    height: 100%;
    display: table;
}

.header__head-title .header__head-container {
    height: auto;
    display: table-cell;
    vertical-align: middle;
}

    .header__head-title .header__head-container .header__head-title-text {
        color: #fff;
        font-size: 9vw;
        line-height: 9vw;
        font-weight: 300;
        display: block;
        float: left;
    }

@media (min-width: 768px) {
    .header__head-title .header__head-container .header__head-title-text {
        font-size: 7vw;
        line-height: 7vw;
    }
}

@media (min-width: 991px) {
    .header__head-title .header__head-container .header__head-title-text {
        font-size: 58px;
        line-height: 75px;
    }
}

.header__head-title .header__head-container .header__head-title-sub-text {
    width: 100%;
    float: left;
    font-size: 4vw;
    letter-spacing: .027em;
    color: #fff;
    font-weight: 100;
}

@media (min-width: 768px) {
    .header__head-title .header__head-container .header__head-title-sub-text {
        font-size: 3vw;
    }
}

@media (min-width: 991px) {
    .header__head-title .header__head-container .header__head-title-sub-text {
        font-size: 32px;
    }
}

.breadcrumb {
    width: 100%;
    height: 68px;
    border-bottom: 1px solid #f5f5f5;
    display: none;
}

@media (min-width: 768px) {
    .breadcrumb {
        display: block;
    }
}

@media (min-width: 1025px) {
    .breadcrumb {
        border-bottom: 1px solid transparent;
        border-image: linear-gradient(90deg,#f5f5f5 50%,#fff 50%,#fff 100%);
        border-image-slice: 1;
    }
}

.breadcrumb__content {
    height: 68px;
    margin-bottom: 0;
    padding: 0;
    box-shadow: inset 0 -1px 0 0 #f5f5f5;
}

.breadcrumb__content-list {
    height: 68px;
    overflow: hidden;
    line-height: 68px;
    list-style: none;
    float: left;
    padding-right: 20px;
    margin-right: 20px;
    background-image: url(../../uploads/breadcrumb-arrow.svg);
    background-size: 3px 5px;
    background-position: center right;
    background-repeat: no-repeat;
}

    .breadcrumb__content-list:last-child {
        background: none;
    }

.breadcrumb__content-list-text {
    color: #91a4b3;
    letter-spacing: .05em;
    font-size: 13px;
    font-weight: 300;
    text-transform: uppercase;
    max-width: 40vw;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}

.subpage__wrapprer {
    width: 100%;
    overflow: hidden;
    background: #fff;
}

    .subpage__wrapprer ul:not([class]) li:not([class]) {
        font-size: 15px;
        line-height: 27px;
        font-weight: 300;
        color: #6f7f8b;
    }

@media (min-width: 1025px) {
    .subpage__wrapprer {
        background: #fafafa;
        background: linear-gradient(to right,#fafafa 50%,white 0%,white 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa',endColorstr='#ffffff',GradientType=1);
    }
}

.subpage__wrapprer-fuild {
    background: #fff;
}

    .subpage__wrapprer-fuild ul:not([class]) li:not([class]) {
        font-size: 15px;
        line-height: 27px;
        font-weight: 300;
        color: #6f7f8b;
    }

    .subpage__wrapprer-fuild .subpage__content {
        width: 100%;
        border: 0;
        padding: 35px 0;
    }

        .subpage__wrapprer-fuild .subpage__content ul:not([class]) li:not([class]) {
            font-size: 15px;
            line-height: 27px;
            font-weight: 300;
            color: #6f7f8b;
        }

@media (min-width: 425px) {
    .subpage__wrapprer-fuild .subpage__content {
        padding: 65px 0;
    }
}

.subpage__sidebar {
    display: none;
    width: 24.42748%;
    background: #fafafa;
    float: left;
    padding: 65px 0;
    position: relative;
}

@media (min-width: 1025px) {
    .subpage__sidebar {
        display: block;
    }
}

.subpage__sidebar-content {
    width: calc(100% + 11px);
    float: left;
    padding: 0;
    margin: 0 0 -11px;
    position: relative;
    z-index: 1;
}

.subpage__sidebar-item {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    position: relative;
    transition: all .3s ease-out;
}

.subpage__sidebar-item-link {
    font-size: 18px;
    color: #404a55 !important;
    font-weight: 300 !important;
    text-decoration: none !important;
    display: block;
    position: relative;
    padding: 15px;
    line-height: 20px;
    transition: all .5s ease-out;
}

    .subpage__sidebar-item-link:before {
        content: '';
        background-color: #d6353d;
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        transition: all .3s ease-out;
        z-index: -99;
    }

    .subpage__sidebar-item-link:hover:before {
        width: 100%;
    }

    .subpage__sidebar-item-link:hover {
        color: #fff !important;
    }

    .subpage__sidebar-item-link.js-active {
        background: #d6353d;
        color: #fff !important;
        opacity: 1;
    }

        .subpage__sidebar-item-link.js-active:after {
            content: '';
            width: 30px;
            height: 100%;
            background: #d6353d;
            position: absolute;
            left: -30px;
            top: 0;
        }

.subpage__sidebar .subpage__sidebar-sub-content {
    margin: 0 -11px 20px 0;
    width: calc(100%);
    float: left;
    margin: 0;
    padding: 0;
    max-height: 0;
    opacity: 0;
    transition: all .8s linear;
    animation-duration: .8s;
    animation-fill-mode: both;
    transition-timing-function: cubic-bezier(0,1,1.5,1);
    overflow: hidden;
}

    .subpage__sidebar .subpage__sidebar-sub-content:hover {
        color: #d6353d;
    }

    .subpage__sidebar .subpage__sidebar-sub-content.js-active {
        opacity: 1;
        max-height: 500px;
    }

.subpage__sidebar .subpage__sidebar-sub-item {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 20px;
    width: 100%;
    float: left;
}

    .subpage__sidebar .subpage__sidebar-sub-item .subpage__sidebar-sub-item-link {
        font-size: 18px;
        line-height: 20px;
        color: #91a4b3;
        display: block;
        padding: 5px 47px 5px 37px;
        margin: 10px 0;
        font-weight: 300;
    }

        .subpage__sidebar .subpage__sidebar-sub-item .subpage__sidebar-sub-item-link:hover {
            color: #d6353d;
        }

        .subpage__sidebar .subpage__sidebar-sub-item .subpage__sidebar-sub-item-link.js-active {
            background: #d6353d;
            color: #fff;
        }

.highlights {
    width: 100%;
    max-height: 500px;
    overflow: hidden;
    background: #32325d;
    padding: 100px 0;
    text-align: center;
}

    .highlights .section-box__item {
        opacity: 0;
        text-align: center;
        display: inline-block !important;
    }

    .highlights .section-box__item-visual img {
        max-width: 150px;
        margin: 0 auto;
    }

    .highlights .section-box__item-title {
        color: #fff;
    }

    .highlights .section-box__item-desc {
        color: #9cdbff;
        font-size: 15px;
    }

    .highlights .section-box__item-desc--statistics {
        font-size: 90px;
        font-weight: 900;
        color: #9cdbff;
        letter-spacing: -.045em;
    }

    .highlights .slick-dots button {
        background-color: rgba(255,255,255,0.2);
    }

    .highlights .slick-dots li.slick-active button {
        background-color: #68d3f8;
    }

.career-visual-icon {
    padding: 25px;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 50%;
    display: inline-block;
}

    .career-visual-icon img {
        width: 150px;
        height: 150px;
    }

.trend__content .highlights.trend-digital-transformation {
    background: #fff !important;
    height: auto;
}

    .trend__content .highlights.trend-digital-transformation h3 {
        color: #303030;
        font-size: 35px;
        padding-bottom: 25px;
        margin-bottom: 50px;
        position: relative;
        text-align: center;
    }

        .trend__content .highlights.trend-digital-transformation h3:after {
            content: '';
            background: #4dd5fc;
            width: 10%;
            height: 2px;
            display: inline-block;
            position: absolute;
            bottom: 0;
            left: 50%;
            margin-left: -5%;
        }

    .trend__content .highlights.trend-digital-transformation p {
        font-size: 15px;
        font-weight: 300;
        line-height: 27px;
        color: #91a4b3;
        width: 80%;
        margin: 0 auto 90px;
    }

    .trend__content .highlights.trend-digital-transformation .section-box__item-title {
        color: #f2409f;
    }

    .trend__content .highlights.trend-digital-transformation .section-box__item-desc {
        color: #91a4b3;
        font-weight: 300;
    }

    .trend__content .highlights.trend-digital-transformation .js-box-carousel {
        float: left;
    }

.subpage__cantact {
    width: 100%;
    margin: 70px 0 0;
    overflow: hidden;
    position: relative;
}

    .subpage__cantact .container {
        padding: 0;
    }

@media (min-width: 1025px) {
    .subpage__cantact .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.subpage__cantact--ultramarine {
    background-color: #2c06a9;
}

.subpage__cantact-left {
    background: #ad1457;
    width: 100%;
    margin-top: 50px;
    float: left;
    position: relative;
    text-align: left;
    z-index: 99;
    padding: 35px 15px;
}

@media (min-width: 1366px) {
    .subpage__cantact-left {
        text-align: justify;
    }
}

@media (min-width: 1025px) {
    .subpage__cantact-left {
        width: 41.22137%;
        padding: 115px 80px 85px 0;
    }

        .subpage__cantact-left:after {
            content: '';
            width: 300%;
            height: 100%;
            position: absolute;
            left: -300%;
            top: 0;
            background: #ad1457;
        }
}

.subpage__cantact-left-heading {
    font-size: 50px;
    font-weight: 300;
    color: #fff;
    letter-spacing: .027em;
    margin-bottom: 15px;
}

.subpage__cantact-right {
    background: #ebf1f5;
    width: 100%;
    float: right;
    padding: 35px 15px;
    position: relative;
    margin-bottom: 200px;
}

@media (min-width: 1025px) {
    .subpage__cantact-right {
        width: 58.01527%;
        padding: 125px 0 98px 55px;
    }

        .subpage__cantact-right:after {
            content: '';
            width: 300%;
            height: 100%;
            position: absolute;
            right: -300%;
            top: 0;
            background: #ebf1f5;
        }

        .subpage__cantact-right::before {
            content: '';
            width: 25%;
            height: 100%;
            position: absolute;
            left: -25%;
            top: 0;
            background: #ebf1f5;
        }
}

.subpage__cantact .notifications {
    padding: 20px 18px;
    background: #fff;
    border: 1px solid #d6d7d9;
    border-radius: 3px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

    .subpage__cantact .notifications p {
        margin: 0;
    }

        .subpage__cantact .notifications p img {
            margin-right: 7px;
        }

.subpage__cantact .notifications__success-message {
    color: #7ED321;
}

.subpage__cantact .notifications__error-message {
    color: #e33e42;
}

.form__row::after {
    content: '';
    display: table;
    clear: both;
}

.form__element {
    min-height: 43px;
    width: 100%;
    float: left;
    padding: 0 15px;
    margin-bottom: 40px;
}

@media (min-width: 425px) {
    .form__element {
        width: 49.61832%;
    }
}

.form__element-agreement-links {
    text-align: center;
}

    .form__element-agreement-links a {
        font-weight: 700;
        color: #5b616b;
        text-decoration: underline;
        font-size: 12px;
    }

.form__element-label {
    font-size: 22px;
    letter-spacing: .027em;
    color: #404a55;
    font-weight: 300;
    float: left;
    width: 100%;
}

.form__element-input {
    font-size: 15px;
    color: #7393ab;
    font-weight: 300;
    float: left;
    width: 100%;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #c8d8e3;
    padding: 10px 0;
}

    .form__element-input::-webkit-input-placeholder {
        color: #404a55;
        opacity: 1;
        font-size: 16px;
    }

    .form__element-input:-ms-input-placeholder {
        color: #404a55;
        opacity: 1;
        font-size: 16px;
    }

    .form__element-input::placeholder {
        color: #404a55;
        opacity: 1;
        font-size: 16px;
    }

.form__element-textarea {
    font-size: 15px;
    color: #7393ab;
    font-weight: 300;
    float: left;
    width: 100%;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #c8d8e3;
    padding: 10px 0;
    resize: none;
}

    .form__element-textarea::-webkit-input-placeholder {
        color: #404a55;
        opacity: 1;
        font-size: 16px;
    }

    .form__element-textarea:-ms-input-placeholder {
        color: #404a55;
        opacity: 1;
        font-size: 16px;
    }

    .form__element-textarea::placeholder {
        color: #404a55;
        opacity: 1;
        font-size: 16px;
    }

.form__element-file-wrapper {
    height: 43px;
    border-bottom: 1px solid #c8d8e3;
}

.form__element-inputfile {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

    .form__element-inputfile + label {
        width: 100%;
        font-size: 15px;
        font-weight: 300;
        text-overflow: ellipsis;
        white-space: nowrap;
        cursor: pointer;
        display: inline-block;
        overflow: hidden;
        padding: 8px 0;
        color: #f1e5e6;
        background-color: transparent;
        color: #5b616b;
    }

        .form__element-inputfile + label svg {
            width: 1em;
            height: 1em;
            vertical-align: middle;
            fill: currentColor;
            margin-top: -.25em;
            margin-right: .25em;
        }

.form__element .selectize-control .selectize-input {
    position: absolute;
    background-color: #ebf1f5;
    border-color: #ebf1f5;
    color: #404a55;
    padding: 10px 0;
    border-bottom: 1px solid #c8d8e3;
}

    .form__element .selectize-control .selectize-input.input-active {
        background: #ebf1f5;
    }

    .form__element .selectize-control .selectize-input:after {
        right: 0 !important;
    }

    .form__element .selectize-control .selectize-input .item {
        color: #404a55;
        font-size: 16px;
        font-weight: 300;
    }

    .form__element .selectize-control .selectize-input input {
        color: #404a55;
        font-size: 16px;
        font-weight: 300;
    }

        .form__element .selectize-control .selectize-input input::-webkit-input-placeholder {
            color: #404a55;
            font-size: 16px;
            opacity: 1;
        }

        .form__element .selectize-control .selectize-input input:-ms-input-placeholder {
            color: #404a55;
            font-size: 16px;
            opacity: 1;
        }

        .form__element .selectize-control .selectize-input input::placeholder {
            color: #404a55;
            font-size: 16px;
            opacity: 1;
        }

.form__element .selectize-control .selectize-dropdown {
    background-color: #ebf1f5;
    border-color: #ebf1f5;
}

    .form__element .selectize-control .selectize-dropdown .selectize-dropdown-content {
        box-shadow: 0 0 3px #d3d3d3;
    }

        .form__element .selectize-control .selectize-dropdown .selectize-dropdown-content .option {
            color: #404a55;
            font-size: 16px;
            font-weight: 300;
            padding: 10px;
        }

.form__element-textarea:focus, .form__element-input:focus {
    outline: none;
}

.form__element-checkbox {
    float: left;
    position: relative;
}

    .form__element-checkbox .checkbox-input {
        cursor: pointer;
    }

        .form__element-checkbox .checkbox-input[type='checkbox'] {
            width: 21px;
            height: 21px;
            border: 0;
            background: transparent;
            border: 1px solid #b5bfcc;
            -webkit-appearance: none;
            -webkit-font-smoothing: antialiased;
            -moz-appearance: none;
            -moz-font-smoothing: antialiased;
            float: left;
            box-sizing: border-box;
            vertical-align: middle;
            padding: 0;
            border-radius: 1px;
            margin-right: 20px;
        }

            .form__element-checkbox .checkbox-input[type='checkbox']:focus {
                outline: none;
            }

            .form__element-checkbox .checkbox-input[type='checkbox']:checked:before {
                content: '';
                background: #cb1f1f;
                position: relative;
                display: block;
                height: 13px;
                width: 13px;
                -webkit-appearance: none;
                outline: none;
                margin: 3px;
                border-radius: 1px;
            }

.form__element-checkbox-text {
    color: #7393ab;
    font-size: 13px;
    line-height: 22px;
    letter-spacing: .027em;
    font-weight: 500;
    float: left;
    max-width: calc(100% - 45px);
}

@media (min-width: 425px) {
    .form__element-checkbox-text {
        font-size: 11px;
    }
}

.form__element-checkbox-text a {
    text-decoration: underline;
    color: #7393ab;
    font-weight: 700;
}

.form__element-two-rows {
    width: 100%;
}

.form__element-two-rows__contract {
    padding-left: 45px;
}

.form__element-two-rows__contract-content {
    height: 45px;
    padding-bottom: 15px;
    font-size: 11px;
    color: #7393ab;
    position: relative;
    border-bottom: 1px solid #c8d8e3;
}

.form__element-button {
    font-size: 13px;
    letter-spacing: .027em;
    font-weight: 300;
    background: #10a3e9;
    color: #fff;
    border: 0;
    height: 50px;
    line-height: 50px;
    padding: 0 50px;
    border-radius: 2px;
    display: inline-block;
    position: absolute;
    bottom: -25px;
    right: 30px;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

    .form__element-button:hover {
        background: #323a45;
    }

@media (min-width: 1025px) {
    .form__element-button {
        right: 0;
    }
}

.doa-form__content {
    width: 100%;
    overflow: hidden;
    padding: 60px 0;
    margin: 0 auto 60px;
    position: relative;
}

@media (min-width: 768px) {
    .doa-form__content {
        width: 70%;
        padding: 100px 0;
    }
}

.doa-form__content .gutter {
    padding: 15px;
    margin: 0 1% 15px;
    width: 48%;
}

@media (min-width: 768px) {
    .doa-form__content .gutter {
        margin: 15px 1%;
    }
}

.doa-form__content .form__element-button {
    bottom: 0;
}

@media only screen and (max-width: 480px) {
    .doa-form__content .form__element {
        width: 100%;
    }
}

.doa-form__content-icon--basarili {
    width: 102px;
    height: 102px;
    margin: 0 auto;
}

.doa-form__content-message {
    width: 100%;
    height: auto;
    line-height: 30px;
    font-size: 20px;
    color: #404a55;
    letter-spacing: .027em;
    text-align: center;
    font-weight: 300;
    margin: 30px 0;
}

.errors .form__element-input, .errors .form__element-label {
    color: #d00;
}

.errors .form__element-input {
    border-color: #d00;
}

.center-button {
    float: initial;
    position: initial;
    right: initial;
    left: initial;
    margin: 15px auto;
    display: inline-block;
    min-width: 150px;
}

.subpage__contact-color--cinnabar .subpage__cantact-left {
    background: #e84c3d;
}

    .subpage__contact-color--cinnabar .subpage__cantact-left:after {
        background: #e84c3d;
    }

.subpage__contact-color--cinnabar .form__element-button {
    background: #e84c3d;
}

.subpage__contact-color--cinnabar .form__element-checkbox .checkbox-input[type='checkbox']:checked:before {
    background: #e84c3d;
}

.subpage__contact-color--dodger-blue .subpage__cantact-left {
    background: #10a3e9;
}

    .subpage__contact-color--dodger-blue .subpage__cantact-left:after {
        background: #10a3e9;
    }

.subpage__contact-color--dodger-blue .form__element-button {
    background: #10a3e9;
}

.subpage__contact-color--dodger-blue .form__element-checkbox .checkbox-input[type='checkbox']:checked:before {
    background: #10a3e9;
}

.subpage__contact-color--iris-blue .subpage__cantact-left {
    background: #0FB0D7;
}

    .subpage__contact-color--iris-blue .subpage__cantact-left:after {
        background: #0FB0D7;
    }

.subpage__contact-color--iris-blue .form__element-button {
    background: #0FB0D7;
}

.subpage__contact-color--iris-blue .form__element-checkbox .checkbox-input[type='checkbox']:checked:before {
    background: #0FB0D7;
}

.subpage__contact-color--dodger-blue .subpage__cantact-left {
    background: #10A3E9;
}

    .subpage__contact-color--dodger-blue .subpage__cantact-left:after {
        background: #10A3E9;
    }

.subpage__contact-color--dodger-blue .form__element-button {
    background: #10A3E9;
}

.subpage__contact-color--dodger-blue .form__element-checkbox .checkbox-input[type='checkbox']:checked:before {
    background: #10A3E9;
}

.technical-form__content {
    width: 100%;
    padding: 40px 0;
    overflow: hidden;
    text-align: center;
}

@media (min-width: 480px) {
    .technical-form__content {
        padding: 120px 0;
    }
}

.technical-form__content-list {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
}

.technical-form__content-list-item {
    list-style: none;
    width: 100%;
    display: inline-block;
    margin: 0 0 1%;
    position: relative;
    transition: all .6s ease-in-out;
}

@media (min-width: 480px) {
    .technical-form__content-list-item {
        margin: 0 1% 1%;
        width: 47%;
    }

        .technical-form__content-list-item img {
            width: auto;
        }
}

@media (min-width: 768px) {
    .technical-form__content-list-item {
        width: 31%;
    }
}

.technical-form__content-list-item img {
    width: 100%;
}

.technical-form__content-list-item:after {
    content: '';
    background: transparent;
    transition: all .6s ease-in-out;
    animation-delay: .8s;
}

.technical-form__content-list-item:hover:after {
    content: '';
    background: rgba(182,19,24,0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.technical-form__content-list-item-link {
    background: #e33e3b;
    color: #fff;
    font-size: 20px;
    line-height: 50px;
    display: inline-block;
    width: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -35%;
    margin-top: -25px;
    cursor: pointer;
    z-index: 3;
    transition: all .4s ease-in-out;
}

    .technical-form__content-list-item-link:hover {
        color: #e33e3b;
        background: #fff;
    }

.technical-form__content .subpage__content-text-title--heading2 {
    text-align: left;
}

.loggin-form-content {
    padding: 60px 0;
}

.mrp-login__content {
    background: #d7e3ec;
    width: 100%;
    padding: 30px;
    display: inline-block;
    position: relative;
}

@media (min-width: 480px) {
    .mrp-login__content {
        width: auto;
        padding: 50px 150px;
    }
}

.mrp-login__content .form__element {
    width: 100%;
    clear: both;
    text-align: left;
}

.mrp-login__content .form__element-button {
    padding: 0 15px;
}

@media (min-width: 425px) {
    .mrp-login__content .form__element-button {
        padding: 0 20px;
    }
}

@media (max-width: 320px) {
    .mrp-login__content .form__element-button {
        font-size: 11px;
    }
}

.mrp-login__content .right-button {
    right: 10px;
}

@media (min-width: 480px) {
    .mrp-login__content .right-button {
        left: initial;
        right: 120px;
    }
}

.mrp-login__content .center-button {
    min-width: 120px;
    right: 50%;
    margin-right: -60px;
}

.mrp-login__content .left-button {
    padding: 0 15px;
    left: 10px;
}

@media (min-width: 425px) {
    .mrp-login__content .left-button {
        padding: 0 40px;
    }
}

@media (min-width: 480px) {
    .mrp-login__content .left-button {
        right: initial;
        left: 120px;
    }
}

.mrp-login__content-list {
    margin: 60px 0;
    width: 100%;
    float: left;
    padding: 0;
}

.mrp-login__content-list-item {
    list-style: none;
    display: inline-block;
    padding: 0 15px;
    font-size: 14px;
    color: #91a4b3;
}

.selection-link {
    width: 50%;
    height: auto;
    font-size: 14px;
    padding: 13px 0;
    color: #e33e3b;
    border: 1px solid #e33e3b;
    display: block;
    float: left;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

    .selection-link:hover {
        background: #c53230;
        color: #fff;
    }

@media (min-width: 425px) {
    .selection-link {
        font-size: 20px;
        height: 60px;
    }
}

.selection-link.js-active {
    background: #e33e3b;
    color: #fff;
}

.step__content {
    width: 90%;
    margin: 0 auto;
    padding: 40px 0;
    overflow: hidden;
}

@media (min-width: 425px) {
    .step__content {
        padding: 100px 0;
    }
}

.step__content-item {
    list-style: none;
    width: 25%;
    float: left;
    position: relative;
}

    .step__content-item:first-child:after {
        border: 0;
    }

    .step__content-item:after {
        content: '';
        width: 100%;
        height: 1px;
        background: transparent;
        border-bottom: 3px dashed #1bbc9b;
        position: absolute;
        top: 20px;
        left: -50%;
        z-index: 1;
    }

@media (min-width: 480px) {
    .step__content-item:after {
        top: 30px;
    }
}

@media (min-width: 480px) {
    .step__content-item:after {
        top: 50px;
    }
}

@media (min-width: 991px) {
    .step__content-item:after {
        top: 70px;
    }
}

.step__content-item.disabled .step__content-item-link {
    cursor: auto;
}

    .step__content-item.disabled .step__content-item-link .step__link-item--step-icon {
        background: #f5f5f5;
    }

        .step__content-item.disabled .step__content-item-link .step__link-item--step-icon svg {
            fill: #d3d3d3;
        }

.step__content-item.disabled:after {
    content: '';
    border-bottom: 3px dashed #f5f5f5;
}

.step__content-item-link {
    cursor: pointer;
    position: relative;
    z-index: 2;
}

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

.step__content .step__link-item--step-icon {
    width: 40px;
    height: 40px;
    background: #1bbc9b;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 15px;
}

@media (min-width: 350px) {
    .step__content .step__link-item--step-icon {
        width: 60px;
        height: 60px;
    }
}

@media (min-width: 480px) {
    .step__content .step__link-item--step-icon {
        width: 100px;
        height: 100px;
    }
}

@media (min-width: 991px) {
    .step__content .step__link-item--step-icon {
        width: 140px;
        height: 140px;
    }
}

.step__content .step__link-item--step-icon svg {
    max-width: 100%;
    fill: #fff;
}

.step__content .step__link-item--step-name {
    width: 100%;
    font-size: 14px;
    color: #91a4b3;
    font-weight: 400;
    float: left;
    line-height: 24px;
    display: none;
}

@media (min-width: 425px) {
    .step__content .step__link-item--step-name {
        display: block;
    }
}

.step__content .step__link-item--step-type {
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 24px;
    color: #91a4b3;
    font-weight: 300;
    display: none;
}

@media (min-width: 425px) {
    .step__content .step__link-item--step-type {
        display: block;
    }
}

.choose-device__content {
    padding: 50px 0;
    margin: 0;
    width: 100%;
    float: left;
}

.choose-device__content-item {
    list-style: none;
    width: 33,333333333333%;
    padding: 10px;
    float: initial;
    display: inline-block;
}

@media (min-width: 991px) {
    .choose-device__content-item {
        width: 25%;
        float: left;
    }
}

.choose-device__content-item-link {
    display: block;
    position: relative;
    transition: all .3s ease-in-out;
}

    .choose-device__content-item-link:after {
        content: '';
        background: transparent;
        transition: all .3s ease-in-out;
    }

    .choose-device__content-item-link:hover:after {
        content: '';
        width: 100%;
        height: 100%;
        background: rgba(215,54,61,0.85);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .choose-device__content-item-link:hover .device__item-button {
        width: 50%;
        height: 42px;
        line-height: 42px;
        font-size: 16px;
        color: #fff;
        border: 1px solid #fff;
        display: block;
        position: absolute;
        z-index: 2;
        top: 50%;
        left: 50%;
        margin: -21px 0 0 -25%;
    }

    .choose-device__content-item-link:hover .device__item-name {
        color: #fff;
    }

.choose-device__content-prev-link {
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 13px;
    background: #d7363d;
    text-transform: uppercase;
    float: left;
    padding: 0 39px 0 88px;
    border-radius: 2px;
    position: relative;
    overflow: hidden;
    transition: all .3s ease-in-out;
    margin-top: 0;
    margin-bottom: 30px;
    width: 100%;
}

@media (min-width: 991px) {
    .choose-device__content-prev-link {
        margin-top: 30px;
        margin-bottom: 0;
        width: auto;
    }
}

.choose-device__content-prev-link--icon {
    width: 50px;
    height: 50px;
    background-color: rgba(0,0,0,0.15);
    background-image: url(../../uploads/prev-arrow.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 9px 14px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.choose-device__content-prev-link:hover {
    background: #323a45;
}

.choose-device__content-items {
    float: left;
    margin-left: 85px;
}

    .choose-device__content-items img {
        display: block;
        clear: both;
    }

.choose-device__content .choose-device__content-items-change {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    color: #91a4b3;
    text-align: center;
    float: left;
    font-weight: 300;
    margin-top: 15px;
}

    .choose-device__content .choose-device__content-items-change strong {
        font-weight: 400;
        display: block;
    }

.choose-device__content-items-date {
    float: left;
    margin-left: 70px;
    margin-top: 30px;
}

    .choose-device__content-items-date .border-content {
        border: 1px solid #ebebeb;
        padding: 10px 25px;
        margin-bottom: 8px;
    }

.choose-device__content-items-time {
    float: left;
    margin-left: 70px;
    margin-top: 30px;
}

    .choose-device__content-items-time .border-content {
        border: 1px solid #ebebeb;
        padding: 10px 25px;
        margin-bottom: 8px;
        min-width: 142px;
        line-height: 48px;
        display: block;
    }

.choose-device__content .choose-date__content {
    width: 100%;
    float: left;
    margin: 30px 0;
    padding: 0;
}

.choose-device__content .choose-date__content-item {
    width: 50%;
    padding: 15px;
    margin: 0;
    float: left;
    border: 1px solid transparent;
    list-style: none;
}

@media (min-width: 425px) {
    .choose-device__content .choose-date__content-item {
        width: 33,333333333333%;
        padding: 15px;
        margin: 0;
    }
}

@media (min-width: 480px) {
    .choose-device__content .choose-date__content-item {
        width: 20%;
        padding: 15px;
        margin: 0;
    }
}

@media (min-width: 991px) {
    .choose-device__content .choose-date__content-item {
        width: 16%;
        padding: 25px;
        margin: 0 2%;
    }
}

.choose-device__content .choose-date__content-item:hover {
    border: 1px solid #ebebeb;
}

.choose-device__content .choose-date__content-date {
    width: 100%;
    text-align: center;
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #91a4b3;
    font-weight: 400;
}

.choose-device__content .choose-date__content-day {
    width: 100%;
    text-align: center;
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #91a4b3;
    font-weight: 300;
}

.choose-device__content .choose-date__content-time {
    font-size: 18px;
    font-weight: 600;
    color: #9aabb9;
}

.choose-device__content .choose-date__content-status {
    width: 100%;
    height: 43px;
    line-height: 43px;
    font-size: 14px;
    color: #fff;
    background: #1bbc9b;
    display: inline-block;
    margin-top: 20px;
    transition: all .3s ease-in-out;
}

    .choose-device__content .choose-date__content-status:hover {
        background: #15977c;
    }

    .choose-device__content .choose-date__content-status.full {
        color: #4a4a4a;
        background: #f5f5f5;
        cursor: auto;
    }

.choose-device__content .device__item-button {
    display: none;
}

.choose-device__content .device__item-name {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    color: #91a4b3;
    text-align: center;
    position: absolute;
    bottom: 10px;
    left: 0;
    z-index: 2;
}

.choose-device__content .choose-time .choose-date__content-status {
    margin: 0;
}

.choose-device__content .choose-time .choose-date__content-item {
    border: 0;
}

.choose-device__form {
    width: 100%;
    margin: 30px auto;
    text-align: left;
    position: relative;
}

@media (min-width: 480px) {
    .choose-device__form {
        width: 70%;
    }
}

.choose-device__form .form__element-button {
    position: relative;
    float: right;
}

@media only screen and (max-width: 480px) {
    .choose-device__form .form__element {
        width: 100%;
    }
}

.sitemap__content {
    width: 100%;
    overflow: hidden;
    padding: 60px 0;
}

@media (min-width: 768px) {
    .sitemap__content {
        padding: 100px 0;
    }
}

.sitemap__content-lvl1-title {
    font-size: 13px;
    color: #2c99cf;
    letter-spacing: .05em;
    font-weight: 300;
    width: 100%;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.sitemap__content-lvl1-list {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

@media (min-width: 768px) {
    .sitemap__content-lvl1-list {
        width: 32.82443%;
        padding-right: 7.63359%;
    }
}

.sitemap__content-lvl2-list {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.sitemap__content-lvl1-list-item {
    margin-bottom: 50px;
}

.sitemap__content-lvl1-list-item, .sitemap__content-lvl2-list-item {
    width: 100%;
    list-style: none;
    float: left;
}

.sitemap__content-lvl1-list-item-link {
    color: #303030;
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 20px;
    display: block;
}

.sitemap__content-lvl2-list-item-link {
    color: #91a4b3;
    font-size: 15px;
    font-weight: 300;
    padding: 5px 0;
    display: block;
}

.fuild-wrapper {
    width: 100%;
    overflow: hidden;
}

.semi-wrapper {
    width: 100%;
    overflow: hidden;
    float: left;
    margin-bottom: 60px;
}

    .semi-wrapper .sitemap__content-lvl1-list-item {
        margin-bottom: 0;
        width: 100%;
    }

@media (min-width: 768px) {
    .semi-wrapper {
        width: 49.61832%;
    }
}

.quarter-wrapper {
    width: 100%;
    overflow: hidden;
    float: left;
    margin-bottom: 60px;
}

@media (min-width: 768px) {
    .quarter-wrapper {
        width: 16.03053%;
    }
}

.quarter-wrapper .sitemap__content-lvl1-list-item {
    margin-bottom: 0;
    width: 100%;
}

.tripple-quarter-wrapper {
    width: 100%;
    overflow: hidden;
    float: left;
    margin-bottom: 60px;
}

@media (min-width: 768px) {
    .tripple-quarter-wrapper {
        width: 83.20611%;
    }
}

.tripple-quarter-wrapper .sitemap__content-lvl1-list-item {
    margin-bottom: 0;
    width: 100%;
}

.single-item-list .sitemap__content-lvl1-list-item {
    margin-bottom: 0;
    width: 100%;
}

.modal-container {
    max-height: 494px;
    height: calc(100vh - 105px);
}

.administration-left-content {
    float: left;
    width: 100%;
    max-height: 491px;
    margin-bottom: 29px;
}

@media (min-width: 768px) {
    .administration-left-content {
        width: 220px;
        height: auto;
        margin-bottom: 0;
    }
}

.administration-left-content a {
    margin-bottom: 29px;
    max-height: 350px;
}

@media (min-width: 480px) {
    .administration-left-content a {
        max-height: 491px;
    }
}

@media (min-width: 768px) {
    .administration-left-content a {
        height: auto;
    }
}

.administration-right-content {
    float: left;
    width: 100%;
}

@media (min-width: 768px) {
    .administration-right-content {
        width: calc(100% - 220px);
        text-align: center;
    }
}

.administration-right-content a {
    margin: 0 5px;
    margin-bottom: 29px;
    max-height: 350px;
    float: none !important;
    display: inline-block;
}

@media (min-width: 480px) {
    .administration-right-content a {
        max-height: 491px;
    }
}

.administration-left-content a, .administration-right-content a {
    position: relative;
    float: left;
    overflow: hidden;
    height: 100%;
    width: 100%;
}

@media (min-width: 768px) {
    .administration-left-content a, .administration-right-content a {
        width: auto;
    }
}

.administration-left-content a:hover .administration-info, .administration-right-content a:hover .administration-info {
    opacity: 1;
}

.administration-left-content a .administration-info, .administration-right-content a .administration-info {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(237,0,33,0.75);
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    padding: 15px;
    transition: all .3s ease-in-out;
}

.administration-left-content a .administration-info-item, .administration-right-content a .administration-info-item {
    width: 100%;
    float: left;
}

.administration-left-content a img, .administration-right-content a img {
    display: block;
    border: 1px solid #f6f6f6;
    width: 100%;
}

@media (min-width: 768px) {
    .administration-left-content a img, .administration-right-content a img {
        width: auto;
    }
}

.administration-left-content a .administration-name, .administration-right-content a .administration-name {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
}

.administration-left-content a .administration-title, .administration-right-content a .administration-title {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.administration-circle {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1710px;
}

@media (min-width: 768px) {
    .administration-circle {
        width: 410px;
        height: 410px;
        text-align: center;
        left: 50%;
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
        margin: 100px 0;
        min-height: auto;
    }
}

@media (min-width: 1200px) {
    .administration-circle {
        width: 520px;
        height: 520px;
        text-align: center;
        left: 50%;
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
        margin: 150px 0;
    }
}

.administration-circle a {
    outline: none;
    max-height: 350px;
    float: none !important;
    max-width: 250px;
    max-height: 250px;
    display: block;
    margin: 0 auto 35px;
}

@media (min-width: 768px) {
    .administration-circle a {
        display: inline-block;
        max-width: 250px;
        max-height: 250px;
        margin: 0;
    }
}

.administration-circle a {
    position: relative;
    float: left;
    overflow: hidden;
    width: 250px;
    height: 250px;
    border-radius: 50%;
}

    .administration-circle a.mobile-first, .administration-circle a.mobile-second, .administration-circle a.mobile-thirth, .administration-circle a.mobile-fourth, .administration-circle a.mobile-fifth, .administration-circle a.mobile-sixth {
        position: absolute;
        left: 50%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .administration-circle a.mobile-second {
        margin-top: 285px;
    }

    .administration-circle a.mobile-thirth {
        margin-top: 570px;
    }

    .administration-circle a.mobile-fourth {
        margin-top: 855px;
    }

    .administration-circle a.mobile-fifth {
        margin-top: 1140px;
    }

    .administration-circle a.mobile-sixth {
        margin-top: 1425px;
    }

@media (min-width: 768px) {
    .administration-circle a {
        width: 200px;
        height: 200px;
    }
}

@media (min-width: 1200px) {
    .administration-circle a {
        width: 250px;
        height: 250px;
    }
}

@media (min-width: 768px) {
    .administration-circle a.mobile-first, .administration-circle a.mobile-second, .administration-circle a.mobile-thirth, .administration-circle a.mobile-fourth, .administration-circle a.mobile-fifth, .administration-circle a.mobile-sixth {
        position: relative;
        margin-top: 0;
    }

    .administration-circle a.administration-top-center {
        position: absolute;
        top: 0;
        left: 50%;
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

    .administration-circle a.administration-top-right {
        position: absolute;
        top: 0;
        right: 0;
        -ms-transform: translate(50%,0);
        transform: translate(50%,0);
    }

    .administration-circle a.administration-top-left {
        position: absolute;
        top: 0;
        left: 0;
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }

    .administration-circle a.administration-bottom-left {
        position: absolute;
        bottom: 0;
        left: 0;
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }

    .administration-circle a.administration-bottom-right {
        position: absolute;
        bottom: 0;
        right: 0;
        -ms-transform: translate(50%,0);
        transform: translate(50%,0);
    }

    .administration-circle a.administration-bottom-center {
        position: absolute;
        bottom: 0;
        left: 50%;
        -ms-transform: translate(-50%,50%);
        transform: translate(-50%,50%);
    }
}

.administration-circle a:hover .administration-info {
    opacity: 1;
}

.administration-circle a .administration-info {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(237,0,33,0.75);
    width: 100%;
    height: 100%;
    text-align: center;
    opacity: 0;
    padding: 15px;
    transition: all .3s ease-in-out;
}

.administration-circle a .administration-info-item {
    width: 100%;
    float: left;
}

.administration-circle a img {
    display: block;
    border: 1px solid #f6f6f6;
    width: 100%;
}

@media (min-width: 768px) {
    .administration-circle a img {
        width: 100%;
    }
}

.administration-circle a .administration-name {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
}

.administration-circle a .administration-title {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.modal-administration-container {
    width: 80%;
    max-width: 1170px;
    height: 100%;
    max-height: 600px;
    overflow: hidden !important;
}

    .modal-administration-container header {
        width: 100%;
        height: auto;
        background: #d1323d;
        padding: 10px 20px;
        overflow: hidden;
    }

@media (min-width: 480px) {
    .modal-administration-container header {
        padding: 32px 50px;
        position: relative;
    }
}

.modal-administration-container .modal-administration-name {
    font-size: 20px;
    letter-spacing: .027em;
    color: #fff;
    line-height: 24px;
    font-weight: 600;
    float: left;
}

@media (min-width: 480px) {
    .modal-administration-container .modal-administration-name {
        line-height: 42px;
    }
}

@media (min-width: 768px) {
    .modal-administration-container .modal-administration-name {
        font-size: 22px;
    }
}

@media (min-width: 991px) {
    .modal-administration-container .modal-administration-name {
        font-size: 30px;
    }
}

.modal-administration-container .modal-administration-title {
    font-size: 13px;
    letter-spacing: .027em;
    color: #fff;
    line-height: 24px;
    font-weight: 300;
    margin-left: 0;
    float: left;
}

@media (min-width: 480px) {
    .modal-administration-container .modal-administration-title {
        margin-left: 25px;
        line-height: 42px;
    }
}

@media (min-width: 768px) {
    .modal-administration-container .modal-administration-title {
        font-size: 16px;
    }
}

@media (min-width: 991px) {
    .modal-administration-container .modal-administration-title {
        font-size: 20px;
    }
}

.modal-administration-container .modal-administration-content {
    padding: 50px;
    overflow-y: auto;
    height: 100%;
    position: relative;
}

@media (min-width: 480px) {
    .modal-administration-container .modal-administration-content {
        padding: 50px;
    }
}

.modal-administration-container .modal-administration-content img {
    border: 1px solid #f6f6f6;
    float: left;
    margin-right: 24px;
    width: 100%;
}

@media (min-width: 480px) {
    .modal-administration-container .modal-administration-content img {
        width: 150px;
    }
}

@media (min-width: 768px) {
    .modal-administration-container .modal-administration-content img {
        width: 220px;
    }
}

@media (min-width: 991px) {
    .modal-administration-container .modal-administration-content img {
        margin-right: 64px;
    }
}

@media (min-width: 1025px) {
    .modal-administration-container .modal-administration-content img {
        max-width: auto;
    }
}

.modal-administration-container .modal-administration-content p {
    font-size: 15px;
    line-height: 27px;
    color: #91a4b3;
    font-weight: 300;
    text-align: left;
    padding-right: 0;
    margin-bottom: 40px;
}

@media (min-width: 991px) {
    .modal-administration-container .modal-administration-content p {
        padding-right: 50px;
        text-align: justify;
    }
}

.modal-administration-container .modal-administration-content.publications p {
    margin-bottom: 20px !important;
}

.modal-administration-container .modal-administration-close {
    width: 24px;
    height: 24px;
    float: right;
    background: transparent url(../../uploads/modal-close.svg) no-repeat center center;
    text-indent: -999999px;
    margin: 0;
    position: absolute;
    right: 20px;
    top: 15px;
}

@media (min-width: 480px) {
    .modal-administration-container .modal-administration-close {
        margin: 9px 0;
        position: initial;
        top: initial;
        right: initial;
    }
}

.fancybox-active {
    height: 100vh;
}

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

.fancybox-infobar {
    display: none !important;
}

.fancybox-toolbar {
    display: none !important;
}

    .fancybox-toolbar.compensate-for-scrollbar {
        display: none !important;
    }

.fancybox-navigation {
    display: none !important;
}

.fancybox-caption {
    border: none !important;
    border: none !important;
}

.explore-area {
    background-image: url(../../uploads/kesfet/explore.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 820px;
    padding: 70px 0 0;
    overflow: hidden;
}

    .explore-area::after {
        content: '';
        display: table;
        clear: both;
    }

@media (min-width: 1400px) {
    .explore-area {
        padding: 100px 0 0;
    }
}

.explore-area .explore-left {
    float: left;
    min-height: 400px;
    width: 100%;
    text-align: left;
}

@media (min-width: 768px) {
    .explore-area .explore-left {
        width: 50%;
        min-height: 390px;
    }
}

@media (min-width: 1400px) {
    .explore-area .explore-left {
        min-height: 520px;
    }
}

.explore-area .explore-left .explore-strip {
    margin-top: 20px;
}

    .explore-area .explore-left .explore-strip:hover {
        padding-right: 10px;
    }

    .explore-area .explore-left .explore-strip .explore-info {
        float: right;
    }

.explore-area .explore-right {
    float: left;
    min-height: 400px;
    width: 100%;
    text-align: right;
    padding-top: 30px;
}

@media (min-width: 768px) {
    .explore-area .explore-right {
        width: 50%;
        min-height: 350px;
    }
}

@media (min-width: 1400px) {
    .explore-area .explore-right {
        min-height: 520px;
    }
}

.explore-area .explore-right .explore-strip {
    margin-top: 20px;
}

    .explore-area .explore-right .explore-strip:hover {
        padding-left: 10px;
    }

    .explore-area .explore-right .explore-strip .explore-info {
        float: left;
    }

.explore-area .explore-strip {
    height: 50px;
    width: 100%;
    display: inline-block;
}

@media (min-width: 768px) {
    .explore-area .explore-strip {
        height: 50px;
    }
}

@media (min-width: 1400px) {
    .explore-area .explore-strip {
        height: 70px;
    }
}

.explore-area .explore-strip .explore-info {
    display: inline-block;
}

.explore-area .explore-strip .explore-info__text {
    height: 50px;
    line-height: 50px;
    font-size: 21px;
    color: #fff;
    float: left;
}

@media (min-width: 768px) {
    .explore-area .explore-strip .explore-info__text {
        height: 50px;
        line-height: 50px;
        font-size: 28px;
    }
}

@media (min-width: 1400px) {
    .explore-area .explore-strip .explore-info__text {
        height: 70px;
        line-height: 70px;
    }
}

.explore-area .explore-strip .explore-info__icon {
    height: 50px;
    padding: 0 15px;
    position: relative;
    float: left;
}

@media (min-width: 768px) {
    .explore-area .explore-strip .explore-info__icon {
        height: 50px;
        padding: 0 20px;
    }
}

@media (min-width: 1400px) {
    .explore-area .explore-strip .explore-info__icon {
        height: 70px;
    }
}

.explore-area .explore-strip .explore-info__icon svg {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 30px;
    fill: #fff;
}

@media (min-width: 768px) {
    .explore-area .explore-strip .explore-info__icon svg {
        max-height: 43px;
        height: auto;
    }
}

.explore-area .explore-strip.blue {
    background: linear-gradient(to right,rgba(125,185,232,0) 0%,rgba(125,185,232,0.03) 1%,rgba(111,165,234,0.7) 28%,#6395ec 50%,#4970ef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007db9e8',endColorstr='#4970ef',GradientType=1);
}

.explore-area .explore-strip.gray {
    background: linear-gradient(to right,rgba(96,110,132,0) 0%,rgba(96,110,132,0.03) 1%,rgba(91,107,132,0.7) 28%,#576984 50%,#4e6385 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00606e84',endColorstr='#4e6385',GradientType=1);
}

.explore-area .explore-strip.orange {
    background: linear-gradient(to right,rgba(239,152,112,0) 0%,rgba(239,152,112,0.03) 1%,rgba(240,138,91,0.7) 28%,#f17f4a 50%,#f26522 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ef9870',endColorstr='#f26522',GradientType=1);
}

.explore-area .explore-strip.green {
    background: linear-gradient(to right,rgba(32,112,69,0) 0%,rgba(23,113,65,0.7) 28%,#10713e 50%,#007236 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00207045',endColorstr='#007236',GradientType=1);
}

.explore-area .explore-strip.turquoise {
    background: linear-gradient(to right,rgba(94,163,168,0) 0%,rgba(94,163,168,0.03) 1%,rgba(69,161,169,0.7) 28%,#319fa9 50%,#029caa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005ea3a8',endColorstr='#029caa',GradientType=1);
}

.explore-area .explore-strip.light-orange {
    background: linear-gradient(to right,#f4a333 0%,#f4a333 1%,#f4a333 61%,rgba(244,163,51,0.7) 74%,rgba(244,163,51,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4a333',endColorstr='#00f4a333',GradientType=1);
}

.explore-area .explore-strip.purple {
    background: linear-gradient(to right,#6446bd 0%,#6446bd 61%,rgba(100,70,189,0.7) 74%,rgba(100,70,189,0.27) 90%,rgba(100,70,189,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6446bd',endColorstr='#006446bd',GradientType=1);
}

.explore-area .explore-strip.light-green {
    background: linear-gradient(to right,#26bf71 0%,#26bf71 61%,rgba(38,191,113,0.7) 74%,rgba(38,191,113,0.32) 88%,rgba(38,191,113,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26bf71',endColorstr='#0026bf71',GradientType=1);
}

.explore-area .explore-strip.tomato {
    background: linear-gradient(to right,#bc4d3b 0%,#bc4d3b 1%,#bc4d3b 61%,rgba(188,77,59,0.7) 74%,rgba(188,77,59,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc4d3b',endColorstr='#00bc4d3b',GradientType=1);
}

.explore-area .explore-strip.ninety-five {
    width: 95%;
    transition: 1s transform,.3s padding;
}

.explore-area .explore-strip.ninety {
    width: 90%;
    transition: .95s transform,.3s padding;
}

.explore-area .explore-strip.eighty-five {
    width: 85%;
    transition: .9s transform,.3s padding;
}

.explore-area .explore-strip.eighty {
    width: 80%;
    transition: .85s transform,.3s padding;
}

.explore-area .explore-strip.seventy-five {
    width: 75%;
    transition: .8s transform,.3s padding;
}

.explore-area .explore-strip.seventy {
    width: 70%;
    transition: .75s transform,.3s padding;
}

.explore-area .explore-strip.sixty-five {
    width: 65%;
    transition: .7s transform,.3s padding;
}

.explore-area .explore-strip.sixty {
    width: 60%;
    transition: .65s transform,.3s padding;
}

.explore-area .explore-strip.fifty-five {
    width: 55%;
    transition: .6s transform,.3s padding;
}

.explore-area .explore-strip.fifty {
    width: 50%;
    transition: .55s transform,.3s padding;
}

.explore-area .explore-center {
    float: left;
    min-height: 300px;
    width: 100%;
    text-align: center;
    padding-top: 30px;
}

@media (min-width: 768px) {
    .explore-area .explore-center {
        padding-top: 10px;
    }
}

@media (min-width: 1400px) {
    .explore-area .explore-center {
        padding-top: 30px;
    }
}

.explore-area .explore-center .explore-circle {
    display: inline-block;
    width: 90%;
    margin-bottom: 30px;
}

@media (min-width: 425px) {
    .explore-area .explore-center .explore-circle {
        width: 40%;
    }
}

@media (min-width: 768px) {
    .explore-area .explore-center .explore-circle {
        width: 24%;
    }
}

@media (min-width: 991px) {
    .explore-area .explore-center .explore-circle {
        width: 18%;
    }
}

@media (min-width: 1200px) {
    .explore-area .explore-center .explore-circle {
        width: 12%;
        margin: 0;
    }
}

.explore-area .explore-center .explore-circle__container {
    width: 80px;
    height: 80px;
    border: 3px solid #fff;
    border-radius: 50%;
    background-color: #0f2454;
    margin: 10px auto;
}

    .explore-area .explore-center .explore-circle__container svg {
        position: relative;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        display: block;
        fill: #fff;
    }

        .explore-area .explore-center .explore-circle__container svg path {
            fill: #fff;
        }

.explore-area .explore-center .explore-circle__text {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.category-page-wrapper {
    position: relative;
}

    .category-page-wrapper .infinti-background-left {
        position: absolute;
        top: 50px;
        width: 100%;
        height: 400px;
        z-index: 99;
        display: none;
        -ms-transform: translateX(-45%);
        transform: translateX(-45%);
    }

@media (min-width: 991px) {
    .category-page-wrapper .infinti-background-left {
        display: block;
    }
}

@media (min-width: 1200px) {
    .category-page-wrapper .infinti-background-left {
        -ms-transform: translateX(-55%);
        transform: translateX(-55%);
    }
}

@media (min-width: 1920px) {
    .category-page-wrapper .infinti-background-left {
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.category-page-wrapper .infinti-background-right {
    position: absolute;
    top: 50px;
    width: 100%;
    height: 400px;
    display: none;
    -ms-transform: translateX(45%);
    transform: translateX(45%);
    z-index: 99;
}

@media (min-width: 991px) {
    .category-page-wrapper .infinti-background-right {
        display: block;
    }
}

@media (min-width: 1200px) {
    .category-page-wrapper .infinti-background-right {
        -ms-transform: translateX(55%);
        transform: translateX(55%);
    }
}

@media (min-width: 1920px) {
    .category-page-wrapper .infinti-background-right {
        -ms-transform: translateX(50%);
        transform: translateX(50%);
    }
}

.category-page {
    position: relative;
    padding: 70px 0;
    overflow: hidden;
}

.category-page__content {
    position: relative;
    margin-bottom: 70px;
}

@media (min-width: 991px) {
    .category-page__content {
        max-height: 450px;
    }

        .category-page__content::after {
            content: '';
            display: table;
            clear: both;
        }
}

.category-page__content .category-page__image {
    max-width: 760px;
    margin: 0 auto;
    background-color: #fff;
}

@media (min-width: 991px) {
    .category-page__content .category-page__image {
        padding-bottom: 50px;
    }
}

.category-page__content .category-page__image img {
    width: 100%;
    height: auto;
}

.category-page__content .category-page__info {
    width: 625px;
    max-width: 100%;
    margin: 0 auto;
    padding: 25px;
    position: relative;
    margin-top: -15px;
    z-index: 99;
}

@media (min-width: 991px) {
    .category-page__content .category-page__info.nesnelerin-interneti {
        background: transparent;
    }

    .category-page__content .category-page__info.analitik {
        background: transparent;
    }

    .category-page__content .category-page__info.is-cozumleri {
        background: transparent;
    }

    .category-page__content .category-page__info.dijital-yayincilik {
        background: transparent;
    }

    .category-page__content .category-page__info.guvenlik {
        background: transparent;
    }

    .category-page__content .category-page__info.veri-merkezi-ve-bulut {
        background: transparent;
    }

    .category-page__content .category-page__info.iletisim-agi-ve-ses {
        background: transparent;
    }

    .category-page__content .category-page__info.is-istasyonlari {
        background: transparent;
    }

    .category-page__content .category-page__info.yeni-nesil-baski-hizmetleri {
        background: transparent;
    }
}

@media (min-width: 480px) {
    .category-page__content .category-page__info {
        max-height: 400px;
        margin-top: -100px;
    }
}

@media (min-width: 991px) {
    .category-page__content .category-page__info {
        width: 500px;
        min-height: 400px;
        margin-top: auto;
        float: none;
        max-width: 725px;
        position: absolute;
        top: 50px;
        background-color: transparent !important;
    }
}

.category-page__content .category-page__info h4 {
    font-size: 30px;
    color: #fff;
    font-weight: 300;
}

@media (min-width: 991px) {
    .category-page__content .category-page__info h4 {
        font-size: 36px;
    }
}

.category-page__content .category-page__info p {
    font-size: 16px;
    color: #fff;
    margin-bottom: 20px;
    line-height: 25px;
}

@media (min-width: 991px) {
    .category-page__content .category-page__info p {
        font-size: 13px;
        margin-bottom: 50px;
        line-height: 27px;
    }
}

.category-page__content .category-page__info a.category-page__info__button {
    font-size: 13px;
    padding: 15px 30px;
    border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    transition: .3s all;
}

    .category-page__content .category-page__info a.category-page__info__button:hover {
        border-color: #25292c;
        background: #25292c;
    }

@media (min-width: 991px) {
    .category-page__content .category-page__info a.category-page__info__button {
        font-size: 13px;
        padding: 15px 30px;
    }
}

.category-page__content .category-page__info .category-page__dropdown .item {
    color: #fff;
    opacity: 1;
}

.category-page__content .category-page__info .category-page__dropdown .selectize-input {
    background: transparent;
    padding: 20px 25px;
    border-color: rgba(255,255,255,0.5) !important;
}

    .category-page__content .category-page__info .category-page__dropdown .selectize-input:after {
        width: 11px;
        height: 7px;
        background: transparent url(../../uploads/selectize-arrow-white.svg) center center no-repeat;
    }

.category-page__content .category-page__info .category-page__dropdown .selectize-dropdown {
    border-radius: 0 !important;
}

    .category-page__content .category-page__info .category-page__dropdown .selectize-dropdown [data-selectable] {
        padding: 15px 25px !important;
    }

.category-page__content .category-page__info .category-page__dropdown .selectize-input input {
    color: #fff !important;
    font-size: 14px !important;
    opacity: 1 !important;
}

    .category-page__content .category-page__info .category-page__dropdown .selectize-input input::-webkit-input-placeholder {
        color: #fff;
        opacity: 1;
    }

    .category-page__content .category-page__info .category-page__dropdown .selectize-input input:-ms-input-placeholder {
        color: #fff;
        opacity: 1;
    }

    .category-page__content .category-page__info .category-page__dropdown .selectize-input input::placeholder {
        color: #fff;
        opacity: 1;
    }

@media (min-width: 991px) {
    .category-page__right .category-page__image {
        float: left;
    }
}

@media (min-width: 991px) {
    .category-page__right .category-page__info {
        padding: 60px 0 50px 50px;
        right: 0;
    }
}

@media (min-width: 991px) {
    .category-page__left .category-page__image {
        float: right;
    }
}

@media (min-width: 991px) {
    .category-page__left .category-page__info {
        padding: 60px 50px 50px 0;
        left: 0;
    }
}

.nesnelerin-interneti {
    background: #ab2c4c;
    background: linear-gradient(to right,#ab2c4c 1%,#403d9e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ab2c4c',endColorstr='#403d9e',GradientType=1);
}

.analitik {
    background: #475f68;
    background: linear-gradient(to right,#475f68 0%,#65a692 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#475f68',endColorstr='#65a692',GradientType=1);
}

.is-cozumleri {
    background: #110a1a;
    background: linear-gradient(to right,#110a1a 1%,#3f2853 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#110a1a',endColorstr='#3f2853',GradientType=1);
}

.dijital-yayincilik {
    background: #385c9d;
    background: linear-gradient(to right,#385c9d 1%,#233863 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#385c9d',endColorstr='#233863',GradientType=1);
}

.guvenlik {
    background: #5a4989;
    background: linear-gradient(to right,#5a4989 1%,#4f8195 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a4989',endColorstr='#4f8195',GradientType=1);
}

.veri-merkezi-ve-bulut {
    background: #4767ac;
    background: linear-gradient(to right,#4767ac 1%,#32a6cb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4767ac',endColorstr='#32a6cb',GradientType=1);
}

.iletisim-agi-ve-ses {
    background: #3f485c;
    background: linear-gradient(to right,#3f485c 0%,#6c7983 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f485c',endColorstr='#6c7983',GradientType=1);
}

.is-istasyonlari {
    background: #296466;
    background: linear-gradient(to right,#296466 0%,#5a9978 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#296466',endColorstr='#5a9978',GradientType=1);
}

.yeni-nesil-baski-hizmetleri {
    background: #27708d;
    background: linear-gradient(to right,#27708d 0%,#61b0b5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#27708d',endColorstr='#61b0b5',GradientType=1);
}

.subpage h2 {
    font-size: 22px;
    font-weight: 300;
    color: #404a55;
    margin-bottom: 15px;
}

.subpage h3 {
    font-size: 18px;
    font-weight: 300;
    color: #404a55;
    margin-bottom: 15px;
}

.subpage p {
    font-size: 15px;
    line-height: 27px;
    font-weight: 300;
    color: #6f7f8b;
    margin-bottom: 30px;
    text-align: left;
}

@media (min-width: 480px) {
    .subpage p {
        text-align: justify;
    }
}

.subpage p:last-child {
    margin-bottom: 0;
}

.subpage p strong {
    font-weight: 700;
}

.subpage p em {
    font-style: italic;
}

.subpage__content {
    width: 100%;
    float: left;
    background: #fff;
    padding: 35px 15px;
    text-align: left;
}

@media (min-width: 991px) {
    .subpage__content {
        padding: 15px;
    }
}

@media (min-width: 1025px) {
    .subpage__content {
        width: 74.80916%;
        padding: 65px 0 65px 100px;
        border-left: 1px solid #f5f5f5;
    }
}

@media (min-width: 480px) {
    .subpage__content {
        text-align: justify;
    }
}

.subpage__content-brochure {
    margin: 22px 0 15px;
}

.subpage__content-brochure-container {
    background: #f1f1f1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.subpage__content-brochure-thumbnail {
    width: 140px;
    height: auto;
}

.subpage__content-brochure-link-area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    padding: 0 10px;
}

.subpage__content-brochure-link-area-icon {
    width: 24px;
    margin-bottom: 12px;
}

.subpage__content-brochure-link-area a {
    color: #10a3e9;
    text-decoration: underline;
    line-height: 23px;
    font-size: 16px;
    text-align: center;
    max-width: 223px;
}

.subpage__content-text-title--heading2 {
    font-size: 22px;
    font-weight: 300;
    color: #404a55;
    margin-bottom: 15px;
}

.subpage__content-text-title--heading3 {
    font-size: 18px;
    font-weight: 300;
    color: #404a55;
    margin-bottom: 15px;
}

.subpage__content-text-paragraph {
    font-size: 15px;
    line-height: 27px;
    font-weight: 300;
    color: #6f7f8b;
    margin-bottom: 30px;
}

    .subpage__content-text-paragraph:last-child {
        margin-bottom: 0;
    }

    .subpage__content-text-paragraph strong {
        font-weight: 700;
    }

    .subpage__content-text-paragraph em {
        font-style: italic;
    }

.subpage__content-text-paragraph--border-bottom {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 30px;
}

.subpage__content-text-paragraph--preface {
    text-align: center;
    font-size: 24px;
    color: #e5403b;
    font-style: italic;
    padding: 60px 0;
}

.subpage__content-text-newsletter-title {
    color: #404a55;
    font-size: 18px;
    letter-spacing: .025em;
    line-height: 27px;
    font-weight: 300;
    min-height: 98px;
    max-height: 98px;
    padding: 30px 30px 0;
}

.subpage__content-heading-right-social {
    float: right;
    width: 100%;
    margin-top: 27px;
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .subpage__content-heading-right-social {
        float: right;
        width: auto;
        margin: 0;
    }
}

.subpage__content-heading-right-social .date {
    font-size: 15px;
    color: #91a4b3;
}

.subpage__content-heading-right-social .heading-list {
    width: auto;
    float: right;
    margin-top: -9px;
    margin-left: 44px;
}

@media (min-width: 1025px) {
    .subpage__content-heading-right-social .heading-list {
        margin-top: -11px;
    }
}

.subpage__content-heading-right-social .heading-list .social-list__item {
    padding: 14px 0;
    border-top: 0;
    border-left: 1px solid #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
}

@media (min-width: 768px) {
    .subpage__content-heading-right-social .heading-list .social-list__item {
        border-top: 1px solid #f5f5f5;
    }
}

.subpage__content-heading-right-social .heading-list .social-list__item:last-child {
    border-right: 1px solid #f5f5f5;
}

.subpage__content-clear-padding {
    padding: 35px 0;
    float: left;
    width: 100%;
}

.subpage__content-text-paragraph-images--right {
    width: auto;
    float: initial;
}

    .subpage__content-text-paragraph-images--right img {
        width: 100%;
    }

@media (min-width: 480px) {
    .subpage__content-text-paragraph-images--right {
        width: auto;
        float: right;
        margin-left: 20px;
    }

        .subpage__content-text-paragraph-images--right img {
            width: auto;
        }
}

.subpage__content-text-paragraph-images--left {
    width: auto;
    float: initial;
}

    .subpage__content-text-paragraph-images--left img {
        width: 100%;
    }

@media (min-width: 480px) {
    .subpage__content-text-paragraph-images--left {
        float: left;
        margin-right: 20px;
    }

        .subpage__content-text-paragraph-images--left img {
            width: auto;
        }
}

.subpage__content-text-list--style1 {
    width: 100%;
    float: left;
    margin: 0 0 30px;
    padding: 0;
}

    .subpage__content-text-list--style1 li {
        float: left;
        list-style: none;
        margin: 0;
        font-size: 15px;
        line-height: 27px;
        color: #91a4b3;
        width: 100%;
    }

        .subpage__content-text-list--style1 li a {
            font-size: 17px;
            font-weight: 300;
            color: #fff;
            background: #d4343d;
            padding: 0 30px;
            line-height: 42px;
            display: inline-block;
            transition: all .4s ease-in-out;
        }

            .subpage__content-text-list--style1 li a:hover {
                background: #1d1e1f;
            }

.subpage__content-text-list-item {
    float: left;
    list-style: none;
    margin: 0;
    font-size: 15px;
    line-height: 27px;
    color: #91a4b3;
    width: 100%;
}

.subpage__content-external-link {
    font-size: 17px;
    font-weight: 300;
    color: #fff;
    background: #d4343d;
    padding: 0 30px;
    line-height: 42px;
    display: inline-block;
    margin-bottom: 25px;
    transition: all .4s ease-in-out;
}

    .subpage__content-external-link:hover {
        background: #1d1e1f;
    }

@media (min-width: 350px) {
    .subpage__content-external-link {
        font-size: 18px;
    }
}

.subpage__content-external-link--block {
    display: block;
}

.subpage__content-text-list--style2 {
    width: auto;
    float: left;
    margin: 0 0 30px 25px;
    padding: 0;
}

    .subpage__content-text-list--style2 li {
        float: left;
        list-style: disc;
        margin: 0 0 30px;
        font-size: 15px;
        line-height: 27px;
        color: #91a4b3;
        width: 100%;
    }

        .subpage__content-text-list--style2 li:last-child {
            margin-bottom: 0;
        }

.subpage__content-text-list-item {
    float: left;
    list-style: disc;
    margin: 0 0 30px;
    font-size: 15px;
    line-height: 27px;
    color: #91a4b3;
    width: 100%;
}

    .subpage__content-text-list-item:last-child {
        margin-bottom: 0;
    }

.subpage__content-logo-list {
    width: 100%;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;
}

.subpage__content-logo-list-item {
    width: 49.61832%;
    height: 138px;
    line-height: 138px;
    float: initial;
    display: inline-block;
    margin: -4px -1px -4px -3px;
    border: 1px solid #f5f5f5;
}

@media (min-width: 480px) {
    .subpage__content-logo-list-item {
        width: 32.82443%;
        margin: -4px -2px -4px -3px;
    }
}

.subpage__content-logo-list-item:hover {
    cursor: pointer;
}

    .subpage__content-logo-list-item:hover .logo--grayscale {
        display: none;
    }

    .subpage__content-logo-list-item:hover .logo--color {
        display: block;
    }

.subpage__content-logo-list-item img {
    margin: 0 auto;
    max-width: 100px;
    opacity: 0;
    transition-delay: .5s;
    transition: .5s opacity;
}

@media (min-width: 320px) {
    .subpage__content-logo-list-item img {
        max-width: auto;
    }
}

.subpage__content-logo-list-item .logo--grayscale {
    display: block;
}

.subpage__content-logo-list-item .logo--color {
    display: none;
}

.subpage__content-link-image-list {
    width: 100%;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;
}

.subpage__content-link-image-list-item {
    width: 100%;
    float: left;
    list-style: none;
    position: relative;
    margin-bottom: 105px;
}

@media (min-width: 768px) {
    .subpage__content-link-image-list-item {
        width: 49.61832%;
    }
}

.subpage__content-link-image-list-item .link-image-list-item-border {
    width: 100%;
}

@media (min-width: 768px) {
    .subpage__content-link-image-list-item .link-image-list-item-border {
        width: auto;
    }
}

.subpage__content-link-image-list-item:nth-child(even) .link-image-list-item-border {
    float: right;
}

.subpage__content-link-image-list-item:nth-child(even) .subpage__content-link-image-list-item-link {
    right: 0;
}

@media (min-width: 350px) {
    .subpage__content-link-image-list-item:nth-child(even) .subpage__content-link-image-list-item-link {
        right: 7.63359%;
    }
}

.subpage__content-link-image-list-item:nth-child(odd) .link-image-list-item-border {
    float: left;
}

.subpage__content-link-image-list-item:nth-child(odd) .subpage__content-link-image-list-item-link {
    left: 0;
}

@media (min-width: 350px) {
    .subpage__content-link-image-list-item:nth-child(odd) .subpage__content-link-image-list-item-link {
        left: 7.63359%;
    }
}

.subpage__content-link-image-list-item .link-image-list-item-border {
    display: block;
    padding: 23px;
    border: 1px solid #f5f5f5;
}

.subpage__content-link-image-list-item-link {
    width: 100%;
    font-size: 13px;
    background: #d4343d;
    color: #fff;
    height: 64px;
    line-height: 64px;
    padding: 0 0 0 10px;
    position: absolute;
    bottom: -30px;
    text-align: left;
    transition: all .6s ease-in-out;
}

    .subpage__content-link-image-list-item-link:hover {
        box-shadow: inset 400px 0 0 0 #25292c;
    }

@media (min-width: 350px) {
    .subpage__content-link-image-list-item-link {
        font-size: 12px;
        width: 83.20611%;
        padding: 0 0 0 25px;
    }
}

@media (min-width: 425px) {
    .subpage__content-link-image-list-item-link {
        font-size: 14px;
    }
}

@media (min-width: 991px) {
    .subpage__content-link-image-list-item-link {
        font-size: 16px;
    }
}

.subpage__content-press-list {
    width: 100%;
    float: left;
    margin: 0;
    padding: 15px 0 60px;
}

.subpage__content-press-list-item {
    width: 100%;
    float: left;
    list-style: none;
    display: table;
    margin-bottom: 60px;
    max-height: 250px;
}

    .subpage__content-press-list-item:last-child {
        margin-bottom: 0;
    }

.subpage__content-press-list-item__detail {
    display: block;
    padding-right: 25px;
}

    .subpage__content-press-list-item__detail:last-child {
        margin-bottom: 20px;
    }

@media (min-width: 1025px) {
    .subpage__content-press-list-item__detail {
        display: inline-block;
    }
}

.subpage__content-press-list-item--left {
    float: left;
    width: 100%;
    display: table-cell;
}

    .subpage__content-press-list-item--left img {
        width: 100%;
        float: left;
    }

@media (min-width: 480px) {
    .subpage__content-press-list-item--left img {
        width: auto;
    }
}

@media (min-width: 480px) {
    .subpage__content-press-list-item--left {
        width: auto;
        margin-right: 30px;
    }
}

.subpage__content-press-list-item--center {
    float: left;
    width: 100%;
}

@media (min-width: 480px) {
    .subpage__content-press-list-item--center {
        width: 40%;
    }
}

@media only screen and (min-width: 769px) {
    .subpage__content-press-list-item--center {
        width: 50%;
    }
}

@media (min-width: 1025px) {
    .subpage__content-press-list-item--center {
        width: 60%;
    }
}

.subpage__content-press-list-item--right {
    float: right;
}

@media (min-width: 480px) {
    .subpage__content-press-list-item--right {
        width: auto;
    }
}

.subpage__content .list-newsletter-content {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.subpage__content .list-newsletter-content-item {
    list-style: none;
    float: left;
    width: 100%;
    padding: 0 15px;
    text-align: center;
    margin-bottom: 80px;
}

    .subpage__content .list-newsletter-content-item img {
        width: 100%;
    }

@media (min-width: 425px) {
    .subpage__content .list-newsletter-content-item {
        width: 50%;
    }

        .subpage__content .list-newsletter-content-item img {
            width: auto;
        }
}

@media (min-width: 480px) {
    .subpage__content .list-newsletter-content-item {
        width: 33.333333333333%;
    }
}

@media (min-width: 768px) {
    .subpage__content .list-newsletter-content-item {
        width: 25%;
    }
}

.subpage__content .external-link-icon {
    width: 60px;
    height: 64px;
    float: right;
    text-align: center;
    background: rgba(0,0,0,0.1);
}

    .subpage__content .external-link-icon img {
        width: 20px;
        height: 20px;
        float: left;
        margin: 22px 20px;
    }

.subpage__content-two-col {
    padding: 70px 0;
    overflow: hidden;
}

.subpage__content-two-text {
    width: 100%;
    float: left;
    text-align: justify;
    padding: 0 15px;
}

@media (min-width: 991px) {
    .subpage__content-two-text {
        width: 49.61832%;
    }

        .subpage__content-two-text:first-child {
            padding-right: 50px;
        }

        .subpage__content-two-text:last-child {
            padding-left: 50px;
        }
}

.mobile .subpage__content-press-list-item--center.middle, .mobile .subpage__content-press-list-item--left.middle {
    margin: 0 0 15px !important;
}

.mobile .subpage__content-press-list-item--right.middle {
    margin: 0 !important;
}

.absolute-text__content {
    width: 100%;
    float: left;
}

.absolute-text__content-item {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    margin-bottom: 80px;
}

@media (min-width: 768px) {
    .absolute-text__content-item {
        width: 100%;
        height: 312px;
    }
}

@media (min-width: 991px) {
    .absolute-text__content-item {
        height: 278px;
    }
}

.absolute-text__content-media {
    width: 100%;
    height: calc(100vw * 9 / 16);
    overflow: hidden;
}

@media (min-width: 768px) {
    .absolute-text__content-media {
        width: 80%;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 1;
    }
}

@media (min-width: 991px) {
    .absolute-text__content-media {
        width: 52%;
    }
}

@media (min-width: 1025px) {
    .absolute-text__content-media {
        width: 66.41221%;
    }
}

@media (min-width: 1366px) {
    .absolute-text__content-media {
        width: 65%;
    }
}

.absolute-text__content-media video {
    height: 100%;
}

@media (min-width: 768px) {
    .absolute-text__content-media video {
        width: 100%;
    }
}

.absolute-text__content-media .section-multimedia__play {
    z-index: 5;
    width: 53px;
    height: 53px;
    margin: -136.5px 0 0 -26.5px;
    top: calc(100vw * 9/16);
}

@media (min-width: 480px) {
    .absolute-text__content-media .section-multimedia__play {
        margin-top: -26.5px;
        margin-left: -53px;
        left: 41.22137%;
        top: 50%;
    }
}

.absolute-text__content-media.absolute__item-right .section-multimedia__play {
    top: calc(100vw * 9/16);
    margin: -136.5px 0 0 -26.5px;
}

@media (min-width: 480px) {
    .absolute-text__content-media.absolute__item-right .section-multimedia__play {
        margin: -26.5px -26.5px 0 0;
        left: initial;
        right: 41.22137%;
        top: 50%;
    }
}

.absolute-text__content-mask {
    width: 100%;
    height: calc(100vw * 9 / 16);
    background: rgba(29,30,31,0.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

@media (min-width: 768px) {
    .absolute-text__content-mask {
        width: 100%;
        height: 100%;
    }
}

.absolute-text__content-text {
    width: 100%;
    height: auto;
    z-index: 3;
    padding: 30px;
}

@media (min-width: 768px) {
    .absolute-text__content-text {
        width: 49.61832%;
        position: absolute;
        top: 0;
    }
}

@media (min-width: 425px) {
    .absolute-text__content-text {
        padding: 40px 59px 25px 65px;
    }
}

.absolute-text__content-text .subpage__content-text-paragraph {
    font-size: 14px;
    text-align: left;
}

.absolute-text__content .absolute__item-left {
    left: 0;
}

.absolute-text__content .absolute__item-right {
    right: 0;
}

.subpage {
    width: 100%;
    background: #fff;
}

.subpage__author {
    text-align: right;
    padding-top: 70px;
}

    .subpage__author p {
        margin-bottom: 0;
    }

.subpage__tags {
    padding-top: 70px;
}

.subpage .section-box {
    padding: 35px 0;
    margin: 0;
}

.subpage .section-box-slider {
    padding: 35px 0 70px;
}

.color--white {
    color: #fff !important;
}

.color--pink {
    color: #ffc0e6;
}

.two-images-wrapper {
    width: 100%;
    padding: 35px 0;
    overflow: hidden;
}

.two-images-right-content {
    float: left;
    margin: 35px 0;
}

.two-images-right {
    width: 100%;
    padding-right: 25px;
    text-align: justify;
}

@media (min-width: 991px) {
    .two-images-right {
        padding-top: 145px;
        width: 41.22137%;
        float: right;
    }
}

.two-images--right {
    width: 100%;
}

    .two-images--right img {
        width: 100%;
    }

@media (min-width: 991px) {
    .two-images--right {
        width: 58.01527%;
        float: right;
    }
}

.two-images-left-content {
    float: left;
    margin: 35px 0;
}

.two-images-left {
    width: 100%;
    padding-left: 25px;
    text-align: justify;
}

@media (min-width: 991px) {
    .two-images-left {
        padding-top: 145px;
        width: 41.22137%;
        float: left;
    }
}

.two-images--left img {
    width: 100%;
}

@media (min-width: 991px) {
    .two-images--left {
        width: 58.01527%;
        float: left;
    }
}

.two-images-right h2, .two-images-left h2 {
    font-size: 22px;
    font-weight: 300;
    color: #404a55;
    margin-bottom: 15px;
}

.two-images-right h3, .two-images-left h3 {
    font-size: 18px;
    font-weight: 300;
    color: #404a55;
    margin-bottom: 15px;
}

.two-images-right p, .two-images-left p {
    font-size: 15px;
    line-height: 27px;
    font-weight: 300;
    color: #6f7f8b;
    margin-bottom: 30px;
}

    .two-images-right p:last-child, .two-images-left p:last-child {
        margin-bottom: 0;
    }

    .two-images-right p strong, .two-images-left p strong {
        font-weight: 700;
    }

.bottom-title-image__parts {
    float: left;
    margin: 35px 0;
}

.bottom-title-image__image-wrapper {
    width: 100%;
}

@media (min-width: 480px) {
    .bottom-title-image__image-wrapper {
        width: 50%;
    }
}

.bottom-title-image__image-wrapper img {
    width: 100%;
}

@media (min-width: 480px) {
    .bottom-title-image__image-wrapper img {
        width: auto;
    }
}

.bottom-title-image__image-wrapper.paragraf-mix {
    width: 100%;
    padding-bottom: 20px;
}

@media (min-width: 480px) {
    .bottom-title-image__image-wrapper.paragraf-mix {
        width: 55%;
    }
}

.bottom-title-image__image-wrapper--left {
    float: left;
}

.bottom-title-image__image-wrapper--right {
    float: right;
}

    .bottom-title-image__image-wrapper--right img {
        float: none;
    }

@media (min-width: 480px) {
    .bottom-title-image__image-wrapper--right img {
        float: right;
    }
}

.bottom-title-image__image-wrapper--right .bottom-title-image__image-content {
    float: none;
    margin: 0 auto;
    margin-top: -20px;
}

@media (min-width: 480px) {
    .bottom-title-image__image-wrapper--right .bottom-title-image__image-content {
        float: right;
        margin: -45px 45px 0 0;
    }
}

.bottom-title-image__text-wrapper {
    width: 100%;
    padding-top: 50px;
}

@media (min-width: 480px) {
    .bottom-title-image__text-wrapper {
        width: 45%;
    }
}

.bottom-title-image__text-wrapper--right {
    float: right;
}

.bottom-title-image__text-wrapper--left {
    float: left;
}

.bottom-title-image__text-wrapper.paragraf-mix {
    width: 100%;
    float: none;
}

.bottom-title-image__image-content {
    width: 90%;
    height: 85px;
    padding: 12px 20px;
    color: #fff;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    margin-top: -20px;
    display: table;
}

@media (min-width: 480px) {
    .bottom-title-image__image-content {
        width: 330px;
        margin: -45px 0 0 45px;
        padding: 12px 45px;
    }
}

.bottom-title-image__image-content--echo-blue {
    background-color: #99aad5;
}

.bottom-title-image__image-content--yellow-green {
    background-color: #a0c333;
}

.bottom-title-image__image-content--orange {
    background-color: #ffa800;
}

.bottom-title-image__image-content--summer-sky {
    background-color: #3598db;
}

.bottom-title-image__image-content--mango-tango {
    background-color: #ee7000;
}

.bottom-title-image__image-content--cerise {
    background-color: #d6235f;
}

.bottom-title-image__image-content--mantis {
    background-color: #78bd61;
}

.bottom-title-image__content-title {
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 0;
}

.bottom-title-image__content-desc {
    font-weight: 100;
    font-size: 15px;
}

    .bottom-title-image__content-desc.only-text {
        display: table-cell;
        vertical-align: middle;
    }

.document-download-wrapper {
    width: 100%;
    overflow: hidden;
    padding: 70px 0;
    background: #6d214f;
}

.document-download-img {
    float: left;
    margin-right: 48px;
}

.document-download-wrapper .color--white {
    color: #fff;
    margin-top: 23px;
    float: left;
}

.document-download-wrapper .color--pink {
    color: #ffc0e6;
    float: left;
    width: 70%;
}

@media (min-width: 991px) {
    .document-download-wrapper .color--pink {
        width: 80%;
    }
}

.tab-content-text {
    opacity: 0;
    margin-top: 15px;
    float: left;
    padding: 35px 0 0;
    animation: fadeInTranslate 1s;
    animation-duration: 1s;
    animation-fill-mode: both;
}

    .tab-content-text h2 {
        font-size: 22px;
        font-weight: 300;
        color: #404a55;
        margin-bottom: 15px;
    }

    .tab-content-text.not-tab-content {
        padding: 0;
    }

        .tab-content-text.not-tab-content ul li {
            margin-bottom: 5px;
        }

.tab-content.js-active .tab-content-text {
    animation-delay: .1s;
}

.tab-content.js-active .informations-wrapper {
    animation-delay: .1s;
}

.image-slider-wrapper {
    height: auto;
    margin: 0 0 70px;
    position: relative;
}

@media (min-width: 480px) {
    .image-slider-wrapper {
        height: 470px;
        margin: 0 0 70px -100px;
    }
}

.image-slider-wrapper .js-images-slider__item {
    position: relative;
    padding-bottom: 70px;
}

.image-slider-wrapper .js-images-slider__image-wrapper img {
    width: 100%;
}

@media (min-width: 480px) {
    .image-slider-wrapper .js-images-slider__image-wrapper img {
        width: auto;
    }
}

.image-slider-wrapper .js-images-slider__content-wrapper {
    width: 100%;
    position: relative;
    right: 0;
    bottom: 0;
    padding: 40px 35px 90px;
    text-align: justify;
}

.image-slider-wrapper .js-images-slider__content-wrapper--dodger-blue {
    background-color: #10a3e9;
}

.image-slider-wrapper .js-images-slider__content-wrapper--salt-box {
    background-color: #72606e;
}

@media (min-width: 480px) {
    .image-slider-wrapper .js-images-slider__content-wrapper {
        width: 480px;
        position: absolute;
        padding: 40px 55px 110px;
        bottom: -40px;
    }
}

.image-slider-wrapper .js-images-slider__title {
    text-align: right;
    font-size: 90px;
    color: #fff;
    line-height: 90px;
    font-family: "Poppins-Regular",sans-serif;
    font-weight: 700;
    letter-spacing: -9px;
}

.image-slider-wrapper .js-images-slider__content {
    color: #fff;
    font-size: 15px;
    font-weight: 100;
}

    .image-slider-wrapper .js-images-slider__content ul li {
        color: #fff !important;
    }

.section-multimedia__career-box .box-list__title {
    margin-bottom: 0;
    line-height: 53px;
}

.section-multimedia__career-box .box-list__content {
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: 300;
}

.section-multimedia__career-box .subpage__content-text-title--heading2 {
    font-size: 30px;
    line-height: 27px;
    margin-bottom: 30px;
}

.events__content {
    position: relative;
    overflow: hidden;
    width: 100%;
}

@media only screen and (min-width: 1025px) {
    .events__content:after {
        content: '';
        width: 100%;
        height: 559px;
        background: #d0303d;
        background: linear-gradient(to right,#d0303d 0%,#ea433b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0303d',endColorstr='#ea433b',GradientType=1);
        position: absolute;
        top: 60px;
        left: 0;
        z-index: 0;
    }
}

.events__content .section-box__nav {
    float: right;
    width: auto;
}

@media only screen and (max-width: 1024px) {
    .events__content .section-box__nav {
        width: 100%;
        float: left;
    }
}

.events__content .section-box__content-wrapper {
    position: relative;
    z-index: 11;
}

.image__slider {
    width: 100%;
    height: auto;
    margin: 50px 0 0;
    float: left;
    padding-bottom: 120px;
}

    .image__slider .slick-dots {
        bottom: 60px;
    }

.img-responsive {
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.text-color--red {
    color: #da2c34 !important;
}

.text-color--white {
    color: #fff !important;
}

.background-color--red {
    background: #da2c34 !important;
}

.background-color--grey {
    background: #f5f5f5 !important;
}

.background-color--black {
    background: #000;
}

.tab__item-color--crimson:after {
    background: #e33e42 !important;
}

.no-top-paddings {
    padding-top: 0;
}

.padding-right-125 {
    padding-right: 125px;
}

.border-bottom {
    padding-bottom: 15px;
    border-bottom: 1px solid #f5f5f5;
}

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

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

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

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

.chat {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 320px;
    max-height: 0;
    z-index: 999999;
    background: #fff;
    transition: all .8s linear;
    animation-duration: .8s;
    animation-fill-mode: both;
    transition-timing-function: cubic-bezier(0,1,1.5,1);
    overflow: hidden;
}

    .chat iframe {
        width: 100%;
        height: 240px;
        visibility: hidden;
        display: none;
    }

@media (min-width: 425px) {
    .chat iframe {
        height: 380px;
    }
}

.chat.js-active {
    max-height: 240px;
}

@media (min-width: 425px) {
    .chat.js-active {
        max-height: 400px;
    }
}

.chat.js-active iframe {
    visibility: visible;
    display: block;
}

.chat-icon-open {
    width: 50px;
    height: 50px;
    background: transparent url(../../uploads/chat-icon.svg) no-repeat top left;
    position: fixed;
    bottom: 80px;
    right: 20px;
    z-index: 999;
    transition: all .3s ease-in-out;
    -ms-transform: scale(1,1);
    transform: scale(1,1);
}

@media (min-width: 425px) {
    .chat-icon-open {
        width: 75px;
        height: 75px;
        right: 50px;
    }
}

@media (min-width: 1650px) {
    .chat-icon-open {
        bottom: 20px;
        right: 20px;
    }
}

.chat-icon-open:hover {
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3);
}

.main-wrapper--apple .section-title {
    font-size: 38px;
    color: #dce4ef;
}

    .main-wrapper--apple .section-title strong {
        color: #10a3e9;
    }

.main-wrapper--apple .section-subtitle {
    color: #fff;
    font-size: 18px;
    line-height: 27px;
}

.apple-intro {
    background: linear-gradient(to bottom,rgba(0,0,0,0.6),rgba(0,0,0,0.4) 100%);
    height: 650px;
    width: 100%;
    background-size: cover;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
}

.apple-intro__content {
    max-width: 580px;
}

.apple-intro__content-logo {
    max-width: 320px;
    height: auto;
}

@media only screen and (max-width: 600px) {
    .apple-intro__content .section-title {
        font-size: 24px;
        line-height: 31px;
    }
}

.apple-platform {
    height: 650px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.apple-platform__content {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
}

    .apple-platform__content .section-title {
        font-size: 38px;
        color: #323a45;
    }

    .apple-platform__content .section-subtitle {
        font-size: 18px;
        line-height: 27px;
        color: #323a45;
    }

    .apple-platform__content img {
        width: 100px;
        height: auto;
    }

.apple-platform__content-list {
    text-align: left;
    list-style-type: disc;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .apple-platform__content-list li {
        margin-top: 10px;
        font-weight: 600;
    }

.apple-solutions {
    padding: 70px 0 100px;
}

    .apple-solutions .section-title {
        color: #323a45;
        margin: 0 auto;
        max-width: 600px;
        margin-bottom: 30px;
    }

.apple-solutions__solutions-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.apple-solutions__solutions-wrapper-solution {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    max-width: 300px;
    margin-top: 30px;
}

    .apple-solutions__solutions-wrapper-solution img {
        width: 100%;
        height: auto;
    }

    .apple-solutions__solutions-wrapper-solution span {
        margin-top: 20px;
    }

.apple-applications {
    height: auto;
    width: 100%;
    padding-bottom: 100px;
    background-size: cover;
}

    .apple-applications .section-title {
        color: #323a45;
        max-width: 300px;
        font-size: 42px;
    }

.apple-applications__container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: end;
    align-items: flex-end;
}

.apple-applications__app-list {
    margin-top: 60px;
    min-width: 420px;
}

    .apple-applications__app-list:first-child {
        margin-top: 0;
    }

.apple-applications__app-list-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}

.apple-applications__app-list-img-group {
    margin-top: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

    .apple-applications__app-list-img-group img {
        margin-left: 5px;
        width: 65px;
        height: auto;
    }

        .apple-applications__app-list-img-group img:first-child {
            margin-left: 0;
        }

@media only screen and (max-width: 1024px) {
    .apple-applications {
        background: #f1f1f1 !important;
        text-align: center;
    }

        .apple-applications .section-title {
            max-width: 100%;
            padding: 50px 0;
        }

    .apple-applications__container {
        -ms-flex-align: center;
        align-items: center;
    }

    .apple-applications__app-list {
        min-width: 300px;
        text-align: center;
    }

    .apple-applications__app-list-img-group {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.apple-service {
    height: auto;
    padding: 100px 0;
    width: 100%;
    background-size: cover;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.apple-service__content {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
}

    .apple-service__content .section-title {
        color: #323a45;
    }

    .apple-service__content a {
        color: #6f7f8b;
        text-decoration: underline;
    }

    .apple-service__content p {
        margin-top: 15px;
    }

.apple-service__content-list {
    text-align: left;
    list-style-type: disc;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .apple-service__content-list li {
        margin-top: 10px;
        font-weight: 600;
    }

        .apple-service__content-list li:first-child {
            list-style: none;
            color: #323a45;
            font-size: 24px;
            margin-bottom: 15px;
        }

.apple-service__content-image-group img {
    margin-top: 40px;
}

    .apple-service__content-image-group img:nth-child(2) {
        margin: 40px 20px 0;
    }

.main-wrapper--dell .dell-banner {
    margin-top: 70px;
}

    .main-wrapper--dell .dell-banner img {
        width: 100%;
        height: auto;
        vertical-align: middle;
        background: #ebf1f5;
    }

.main-wrapper--dell .section-title {
    font-size: 24px;
    color: #4773aa;
    font-weight: 400;
}

.main-wrapper--dell p {
    max-width: 1100px;
}

.main-wrapper--dell .icon-list {
    padding: 0;
}

.main-wrapper--dell .icon-list__item {
    max-width: 1100px;
    list-style: none;
    text-align: justify;
}

    .main-wrapper--dell .icon-list__item img {
        vertical-align: middle;
        margin-right: 15px;
    }

.dell-intro {
    background: #ebf1f5;
    padding-bottom: 50px;
}

.dellemc {
    padding: 30px 0;
    position: relative;
}

.dellemc__icon-group {
    position: absolute;
    right: 100px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.dellemc .icon-list {
    text-align: justify;
    padding-left: 30px;
}

.dellemc .icon-list__item {
    margin-top: 12px;
}

.dellemc p:last-child {
    color: #4773aa;
}

.advantage {
    padding: 40px 0;
    background: #f0f0f0;
}

    .advantage h1 {
        padding-bottom: 23px;
        max-width: 282px;
    }

@media only screen and (max-width: 875px) {
    .advantage h1 {
        margin: auto;
    }
}

.advantage .list-wrapper {
    display: -ms-flexbox;
    display: flex;
}

    .advantage .list-wrapper .icon-list {
        display: inline-block;
        margin-right: 100px;
    }

        .advantage .list-wrapper .icon-list:last-child {
            margin-right: 0;
        }

@media only screen and (max-width: 875px) {
    .advantage .list-wrapper {
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .advantage .list-wrapper .icon-list {
            display: block;
            margin: 0 auto;
        }

            .advantage .list-wrapper .icon-list:last-child {
                margin: 10px auto;
            }
}

.yardim-masasi {
    margin: 100px 0 150px;
}

.yardim-masasi__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.yardim-masasi__video {
    width: 50%;
    padding: 20px;
}

    .yardim-masasi__video iframe {
        width: 100%;
        min-height: 300px;
        height: auto;
        margin: 0 auto;
        border: 2px solid #dce4ef;
        border-radius: 3px;
    }

@media only screen and (max-width: 768px) {
    .yardim-masasi__video {
        width: 100%;
    }
}

.yardim-masasi__text {
    width: 50%;
    padding: 20px;
}

@media only screen and (max-width: 768px) {
    .yardim-masasi__text {
        width: 100%;
    }
}

.page-history .section-multimedia__bottom {
    left: auto;
    right: 35px;
    bottom: 70px;
}

@media (min-width: 480px) {
    .page-history .section-multimedia__bottom {
        bottom: 0;
        right: 55px;
    }
}

.image-slider-wrapper .section-multimedia__bottom {
    left: auto;
    right: 50%;
    bottom: 70px;
    margin-right: -70px;
}

@media (min-width: 425px) {
    .image-slider-wrapper .section-multimedia__bottom {
        left: auto;
        right: 35px;
        bottom: 0;
        margin-right: 0;
    }
}

.special-map {
    height: 500px !important;
}

.map-container {
    width: 100%;
    height: 350px;
    margin: 70px 0 75px;
}

    .map-container #map {
        width: 100%;
        height: 100%;
    }

    .map-container .sketch-download-content {
        text-align: center;
        padding: 10px 0;
    }

    .map-container .sketch-download-content__button {
        color: #fff;
        transition: all .3s ease-in-out;
        background: #e6403b;
        color: #fff;
        padding: 10px 50px;
        line-height: 30px;
        display: inline-block;
        font-size: 1rem;
    }

        .map-container .sketch-download-content__button:hover {
            background: #1d1e1f;
        }

.informations-wrapper {
    width: 100%;
    padding: 15px 0;
    opacity: 0;
    animation: fadeInTranslate 1s;
    animation-duration: 1s;
    animation-fill-mode: both;
}

@media (min-width: 991px) {
    .informations-wrapper {
        padding: 30px 0;
    }
}

.informations-wrapper__address-line {
    width: 100%;
    display: block;
    vertical-align: top;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px dashed #91a4b3;
}

@media (min-width: 991px) {
    .informations-wrapper__address-line {
        width: 53%;
        display: inline-block;
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }
}

.informations-wrapper__address-line h2 {
    margin-bottom: 30px;
}

.informations-wrapper__address-line p {
    margin-bottom: 0;
}

.informations-wrapper__information-line {
    width: 100%;
    display: block;
    vertical-align: top;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px dashed #91a4b3;
}

@media (min-width: 991px) {
    .informations-wrapper__information-line {
        width: 23%;
        display: inline-block;
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }
}

.informations-wrapper__information-line:last-child {
    border-bottom: none;
}

.informations-wrapper__sub-title {
    font-weight: 700;
}

.activities-detail-wrapper .subpage__content-text-paragraph {
    margin-bottom: 0;
}

.page-awards {
    margin-top: -70px;
    padding-bottom: 0;
}

    .page-awards .image-slider-wrapper {
        height: 100%;
        margin: 70px 0;
    }

@media (min-width: 1025px) {
    .page-awards .image-slider-wrapper {
        margin: 0 0 70px -100px;
    }
}

.page-awards .js-images-slider__item {
    padding-bottom: 0;
}

.page-awards .js-images-slider__image-wrapper {
    width: 100%;
    height: auto;
}

@media (min-width: 480px) {
    .page-awards .js-images-slider__image-wrapper {
        height: 400px;
    }
}

.page-awards .js-images-slider__content-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    float: left;
    bottom: 0;
    text-align: center;
    padding: 40px 5px 90px;
}

@media (min-width: 480px) {
    .page-awards .js-images-slider__content-wrapper {
        padding: 40px 35px 90px;
    }
}

.page-awards .js-images-slider__content-wrapper ul, .page-awards .js-images-slider__content-wrapper li {
    list-style: none;
    line-height: 27px;
    padding: 0;
}

.page-awards .js-images-slider__title {
    text-align: center;
    padding-bottom: 20px;
}

.page-awards .section-multimedia__bottom {
    left: 50%;
    margin-left: -70px;
    bottom: 0;
}

.search-result .search-result-item {
    padding-bottom: 50px;
}

@media (min-width: 1025px) {
    .search-result .search-result-item {
        padding-bottom: 100px;
    }
}

.search-result .button--cyan {
    width: 184px;
    height: 50px;
    font-size: 13px;
    margin: 0 auto;
    display: block;
}

@media (min-width: 768px) {
    .search-result .button--cyan {
        margin: 0;
    }
}

.section-banner-mix-wrapper {
    width: 100%;
    height: 100%;
    padding-top: 30px;
    overflow: hidden;
}

@media (min-width: 991px) {
    .section-banner-mix-wrapper {
        height: 400px;
    }
}

.section-banner-mix-wrapper__text-area {
    width: 100%;
    height: auto;
    display: inline-block;
    float: left;
    padding: 60px 30px;
    position: relative;
}

@media (min-width: 991px) {
    .section-banner-mix-wrapper__text-area {
        width: 25%;
        height: 100%;
        padding: 30px;
    }
}

.section-banner-mix-wrapper__text-area--cinnebar {
    background-color: #e5403b;
}

.section-banner-mix-wrapper__visual-area {
    width: 100%;
    height: 100%;
    display: inline-block;
    float: left;
}

@media (min-width: 991px) {
    .section-banner-mix-wrapper__visual-area {
        width: 75%;
    }
}

.section-banner-mix-wrapper__visual-area img {
    width: 100%;
    height: auto;
}

@media (min-width: 991px) {
    .section-banner-mix-wrapper__visual-area img {
        height: 100%;
    }
}

.section-banner-mix-wrapper__date {
    font-size: 12px;
    font-style: italic;
    padding-bottom: 25px;
    color: #fff;
}

@media (min-width: 991px) {
    .section-banner-mix-wrapper__date {
        padding-bottom: 55px;
    }
}

.section-banner-mix-wrapper__heading2 {
    padding-bottom: 10px;
    color: #fff !important;
    font-size: 22px;
    font-weight: 300;
}

.section-banner-mix-wrapper__text-paragraph {
    line-height: 20px;
    font-size: 13px;
    color: #fff !important;
    text-align: left;
}

@media (min-width: 480px) {
    .section-banner-mix-wrapper__text-paragraph {
        text-align: justify;
    }
}

.section-banner-mix-wrapper .section-multimedia__more {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 13px;
}

    .section-banner-mix-wrapper .section-multimedia__more a {
        height: 50px;
        padding: 17px 50px;
    }

.error-page-content {
    padding-top: 50px;
}

.error-page-content__banner-text {
    display: block;
    font-weight: 500;
    font-size: 19px;
}

@media (min-width: 768px) {
    .error-page-content__banner-text {
        font-size: 24px;
    }
}

.error-page-content__banner-text--red {
    color: #e5403b;
}

.error-page-content__error-message {
    width: 80%;
    font-size: 15px;
    line-height: 27px;
    font-weight: 300;
    color: #91a4b3;
    padding: 40px 0;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .error-page-content__error-message {
        width: 60%;
    }
}

.error-page-content__search-input-wrapper {
    width: 80%;
    display: block;
    overflow: hidden;
    margin: 0 auto;
}

.error-page-content__search-label {
    font-size: 22px;
    letter-spacing: .027em;
    color: #404a55;
    font-weight: 300;
    float: left;
    width: 100%;
    text-align: left;
}

.error-page-content__search-input {
    font-size: 15px;
    color: #7393ab;
    font-weight: 300;
    float: left;
    width: 100%;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #c8d8e3;
    padding: 10px 0;
    outline: none;
}

.error-page-content__homepage-button {
    text-align: center;
    padding: 80px 0;
    display: inline-block;
}

.error-page-content__icon-wrapper {
    width: 20px;
    height: 20px;
    position: relative;
    float: right;
}

.error-page-content__search-icon {
    fill: #e5413c;
    position: absolute;
    right: 10px;
    top: -35px;
}

.trend__content-digital-transformation {
    width: 100%;
    height: auto;
    min-height: 1610px;
    overflow: hidden;
    position: relative;
    padding: 110px 0;
    background: #3d3192;
    background-image: url(../../uploads/trendler/digital-transformation.png),url(../../uploads/trendler/digital-transformation-2.png),linear-gradient(0deg,#3d3192 0%,#2b1d79 27%,#2b1d79 47%,#2b1d79 58%);
    background-repeat: no-repeat,no-repeat;
    background-position: bottom center,right -398px;
    background-size: 100% auto,auto;
}

@media only screen and (max-width: 769px) {
    .trend__content-digital-transformation {
        background-position: bottom center,right 200px;
    }
}

@media only screen and (max-width: 480px) {
    .trend__content-digital-transformation {
        background-position: bottom left,-420px 280px;
        background-size: 900px auto,auto;
        padding: 35px 0 160px;
    }
}

.trend__content-digital-transformation h2 {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 35px;
    line-height: 38px;
    position: relative;
    padding-bottom: 25px;
    font-weight: 300;
    margin-bottom: 35px;
}

@media only screen and (max-width: 480px) {
    .trend__content-digital-transformation h2 {
        font-size: 25px;
        line-height: 28px;
    }
}

.trend__content-digital-transformation h2:after {
    content: '';
    width: 20%;
    height: 3px;
    background: #4dd5fc;
    position: absolute;
    bottom: 0;
    left: 0;
}

.trend__content-digital-transformation p {
    font-size: 15px;
    line-height: 27px;
    margin-bottom: 25px;
    font-weight: 300;
    color: #fff;
}

.trend__content-two-left {
    width: 49.61832%;
    float: left;
    padding-right: 30px;
    clear: both;
    margin-bottom: 220px;
    margin-top: 30px;
}

@media only screen and (max-width: 1600px) {
    .trend__content-two-left {
        padding-right: 105px;
    }
}

@media only screen and (max-width: 769px) {
    .trend__content-two-left {
        width: 100%;
        margin-bottom: 35px;
        padding-right: 0;
    }
}

.trend__content-right-image {
    width: 846px;
    display: block;
    position: absolute;
    top: -122px;
    right: 0;
    z-index: 1;
}

@media only screen and (max-width: 1025px) {
    .trend__content-right-image {
        width: 600px;
        top: 0;
    }
}

@media only screen and (max-width: 769px) {
    .trend__content-right-image {
        width: 120%;
        float: right;
        position: initial;
        margin-right: -20%;
    }
}

.trend__content-tree-left {
    width: 32.82443%;
    float: left;
    padding-right: 7.63359%;
    clear: both;
    margin-top: 125px;
}

@media only screen and (max-width: 480px) {
    .trend__content-tree-left {
        margin-top: 35px;
        width: 100%;
    }
}

.trend__content-tree-right {
    width: 66.41221%;
    float: left;
}

@media only screen and (max-width: 480px) {
    .trend__content-tree-right {
        width: 100%;
    }
}

.trend__content-box {
    width: 48%;
    min-height: 640px;
    margin: 0 1%;
    float: left;
    background: #fff;
    padding: 35px;
    position: relative;
    z-index: 4;
}

    .trend__content-box p {
        color: #91a4b3;
    }

@media only screen and (max-width: 480px) {
    .trend__content-box {
        width: 100%;
        margin: 0 0 35px;
    }
}

.trend__content-icon {
    width: 82px;
    height: 82px;
    padding: 6px;
    margin-bottom: 25px;
}

    .trend__content-icon svg {
        height: 64px;
        fill: #00abd5;
    }

.trend__content .highlights.trend-digital-transformation .block-content {
    width: 100%;
    float: left;
    overflow: hidden;
    text-align: left;
    margin-bottom: 90px;
}

    .trend__content .highlights.trend-digital-transformation .block-content p {
        padding: 0;
        margin-left: 0;
        margin-bottom: 15px;
        width: auto;
    }

    .trend__content .highlights.trend-digital-transformation .block-content .subpage__content-text-paragraph-images--right {
        margin-left: 0;
        width: auto;
        margin-top: 0;
    }

@media (min-width: 480px) {
    .trend__content .highlights.trend-digital-transformation .block-content .subpage__content-text-paragraph-images--right {
        margin-left: 90px;
        width: 40%;
        margin-top: 150px;
    }
}

@media (min-width: 991px) {
    .trend__content .highlights.trend-digital-transformation .block-content .subpage__content-text-paragraph-images--right {
        width: auto;
        margin-top: 0;
    }
}

.trend__content .highlights.trend-digital-transformation .block-content .subpage__content-text-paragraph-images--right img {
    width: 100%;
}

.trend__content .highlights.trend-digital-transformation .block-content .trend__content-icon {
    margin-top: 50px;
}

.trend__content .highlights.trend-digital-transformation .js-box-carousel {
    width: 100%;
    float: left;
}

.trend__content .highlights.trend-digital-transformation .slick-dots button {
    background-color: rgba(19,15,60,0.1);
}

.trend__content .highlights.trend-digital-transformation .slick-active button {
    background-color: #130f3c;
}

.trend__content .highlights.trend-digital-transformation .section-box__item {
    max-width: 95vw;
}

@media only screen and (max-width: 1024px) {
    .trend__content .highlights.trend-digital-transformation .section-box__item {
        max-width: 316px;
    }
}

@media only screen and (max-width: 769px) {
    .trend__content .highlights.trend-digital-transformation .section-box__item {
        max-width: 366px;
    }
}

@media only screen and (max-width: 480px) {
    .trend__content .highlights.trend-digital-transformation .section-box__item {
        min-width: 90vw;
    }
}

.trend-digital-transformation--paua {
    background: -webkit-radial-gradient#000;
    background: radial-gradient(at right 55%,#01c9fb 0%,#23245b 63%);
    padding-top: 100px;
}

@media (min-width: 768px) {
    .trend-digital-transformation--paua {
        background: -webkit-radial-gradient#000;
        background: radial-gradient(at right 35%,#01c9fb 0%,#23245b 63%);
    }
}

.trend-digital-transformation--paua .trend-digital-bigger-heading {
    font-size: 10vw;
    line-height: 10.5vw;
    font-weight: 300;
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
}

@media (min-width: 480px) {
    .trend-digital-transformation--paua .trend-digital-bigger-heading {
        font-size: 6vw;
        line-height: 7vw;
    }
}

@media (min-width: 1025px) {
    .trend-digital-transformation--paua .trend-digital-bigger-heading {
        font-size: 70px;
        line-height: 80px;
    }
}

.trend-digital-transformation--paua .trend-digital-bigger-desc {
    font-size: 6vw;
    line-height: 6.5vw;
    color: #91a4b3;
    text-align: center;
    font-weight: 100;
}

@media (min-width: 480px) {
    .trend-digital-transformation--paua .trend-digital-bigger-desc {
        font-size: 3vw;
        line-height: 4vw;
    }
}

@media (min-width: 1025px) {
    .trend-digital-transformation--paua .trend-digital-bigger-desc {
        font-size: 32px;
        line-height: 38px;
    }
}

.trend-digital-transformation--paua .block-content {
    width: 100%;
    float: left;
    padding: 50px 0 60px;
}

@media (min-width: 480px) {
    .trend-digital-transformation--paua .block-content {
        padding: 106px 0 170px;
    }
}

.trend-digital-transformation--paua .trend__content-tree-left {
    width: 100%;
    padding: 0 15px;
    margin: 0;
    clear: initial;
}

@media (min-width: 1025px) {
    .trend-digital-transformation--paua .trend__content-tree-left {
        width: 66.41221%;
        padding: 0;
    }
}

.trend-digital-transformation--paua .subpage__content-text-paragraph-images--right {
    padding: 0;
    width: 100%;
    margin: 60px auto;
    float: left;
    text-align: center;
}

    .trend-digital-transformation--paua .subpage__content-text-paragraph-images--right img {
        width: 90%;
    }

@media (min-width: 480px) {
    .trend-digital-transformation--paua .subpage__content-text-paragraph-images--right img {
        width: auto;
    }
}

@media (min-width: 1025px) {
    .trend-digital-transformation--paua .subpage__content-text-paragraph-images--right {
        width: 32.82443%;
        float: right;
        margin: 120px 0 0;
    }
}

.trend-digital-transformation--paua .trend__content-box {
    min-height: auto;
    padding-bottom: 50px;
}

.two-images-wrapper.trend__content-smart-cities img {
    transition: .5s opacity;
}

    .two-images-wrapper.trend__content-smart-cities img.active {
        opacity: 1;
    }

.two-images-wrapper.trend__content-smart-cities .two-images-right-content {
    margin-bottom: 0;
}

.two-images-wrapper.trend__content-smart-cities .two-images-left-content {
    margin-top: -185px;
}

@media only screen and (max-width: 1024px) {
    .two-images-wrapper.trend__content-smart-cities .two-images-left-content {
        margin-top: -158px;
    }
}

@media only screen and (max-width: 769px) {
    .two-images-wrapper.trend__content-smart-cities .two-images-left-content {
        margin-top: 35px;
    }
}

.two-images-wrapper.trend__content-smart-cities .two-images--right {
    position: relative;
    z-index: 3;
}

@media only screen and (max-width: 1024px) {
    .two-images-wrapper.trend__content-smart-cities .two-images--right {
        width: 55.5%;
    }
}

@media only screen and (max-width: 769px) {
    .two-images-wrapper.trend__content-smart-cities .two-images--right {
        width: 100%;
    }
}

.two-images-wrapper.trend__content-smart-cities .two-images--right img {
    width: auto;
    float: right;
}

@media only screen and (max-width: 769px) {
    .two-images-wrapper.trend__content-smart-cities .two-images--right img {
        margin-bottom: 35px;
    }
}

.two-images-wrapper.trend__content-smart-cities .two-images--left {
    position: relative;
    z-index: 2;
}

@media only screen and (max-width: 1024px) {
    .two-images-wrapper.trend__content-smart-cities .two-images--left {
        width: 55.5%;
    }
}

@media only screen and (max-width: 769px) {
    .two-images-wrapper.trend__content-smart-cities .two-images--left {
        width: 100%;
    }
}

.two-images-wrapper.trend__content-smart-cities .two-images--left img {
    width: auto;
    float: left;
}

@media only screen and (max-width: 769px) {
    .two-images-wrapper.trend__content-smart-cities .two-images--left img {
        margin-bottom: 35px;
    }
}

.two-images-wrapper.trend__content-smart-cities .two-images-right {
    padding-top: 54px;
}

@media only screen and (max-width: 1024px) {
    .two-images-wrapper.trend__content-smart-cities .two-images-right {
        padding-top: 20px;
    }
}

.two-images-wrapper.trend__content-smart-cities .two-images-right h2 {
    font-size: 35px;
    line-height: 50px;
    text-align: left;
    color: #404a55;
}

@media only screen and (max-width: 769px) {
    .two-images-wrapper.trend__content-smart-cities .two-images-right h2 {
        font-size: 24px;
        line-height: 36px;
    }
}

@media only screen and (max-width: 769px) {
    .two-images-wrapper.trend__content-smart-cities .two-images-right {
        padding-right: 0;
    }
}

.two-images-wrapper.trend__content-smart-cities .two-images-left {
    padding-top: 265px;
}

@media only screen and (max-width: 1024px) {
    .two-images-wrapper.trend__content-smart-cities .two-images-left {
        padding-top: 210px;
    }
}

@media only screen and (max-width: 769px) {
    .two-images-wrapper.trend__content-smart-cities .two-images-left {
        padding-top: 0;
        float: left;
        margin-left: 0;
        padding-left: 0;
    }
}

.two-images-wrapper.trend__content-smart-cities .two-images-left h2 {
    font-size: 35px;
    line-height: 50px;
    text-align: left;
    color: #404a55;
}

@media only screen and (max-width: 769px) {
    .two-images-wrapper.trend__content-smart-cities .two-images-left h2 {
        font-size: 24px;
        line-height: 36px;
    }
}

.trend__content-absolute-smart-cities {
    width: 100%;
    padding: 90px 0;
    float: left;
}

@media (min-width: 1025px) {
    .trend__content-absolute-smart-cities {
        padding: 190px 0;
    }
}

.trend__content-absolute-smart-cities .container {
    position: relative;
    height: auto;
    float: left;
    overflow: hidden;
}

@media only screen and (min-width: 769px) {
    .trend__content-absolute-smart-cities .container {
        height: 1266px;
        float: initial;
        overflow: initial;
    }
}

@media (min-width: 1025px) {
    .trend__content-absolute-smart-cities .container {
        height: 1124px;
    }
}

.trend__content-absolute-smart-cities .trend__content-two-left {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0;
    margin-bottom: 35px;
}

@media (min-width: 1025px) {
    .trend__content-absolute-smart-cities .trend__content-two-left {
        width: 49.61832%;
        text-align: left;
        padding-right: 105px;
        margin-bottom: 220px;
    }
}

.trend__content-absolute-smart-cities .trend__content-two-left h2 {
    font-size: 4vw;
    line-height: 6vw;
    color: #10a3e9;
    font-weight: 300;
}

@media only screen and (min-width: 769px) {
    .trend__content-absolute-smart-cities .trend__content-two-left h2 {
        font-size: 40px;
        line-height: 60px;
    }
}

.trend__content-absolute-smart-cities .trend__content-two-left p {
    font-size: 2.8vw;
    line-height: 3.8vw;
    letter-spacing: .027em;
    color: #91a4b3;
    font-weight: 100;
}

@media only screen and (min-width: 769px) {
    .trend__content-absolute-smart-cities .trend__content-two-left p {
        font-size: 22px;
        line-height: 38px;
    }
}

.trend__content-absolute-smart-cities .trend_content-absolute-box {
    position: relative;
    width: 100%;
    float: left;
}

@media (min-width: 1025px) {
    .trend__content-absolute-smart-cities .trend_content-absolute-box {
        width: auto;
        position: initial;
        float: initial;
    }
}

.trend__content-absolute-smart-cities .trend_content-absolute-box .absolute-box {
    position: initial;
    float: left;
    padding: 38px 48px;
    width: 100%;
    margin-bottom: 30px;
}

    .trend__content-absolute-smart-cities .trend_content-absolute-box .absolute-box.active {
        -ms-transform: scale(1);
        transform: scale(1);
    }

@media only screen and (min-width: 769px) {
    .trend__content-absolute-smart-cities .trend_content-absolute-box .absolute-box {
        position: absolute;
        float: initial;
    }
}

.trend__content-absolute-smart-cities .trend_content-absolute-box .absolute-box svg {
    height: 38px;
    float: left;
    display: inline-block;
    margin-right: 10px;
    fill: #fff;
}

.trend__content-absolute-smart-cities .trend_content-absolute-box .absolute-box .absolute-box-title {
    font-size: 22px;
    line-height: 38px;
    letter-spacing: .027em;
    color: #fff;
    font-weight: 300;
    margin-bottom: 22px;
}

.trend__content-absolute-smart-cities .trend_content-absolute-box .absolute-box p {
    font-size: 15px;
    line-height: 24px;
    color: rgba(255,255,255,0.5);
    text-align: justify;
    margin-bottom: 10px;
}

.trend__content-absolute-smart-cities .trend_content-absolute-box .absolute-box-title.absolute-box-two-line-title {
    line-height: 19px;
}

@media only screen and (min-width: 769px) {
    .trend__content-absolute-smart-cities .trend_content-absolute-box .absolute-box-position-1 {
        width: calc(60% + 30px);
        top: 0;
        right: 0;
    }
}

@media (min-width: 1025px) {
    .trend__content-absolute-smart-cities .trend_content-absolute-box .absolute-box-position-1 {
        width: 54.19847%;
    }
}

@media only screen and (min-width: 769px) {
    .trend__content-absolute-smart-cities .trend_content-absolute-box .absolute-box-position-2 {
        width: 34%;
        top: 231px;
        right: 656px;
    }
}

@media (min-width: 1025px) {
    .trend__content-absolute-smart-cities .trend_content-absolute-box .absolute-box-position-2 {
        width: 32.82443%;
        right: 680px;
    }
}

@media only screen and (min-width: 769px) {
    .trend__content-absolute-smart-cities .trend_content-absolute-box .absolute-box-position-3 {
        width: 30%;
        top: 344px;
        right: 328px;
    }
}

@media (min-width: 1025px) {
    .trend__content-absolute-smart-cities .trend_content-absolute-box .absolute-box-position-3 {
        width: 24.42748%;
        right: 357px;
    }
}

@media only screen and (min-width: 769px) {
    .trend__content-absolute-smart-cities .trend_content-absolute-box .absolute-box-position-4 {
        width: 30%;
        top: 344px;
        right: 0;
    }
}

@media (min-width: 1025px) {
    .trend__content-absolute-smart-cities .trend_content-absolute-box .absolute-box-position-4 {
        width: 27.21%;
    }
}

@media only screen and (min-width: 769px) {
    .trend__content-absolute-smart-cities .trend_content-absolute-box .absolute-box-position-5 {
        width: 31%;
        top: 633px;
        right: 656px;
    }
}

@media (min-width: 1025px) {
    .trend__content-absolute-smart-cities .trend_content-absolute-box .absolute-box-position-5 {
        width: 29.00763%;
        right: 680px;
    }
}

@media only screen and (min-width: 769px) {
    .trend__content-absolute-smart-cities .trend_content-absolute-box .absolute-box-position-6 {
        width: 30%;
        height: 371px;
        top: 746px;
        right: 328px;
    }
}

@media (min-width: 1025px) {
    .trend__content-absolute-smart-cities .trend_content-absolute-box .absolute-box-position-6 {
        width: 24.42748%;
        right: 357px;
    }
}

.trend__content-absolute-smart-cities .trend_content-absolute-box .absolute-box-color--bouquet {
    background: #a57d95;
}

.trend__content-absolute-smart-cities .trend_content-absolute-box .absolute-box-color--neptune {
    background: #7fb1b2;
}

.trend__content-absolute-smart-cities .trend_content-absolute-box .absolute-box-color--fiord {
    background: #475d6f;
}

.trend__content-absolute-smart-cities .trend_content-absolute-box .absolute-box-color--contessa {
    background: #be7467;
}

.trend__content-absolute-smart-cities .trend_content-absolute-box .absolute-box-color--finn {
    background: #684b5d;
}

.trend__content-absolute-smart-cities .trend_content-absolute-box .absolute-box-color--botticelli {
    background: #89b2bb;
}

.trend__content-smart-cities-carousel {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 175px;
    position: relative;
}

    .trend__content-smart-cities-carousel .container {
        height: 100%;
    }

    .trend__content-smart-cities-carousel .trend__content-smart-cities-carousel-content {
        float: left;
        height: auto;
        overflow: hidden;
        width: 100%;
    }

@media (min-width: 480px) {
    .trend__content-smart-cities-carousel .trend__content-smart-cities-carousel-content {
        width: 66.41221%;
    }
}

@media (min-width: 991px) {
    .trend__content-smart-cities-carousel .trend__content-smart-cities-carousel-content {
        width: 41.22137%;
    }
}

.trend__content-smart-cities-carousel .trend__content-smart-cities-carousel-item {
    width: 100%;
    height: 583px;
    background-position: 1920px top;
    background-repeat: no-repeat;
    background-size: 0;
    float: left;
    transition: all 1s ease-in-out;
    transition-delay: .3s;
    overflow: hidden;
    padding-bottom: 90px;
}

@media (min-width: 350px) {
    .trend__content-smart-cities-carousel .trend__content-smart-cities-carousel-item {
        padding-bottom: 0;
        height: 543px;
    }
}

@media (min-width: 480px) {
    .trend__content-smart-cities-carousel .trend__content-smart-cities-carousel-item {
        height: 500px;
    }
}

@media (min-width: 1025px) {
    .trend__content-smart-cities-carousel .trend__content-smart-cities-carousel-item {
        height: 543px;
    }
}

.trend__content-smart-cities-carousel .trend__content-smart-cities-carousel-title {
    float: left;
    font-size: 36px;
    color: #10a3e9;
    font-weight: 300;
    margin-bottom: 15px;
    height: 60px;
    max-width: 0;
    opacity: 0;
    transition: all 1.2s linear;
    transition-delay: .3s;
    overflow: hidden;
    padding-left: 1px;
    margin-left: -1px;
    display: inline-block;
    white-space: nowrap;
}

@media (min-width: 350px) {
    .trend__content-smart-cities-carousel .trend__content-smart-cities-carousel-title {
        font-size: 40px;
    }
}

.trend__content-smart-cities-carousel .trend__content-smart-cities-carousel-desc {
    float: left;
    font-size: 22px;
    letter-spacing: .027em;
    color: #91a4b3;
    font-weight: 100;
    margin-bottom: 30px;
    clear: both;
    transition: all 1s ease-in-out;
    transition-delay: .3s;
    margin-top: 15px;
    opacity: 0;
}

.trend__content-smart-cities-carousel p {
    float: left;
    font-size: 15px;
    line-height: 27px;
    color: rgba(255,255,255,0.5);
    font-weight: 300;
    clear: both;
    transition: all 1s ease-in-out;
    transition-delay: .3s;
    opacity: 0;
}

.trend__content-smart-cities-carousel .slick-active .trend__content-smart-cities-carousel-item {
    background-position: -200px top;
    background-size: auto 100%;
}

@media (min-width: 991px) {
    .trend__content-smart-cities-carousel .slick-active .trend__content-smart-cities-carousel-item {
        background-position: -120px top;
    }
}

@media (min-width: 1025px) {
    .trend__content-smart-cities-carousel .slick-active .trend__content-smart-cities-carousel-item {
        background-position: top right;
        background-size: auto;
    }
}

.trend__content-smart-cities-carousel .slick-active .trend__content-smart-cities-carousel-title {
    max-width: 100%;
    opacity: 1;
}

.trend__content-smart-cities-carousel .slick-active .trend__content-smart-cities-carousel-desc {
    margin-top: 0;
    opacity: 1;
}

.trend__content-smart-cities-carousel .slick-active p {
    opacity: 1;
}

.trend__content-smart-cities__controls {
    width: 100%;
    height: 70px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.trend__content-artificial-intelligence {
    width: 100%;
    overflow: hidden;
    background: #009dff;
    background: linear-gradient(90deg,#009dff 0%,#294fcc 100%);
    margin: 0;
}

@media only screen and (max-width: 768px) {
    .trend__content-artificial-intelligence .two-images-left {
        padding-left: 0;
        padding-top: 35px;
    }
}

.trend__content-artificial-intelligence .two-images-left p {
    color: #fff;
    padding-top: 0;
}

.trend__content-artificial-intelligence-robotic {
    width: 100%;
    background: #fff;
    float: left;
    text-align: center;
}

    .trend__content-artificial-intelligence-robotic .header-artificial-intelligence-robotic {
        width: 100%;
        margin: 0 auto;
    }

@media (min-width: 768px) {
    .trend__content-artificial-intelligence-robotic .header-artificial-intelligence-robotic {
        width: 66.41221%;
    }
}

.trend__content-artificial-intelligence-robotic .header-artificial-intelligence-robotic-title {
    font-size: 22px;
    color: #404a55;
    font-weight: 300;
    margin-top: 45px;
}

.trend__content-artificial-intelligence-robotic .header-artificial-intelligence-robotic-desc {
    font-size: 22px;
    color: #ee3939;
    font-weight: 300;
    margin-top: 5px;
}

.trend__content-artificial-intelligence-robotic .header-artificial-intelligence-robotic-line {
    width: 75px;
    display: inline-block;
    margin-top: 35px;
}

.trend__content-artificial-intelligence-robotic .header-artificial-intelligence-robotic-content p {
    font-size: 15px;
    line-height: 27px;
    color: #91a4b3;
    font-weight: 300;
}

.trend__content-artificial-intelligence-robotic .header-artificial-intelligence-robotic-content {
    width: 100%;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .trend__content-artificial-intelligence-robotic .header-artificial-intelligence-robotic-content {
        width: 66.41221%;
    }
}

.trend__content-artificial-intelligence-robotic-image {
    width: 100%;
    min-height: 482px;
    float: left;
    background-image: url(../../uploads/trendler/yapay-zeka/bottom-bg.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding-top: 95px;
}

@media (min-width: 350px) {
    .trend__content-artificial-intelligence-robotic-image {
        min-height: 522px;
    }
}

@media (min-width: 425px) {
    .trend__content-artificial-intelligence-robotic-image {
        min-height: 582px;
    }
}

@media (min-width: 480px) {
    .trend__content-artificial-intelligence-robotic-image {
        min-height: 682px;
    }
}

.trend__content-artificial-intelligence-robotic-image img {
    padding: 0 15px;
}

.artificial-analytics .two-images--right {
    width: 100%;
    padding-left: 0;
    padding-bottom: 30px;
}

@media (min-width: 991px) {
    .artificial-analytics .two-images--right {
        width: 41.22137%;
        padding-left: 30px;
        padding-bottom: 0;
    }
}

.artificial-analytics .two-images-right {
    width: 100%;
    padding: 25px;
    background: #fff;
    position: relative;
    text-align: left;
}

@media (min-width: 480px) {
    .artificial-analytics .two-images-right {
        padding: 70px;
        text-align: justify;
    }
}

@media (min-width: 991px) {
    .artificial-analytics .two-images-right {
        width: 58.01527%;
    }
}

.artificial-analytics .two-images-right .form__element-button {
    right: 10px;
    padding: 0 15px;
}

@media (min-width: 480px) {
    .artificial-analytics .two-images-right .form__element-button {
        right: 30px;
        padding: 0 50px;
    }
}

.artificial-analytics .artificial-analytics-title {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

    .artificial-analytics .artificial-analytics-title h3 {
        font-size: 22px;
        margin-bottom: 5px;
    }

    .artificial-analytics .artificial-analytics-title:after {
        content: '';
        width: 10%;
        height: 2px;
        background: #4dd5fc;
        position: absolute;
        left: 0;
        bottom: 0;
    }

.two-box__content {
    width: 100%;
    float: left;
    overflow: hidden;
    padding: 40px 0;
    text-align: center;
}

@media (min-width: 480px) {
    .two-box__content {
        padding: 80px 0;
    }
}

@media (min-width: 991px) {
    .two-box__content {
        padding: 160px 0;
    }
}

.two-box__content-item {
    width: 98%;
    min-height: 470px;
    margin: 1%;
    padding: 25px;
    background: #fff;
    float: left;
    text-align: left;
}

@media (min-width: 480px) {
    .two-box__content-item {
        width: 48%;
        padding: 50px;
    }
}

.two-box__content-item .trend__content-icon svg {
    fill: #656c74;
}

.two-box__content-item h3 {
    font-size: 22px;
}

.two-box__content-item p {
    text-align: left;
}

@media (min-width: 480px) {
    .two-box__content-item p {
        text-align: justify;
    }
}

.two-box__content-item:last-child {
    margin-top: 35px;
}

@media (min-width: 480px) {
    .two-box__content-item:last-child {
        margin-top: 90px;
    }
}

.trend-digital-medium-heading {
    font-size: 9.5vw;
    line-height: 50px;
    color: #fff;
    font-weight: 300;
    text-align: center;
    margin-bottom: 67px;
}

@media (min-width: 480px) {
    .trend-digital-medium-heading {
        font-size: 45px;
    }
}

.trend-digital-medium-heading .header-artificial-intelligence-robotic-line {
    width: 75px;
    height: 20px;
    margin: 20px auto;
}

    .trend-digital-medium-heading .header-artificial-intelligence-robotic-line svg {
        float: left;
    }

    .trend-digital-medium-heading .header-artificial-intelligence-robotic-line .st0 {
        fill: #4dd5fc !important;
    }

.tablet .two-images-left.middle, .tablet .two-images--right.middle {
    margin-top: 0 !important;
}

.trend__content-digital-transformation-labor {
    width: 100%;
    height: auto;
    min-height: 1610px;
    overflow: hidden;
    position: relative;
    float: left;
    padding: 110px 0;
    background: #fc466b;
    background: linear-gradient(180deg,#fc466b 0%,#495df4 20%,#342785 55%);
}

    .trend__content-digital-transformation-labor h2 {
        width: 100%;
        float: left;
        color: #fff;
        font-size: 35px;
        line-height: 38px;
        position: relative;
        padding-bottom: 25px;
        font-weight: 300;
        margin-bottom: 70px;
    }

@media only screen and (max-width: 480px) {
    .trend__content-digital-transformation-labor h2 {
        font-size: 25px;
        line-height: 28px;
        margin-bottom: 50px;
    }
}

.trend__content-digital-transformation-labor h2:after {
    content: '';
    width: 20%;
    height: 2px;
    background: #4dd5fc;
    position: absolute;
    bottom: 0;
    left: 0;
}

.trend__content-digital-transformation-labor p {
    font-size: 15px;
    line-height: 27px;
    margin-bottom: 25px;
    font-weight: 300;
    color: #fff;
}

.trend__content-two-left {
    width: 49.61832%;
    float: left;
    padding-right: 30px;
    clear: both;
    margin-bottom: 220px;
}

@media only screen and (max-width: 1600px) {
    .trend__content-two-left {
        padding-right: 105px;
    }
}

@media only screen and (max-width: 769px) {
    .trend__content-two-left {
        width: 100%;
        margin-bottom: 35px;
        padding-right: 0;
    }
}

.trend__content-right-image {
    width: 716px;
    display: block;
    position: absolute;
    top: 90px;
    right: 160px;
    z-index: 1;
}

@media only screen and (max-width: 1440px) {
    .trend__content-right-image {
        width: 600px;
    }
}

@media only screen and (max-width: 1025px) {
    .trend__content-right-image {
        width: 600px;
        top: 0;
        right: 0;
    }
}

@media only screen and (max-width: 769px) {
    .trend__content-right-image {
        width: 100%;
        float: right;
        position: initial;
        margin-right: -15px;
    }
}

.trend__content-left-img {
    width: 668px;
    display: block;
    position: absolute;
    top: 570px;
    left: 0;
    z-index: 4;
}

@media only screen and (max-width: 1025px) {
    .trend__content-left-img {
        width: 600px;
        left: 0;
    }
}

@media only screen and (max-width: 769px) {
    .trend__content-left-img {
        width: 100%;
        float: left;
        position: relative;
        margin-left: -20px;
        z-index: 999;
        top: 0;
    }
}

.trend__content-two-right {
    width: 74.80916%;
    float: right;
    padding-left: 30px;
    margin-top: 100px;
    clear: both;
    margin-bottom: 220px;
}

    .trend__content-two-right p {
        font-weight: 500 !important;
    }

@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .trend__content-two-right {
        padding-left: 350px;
    }
}

@media only screen and (min-width: 1366px) and (max-width: 1600px) {
    .trend__content-two-right {
        padding-left: 300px;
    }
}

@media only screen and (max-width: 769px) {
    .trend__content-two-right {
        width: 100%;
        margin-bottom: 35px;
        padding-left: 0;
        margin-top: 50px;
    }

        .trend__content-two-right p {
            text-align: justify;
        }
}

.trend__content-center {
    width: 100%;
    float: left;
    padding-right: 30px;
    clear: both;
    margin-bottom: 220px;
}

    .trend__content-center h2 {
        float: none;
        text-align: center;
        margin-bottom: 30px;
    }

        .trend__content-center h2:after {
            content: '';
            display: block;
            margin: 20px auto 0;
            width: 85px;
            height: 2px;
            background: #4dd5fc;
            position: relative;
        }

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

    .trend__content-center img {
        display: block;
        margin: 0 auto;
    }

@media only screen and (max-width: 1600px) {
    .trend__content-center {
        padding-right: 105px;
    }
}

@media only screen and (max-width: 769px) {
    .trend__content-center {
        width: 100%;
        margin-bottom: 35px;
        padding-right: 0;
    }

        .trend__content-center img {
            width: 100%;
        }
}

.trend__content-left-text {
    width: 74.80916%;
    float: left;
}

    .trend__content-left-text h2 {
        margin-bottom: 30px;
    }

        .trend__content-left-text h2::after {
            content: '';
            display: block;
            margin: 20px 0;
            width: 85px;
            height: 2px;
            background: #4dd5fc;
            position: relative;
        }

@media only screen and (max-width: 480px) {
    .trend__content-left-text {
        width: 100%;
    }

        .trend__content-left-text h2 {
            text-align: center;
        }

            .trend__content-left-text h2:after {
                margin: 20px auto;
            }

        .trend__content-left-text p {
            text-align: center;
        }
}

.trend__content-article-area {
    width: 100%;
    margin-top: 100px;
    float: left;
    background-image: url(../../uploads/trendler/article-list-bg.png);
}

    .trend__content-article-area h3 {
        color: #45bae0;
        margin: 0;
        font-size: 24px;
        margin-bottom: 45px;
    }

    .trend__content-article-area p {
        text-align: justify;
        font-size: 15px;
        color: #91a4b3;
    }

    .trend__content-article-area .trend__content-half-article {
        width: 570px;
        height: 310px;
        overflow: hidden;
        display: inline-block;
        background-color: #1a1349;
        padding: 30px 70px 0 65px;
        margin-bottom: 30px;
    }

    .trend__content-article-area .trend__content-half-article-img {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .trend__content-article-area .trend__content-half-article--right {
        float: right;
    }

    .trend__content-article-area .trend__content-half-article--left {
        float: left;
        margin-right: 30px;
    }

    .trend__content-article-area .trend__content-half-article--right {
        float: right;
        margin-left: 25px;
    }

    .trend__content-article-area .trend__content-triple-article {
        width: 370px;
        height: 375px;
        float: left;
        background-color: #1a1349;
        margin-right: 30px;
        padding: 45px 35px;
        margin-bottom: 30px;
    }

    .trend__content-article-area .trend__content-triple-article--last-child {
        margin-right: 0;
    }

    .trend__content-article-area .trend__content-big-part {
        float: left;
        width: 770px;
        height: 375px;
        overflow: hidden;
        margin-bottom: 30px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .trend__content-article-area .trend__content-triple-article--min {
        height: 320px;
    }

@media only screen and (max-width: 767px) {
    .trend__content-article-area h3 {
        margin-bottom: 30px;
    }

    .trend__content-article-area .trend__content-half-article {
        width: 100%;
        height: auto;
        padding: 35px 20px;
        margin-bottom: 15px;
    }

    .trend__content-article-area .trend__content-half-article-img {
        height: 165px;
        padding: 0;
        margin-bottom: 10px;
    }

    .trend__content-article-area .trend__content-triple-article {
        width: 100%;
        height: auto;
        margin-bottom: 15px;
    }

    .trend__content-article-area .trend__content-big-part {
        width: 100%;
        height: calc(100vw * 9 / 16);
        margin-bottom: 10px;
    }

    .trend__content-article-area .trend__content-triple-article--min {
        width: 100%;
        height: auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .trend__content-article-area .trend__content-half-article {
        padding: 20px;
        width: 48%;
    }

        .trend__content-article-area .trend__content-half-article p {
            font-size: 14px;
            text-align: unset;
        }

    .trend__content-article-area .trend__content-half-article-img {
        padding: 0;
    }

    .trend__content-article-area h3 {
        margin-bottom: 0;
        font-size: 20px;
    }

    .trend__content-article-area .trend__content-half-article--left {
        margin-right: 29px;
    }

    .trend__content-article-area .trend__content-triple-article {
        width: 30.5%;
        height: auto;
        padding: 10px;
        height: 375px;
    }

        .trend__content-article-area .trend__content-triple-article p {
            text-align: unset;
        }

    .trend__content-article-area .trend__content-big-part {
        width: 65%;
    }

    .trend__content-article-area .trend__content-triple-article--min {
        height: 250px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1365px) {
    .trend__content-article-area .trend__content-half-article {
        width: 48%;
    }

    .trend__content-article-area .trend__content-half-article-img {
        padding: 0;
    }

    .trend__content-article-area .trend__content-half-article--left {
        margin-right: 39px;
    }

    .trend__content-article-area .trend__content-triple-article {
        width: 31.3%;
    }

    .trend__content-article-area .trend__content-big-part {
        width: 65.5%;
    }
}

.trend__content-top-radius {
    width: 100%;
    overflow: hidden;
    position: relative;
    float: left;
    padding-top: 140px;
    margin-top: -150px;
}

    .trend__content-top-radius:before {
        content: '';
        width: 150vw;
        height: 80vw;
        position: absolute;
        top: 10px;
        left: -25vw;
        background: #5c66d9;
        background: linear-gradient(180deg,#5c66d9 0%,rgba(52,39,133,0) 35%);
        z-index: 2;
        border-top: 1px solid transparent;
        border-radius: 50%;
        box-shadow: 0 -3px 7px 0 rgba(55,56,126,0.58);
    }

    .trend__content-top-radius .container {
        position: relative;
        z-index: 3;
    }

.trend__content {
    float: left;
    width: 100%;
}

    .trend__content .subpage__content-text-paragraph-images--left {
        margin: 35px;
        max-width: 300px;
    }

@media (min-width: 768px) {
    .trend__content .subpage__content-text-paragraph-images--left {
        margin: 0 75px 35px 55px;
    }
}

@media (min-width: 991px) {
    .trend__content .subpage__content-text-paragraph-images--left {
        max-width: initial;
    }
}

@media (min-width: 1025px) {
    .trend__content .subpage__content-text-paragraph-images--left {
        margin: 0 135px 35px 110px;
    }
}

.trend__content .subpage__content h2 {
    font-size: 30px;
    color: #3fbae0;
    margin: 60px 0;
}

.trend__content .highlights {
    background: #0f0094;
    background: linear-gradient(to bottom,#0f0094 0%,#6322db 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f0094',endColorstr='#6322db',GradientType=0);
    max-height: initial;
    padding-bottom: 175px;
}

    .trend__content .highlights h3 {
        font-size: 32px;
        color: #fff;
        line-height: 36px;
        margin-bottom: 15px;
        font-weight: 300;
    }

    .trend__content .highlights h4 {
        font-size: 22px;
        color: #ee3939;
        line-height: 36px;
        margin-bottom: 35px;
        font-weight: 300;
    }

.trend__content .information-area {
    padding: 35px 0;
    border-bottom: 1px solid #ebebeb;
}

@media (min-width: 1025px) {
    .trend__content .information-area {
        padding: 95px 0;
    }
}

.trend__content .information-area .trend__title-container .trend__title {
    margin-bottom: 40px;
}

.trend__content .information-area__content {
    max-width: 1030px;
    margin: 0 auto;
}

    .trend__content .information-area__content p {
        text-align: center;
        color: #91a4b3;
        margin-bottom: 40px;
        line-height: 27px;
    }

        .trend__content .information-area__content p.short-p {
            max-width: 795px;
            margin: 0 auto 40px;
        }

        .trend__content .information-area__content p.quotes-p {
            font-size: 22px;
            color: #da344b;
        }

            .trend__content .information-area__content p.quotes-p:after, .trend__content .information-area__content p.quotes-p:before {
                content: '"';
                color: #da344b;
                font-size: 45px;
                display: inline-block;
                font-weight: 600;
            }

            .trend__content .information-area__content p.quotes-p:before {
                margin-right: 10px;
                -ms-transform: translateY(12px);
                transform: translateY(12px);
            }

            .trend__content .information-area__content p.quotes-p:after {
                margin-left: 10px;
                -ms-transform: rotate(180deg);
                transform: rotate(180deg);
                height: 40px;
            }

.trend__content-section {
    padding: 35px 0;
    width: 100%;
    overflow: hidden;
}

@media (min-width: 480px) {
    .trend__content-section {
        padding: 80px 0;
    }
}

@media (min-width: 1025px) {
    .trend__content-section {
        padding: 160px 0;
    }
}

.trend__title-container {
    width: 100%;
    float: left;
    text-align: center;
}

    .trend__title-container .trend__title {
        font-size: 32px;
        color: #404a55;
        line-height: 36px;
        margin-bottom: 15px;
        font-weight: 300;
    }

    .trend__title-container .trend__desc {
        font-size: 18px;
        line-height: 24px;
        font-weight: 300;
        color: #91a4b3;
    }

.trend__partner-content {
    width: 100%;
    float: left;
    overflow: hidden;
    padding: 45px 0;
    text-align: center;
}

    .trend__partner-content ul, .trend__partner-content .trend__partner-list {
        margin: 0;
        padding: 0 0 40px;
        float: left;
    }

        .trend__partner-content ul li, .trend__partner-content .trend__partner-item {
            width: 98%;
            margin: 25px 1% 1%;
            float: left;
            list-style: none;
            border: 1px solid #f5f5f5;
            padding-bottom: 49px;
            transition: all .6s linear;
            animation-duration: 1s;
            animation-fill-mode: both;
        }

@media (min-width: 480px) {
    .trend__partner-content ul li, .trend__partner-content .trend__partner-item {
        width: 48%;
    }
}

@media (min-width: 1025px) {
    .trend__partner-content ul li, .trend__partner-content .trend__partner-item {
        width: 23%;
    }
}

.trend__partner-content ul li.js-active, .trend__partner-content .trend__partner-item.js-active {
    opacity: 1;
    visibility: visible;
    margin: 1%;
}

.trend__partner-content ul li .trend__partner-logos, .trend__partner-content .trend__partner-logos {
    width: 100%;
    height: 185px;
    float: left;
}

    .trend__partner-content ul li .trend__partner-logos img, .trend__partner-content .trend__partner-logos img {
        display: inline-block;
    }

.trend__partner-content .trend__partner-desc {
    font-size: 18px;
    font-weight: 300;
    color: #404a55;
}

.trend-blockchain__description-content {
    width: 100%;
    height: auto;
    min-height: 800px;
    overflow: hidden;
    position: relative;
    padding-top: 0;
    background: #2c06a9;
    padding-bottom: 100px;
}

@media (min-width: 768px) {
    .trend-blockchain__description-content {
        padding-top: 180px;
    }
}

.trend-blockchain__description-list-content {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    background: #2c06a9;
}

.trend-blockchain__solutions {
    background: url(../../uploads/trendler/blockchain/solutions-bg.png) no-repeat center right #2c06a9;
}

    .trend-blockchain__solutions .absolute-box {
        background-color: #fff;
    }

        .trend-blockchain__solutions .absolute-box p {
            color: #91a4b3 !important;
        }

    .trend-blockchain__solutions .absolute-box-title {
        background: linear-gradient(to right,#5e91f0 0%,#6a65ed 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e91f0',endColorstr='#6a65ed',GradientType=1);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: #6a65ed;
    }

.trend-blockchain__future-technology {
    width: 100%;
    min-height: 800px;
    background: #2c06a9;
    float: left;
    position: relative;
}

    .trend-blockchain__future-technology img {
        position: relative;
    }

@media (min-width: 768px) {
    .trend-blockchain__future-technology img {
        position: absolute;
    }
}

.trend-blockchain__content-two-right {
    width: 45%;
    float: right;
    clear: both;
    padding-top: 100px;
}

@media only screen and (max-width: 768px) {
    .trend-blockchain__content-two-right {
        width: 100%;
        margin-bottom: 35px;
    }
}

.trend-blockchain__content-two-left {
    width: 39%;
    float: left;
    clear: both;
    margin-bottom: 220px;
}

@media only screen and (max-width: 767px) {
    .trend-blockchain__content-two-left {
        width: 100%;
        margin-bottom: 35px;
    }
}

.trend-blockchain__right-image {
    width: 100%;
    float: right;
    margin-top: 10px;
}

@media (min-width: 480px) {
    .trend-blockchain__right-image {
        width: auto;
        margin-top: -70px;
    }
}

.trend-blockchain__left-image {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-left: 0;
}

@media only screen and (min-width: 769px) {
    .trend-blockchain__left-image {
        width: auto;
        margin-top: 85px;
        position: absolute;
    }
}

@media only screen and (min-width: 1200px) {
    .trend-blockchain__left-image {
        margin-left: -140px;
    }
}

.trend-blockchain__title {
    width: 100%;
    float: left;
    color: #9cdbff !important;
    font-size: 47px !important;
    line-height: 47px !important;
    position: relative;
    padding-bottom: 25px;
    font-weight: 300;
    margin-bottom: 35px;
}

    .trend-blockchain__title:after {
        content: '';
        width: 20%;
        height: 3px;
        background: #4dd5fc;
        position: absolute;
        bottom: 0;
        left: 0;
    }

.trend-blockchain__list-item {
    position: relative;
    margin-bottom: 125px;
}

    .trend-blockchain__list-item:last-child {
        margin-bottom: 50px;
    }

.trend-blockchain__list-title {
    color: #fff !important;
    z-index: 2;
    position: relative;
}

.trend-blockchain__list-number {
    font-size: 150px;
    color: #7243de;
    position: absolute;
    top: 0;
    line-height: 0;
    left: 0;
    z-index: 1;
}

@media only screen and (min-width: 769px) {
    .trend-blockchain__list-number {
        left: -75px;
        top: 10px;
    }
}

.trend-blockchain__list-paragraph {
    color: #9cdbff !important;
    z-index: 2;
    position: relative;
}

.trend-blockchain__paragraph {
    color: #fff !important;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:before, .slick-track:after {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

body.compensate-for-scrollbar {
    overflow: hidden;
}

body.fancybox-iosfix {
    position: fixed;
    left: 0;
    right: 0;
}

.fancybox-is-hidden {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden;
}

.fancybox-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99992;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

.fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.fancybox-outer {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.fancybox-bg {
    background: #272627;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47,0,0.74,0.71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .78;
    transition-timing-function: cubic-bezier(0.22,0.61,0.36,1);
}

.fancybox-infobar, .fancybox-toolbar, .fancybox-caption-wrap {
    position: absolute;
    direction: ltr;
    z-index: 99997;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s,visibility 0 linear .25s;
    box-sizing: border-box;
}

.fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption-wrap {
    opacity: 1;
    visibility: visible;
    transition: opacity .25s,visibility 0;
}

.fancybox-infobar {
    top: 0;
    left: 0;
    font-size: 13px;
    padding: 0 10px;
    height: 44px;
    min-width: 44px;
    line-height: 44px;
    color: #ccc;
    text-align: center;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: subpixel-antialiased;
    mix-blend-mode: exclusion;
}

.fancybox-toolbar {
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
}

.fancybox-stage {
    overflow: hidden;
    direction: ltr;
    z-index: 99994;
    -webkit-transform: translate3d(0,0,0);
}

.fancybox-is-closing .fancybox-stage {
    overflow: visible;
}

.fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    outline: none;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch;
    display: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: transform,opacity;
}

    .fancybox-slide::before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        width: 0;
    }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: visible;
}

    .fancybox-slide--image::before {
        display: none;
    }

.fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe {
    background: #000;
}

.fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe {
    background: #E5E3DF;
}

.fancybox-slide--next {
    z-index: 99995;
}

.fancybox-slide > * {
    display: inline-block;
    position: relative;
    margin: 44px 0;
    border-width: 0;
    vertical-align: middle;
    text-align: left;
    background-color: #fff;
    overflow: auto;
    box-sizing: border-box;
}

.fancybox-slide > title, .fancybox-slide > style, .fancybox-slide > meta, .fancybox-slide > link, .fancybox-slide > script, .fancybox-slide > base {
    display: none;
}

.fancybox-slide .fancybox-image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 99995;
    background: transparent;
    cursor: default;
    overflow: visible;
    -ms-transform-origin: top left;
    transform-origin: top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition-property: transform,opacity;
}

.fancybox-can-zoomOut .fancybox-image-wrap {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-image-wrap {
    cursor: zoom-in;
}

.fancybox-can-drag .fancybox-image-wrap {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-dragging .fancybox-image-wrap {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-image, .fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    max-width: none;
    max-height: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--iframe .fancybox-content {
    padding: 0;
    width: 80%;
    height: 80%;
    max-width: calc(100% - 100px);
    max-height: calc(100% - 88px);
    overflow: visible;
    background: #fff;
}

.fancybox-iframe {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}

.fancybox-error {
    margin: 0;
    padding: 40px;
    width: 100%;
    max-width: 380px;
    background: #fff;
    cursor: default;
}

    .fancybox-error p {
        margin: 0;
        padding: 0;
        color: #444;
        font-size: 16px;
        line-height: 20px;
    }

.fancybox-button {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 10px;
    border: 0;
    border-radius: 0;
    background: rgba(30,30,30,0.6);
    transition: color .3s ease;
    cursor: pointer;
    outline: none;
}

    .fancybox-button, .fancybox-button:visited, .fancybox-button:link {
        color: #ccc;
    }

        .fancybox-button:focus, .fancybox-button:hover {
            color: #fff;
        }

        .fancybox-button[disabled] {
            color: #ccc;
            cursor: default;
            opacity: .6;
        }

        .fancybox-button svg {
            display: block;
            position: relative;
            overflow: visible;
            shape-rendering: geometricPrecision;
        }

            .fancybox-button svg path {
                fill: currentColor;
                stroke: currentColor;
                stroke-linejoin: round;
                stroke-width: 3;
            }

.fancybox-button--share svg path {
    stroke-width: 1;
}

.fancybox-button--play svg path:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg path:nth-child(1) {
    display: none;
}

.fancybox-button--zoom svg path {
    fill: transparent;
}

.fancybox-navigation {
    display: none;
}

.fancybox-show-nav .fancybox-navigation {
    display: block;
}

.fancybox-navigation button {
    position: absolute;
    top: 50%;
    margin: -50px 0 0;
    z-index: 99997;
    background: transparent;
    width: 60px;
    height: 100px;
    padding: 17px;
}

    .fancybox-navigation button:before {
        content: "";
        position: absolute;
        top: 30px;
        right: 10px;
        width: 40px;
        height: 40px;
        background: rgba(30,30,30,0.6);
    }

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 0;
}

.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    z-index: 10;
    cursor: pointer;
}

    .fancybox-close-small:after {
        content: '×';
        position: absolute;
        top: 5px;
        right: 5px;
        width: 30px;
        height: 30px;
        font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
        color: #888;
        font-weight: 300;
        text-align: center;
        border-radius: 50%;
        border-width: 0;
        background-color: transparent;
        transition: background-color .25s;
        box-sizing: border-box;
        z-index: 2;
    }

    .fancybox-close-small:focus {
        outline: none;
    }

        .fancybox-close-small:focus:after {
            outline: 1px dotted #888;
        }

    .fancybox-close-small:hover:after {
        color: #555;
        background: #eee;
    }

.fancybox-slide--image .fancybox-close-small, .fancybox-slide--iframe .fancybox-close-small {
    top: 0;
    right: -44px;
}

    .fancybox-slide--image .fancybox-close-small:after, .fancybox-slide--iframe .fancybox-close-small:after {
        font-size: 35px;
        color: #aaa;
    }

    .fancybox-slide--image .fancybox-close-small:hover:after, .fancybox-slide--iframe .fancybox-close-small:hover:after {
        color: #fff;
        background: transparent;
    }

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none;
}

.fancybox-caption-wrap {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 2vw 0;
    background: linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 40%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0.8) 100%);
    pointer-events: none;
}

.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid rgba(255,255,255,0.4);
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none;
}

    .fancybox-caption a, .fancybox-caption button, .fancybox-caption select {
        pointer-events: all;
        position: relative;
    }

    .fancybox-caption a {
        color: #fff;
        text-decoration: underline;
    }

.fancybox-slide > .fancybox-loading {
    border: 6px solid rgba(100,100,100,0.4);
    border-top: 6px solid rgba(255,255,255,0.6);
    border-radius: 100%;
    height: 50px;
    width: 50px;
    animation: fancybox-rotate .8s infinite linear;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,0.25,1);
}

.fancybox-fx-slide.fancybox-slide--previous {
    transform: translate3d(-100%,0,0);
    opacity: 0;
}

.fancybox-fx-slide.fancybox-slide--next {
    transform: translate3d(100%,0,0);
    opacity: 0;
}

.fancybox-fx-slide.fancybox-slide--current {
    transform: translate3d(0,0,0);
    opacity: 1;
}

.fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.19,1,0.22,1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    transform: scale3d(1.5,1.5,1.5);
    opacity: 0;
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    transform: scale3d(0.5,0.5,0.5);
    opacity: 0;
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    transform: scale3d(1,1,1);
    opacity: 1;
}

.fancybox-fx-rotate.fancybox-slide--previous {
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
    opacity: 0;
}

.fancybox-fx-rotate.fancybox-slide--next {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    opacity: 0;
}

.fancybox-fx-rotate.fancybox-slide--current {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
}

.fancybox-fx-circular.fancybox-slide--previous {
    transform: scale3d(0,0,0) translate3d(-100%,0,0);
    opacity: 0;
}

.fancybox-fx-circular.fancybox-slide--next {
    transform: scale3d(0,0,0) translate3d(100%,0,0);
    opacity: 0;
}

.fancybox-fx-circular.fancybox-slide--current {
    transform: scale3d(1,1,1) translate3d(0,0,0);
    opacity: 1;
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%,0,0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%,0,0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0,0,0) scale(1);
}

.fancybox-share {
    padding: 30px;
    border-radius: 3px;
    background: #f4f4f4;
    max-width: 90%;
}

    .fancybox-share h1 {
        color: #222;
        margin: 0 0 20px;
        font-size: 33px;
        font-weight: 700;
        text-align: center;
    }

    .fancybox-share p {
        margin: 0;
        padding: 0;
        text-align: center;
    }

        .fancybox-share p:first-of-type {
            margin-right: -10px;
        }

.fancybox-share_button {
    display: inline-block;
    text-decoration: none;
    margin: 0 10px 10px 0;
    padding: 10px 20px;
    border: 0;
    border-radius: 3px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16);
    background: #fff;
    white-space: nowrap;
    font-size: 16px;
    line-height: 23px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 140px;
    color: #707070;
    transition: all .2s;
}

    .fancybox-share_button:focus, .fancybox-share_button:hover {
        text-decoration: none;
        color: #333;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
    }

    .fancybox-share_button svg {
        margin-right: 5px;
        width: 20px;
        height: 20px;
        vertical-align: text-bottom;
    }

.fancybox-share input {
    box-sizing: border-box;
    width: 100%;
    margin: 5px 0 0;
    padding: 10px 15px;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    background: #ebebeb;
    color: #5d5b5b;
    font-size: 14px;
    outline: none;
}

.fancybox-thumbs {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 212px;
    margin: 0;
    padding: 2px 2px 4px;
    background: #fff;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    box-sizing: border-box;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-y: hidden;
    overflow-x: auto;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs > ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0;
    white-space: nowrap;
}

.fancybox-thumbs-x > ul {
    overflow: hidden;
}

.fancybox-thumbs-y > ul::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs > ul > li {
    float: left;
    overflow: hidden;
    padding: 0;
    margin: 2px;
    width: 100px;
    height: 75px;
    max-width: calc(50% - 4px);
    max-height: calc(100% - 8px);
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
}

li.fancybox-thumbs-loading {
    background: rgba(0,0,0,0.1);
}

.fancybox-thumbs > ul > li > img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-thumbs > ul > li:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 4px solid #4ea7f9;
    z-index: 99991;
    opacity: 0;
    transition: all .2s cubic-bezier(0.25,0.46,0.45,0.94);
}

.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
    opacity: 1;
}

@media all and (max-width: 800px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs > ul > li {
        max-width: calc(100% - 10px);
    }
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}

    .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
        -ms-touch-action: auto;
        touch-action: auto;
    }

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr;
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
}

.mCSB_inside > .mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px;
}

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-left: 0;
    }

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .75;
    filter: alpha(opacity=75);
    -ms-filter: alpha(opacity=75);
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1;
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        position: relative;
        width: 4px;
        height: 100%;
        margin: 0 auto;
        border-radius: 16px;
        text-align: center;
    }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0;
}

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto;
    }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

    .mCSB_container_wrapper > .mCSB_container {
        padding-right: 30px;
        padding-bottom: 30px;
        box-sizing: border-box;
    }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    transition: opacity .2s ease-in-out,background-color .2s ease-in-out;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    transition: width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: alpha(opacity=100);
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.4);
    filter: alpha(opacity=40);
    -ms-filter: alpha(opacity=40);
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.75);
    filter: alpha(opacity=75);
    -ms-filter: alpha(opacity=75);
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.85);
    filter: alpha(opacity=85);
    -ms-filter: alpha(opacity=85);
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9);
    filter: alpha(opacity=90);
    -ms-filter: alpha(opacity=90);
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(../../bower_components/malihu-custom-scrollbar-plugin/mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: alpha(opacity=40);
    -ms-filter: alpha(opacity=40);
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
}

    .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
        opacity: .75;
        filter: alpha(opacity=75);
        -ms-filter: alpha(opacity=75);
    }

    .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
        opacity: .9;
        filter: alpha(opacity=90);
        -ms-filter: alpha(opacity=90);
    }

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0,0,0,0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0,0,0,0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.1);
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.75);
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.1);
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.75);
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,0.1);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}

    .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 14px;
        margin: 0 1px;
    }

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px;
}

    .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 14px;
        margin: 1px 0;
    }

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0;
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px;
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: alpha(opacity=30);
    -ms-filter: alpha(opacity=30);
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: linear-gradient(to right,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom,rgba(255,255,255,0.5) 0,rgba(255,255,255,0) 100%);
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px;
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px;
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: alpha(opacity=30);
    -ms-filter: alpha(opacity=30);
}

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
        border-radius: 16px;
    }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
        width: 8px;
        background-color: #000;
        background-color: rgba(0,0,0,0.2);
        box-shadow: inset 1px 0 1px rgba(0,0,0,0.5),inset -1px 0 1px rgba(255,255,255,0.2);
    }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
        background-color: #555;
    }

    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 8px;
    }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.5),inset 0 -1px 1px rgba(255,255,255,0.2);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
    box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: alpha(opacity=30);
    -ms-filter: alpha(opacity=30);
}

    .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
        border-radius: 7px;
    }

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px;
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.5);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 5px;
    box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
    height: 12px;
    width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0,0,0,0.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0,0,0,0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1),inset 0 0 14px rgba(0,0,0,0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255,255,255,0.4),inset -1px 0 0 rgba(0,0,0,0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -1px 0 rgba(0,0,0,0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0,0,0,0.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.2);
    filter: alpha(opacity=20);
    -ms-filter: alpha(opacity=20);
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.5);
    filter: alpha(opacity=50);
    -ms-filter: alpha(opacity=50);
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.2);
    filter: alpha(opacity=20);
    -ms-filter: alpha(opacity=20);
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.5);
    filter: alpha(opacity=50);
    -ms-filter: alpha(opacity=50);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0,0,0,0.2);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0;
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px;
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0,0,0,0.2);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255,255,255,0.2);
    box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0,0,0,0.2);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9);
}