:root {
    --bg-base-beige: #f4ede9;
    --bg-base-beigeshade: #d8c8bd;
    --bg-base: #e7edf1;
}

.top-line:after,
.logo-holder:after,
#nav:after,
#nav ul:after,
#nav .drop:after,
.mobile-search-form .row:after,
.search-bar:after,
.search-bar .search-form:after,
.itemslider:after,
.newsletterform-box .row:after,
.treatments:after,
.textarea:after,
.employee-section .line:after,
.wrap:after,
.twocolumns:after,
.full-section:after,
.pagination:after {
    content: " ";
    display: block;
    clear: both
}

.top-line .addnav,
#nav ul,
.news-box ul,
.breadcrumbs-holder .breadcrumbs {
    margin: 0;
    padding: 0;
    list-style: none
}

html {
    box-sizing: border-box
}

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

* {
    margin: 0;
    padding: 0;
    max-height: 1000000px
}

ul,
ol,
dl,
p,
h1,
h2,
h3,
h4,
h5,
h6,
address,
form,
table,
blockquote,
applet,
embed,
object,
iframe,
frameset {
    margin: 0 0 14px
}

html,
body,
div,
span,
applet,
embed,
object,
iframe,
frameset,
p,
q,
blockquote,
sub,
sup,
a,
abbr,
acronym,
font,
img,
small,
center,
h1,
h2,
h3,
h4,
h5,
h6,
b,
strong,
big,
u,
ins,
i,
cite,
em,
var,
dfn,
address,
s,
strike,
del,
dl,
dt,
dd,
ol,
ul,
li,
pre,
code,
kbd,
samp,
tt,
fieldset,
legend,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    border: 0;
    background: none
}

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

body {
    color: #0c304c;
    font: 14px/1.5 'Lato', Arial, Helvetica, sans-serif;
    background: #223547;
    min-width: 320px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none
}

a,
.points__link {
    text-decoration: none;
    color: #0c304c;
    outline: none;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

    a:hover,
    .points__link:hover {
        color: #0077bc
    }

img {
    max-width: 100%;
    height: auto;
    vertical-align: top
}

video,
iframe,
object,
embed {
    max-width: 100%
}

input,
textarea,
select {
    font: 100% 'Lato', Arial, Helvetica, sans-serif;
    color: #000;
    vertical-align: middle
}

textarea {
    overflow: auto;
    resize: vertical;
    vertical-align: top
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background: none;
    border: 1px solid transparent;
    color: #000;
    margin: 0 4px 0 0;
    padding: 4px 2px 5px;
    outline: none;
    font-size: 14px
}

    input[type="text"]:focus,
    input[type="tel"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="password"]:focus,
    input[type="search"]:focus,
    textarea:focus {
        border: 1px solid transparent;
    }

input[type="submit"] {
    display: inline-block;
    vertical-align: top;
    border: none;
    outline: none;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    margin: 0
}

    input[type="submit"]:focus,
    input[type="submit"]:hover {
        /* background: #0077bf !important; */
        background: #112f4a !important;
        color: #fff !important
    }

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.newsletterform-box input[type="submit"]:focus,
.newsletterform-box input[type="submit"]:hover,
.newsletterform-box input[type="button"]:focus,
.newsletterform-box input[type="button"]:hover {
    background: #112f4a !important;
    color: #fff !important
}

.btn {
    min-width: 160px;
    min-height: 44px;
    text-align: center;
    color: #fff !important;
    background: #213445;
    font-size: 16px;
    line-height: 1.5;
    display: inline-block;
    vertical-align: top;
    border: none;
    outline: none;
    -webkit-transition: background .4s ease;
    transition: background .4s ease;
    margin: 0;
    padding: 10px 14px;
    cursor: pointer
}

    .btn:hover {
        background: #0077bf;
        text-decoration: none !important
    }

.btn-round,
.btn-round-light,
.btn-round-white {
    border-radius: 10px;
    padding: 10px 25px 10px 20px;
}

.btn-round-light {
    background-color: #abbac6;
    color: #213445 !important;
}

    .btn-round-light:hover {
        background-color: #ffffff;
    }

.btn-round-white,
.btn-white {
    background-color: #ffffff;
    color: #213445 !important;
}

    .btn-round-white:hover,
    .btn-white:hover {
        background-color: #ffffff;
    }

.btn-round svg {
    fill: #fff;
}

.btn-round-light svg,
.btn-round-white svg {
    fill: #3D4D66;
}

.btn-round svg,
.btn-round-light svg,
.btn-round-white svg {
    width: 13px;
    left: 8px;
    position: relative;
}

.btn-arrow-right {
    position: relative;
    padding-right: 40px;
}

@media only screen and (max-width:520px) {
    .btn-mobile-wide {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}



.arrow-icon {
    position: relative;
    top: -2px;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    vertical-align: middle;
}

.btn-arrow-right .arrow-icon {
    position: absolute;
    top: 50%;
    right: 18px;
    left: auto;
    margin-top: -12px;
}


.back .arrow-icon {
    width: 13px;
    margin-right: 4px;
}

.forward .arrow-icon {
    width: 13px;
    margin-left: 4px;
}

.link-arrow-effect:hover .arrow-icon {
    transform: translate3d(6px, 0, 0);
}

    .link-arrow-effect:hover .arrow-icon.arrow-back {
        transform: translate3d(-6px, 0, 0);
    }


label {
    vertical-align: middle;
    float: left;
    padding: 2px 0 0;
    margin: 0 8px 0 0
}

input[type=checkbox] + label {
    float: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

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

input[type="search"] {
    -webkit-appearance: none
}

    input[type="search"]::-webkit-search-cancel-button {
        -webkit-appearance: none
    }

    input[type="search"]::-webkit-search-decoration {
        display: none
    }

h2,
h3,
h4,
h5,
h6,
b,
strong,
th {
    font-weight: bold;
}

h1 {
    color: #0c304c;
    font-size: 25px;
    font-weight: normal;
    line-height: 1.5;
    margin: 0 0 5px;
}

@media only screen and (max-width:767px) {
    h1 {
        font-size: 22px;
    }
}

h2 {
    color: #0c304c;
    font-size: 25px;
    font-weight: normal;
    line-height: 1.5;
    margin: 0 0 5px
}

@media only screen and (max-width:767px) {
    h2 {
        font-size: 20px;
        line-height: 25px
    }
}

h3 {
    font-size: 20px;
    line-height: 25px;
    color: #0c304c;
    margin: 0 0 9px
}

@media only screen and (max-width:767px) {
    h3 {
        font-size: 18px
    }
}

h4 {
    font-size: 110%
}

h5 {
    font-size: 100%
}

h6 {
    font-size: 90%
}

i,
cite,
em,
var,
dfn,
address {
    font-style: italic
}

u,
ins {
    text-decoration: underline
}

s,
strike,
del {
    text-decoration: line-through
}

blockquote,
blockquote:before,
blockquote:after,
q,
q:before,
q:after {
    quotes: none
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: ''
    }

blockquote {
    display: block;
    padding: 0;
    margin: 0;
    font-size: 15px;
    line-height: 25px;
    font-weight: bold
}

    blockquote q {
        display: block;
        margin: 0 0 25px
    }

    blockquote cite {
        display: block
    }

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border-collapse: collapse;
    border-spacing: 0
}

th,
td {
    padding: 7px 7px 4px;
    text-align: left;
    vertical-align: top
}

th {
    border-color: #999;
    text-align: center;
    vertical-align: middle
}

ul,
ol {
    margin-left: 30px;
    padding: 0
}

dl dt {
    float: left;
    clear: left;
    padding-right: 4px;
    font-weight: bold
}


pre {
    max-width: 100%;
    overflow: auto
}

input::-webkit-input-placeholder {
    color: #fff;
    opacity: 1
}

input:focus::-webkit-input-placeholder {
    color: transparent
}

input::-moz-placeholder {
    color: #fff;
    opacity: 1
}

input:focus::-moz-placeholder {
    color: transparent
}

input:-ms-input-placeholder {
    color: #fff
}

input:focus:-ms-input-placeholder {
    color: transparent
}

input::-moz-focus-inner {
    border: 0;
    padding: 0
}

.text-normal {
    display:inline-block;
    font-weight: normal;
    font-size: 16px;
    margin: 0 0 23px;
}

.AreaSectionUnderPageCosmetic .text-normal,
.AreaSectionUnderPageCosmetic2 .text-normal,
.AreaSectionPageCosmetic.text-normal {
    font-size: 14px;
}

.upper {
    text-transform: uppercase;
}

.img-cover {
    height: 100%;
    width: 100%;
    object-fit: cover;
    left: 0;
}

.header-decoration {
    padding-top: 10px;
    padding-top: 10px;
}



    .header-decoration:before {
        content: " ";
        width: 60px;
        height: 2px;
        display: block;
        background-color: #223547;
        position: relative;
        margin-top: 0px;
        top: -10px;
    }

h3.header-decoration,
.thumbnails-holder h2 {
    padding-top: 15px;
}

    h3.header-decoration:before,
    .thumbnails-holder h2:before {
        height: 2px;
        top: -15px;
    }

.submit_loading {
    display: block;
    position: absolute;
    left: 50%;
    margin-left:-30px;
}

.top-line {
    float:right;
    width:70%;
    padding: 15px 0 0;
 /*   display: block;*/
    max-height: 95px;
    -webkit-transition: max-height .2s linear, padding .2s linear;
    transition: max-height .2s linear, padding .2s linear
}

@media only screen and (max-width:1024px) {
    .top-line {
        display: none
    }
}

.top-line .addnav {
    /*    float: right;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end; /* Align items to the right */
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px
}

    .top-line .addnav > li {
        list-style: none;
        /*float: left;*/
        margin-left: 20px;
        white-space: nowrap;
    }

        .top-line .addnav > li.active a {
            color: #fff
        }

        .top-line .addnav > li > a {
            color: #d9e4ef;
            text-decoration: none;
            -webkit-transition: all .4s ease;
            transition: all .4s ease
        }

            .top-line .addnav > li > a:hover {
                color: #808890
            }

            .top-line .addnav > li > a.contact-os,
            .logo-holder .contact-os {
                text-transform: uppercase;
                padding: 7px 28px;
                cursor: pointer;
                color: #fff;
                border-radius: 3px
            }

                .top-line .addnav > li > a.contact-os:hover {
                    color: #223547
                }

        .top-line .addnav > li.li-search-box {
            flex-basis: 100%; 
            text-align: right; /* Align content to the right */
            margin-top: 25px;
        }


@media only screen and (max-width:1366px) {
    .top-line .addnav > li.li-search-box {

        margin-top: 16px;
    }
}

.top-line .contact-os {
    background: #508bb3
}

.logo-holder .contact-os {
    background: #508aaf;
    position:relative;
    z-index:100;
}

.logo-holder {
    -webkit-transition: margin .2s linear;
    transition: margin .2s linear;
    float: left;
    margin-top:20px;
}

@media only screen and (max-width:1366px) {
    .logo-holder {
        float: left;
        margin: 15px 0 0
    }
}

@media only screen and (max-width:1024px) {
    .logo-holder {
        margin: 0;
        float: none;
        display: flex
    }
}

.logo-holder .logo {
    position: relative;
    z-index: 55;
    float: left;
    width: 251px;
    height: 94px;
    margin: -4px 0 0 42px;
    -webkit-transition: height .2s linear, wigth .2s linear, margin .2s linear;
    transition: height .2s linear, wigth .2s linear, margin .2s linear
}

    .logo-holder .logo:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 45%;
        width: 259px;
        height: 196px;
        height: 150px;
        margin: -98px 0 0 -130px;
        background-color: transparent
    }

    .logo-holder .logo a {
        z-index: 2;
        position: relative;
        display: block
    }

    .logo-holder .logo img {
        display: block
    }

.logo-holder .contact-os-btn {
    display: none
}

@media only screen and (max-width:1366px) {
    .logo-holder .logo {
        width: 175px;
        height: auto;
        margin: 0 auto
    }
}

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

    .logo-holder .logo,
    .logo-holder .contact-os-btn {
        width: 100px;
        height: 39px;
        margin: 0;
        float: none;
        display: block
    }

    .logo-holder .contact-os-btn {
        width: auto;
        margin: 0 auto;
        padding: 9px 0
    }

        .logo-holder .logo:after,
        .logo-holder .contact-os-btn:after {
            content: "";
            position: absolute;
            top: 50%;
            left: 45%;
            width: 130px;
            height: 98px;
            margin: -49px 0 0 -65px;
            background-color: transparent
        }
}

@media only screen and (min-width:1024px) {
    .hide-on-desktop {
        display: none;
    }
}

.mobile-holder {
    position: relative
}

@media only screen and (max-width:1024px) {
    .mobile-holder {
        top: 60px;
        position: absolute;
        left: 0;
        width: 100%;
        bottom: 0
    }
}

.screen-reader-text,
.screen-reader-text span {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

body .ui-state-active {
    border: 1px solid transparent !important;
}

body .ui-multiselect.ui-corner-all {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-radius: 0;
    border: 1px solid transparent;
    color: #143b59;
    background: #fff;
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    padding: 12px 50px 12px 12px;
    width: 100% !important;
    height: 48px;
    position: relative;
    max-width: 265px;
    outline: none !important
}

@media only screen and (max-width:1024px) {
    body .ui-multiselect.ui-corner-all {
        max-width: none;
        width: 100% !important
    }
}

@media only screen and (max-width:767px) {
    body .ui-multiselect.ui-corner-all {
        width: 100% !important
    }
}

body .ui-multiselect-menu {
    border-radius: 0 !important
}

body .ui-multiselect-checkboxes label input {
    position: relative;
    top: -2px;
    margin-right: 8px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

body .ui-multiselect span.ui-icon {
    background-image: url("../images/ui-icons_222222_256x240.png") !important;
    content: "";
    position: absolute;
    top: 18px;
    right: 12px;
    background: none !important;
    text-indent: 0
}

body .ui-widget-header a {
    color: #143b59
}

body .ui-multiselect-header {
    background-color: #d8dfe5;
    border-radius: 0;
    border: 0 solid transparent
}

body .ui-state-hover,
body .ui-widget-content .ui-state-hover,
body .ui-widget-header .ui-state-hover,
body .ui-state-focus,
body .ui-widget-content .ui-state-focus,
body .ui-widget-header .ui-state-focus {
    border: 1px solid transparent;
    background: none;
    color: #143b59
}

body .ui-widget-content .ui-state-hover,
body .ui-widget-content .ui-state-focus {
    background: #d8dfe5;
}

body .ui-multiselect-checkboxes,
body .ui-multiselect-checkboxes li label span {
    font-size: 14px !important;
    color: #143b59 !important
}

body .ui-icon,
body .ui-widget-content .ui-icon {
    background-image: url("../images/ui-icons_222222_256x240.png")
}

.map {
    display: none !important;
    overflow: hidden;
    height: 425px;
    position: relative;
    clear: both
}

    .map .img-holder {
        text-align: center
    }

    .map img {
        height: 100%;
        width: auto
    }

    .map .marker {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 58px;
        height: 82px;
        z-index: 5;
        margin: -41px 0 0 -29px;
        cursor: pointer;
        background: url(../images/sprite.png) no-repeat 0 -45px
    }

.color-box {
    background: #e7edf1;
    padding: 7px 9999px 0;
    overflow: hidden;
    margin: 0 -9999px
}

    .color-box h2 {
        color: #00457c;
        margin: 0 0 1px
    }



.ui-dialog .owl-prev,
.ui-dialog .owl-next {
    background: none;
    border: none;
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
    color: #0c304c;
    height: 22px;
    letter-spacing: -.5px;
    outline: none;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    width: 85px;
    z-index: 2
}




    .ui-dialog .owl-prev:after,
    .ui-dialog .owl-next:after,
    .ui-dialog .zoom-previous::after,
    .ui-dialog .zoom-next::after {
        content: "";
        cursor: pointer;
        position: absolute;
        top: 50%;
        margin: -8px 0 0;
        width: 16px;
        height: 16px;
        border: 3px solid #0c304c;
        border-top: none;
        border-left: none;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }

.ui-dialog .zoom-previous::after,
.ui-dialog .zoom-next::after {
    border-width: 2px;
    height: 38px;
    margin-top: 8px;
    width: 38px;
}

.ui-dialog .owl-prev:after {
    left: 3px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.ui-dialog .zoom-previous::after {
    left: -42px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.ui-dialog .zoom-next::after {
    right: -40px;
}

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

    .ui-dialog .zoom-previous::after {
        left: 20px;
    }

    .ui-dialog .zoom-next::after {
        right: 20px;
    }
}

.ui-dialog .zoom-previous:hover::after,
.ui-dialog .zoom-next:hover::after {
    border-color: #0077bf;
}

.owl-dots {
    counter-reset: slides-num;
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    line-height: 20px;
    color: #223547;
    padding: 0 21px 0 0
}

@media only screen and (max-width:1024px) {
    .owl-dots {
        padding: 0
    }
}

.owl-dots:after {
    content: "/"counter(slides-num);
    display: inline-block;
    vertical-align: top
}

.owl-dot {
    display: inline-block;
    vertical-align: top;
    counter-increment: slides-num;
    cursor: default !important
}

    .owl-dot span {
        display: none
    }

    .owl-dot.active:before {
        content: counter(slides-num);
        display: inline-block;
        vertical-align: top;
        font-weight: 900
    }

.dots-scroll .dots-holder {
    position: relative;
    margin: 0 auto;
    width: 425px;
    padding: 0
}

.rslider .owl-dot,
.rslider-special .owl-dot {
    display: inline-block;
    background: #ccd9e0;
    width: 14px;
    height: 14px;
    margin: 0 2px;
    cursor: pointer !important
}

    .rslider .owl-dot.active,
    .rslider-special .owl-dot.active {
        background: #fff
    }

        .rslider .owl-dot.active:before,
        .rslider .owl-dots:after,
        .rslider-special .owl-dot.active:before,
        .rslider-special .owl-dots:after {
            display: none
        }

.rslider .owl-controls,
.rslider-special .owl-controls {
    padding-top: 20px
}

.ps__rail-x {
    display: none;
    opacity: 1 !important;
    background-color: #fff !important;
    border-radius: 4px;
    height: 15px
}

.ps__thumb-x {
    background-color: #97a9b5 !important;
    bottom: 0;
    top: 0;
    height: auto !important;
    cursor: pointer;
    border-radius: 4px
}

.ps__rail-y {
    display: none !important
}

@media only screen and (max-width:767px) {
    .dots-scroll .dots-holder {
        width: 254px
    }
}

.full-section .container-addnav-box {
    margin: 0 0 20px
}

.quote-box {
    margin: 0 0 20px
}

    .quote-box h2 {
        text-align: right;
        padding: 0 10px 0 0;
        line-height: 30px;
        margin: 0
    }

    .quote-box .holder {
        position: relative;
        overflow: hidden;
        background: #b0c4cf;
        padding: 42px 20px 95px 20px;
        min-height: 360px
    }

    .quote-box .more {
        position: absolute;
        bottom: 61px;
        right: 10px;
        width: 22px;
        height: 22px;
        font-weight: bold;
        font-size: 24px;
        line-height: 22px;
        background: #d8e2e7;
        color: #1a4567;
        text-align: center
    }

.ui-widget {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1em
}

.ui-widget-content {
    border: 1px solid transparent;
    border-top: none;
    background-color: #e9eff2;
    /* background: #eee url("../images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x; */
    color: #333
}

.ui-multiselect {
    padding: 2px 0 2px 4px;
    text-align: left
}

    .ui-multiselect span.ui-icon {
        float: right
    }

.ui-multiselect-single .ui-multiselect-checkboxes input {
    position: absolute !important;
    top: auto !important;
    left: -9999px
}

.ui-multiselect-single .ui-multiselect-checkboxes label {
    padding: 5px !important
}

.ui-multiselect-header {
    margin-bottom: 1px;
    padding: 0;
}

    .ui-multiselect-header ul {
        font-size: 12px
    }

        .ui-multiselect-header ul li {
            float: left;
            padding: 17px 0px 15px 12px;
        }

    .ui-multiselect-header a {
        text-decoration: none
    }

        .ui-multiselect-header a:hover {
            text-decoration: underline
        }

    .ui-multiselect-header span.ui-icon {
        float: left
    }

    .ui-multiselect-header span + span {
        display: inline-block;
        vertical-align: top;
        padding: 3px 0 0 5px;
    }

    .ui-multiselect-header li.ui-multiselect-close {
        float: right;
        text-align: right;
        padding: 0;
        background-color: #d1d8de;
    }

        .ui-multiselect-header li.ui-multiselect-close a {
            padding: 17px 16px 12px;
            display: inline-block;
        }

        .ui-multiselect-header li.ui-multiselect-close .ui-icon-circle-close {
            background-position: -151px -223px;
        }

.ui-multiselect-menu {
    display: none;
    position: absolute;
    z-index: 20;
    text-align: left;
    padding-bottom: 15px;
}

    .ui-multiselect-menu .closeMultiSelect {
        display: none;
    }

.ui-multiselect-checkboxes {
    position: relative;
    overflow-y: scroll
}

    .ui-multiselect-checkboxes label {
        cursor: pointer;
        border: 1px solid transparent;
        display: block;
        padding: 12px 12px;
        margin-right: 0;
        float: none
    }

        .ui-multiselect-checkboxes label input {
            position: relative;
            top: 1px
        }

    .ui-multiselect-checkboxes li {
        clear: both;
        font-size: .9em;
        padding-right: 3px;
        cursor: pointer
    }

        .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label {
            text-align: center;
            font-weight: bold;
            border-bottom: 1px solid
        }

            .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a {
                display: block;
                padding: 3px;
                margin: 1px 0;
                text-decoration: none
            }

    * html .ui-multiselect-checkboxes label {
        border: none
    }

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-buttonset {
    margin-right: 7px
}

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em
    }

input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none
}

    .ui-menu .ui-menu {
        position: absolute
    }

    .ui-menu .ui-menu-item {
        position: relative;
        margin: 0;
        padding: 3px 1em 3px .4em;
        cursor: pointer;
        min-height: 0;
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
    }

    .ui-menu .ui-menu-divider {
        margin: 5px 0;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0
    }

    .ui-menu .ui-state-focus,
    .ui-menu .ui-state-active {
        margin: -1px
    }

.ui-menu-icons {
    position: relative
}

    .ui-menu-icons .ui-menu-item {
        padding-left: 2em
    }

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

    .ui-selectmenu-menu .ui-menu {
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 1px
    }

        .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
            font-size: 1em;
            font-weight: bold;
            line-height: 1.5;
            padding: 2px .4em;
            margin: .5em 0 0 0;
            height: auto;
            border: 0
        }

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-button {
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer
}

    .ui-selectmenu-button span.ui-icon {
        right: .5em;
        left: auto;
        margin-top: -8px;
        position: absolute;
        top: 50%
    }

    .ui-selectmenu-button span.ui-selectmenu-text {
        text-align: left;
        padding: .4em 2.1em .4em 1em;
        display: block;
        line-height: 1.4;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

body .ui-icon,
body .ui-widget-content .ui-icon {
    background-image: url("../images/ui-icons_222222_256x240.png")
}

.ui-icon {
    width: 18px;
    height: 18px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-closethick {
    background-position: -96px -128px;
    background-position: -151px -223px;
}

.ui-icon-check {
    background-position: -64px -144px;
    background-position: -170px -223px;
}

.closeMultiSelect {
    float: right;
    padding: 5px 10px
}

@-webkit-keyframes stir {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes stir {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes slideText {
    0% {
        top: -40px;
        opacity: 0
    }

    100% {
        top: 0;
        opacity: 1
    }
}

@keyframes slideText {
    0% {
        top: -40px;
        opacity: 0
    }

    100% {
        top: 0;
        opacity: 1
    }
}

@-webkit-keyframes slideTextBottom {
    0% {
        bottom: -40px;
        opacity: 0
    }

    100% {
        bottom: 0;
        opacity: 1
    }
}

@keyframes slideTextBottom {
    0% {
        bottom: -40px;
        opacity: 0
    }

    100% {
        bottom: 0;
        opacity: 1
    }
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    z-index: 100;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    visibility: hidden;
    opacity: 0;
    width: 100%
}

#wrapper {
    position: relative;
    overflow: hidden;
    background: #fff;
    margin-top: 159px;
}

    #wrapper > .header-holder {
        display: none
    }

@media only screen and (max-width:1366px) {
    #wrapper {
        margin-top: 135px
    }
}

@media only screen and (max-width:1024px) {
    #wrapper {
        margin-top: 95px
    }

        #wrapper > .header-holder {
            display: block
        }
}

.wrap {
    margin: 0 auto;
    max-width: 1259px;
    position: relative;
    z-index: 2;
    padding: 0 10px
}

@media only screen and (max-width:767px) {
    .wrap {
        padding: 0 15px
    }
}

#main {
    -webkit-transition: margin .2s linear;
    transition: margin .2s linear;
    margin: 0;
    position: relative;
    z-index: 3
}

.table-wrap {
    display: table;
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.table-cell {
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

.wide-section {
    clear: both;
    position: relative
}

    .wide-section:after {
        content: "";
        position: absolute;
        top: 0;
        left: -1500px;
        right: -1915px;
        background: #e7edf1;
        bottom: -100000px;
        z-index: -1
    }


.section-bg-white {
    clear: both;
    position: relative
}
    .section-bg-white::after {
        content: "";
        position: absolute;
        top: 0;
        left: -1500px;
        right: -1915px;
        background: #ffffff;
        bottom: 0;
        z-index: -1
    }

.section-bg-white__vpaddings,
.section-bg__vpaddings {
    padding: 50px 0;
}

.section-bg-white + .section-bg-white.section-bg-white__vpaddings {
    padding-top:0;
}

.wide-section__beige,
.wide-section__beigeshade,
.wide-section__bgbase {
    clear: both;
    position: relative;
}

    .wide-section__beige::after,
    .wide-section__beigeshade::after,
    .wide-section__bgbase::after {
        content: "";
        position: absolute;
        top: 0;
        left: -1500px;
        right: -1915px;
        
        background-color: var(--bg-base);
        bottom: -20px;
        z-index: -1;
    }

    .wide-section__beigeshade::after {
        background-color: var(--bg-base-beigeshade);
    }
    .wide-section__beige::after {
        background-color: var(--bg-base-beige);
    }

.EventsPage .wide-section__beigeshade::after {
    bottom: 0px;
}

.section-paddings {
    padding-top: 50px;
    padding-bottom: 50px;
}

@media only screen and (max-width:767px) {
    #content .full-section:first-child {
        /* display: none  */ /* STS */
    }

    .section-bg-white__vpaddings,
    .section-bg__vpaddings {
        padding: 30px 0;
    }
}



.color-bg {
    position: absolute;
    left: -1500px;
    right: -1915px;
    bottom: -30px;
    background: #e7edf1
}

.section-dynamic-bg {
    position: absolute;
    left: -1500px;
    right: -1915px;
    bottom: 0px;
    top:0;
}

    .section {
        position: relative
    }

.full-section {
    clear: both;
    overflow: hidden;
    margin: 0 0 12px
}

@media only screen and (max-width:767px) {
    .full-section  {
        margin-top:16px;
    }
}

    .full-section .sidebar .first-box > :first-child {
        margin: 0
    }

    .full-section .sidebar .first-box h2 {
        margin: 0 0 5px
    }

@media only screen and (max-width:1024px) {
    .full-section .sidebar .first-box {
        height: auto !important
    }
}

.full-section .content .addnav-box {
    margin: 0
}

@media only print {
    * {
        background: #fff !important;
        color: #000 !important
    }

    input[type="text"],
    input[type="tel"],
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="search"],
    select,
    .jcf-select,
    textarea {
        border: 1px solid #000
    }

    .jcf-select {
        overflow: hidden
    }

    br {
        display: none !important
    }

    #wrapper {
        margin: 0
    }

    .twocolumns .content,
    .twocolumns #content,
    .twocolumns .sidebar,
    .twocolumns #sidebar {
        float: none;
        width: auto;
        margin: 0 0 15px
    }


        #header,
        #footer,
        .map,
        .frontpage-holder,
        .search-bar,
        .itemslider,
        .gallery-holder,
        .visual-block,
        .banner-gallery,
        .twocolumns .sidebar .video-js,
        .twocolumns #sidebar .video-js,
        .textarea .addnav {
            display: none !important
        }

    .main-section .holder {
        display: block;
        width: auto;
        height: auto
    }

    .main-section .banner,
    .main-section .custom-banner {
        display: block !important;
        width: auto !important;
        float: none;
        height: auto !important;
        margin: 0 0 10px
    }

        .main-section .banner .title {
            float: none;
            margin: 0 0 10px;
            width: auto
        }

        .main-section .banner .text-holder {
            padding: 0
        }

    .faq-content .accordion .slide {
        position: static !important
    }

    .faq-content .img-holder {
        float: none;
        margin: 18px 0px 18px 0;
    }

    .contact .col {
        float: none;
        width: auto
    }

    .employee-profile .block,
    .employee-profile .experience {
        float: none;
        width: auto;
        height: auto !important;
        padding: 0
    }

        .employee-profile .block .skills,
        .employee-profile .experience .skills {
            margin: 0
        }

    .treatments .infobox {
        width: auto;
        float: none;
        min-height: 0;
        height: auto !important;
        padding: 0
    }

    .employee-section .cat-holder {
        margin: 0 0 15px
    }

    .employee-section .select-form {
        float: left
    }

    .table-block,
    .news-section .item,
    .contact .col,
    .quote-box,
    .newsletterform-box {
        page-break-inside: avoid
    }

        .quote-box .holder {
            padding: 10px 0 50px;
            min-height: 0
        }

        .quote-box .arrow {
            display: none
        }

    .price-box {
        min-height: 0
    }

        .price-box .arrow {
            display: none
        }

    .category-section .item {
        width: 33.3333%
    }

    .category-section .text-holder {
        padding: 15px 0
    }

    .category-section h3 {
        font-size: 14px;
        min-height: 0
    }

    .thumbnails-holder .item {
        width: 33.333%
    }

    .textarea .open-close-holder .slide {
        display: block !important;
        padding: 0
    }

    .employee-section.wide-section h2 {
        text-align: left
    }
}

.thanks-row {
    padding: 20px 0;
    font-weight: bold
}

.case-zoomer,
.double-zoom {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer
}

.plus-btn {
    background: #223546;
    color: #fff;
    width: 21px;
    height: 21px;
    text-align: center;
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer;
    font-size: 18px;
    text-indent: -9999px
}

    .plus-btn:before,
    .plus-btn:after {
        position: absolute;
        content: '';
        top: 50%;
        left: 50%;
        width: 1px;
        height: 11px;
        margin: -6px 0 0 0;
        background: #fff
    }

    .plus-btn:after {
        width: 11px;
        height: 1px;
        margin: -1px 0 0 -5px
    }

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(37, 53, 70, .5)
}

.ui-dialog {
    border: 0;
    background: #e8edf1;
    outline: none;
    max-width: 100%
}

.ui-dialog-titlebar {
    padding: 15px 26px
}

body .ui-dialog-titlebar .ui-dialog-titlebar-close,
body .ui-dialog-titlebar-close.ui-state-hover {
    float: right;
    border: 0 !important;
    background: none;
    outline: none;
    font-weight: normal;
    width: 100px;
    text-align: right;
    line-height: 20px;
    font-size: 14px
}

body .ui-dialog-titlebar-close .ui-icon-closethick {
    width: 20px;
    height: 20px;
    background: #233446;
    border: 0;
    float: right;
    text-align: center;
    text-indent: 0;
    font-size: 10px;
    margin: 0 0 0 12px
}

.ui-icon-closethick:before {
    content: "✖";
    color: #fff;
    display: block
}

.ui-dialog-content {
    background: none;
    border: 0;
    padding: 0 0 7px
}

.ui-dialog .owl-next,
.ui-dialog .owl-prev,
.zoom-out {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 40px;
    background: #26394a;
    bottom: 13px
}

.ui-dialog .owl-next {
    right: 13px
}

.double-zoom .plus-btn {
    display: block;
    width: 30px;
    height: 30px;
    top: 45px;
    right: 13px
}

.zoom-out {
    display: block;
    top: 77px;
    right: 13px
}

    .zoom-out:before {
        content: "";
        position: absolute;
        height: 1px;
        width: 11px;
        top: 50%;
        left: 50%;
        margin: 0 0 0 -5px;
        background: #fff
    }

.two-cols {
    width: 100%;
    /* overflow: hidden; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 13px;
    color: #223448;
    line-height: 17px
}

    .two-cols .col {
        width: 50%;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 13px 10px
    }

    .two-cols h3 {
        font-weight: normal;
        margin: 0
    }

    .two-cols .img-holder {
        text-align: center
    }

._zoom .scroll {
    overflow: auto
}

.two-cols .img {
    border: 2px solid #fff;
    margin: 0 0 13px;
    vertical-align: top
}

    .two-cols .img img {
        width: 100%
    }

._zoom .img {
    max-width: 150%
}

._zoom .owl-next,
._zoom .owl-prev {
    display: none
}

._zoom .double-zoom {
    opacity: .6;
    cursor: default;
    position: static
}

.zoom-out {
    opacity: .6;
    cursor: default
}

._zoom .zoom-out {
    opacity: 1
}

.aside #sidebar {
    float: none;
    width: auto;
    padding: 0
}

@media only screen and (max-width:1024px) {
    .double-zoom .plus-btn {
        display: none
    }

    .zoom-out {
        display: none
    }

    .two-cols {
        overflow: hidden;
        padding: 0
    }

        .two-cols .col {
            float: none;
            width: 100%;
            padding: 0
        }

    .ui-dialog-titlebar {
        position: absolute;
        top: 0;
        width: 100%;
        padding: 13px;
        z-index: 1
    }

    .two-cols .img {
        border: 0;
        margin: 0;
        border-top: 2px solid #e8edf1
    }

    .two-cols .img-holder {
        position: relative;
        margin: 0 0 15px
    }

    .two-cols .text-holder {
        padding: 0 20px
    }

    .ui-dialog-titlebar-close .ui-button-text {
        display: none
    }

    body .ui-dialog-titlebar-close .ui-icon-closethick {
        background: #26394a;
        position: relative;
        width: 30px;
        height: 30px
    }

    .ui-icon-closethick:after,
    .ui-icon-closethick:before {
        content: "";
        width: 15px;
        height: 1px;
        background: #fff;
        left: 50%;
        top: 50%;
        margin: -1px 0 0 -7px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute
    }

    .ui-icon-closethick:before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .ui-dialog .owl-prev:after,
    .ui-dialog .owl-next:after {
        border-color: #fff;
        border-width: 0 1px 1px 0;
        width: 10px;
        height: 10px;
        left: 50%;
        margin: -5px 0 0 -7px
    }

    .ui-dialog .owl-prev:after {
        margin-left: -3px
    }
}

._inactive {
    display: none
}

.faceguide {
    position: relative
}

    .faceguide::after {
        content: "";
        display: block;
        clear: both
    }

    .faceguide::before {
        z-index: -1;
        content: '';
        position: absolute;
        left: -1500px;
        right: -1915px;
        top: -30px;
        bottom: -15px;
        background: #e7edf1
    }

.full-section + .faceguide {
    padding-top: 20px
}

    .full-section + .faceguide::before {
        top: 0
    }

.faceguide__wrap::after {
    content: "";
    display: block;
    clear: both
}

.points__details {
    font-size: 13px;
    margin: 0 0 15px
}

    .points__details::before {
        content: '';
        display: inline-block;
        vertical-align: top;
        margin: 0 7px 0 0;
        width: 18px;
        height: 18px;
        background: rgba(149, 206, 244, .8);
        border: 1px solid rgba(255, 255, 255, .8);
        border-radius: 50%;
        box-sizing: border-box;
        box-shadow: 0 4px 10px rgba(0, 0, 0, .3)
    }

.image-mapper {
    position: relative;
    margin: 0 0 30px;
    vertical-align: top;
    display: inline-block
}

    .image-mapper._mobile {
        display: none
    }

.faceguide .textarea {
    display: none
}

    .faceguide .textarea._active {
        display: block
    }

.points {
    transition: opacity .4s ease
}

.points__item {
    position: absolute;
    width: 18px;
    height: 18px;
    line-height: 16px;
    background: rgba(149, 206, 244, .8);
    border: 1px solid rgba(255, 255, 255, .8);
    border-radius: 50%;
    margin: -9px 0 0 -9px;
    box-sizing: border-box;
    text-align: center;
    color: #0c304c;
    font-size: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .3);
    cursor: pointer
}

._group .points__item {
    width: 25px;
    height: 25px;
    line-height: 23px;
    font-size: 19px;
    margin: -12px 0 0 -12px
}

    ._group .points__item::after {
        content: '+'
    }

.points__item._active .points__info,
.points__item:hover .points__info {
    visibility: visible;
    opacity: 1
}

.points__item:hover {
    z-index: 2
}

.points__info {
    visibility: hidden;
    opacity: 0;
    width: 355px;
    position: absolute;
    z-index: 1;
    top: -55px;
    left: 0;
    padding-left: 20px;
    transition: visibility .4s ease, opacity .4s ease
}

    .points__info::before {
        content: '';
        position: absolute;
        left: -2px;
        top: 53px;
        background: url(../images/point-line.svg) no-repeat 0 0/192px auto;
        width: 192px;
        height: 30px
    }

    .points__info._right-top,
    .points__info._left-top {
        top: auto;
        bottom: -90px
    }

    .points__info._left,
    .points__info._left-top {
        left: auto;
        right: 0;
        padding-left: 0;
        padding-right: 20px
    }

    .points__info._right-top::before {
        top: auto;
        bottom: 89px;
        transform: scale(-1, 1)
    }

    .points__info._left-top::before {
        top: auto;
        bottom: 79px;
        transform: scale(-1, 1);
        left: auto;
        right: -2px
    }

    .points__info._left::before {
        left: auto;
        right: -2px;
        transform: scale(-1, 1)
    }

._right-top .points__zoomed-img,
._left-top .points__zoomed-img {
    margin: 0
}

._right-top .points__description,
._left-top .points__description {
    margin-bottom: 4px
}

    ._right-top .points__description::before,
    ._left-top .points__description::before {
        top: auto;
        bottom: -10px
    }

.points__zoomed-img {
    border-radius: 50%;
    border: 1px solid #9fc4de;
    width: 192px;
    height: 192px;
    margin: 0 0 4px
}

.points__description {
    text-align: left;
    background: rgba(176, 196, 207, .95);
    padding: 22px 16px 16px;
    border-radius: 5px;
    position: relative;
    font-size: 14px;
    line-height: 20px;
    cursor: initial
}

    .points__description::before {
        content: '';
        position: absolute;
        top: -10px;
        left: 50%;
        margin: 0 0 0 -10px;
        width: 20px;
        height: 20px;
        background: #237fbd;
        border-radius: 50%;
        border: 1px solid #fff;
        box-sizing: border-box
    }

.points__link {
    text-decoration: underline;
    cursor: pointer
}

.points__close {
    width: 29px;
    height: 29px;
    position: absolute;
    right: 10px;
    top: 8px;
    background: none;
    border: 0;
    transform: rotate(45deg);
    outline: none
}

    .points__close::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 2px;
        background: #fff;
        margin: -1px 0 0
    }

    .points__close::after {
        content: '';
        position: absolute;
        left: 50%;
        top: 0;
        width: 2px;
        height: 100%;
        background: #fff;
        margin: 0 0 0 -1px
    }

.video-container-autoheight {
    width: 100%;
    position: relative
}

    .video-container-autoheight::before {
        content: '';
        display: inline-block;
        vertical-align: top;
        padding-top: 58.25%
    }

    .video-container-autoheight iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%
    }

@media only screen and (min-width:1024px) {
    .faceguide__img {
        float: left;
        width: 68.6038%;
        margin: 0 89px 0 0
    }

    .content-section::after {
        content: "";
        display: block;
        clear: both
    }

    .content-section .content {
        float: left;
        width: 66.345%
    }

    .content-section .aside {
        float: right;
        width: 32.446%;
        padding: 11px 0 0
    }

    .faceguide__list {
        overflow: hidden;
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: right;
        font-size: 15px;
        line-height: 21px;
        color: #0c304c
    }

    .faceguide__list-item {
        border-top: 1px solid #d5d0ce;
        padding: 3px 11px 2px 0;
        cursor: pointer
    }

        .faceguide__list-item:hover,
        .faceguide__list-item._active {
            font-weight: bold
        }

        .faceguide__list-item:first-child {
            border: 0;
            font-size: 18px;
            text-transform: uppercase;
            font-weight: normal;
            cursor: default
        }
}

@media only screen and (max-width:1023px) {
    .faceguide__img {
        display: table;
        width: 100%
    }

    .faceguide h1 {
        text-align: center;
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 14px
    }

    .faceguide__list {
        position: absolute;
        z-index: 2;
        background: #fff;
        left: -15px;
        right: -15px;
        top: 100%;
        margin: -90px 0 0;
        list-style: none;
        font-size: 14px;
        line-height: 20px
    }

        .faceguide__list._active {
            box-shadow: 0 0 15px rgba(0, 0, 0, .2);
            padding-bottom: 15px
        }

    .faceguide__list-item {
        padding: 10px 15px 10px 35px;
        display: none;
        position: relative
    }

    ._active > .faceguide__list-item {
        display: block
    }

    .faceguide__list-item:first-child {
        padding-left: 15px;
        display: block
    }

        .faceguide__list-item:first-child::before {
            top: 50%;
            margin: -5px 0 0;
            right: 15px;
            content: '';
            position: absolute;
            border: solid #b0c4cf;
            border-width: 0 10px 10px;
            border-color: transparent transparent #b0c4cf
        }

    ._active > .faceguide__list-item:first-child::before {
        border-width: 10px 10px 0;
        border-color: #b0c4cf transparent transparent
    }

    .image-mapper {
        margin: 0 -15px 54px;
        display: none
    }

        .image-mapper._mobile {
            display: block
        }

    .image-mapper__holder {
        position: relative;
        overflow: hidden
    }

    .image-mapper__img {
        transition: transform .4s ease;
        width: 100%
    }

    .points._group {
        opacity: 1
    }

    ._grouping .points._group {
        opacity: 0
    }

    .points .points__info {
        display: none
    }

    .points__item,
    .points__number {
        width: 30px;
        height: 30px;
        margin: -15px 0 0 -15px;
        background: rgba(149, 206, 244, .8);
        font-size: 12px;
        line-height: 28px
    }

    .points__number {
        position: absolute;
        left: 50%;
        top: 35px;
        border-radius: 50%;
        border: 1px solid rgba(255, 255, 255, .8);
        box-shadow: 0 4px 10px rgba(0, 0, 0, .3)
    }

    ._mobile :not(._group) .points__item {
        opacity: 0;
        visibility: hidden;
        transition: visibility .4s ease, opacity .4s ease
    }

        ._mobile :not(._group) .points__item._show {
            opacity: 1;
            visibility: visible
        }

    .points__details {
        display: table-footer-group;
        font-size: 10px;
        line-height: 12px;
        margin: 0
    }

        .points__details::before {
            width: 31px;
            height: 31px;
            float: left;
            margin: -4px 7px 9px 0
        }

    .video-holder {
        width: 100%;
        position: relative
    }

        .video-holder::before {
            content: '';
            display: inline-block;
            vertical-align: top;
            padding-top: 58.25%
        }

        .video-holder iframe {
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 100%
        }

    .image-mapper__zoom-out {
        position: absolute;
        left: 50%;
        margin-left: -30px;
        top: -7px;
        width: 60px;
        height: 60px;
        background: #0193cc;
        border-radius: 50%;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        transition: opacity .4s ease, visibility .4s ease;
        opacity: 0;
        visibility: hidden;
        font-size: 12px;
        line-height: 12px;
        box-sizing: border-box;
        padding: 29px 5px 0
    }

        .image-mapper__zoom-out::before,
        .image-mapper__zoom-out::after {
            content: '';
            width: 23px;
            height: 2px;
            background: #fff;
            position: absolute;
            left: 50%;
            margin-left: -11px;
            top: 14px;
            transform: rotate(-45deg)
        }

        .image-mapper__zoom-out::after {
            transform: rotate(45deg)
        }

    ._grouping .image-mapper__zoom-out {
        opacity: 1;
        visibility: visible
    }

    ._show-popup .image-mapper__zoom-out,
    ._show-popup .points {
        opacity: 0;
        visibility: hidden
    }

    .point-popup {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(32, 50, 67, .8);
        opacity: 0;
        visibility: hidden;
        transition: opacity .4s ease, visibility .4s ease;
        text-align: center;
        overflow: auto;
        padding: 40px 35px 25px
    }

    ._show-popup .point-popup {
        opacity: 1;
        visibility: visible
    }

    .point-popup .points__info {
        transition: none;
        opacity: inherit;
        visibility: inherit;
        max-width: 100%;
        position: static;
        padding: 0;
        margin: 0 auto
    }

        .point-popup .points__info::before {
            display: none
        }
}

.sectionMenuDesktop {
    display: block
}

.sectionMenuMobile {
    display: none
}

.link-active > a,
.link-active > a:after {
    color: #fff !important;
    font-weight: bold
}

#nav .nav > li.link-active > a:after {
    border-bottom: 3px solid #0077bf;
    font-weight: bold
}

@media only screen and (max-width:1024px) {
    #nav .nav > li.link-active > a {
        background: #2e404f
    }
}

@media only screen and (max-width:1024px) {
    .sectionMenuDesktop {
        display: none
    }

    .sectionMenuMobile {
        display: block
    }

    .link-inactive > a {
        color: #c1cedb !important
    }

    .link-inactive-second > a {
        color: #d7d8da !important
    }

    .addLi > a,
    .addLi > span {
        color: #7e90a0
    }
}

.banner-clinic-box {
    margin: 0 9px;
    display: block;
    position: relative;
    text-decoration: none;
    overflow: hidden;
    height: 236px
}

@media only screen and (max-width:767px) {
    .banner-clinic-box {
        height: auto
    }

        .banner-clinic-box .fade-box {
            display: none
        }
}

.banner-clinic-box:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 69, 124, .6);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    visibility: hidden;
    opacity: 0
}

.banner-clinic-box .img-holder {
    text-align: center;
    display: block
}

.banner-clinic-box img {
    height: 100%;
    width: auto;
    max-width: 10000px
}

@media only screen and (max-width:1024px) {
    .banner-clinic-box img {
        width: 100%;
        height: auto;
        min-height: 236px
    }
}

@media only screen and (max-width:767px) {
    .banner-clinic-box img {
        min-height: 0;
        width: 100%;
        height: auto
    }
}

.banner-clinic-box:hover:after {
    opacity: 1;
    visibility: visible
}

.banner-clinic-box:hover .fade-box {
    visibility: visible;
    opacity: 1
}

.banner-clinic-box .text-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 21px;
    text-align: right;
    color: #fff;
    z-index: 5;
    padding: 14px 23px 56px
}

.banner-clinic-box .fade-box {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    float: right;
    padding: 0 7px 0 0;
    visibility: hidden;
    opacity: 0
}

    .banner-clinic-box .fade-box span {
        display: block
    }

.banner-clinic-box .text {
    position: absolute;
    bottom: 20px;
    right: 23px;
    font-size: 18px;
    line-height: 20px;
    background: #00457c;
    color: #b0c4cf;
    padding: 1px 25px 5px
}

    .banner-clinic-box .text:after {
        content: ">";
        position: absolute;
        top: 2px;
        right: 9px;
        font-size: 20px;
        line-height: 20px
    }

@media only screen and (max-width:767px) {
    .banner-clinic-box .text {
        font-size: 14px;
        padding: 1px 25px 4px 10px;
        bottom: 15px;
        right: 16px
    }

        .banner-clinic-box .text:after {
            top: 0
        }
}

.banner-gallery {
    position: relative;
    text-align: center;
    margin: 0 0 20px;
    clear: both
}

    .banner-gallery.no-button .next,
    .banner-gallery.no-button .prev {
        display: none
    }

    .banner-gallery .rsliderholder {
        overflow: hidden
    }

        .banner-gallery .rsliderholder .banner-clinic-box {
            width: 31.902%;
            float: left
        }

@media only screen and (max-width:1024px) {
    .banner-gallery .rsliderholder .banner-clinic-box {
        width: 50%
    }
}

@media only screen and (max-width:767px) {
    .banner-gallery {
        padding-top: 5px
    }

        .banner-gallery .rsliderholder .banner-clinic-box {
            width: 100%;
            float: none
        }
}

.banner-gallery .rlider-holder {
    margin: 0 -9px
}

.banner-gallery .rslider {
    position: relative;
    height: 264px;
    overflow: hidden
}

    .banner-gallery .rslider.owl-carousel {
        overflow: visible;
        height: auto
    }

    .banner-gallery .rslider:before,
    .banner-gallery .rslider:after {
        content: "";
        position: absolute;
        top: 0;
        width: 9px;
        height: 100%;
        background: #e7edf1;
        z-index: 5
    }

    .banner-gallery .rslider:before {
        left: 0
    }

    .banner-gallery .rslider:after {
        right: 0
    }

.banner-gallery .owl-stage-outer:focus {
    cursor: url(../images/cursor.cur), url(../images/cursor.png), pointer
}

.banner-gallery .owl-stage-outer .banner-clinic-box:focus {
    cursor: url(../images/cursor.cur), url(../images/cursor.png), pointer
}

.banner-gallery .owl-prev,
.banner-gallery .owl-next {
    outline: none;
    border: none;
    position: absolute;
    top: 0;
    bottom: 28px;
    width: 1000px;
    background: none;
    text-indent: -9999px;
    overflow: hidden;
    z-index: 10;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

    .banner-gallery .owl-prev:hover:after,
    .banner-gallery .owl-next:hover:after {
        visibility: visible;
        opacity: 1
    }

    .banner-gallery .owl-prev:after,
    .banner-gallery .owl-next:after {
        content: "";
        position: absolute;
        top: 4px;
        top: 50%;
        margin: -11px 0 0;
        width: 22px;
        height: 22px;
        border: 4px solid #b0c4cf;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        visibility: hidden;
        opacity: 0
    }

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

    .banner-gallery .owl-prev,
    .banner-gallery .owl-next {
        left: 0;
        right: auto;
        margin: 0
    }

        .banner-gallery .owl-prev:after,
        .banner-gallery .owl-next:after {
            right: 16px;
            visibility: visible;
            opacity: 1
        }
}

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

    .banner-gallery .owl-prev:hover,
    .banner-gallery .owl-next:hover {
        background: rgba(12, 48, 76, .5)
    }

    .banner-gallery .owl-prev:after,
    .banner-gallery .owl-next:after {
        margin: -20px 0 0
    }
}

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

    .banner-gallery .owl-prev,
    .banner-gallery .owl-next {
        top: auto;
        bottom: 0;
        height: 52px;
        width: 52px
    }

        .banner-gallery .owl-prev:after,
        .banner-gallery .owl-next:after {
            margin: -8px 0 0;
            width: 16px;
            height: 16px;
            border: 3px solid #0c304c
        }

        .banner-gallery .owl-prev:hover,
        .banner-gallery .owl-next:hover {
            background: none
        }

            .banner-gallery .owl-prev:hover:after,
            .banner-gallery .owl-next:hover:after {
                border-color: #0077bf
            }
}

.banner-gallery .owl-prev {
    right: 100%
}

    .banner-gallery .owl-prev:after {
        right: 0;
        border-bottom: none;
        border-right: none
    }

@media only screen and (max-width:1449px) {
    .banner-gallery .owl-prev {
        margin: 0 -50px 0 0
    }

        .banner-gallery .owl-prev:after {
            right: 0
        }
}

@media only screen and (max-width:767px) {
    .banner-gallery .owl-prev {
        right: auto;
        left: -6px;
        margin: 0
    }

        .banner-gallery .owl-prev:after {
            right: 16px
        }
}

.banner-gallery .owl-next {
    left: 100%
}

    .banner-gallery .owl-next:after {
        left: 0;
        border-top: none;
        border-left: none
    }

@media only screen and (max-width:1449px) {
    .banner-gallery .owl-next {
        margin: 0 0 0 -50px
    }

        .banner-gallery .owl-next:after {
            left: 0
        }
}

@media only screen and (max-width:767px) {
    .banner-gallery .owl-next {
        left: auto;
        right: -6px;
        margin: 0
    }

        .banner-gallery .owl-next:after {
            left: 16px
        }
}

.banner-gallery h2 {
    margin: 0 0 3px;
    text-align: right
}

@media only screen and (max-width:767px) {
    .banner-gallery h2 {
        margin: 0 0 8px
    }
}

.banner-gallery .owl-item {
    width: 31.802%;
    display: inline-block;
    vertical-align: top;
    letter-spacing: 0;
    position: relative
}

@media only screen and (max-width:1024px) {
    .banner-gallery .owl-item {
        width: 50%
    }
}

@media only screen and (max-width:767px) {
    .banner-gallery .owl-item {
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .banner-gallery .owl-controls {
        position: relative
    }

        .banner-gallery .owl-controls .owl-prev,
        .banner-gallery .owl-controls .owl-next {
            top: 80%;
            margin: -26px 0 0
        }
}

.breadcrumbs-holder {
    overflow: hidden;
    font-size: 13px;
    margin: 14px 0 14px;
    letter-spacing: .4px;
    clear: both
}

@media only screen and (max-width:767px) {
    .breadcrumbs-holder {
        font-size: 14px;
        letter-spacing: 0;
        margin: 12px 0 12px
    }
}

.breadcrumbs-holder + .full-section {
    display: none
}

@media only screen and (max-width:767px) {
    .breadcrumbs-holder + .full-section {
        display: block
    }
}

.breadcrumbs-holder span {
    float: left;
    color: #223546;
    margin: 0
}

.breadcrumbs-holder .breadcrumbs {
    float: left
}

    .breadcrumbs-holder .breadcrumbs li {
        float: left;
        position: relative;
        padding: 0 30px 0 0;
        color: #6e8795
    }

        .breadcrumbs-holder .breadcrumbs li:last-child:after {
            display: none
        }

        .breadcrumbs-holder .breadcrumbs li:after {
            content: ">";
            position: absolute;
            top: 0;
            right: 10px;
            display: block;
            font-size: 13px
        }

        .breadcrumbs-holder .breadcrumbs li a {
            text-decoration: underline
        }

@media only screen and (max-width:767px) {
    .breadcrumbs-holder .breadcrumbs li {
        padding: 0 20px 0 0;
    }

        .breadcrumbs-holder .breadcrumbs li:after {
            top: 2px;
            right: 5px;
        }
}

.breadcrumbs-holder .breadcrumbs a {
    color: #6e8795
}

    .breadcrumbs-holder .breadcrumbs a:hover {
        color: #0077bf
    }

.banner-gallery + .breadcrumbs-holder {
    margin-top: 30px;
}

.float-box {
    display: none !important;
    position: fixed;
    right: 0;
    top: 200px;
    z-index: 50;
    background: #385673;
    color: #b0c4cf;
    font-size: 17px;
    line-height: 22px;
    overflow: hidden;
    border-radius: 7px 0 0 7px;
    text-align: center;
    min-height: 359px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transition: opacity .4s linear;
    transition: opacity .4s linear
}

    .float-box.float-box-visible {
        visibility: visible;
        opacity: 1
    }

@media only screen and (max-width:1279px) {
    .float-box {
        top: 150px
    }
}

@media only screen and (max-width:1024px) {
    .float-box {
        position: static;
        float: right;
        border-radius: 0;
        background: none;
        min-height: 0;
        visibility: visible;
        opacity: 1
    }
}

.float-box.active .opener {
    border-radius: 3px 3px 0 0
}

@media only screen and (max-width:1024px) {
    .float-box.active .holder {
        padding: 20px 10px 10px
    }

    .float-box.active .opener {
        background: #1a4567
    }
}

.float-box.active .holder {
    visibility: visible;
    opacity: 1;
    margin: 0
}

.float-box .holder {
    width: 514px;
    margin: 0 -452px 0 0;
    padding: 51px 62px 42px 39px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

@media only screen and (max-width:1449px) {
    .float-box .holder {
        margin: 0 -468px 0 0
    }
}

@media only screen and (max-width:1024px) {
    .float-box .holder {
        position: absolute;
        top: 100%;
        width: 300px;
        right: 10px;
        background: #385673;
        margin: 0;
        padding: 0 10px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px 0 3px 3px;
        visibility: hidden;
        opacity: 0;
        overflow: hidden
    }
}

.float-box .opener {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
    width: 62px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #385673
}

    .float-box .opener:hover {
        color: #b0c4cf
    }

@media only screen and (max-width:1449px) {
    .float-box .opener {
        width: 46px
    }
}

@media only screen and (max-width:1024px) {
    .float-box .opener {
        width: 54px;
        height: 40px;
        display: block;
        position: relative;
        background: #384f64;
        border-radius: 3px
    }
}

.float-box .opener span {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    display: block;
    white-space: nowrap;
    margin: 127px 0 0;
    font-size: 30px
}

@media only screen and (max-width:1449px) {
    .float-box .opener span {
        margin: 117px 0 0
    }
}

@media only screen and (max-width:1024px) {
    .float-box .opener span {
        font-size: 12px;
        line-height: 12px;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        margin: 0;
        padding: 7px 0 0;
        color: #adc2d1;
        white-space: normal
    }
}

.float-box .img-holder {
    position: relative;
    color: #b0c4cf;
    text-decoration: none;
    display: block
}

    .float-box .img-holder:hover {
        color: #0077bf
    }

    .float-box .img-holder .text {
        position: absolute;
        top: 6px;
        right: 17px
    }

.float-box p {
    margin: 0 0 16px
}

#footer {
    background: #223546;
    padding: 16px 0 0;
    font-size: 14px;
    line-height: 23px;
    color: #b0c4cf;
    position: relative;
    z-index: 3;
    -webkit-transition: margin .2s linear;
    transition: margin .2s linear;
    margin: 0
}

@media only screen and (max-width:767px) {
    #footer {
        padding: 10px 0 0;
        line-height: 18px
    }
}

#footer iframe {
    width: 100% !important;
    height: 430px !important
}

@media only screen and (max-width:767px) {
    #footer iframe {
        height: 300px !important
    }
}

@media only screen and (max-width:479px) {
    #footer iframe {
        height: 200px !important
    }
}

#footer .footer-holder {
    min-height:38px;
    overflow: hidden;
    border-bottom: 1px solid #465968
}

    #footer .footer-holder.active .opener:after {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 8px
    }

@media only screen and (max-width:767px) {
    #footer .footer-holder.active .opener:after {
        top: 6px
    }
}

#footer .footer-holder .opener {
    float: right;
    position: relative;
    color: #b0c4cf;
    padding: 0 0 0 30px;
    clear: both;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    overflow: hidden;
    margin: 0 0 15px;
    font-size: 18px
}

    #footer .footer-holder .opener:after {
        content: "";
        position: absolute;
        top: 1px;
        left: 3px;
        width: 15px;
        height: 15px;
        border: 3px solid #b0c4cf;
        -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
        border-bottom: none;
        border-right: none
    }

@media only screen and (max-width:767px) {
    #footer .footer-holder .opener {
        font-size: 14px
    }

        #footer .footer-holder .opener:after {
            top: -3px
        }
}

#footer .footer-holder .slide {
    overflow: hidden;
    clear: both;
    padding-bottom: 40px;
    display: none
}

#footer h3,
#footer .h3,
#footer .footer-header {
    font-size: 18px;
    font-weight: normal;
    color: #b0c4cf;
    margin: 0 0 15px
}

@media only screen and (max-width:767px) {
    #footer h3,
    #footer .h3 {
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 7px
    }
}

#footer h3 a,
#footer .h3 a {
    color: #b0c4cf;
    text-decoration: none
}

    #footer h3 a.active,
    #footer h3 a:hover,
    #footer .h3 a.active,
    #footer .h3 a:hover {
        color: #0077bf
    }

#footer p {
    margin: 0 0 23px
}

#footer .box {
    float: right;
    width: 31.8%;
    position: relative;
    padding: 0 5px 0 0
}

    #footer .box.big {
        float: left;
        width: 66%;
        padding: 4px 66px 0 0
    }

        #footer .box.big:after {
            content: "";
            position: absolute;
            top: 3px;
            right: 7px;
            width: 31px;
            height: 99px;
            background: url(../images/footer-logo.png) no-repeat
        }

@media only screen and (max-width:1024px) {
    #footer .box {
        width: auto;
        float: none;
        margin: 0 0 15px
    }

        #footer .box.big {
            width: auto;
            float: none;
            text-align: center;
            padding: 0
        }

            #footer .box.big:after {
                display: none
            }
}

@media only screen and (max-width:767px) {
    #footer .box {
        margin: 0 0 12px
    }
}

#footer .box .more {
    float: right;
    font-size: 14px;
    margin: 0 0 10px;
    color: #b0c4cf;
    text-decoration: none
}

    #footer .box .more:hover {
        color: #0077bf
    }

#footer .nav-holder {
    overflow: hidden;
    border-bottom: 1px solid #465968;
    padding: 22px 0 0 12px;
    font-size: 0;
    line-height: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media only screen and (max-width:1024px) {
    #footer .nav-holder {
        padding: 15px 0
    }
}

@media only screen and (max-width:767px) {
    #footer .nav-holder {
        display: none;
    }
}

#footer .col {
    display: inline-block;
    vertical-align: top;
    padding: 0 15px 0 0
}

    #footer .col.col1 {
        width: 32.6%;
        padding: 0 30px 0 0
    }

        #footer .col.col1 .jcf-select {
            display: none !important;
            margin: 0
        }

        #footer .col.col1 li {
            float: left;
            width: 50%;
            padding: 0 5px 0 0
        }

    #footer .col.col2 {
        width: 18.338%;
        padding: 0 30px 0 0
    }

    #footer .col.col3 {
        width: 17.686%
    }

    #footer .col.col4 {
        width: 20.538%
    }

    #footer .col.col5 {
        width: 10.838%
    }

    #footer .col h3 {
        margin: 0 0 8px
    }

@media only screen and (max-width:1449px) {
    #footer .col.col1 {
        width: 40%;
        padding: 0
    }

    #footer .col.col2,
    #footer .col.col3,
    #footer .col.col4,
    #footer .col.col5 {
        width: 20%;
        padding: 0
    }
}

@media only screen and (max-width:1023px) {
    #footer .col.col1 {
        width: 50%;
        padding: 0
    }

    #footer .col.col2,
    #footer .col.col3,
    #footer .col.col4,
    #footer .col.col5 {
        width: 25%;
        padding: 0
    }
}

@media only screen and (max-width:767px) {
    #footer .col.col1 {
        width: 100%;
        float: none
    }

        #footer .col.col1 .jcf-select {
            display: block !important;
            height: 40px
        }

            #footer .col.col1 .jcf-select .jcf-select-text {
                line-height: 24px;
                color: #143b59;
                margin: 0 35px 0 0px
            }

            #footer .col.col1 .jcf-select .jcf-select-opener:after {
                top: 14px
            }

        #footer .col.col1 h3 {
            display: none
        }

        #footer .col.col1 .clinics {
            display: none
        }

    #footer .col.col2,
    #footer .col.col3,
    #footer .col.col4,
    #footer .col.col5,
    #footer .col.col6,
    #footer .col.col7,
    #footer .col.col8,
    #footer .col.col9,
    #footer .col.col10 {
        display: none
    }
}

#footer ul {
    list-style: none;
    margin: 0 0 15px;
    padding: 0;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden
}

@media only screen and (max-width:767px) {
    #footer ul {
        margin: 0
    }
}

#footer ul li {
    margin: 0 0 9px
}

    #footer ul li.active a {
        color: #0077bf
    }

#footer ul a {
    text-decoration: none;
    color: #fff
}

    #footer ul a:hover {
        color: #0077bf
    }

#footer .infobox {
    overflow: hidden;
    padding: 21px 25px 0 22px;
    text-align: center
}

@media only screen and (max-width:767px) {
    #footer .infobox {
        display: table;
        width: 100%;
        padding: 21px 15px 106px
    }
}

#footer .infobox .block {
    float: left;
    width: 33.3333%
}

    #footer .infobox .block:first-child {
        text-align: left
    }

    #footer .infobox .block.address {
        text-align: right;
        font-size: 12px;
        line-height: 16px
    }

        #footer .infobox .block.address h3,
        #footer .infobox .block.address .h3 {
            font-size: 20px;
            line-height: 13px;
            margin: 0 0 8px
        }

    #footer .infobox .block.socials h3 {
        margin: 0 0 6px
    }

    #footer .infobox .logos .logos-headline {
        text-align: left;
        font-size:12px;
        
    }

@media only screen and (max-width:767px) {
    #footer .infobox .block {
        float: none;
        width: auto
    }

        #footer .infobox .block.socials {
            display: table-header-group
        }

            #footer .infobox .block.socials h3 {
                font-size: 18px;
                margin: 0 0 17px
            }

        #footer .infobox .block.logos {
            display: table-cell;
            text-align: center
        }

            #footer .infobox .logos .logos-headline {
                display: block;
                font-size: 12px;
                margin: 0 0 4px;
                text-align:center;
            }

        #footer .infobox .block.address {
            display: table-footer-group;
            text-align: center;
            font-size: 14px;
            line-height: 18px
        }

            #footer .infobox .block.address h3,
            #footer .infobox .block.address .h3 {
                font-size: 18px;
            }
}

@media only screen and (max-width:767px) {
    #footer .infobox {
        text-decoration: none
    }
}

#footer .infobox .logo {
    float: left;
    margin: 0 0 28px;
    position: relative;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

@media only screen and (max-width:767px) {
    #footer .infobox .logo {
        margin: 0 14px 25px;
        display: inline-block;
        vertical-align: top;
        float: none
    }
}

#footer .infobox .logo.bpk {
    width: 202px;
    height: 69px
}

    #footer .infobox .logo.bpk .text {
        top: 7px;
        left: 45px;
        white-space: nowrap
    }

@media only screen and (max-width:767px) {
    #footer .infobox .logo.bpk {
        width: 100px;
        height: 35px
    }

        #footer .infobox .logo.bpk .text {
            display: none
        }
}

#footer .infobox .logo.ddkm {
    width: 213px;
    height: 65px
}

    #footer .infobox .logo.ddkm .text {
        top: 18px;
        right: 10px;
        width: 98px
    }

@media only screen and (max-width:767px) {
    #footer .infobox .logo.ddkm {
        width: 150px;
        height: 35px;
        margin-top: 10px
    }

        #footer .infobox .logo.ddkm img {
            width: 100px
        }

        #footer .infobox .logo.ddkm .text {
            font-size: 9px;
            line-height: 9px;
            top: 5px;
            right: -10px;
            width: 78px;
            text-align: left
        }
}

#footer .infobox .logo:hover {
    opacity: .8
}

#footer .infobox .logo .text {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 15px;
    color: #a4b8c6;
    position: absolute
}

#footer .infobox .social_networks {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    font-size: 0;
    letter-spacing: -.36em
}

    #footer .infobox .social_networks li {
        margin: 0 6px 12px;
        display: inline-block;
        vertical-align: top;
        letter-spacing: 0
    }

        #footer .infobox .social_networks li.google a {
            background-position: -56px 0
        }

        #footer .infobox .social_networks li.instagram a {
            background-position: -112px 0
        }

    #footer .infobox .social_networks a:hover {
        opacity: .8
    }

@media only screen and (max-width:767px) {
    #footer .infobox .social_networks {
        margin: 0 0 33px
    }

        #footer .infobox .social_networks li {
            margin: 0 5px 10px
        }

            #footer .infobox .social_networks li.google a {
                background-position: -50px -127px
            }

            #footer .infobox .social_networks li.instagram a {
                background-position: -100px -127px
            }
}

#footer .infobox a {
    text-decoration: none;
    color: #b0c4cf
}

    #footer .infobox a:hover {
        color: #0077bf
    }

#footer .infobox .map {
    font-style: italic
}

@media only screen and (max-width:767px) {
    #footer .infobox .map {
        font-size: 12px
    }
}

#footer .infobox address {
    font-style: normal;
    display: block;
    margin: 0 0 16px
}

@media only screen and (max-width:767px) {
    #footer .infobox address {
        margin: 0 0 9px
    }
}

#footer .scrollToTop {
    position: fixed;
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -35px;
    width: 70px;
    height: 53px;
    background: #57748d;
    z-index: 10;
    visibility: hidden;
    opacity: 0
}

    #footer .scrollToTop.scrollToTop-visible {
        visibility: visible;
        opacity: 1
    }

    #footer .scrollToTop:after {
        content: "";
        position: absolute;
        top: 18px;
        left: 50%;
        width: 20px;
        height: 20px;
        border: 3px solid #fff;
        border-bottom: none;
        border-right: none;
        margin: 0 0 0 -10px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    #footer .scrollToTop:hover {
        background: #0077bf
    }

@media only screen and (max-width:767px) {
    #footer .scrollToTop {
        width: 40px;
        height: 40px;
        left: 15px;
        margin: 0
    }
}

.frontpage-holder {
    position: relative;
    height: 425px;
    overflow: hidden
}

@media only screen and (max-width:1366px) {
    .frontpage-holder {
        height: auto !important;
        min-height: 220px;
    }

        .frontpage-holder.one-image {
            height: auto !important;
            min-height: 30vw
        }
}

@media only screen and (max-width:1024px) {
    .frontpage-holder {
        height: 250px !important;
        min-height: 0
    }
}

@media only screen and (max-width:767px) {
    .frontpage-holder {
        height: 187px !important
    }
}

.frontpage-holder:hover .bx-prev:after,
.frontpage-holder:hover .bx-next:after {
    visibility: visible;
    opacity: 1
}

.frontpage-holder .table-wrap {
    height: 425px
}

@media only screen and (max-width:1366px) {
    .frontpage-holder .table-wrap {
        height: 100% !important
    }
}

@media only screen and (max-width:1024px) {
    .frontpage-holder .table-wrap {
        height: 250px !important
    }
}

@media only screen and (max-width:767px) {
    .frontpage-holder .table-wrap {
        height: 187px !important
    }
}

.frontpage-holder .bx-pager.bx-default-pager {
    display: none
}

.frontpage-holder .bx-controls-direction {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.frontpage-holder .bx-prev,
.frontpage-holder .bx-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 100;
    width: 130px;
    overflow: hidden;
    text-indent: -9999px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0);
    border: none;
    outline: none
}

    .frontpage-holder .bx-prev:after,
    .frontpage-holder .bx-next:after {
        content: "";
        position: absolute;
        width: 44px;
        height: 44px;
        border: 6px solid #fff;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 50%;
        margin: -22px 0 0;
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        visibility: hidden;
        opacity: 0
    }

    .frontpage-holder .bx-prev.disabled,
    .frontpage-holder .bx-next.disabled {
        display: none
    }

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

    .frontpage-holder .bx-prev,
    .frontpage-holder .bx-next {
        width: 90px
    }
}

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

    .frontpage-holder .bx-prev,
    .frontpage-holder .bx-next {
        width: 60px
    }

        .frontpage-holder .bx-prev:after,
        .frontpage-holder .bx-next:after {
            border: 4px solid #fff;
            width: 33px;
            height: 33px;
            margin: -17px 0 0
        }
}

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

    .frontpage-holder .bx-prev:after,
    .frontpage-holder .bx-next:after {
        visibility: visible;
        opacity: 1
    }
}

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

    .frontpage-holder .bx-prev,
    .frontpage-holder .bx-next {
        width: 30px
    }

        .frontpage-holder .bx-prev:after,
        .frontpage-holder .bx-next:after {
            border: 3px solid #fff;
            width: 23px;
            height: 23px;
            margin: -15px 0 0
        }
}

.frontpage-holder .bx-prev {
    left: 0
}

    .frontpage-holder .bx-prev:after {
        right: 2px;
        border-bottom: none;
        border-right: none
    }

@media only screen and (max-width:1366px) {
    .frontpage-holder .bx-prev:after {
        right: 0
    }
}

@media only screen and (max-width:767px) {
    .frontpage-holder .bx-prev:after {
        right: 2px
    }
}

.frontpage-holder .bx-next {
    right: 0
}

    .frontpage-holder .bx-next:after {
        left: 2px;
        border-top: none;
        border-left: none
    }

@media only screen and (max-width:1366px) {
    .frontpage-holder .bx-next:after {
        left: 0
    }
}

@media only screen and (max-width:767px) {
    .frontpage-holder .bx-next:after {
        left: 2px
    }
}

.frontpage-no-slider {
    overflow: hidden
}

    .frontpage-no-slider .slide {
        z-index: 1;
        position: static !important
    }

        .frontpage-no-slider .slide .text-box i {
            opacity: 1;
            top: 0;
            -webkit-transition: all .4s linear .4s;
            transition: all .4s linear .4s;
            -webkit-animation: slideText .4s linear 0s 1 normal;
            animation: slideText .4s linear 0s 1 normal;
            -webkit-animation-play-state: initial;
            animation-play-state: initial
        }

        .frontpage-no-slider .slide .text-box span {
            opacity: 1;
            bottom: 0;
            -webkit-transition: all .4s linear .4s;
            transition: all .4s linear .4s;
            -webkit-animation: slideTextBottom .4s linear 0s 1 normal;
            animation: slideTextBottom .4s linear 0s 1 normal;
            -webkit-animation-play-state: initial;
            animation-play-state: initial
        }

@media only screen and (max-width:767px) {
    .frontpage-no-slider .slide .text-box i {
        opacity: 1;
        top: 0;
        -webkit-transition: none;
        transition: none
    }

    .frontpage-no-slider .slide .text-box span {
        opacity: 1;
        bottom: 0;
        -webkit-transition: none;
        transition: none
    }
}

.frontpage-no-slider .slide,
.frontpage-slider .slide {
    -webkit-backface-visibility: hidden;
    width: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    position: absolute;
    display: none
}

    .frontpage-no-slider .slide:first-child,
    .frontpage-slider .slide:first-child {
        display: block
    }

    .frontpage-no-slider .slide.active,
    .frontpage-slider .slide.active {
        z-index: 1
    }

        .frontpage-no-slider .slide.active .text-box i,
        .frontpage-slider .slide.active .text-box i {
            opacity: 1;
            top: 0;
            -webkit-transition: all .4s linear;
            transition: all .4s linear
        }

        .frontpage-no-slider .slide.active .text-box span,
        .frontpage-slider .slide.active .text-box span {
            opacity: 1;
            bottom: 0;
            -webkit-transition: all .4s linear;
            transition: all .4s linear
        }

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

    .frontpage-no-slider .slide.active .text-box i,
    .frontpage-slider .slide.active .text-box i {
        opacity: 1;
        top: 0;
        -webkit-transition: none;
        transition: none
    }

    .frontpage-no-slider .slide.active .text-box span,
    .frontpage-slider .slide.active .text-box span {
        opacity: 1;
        bottom: 0;
        -webkit-transition: none;
        transition: none
    }
}

.frontpage-no-slider .text-box,
.frontpage-slider .text-box {
    float: right;
    width: 270px;
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 36px;
    position: relative
}

    .frontpage-no-slider .text-box.align-left,
    .frontpage-slider .text-box.align-left {
        float: left;
        margin: 0 0 36px 30px
    }

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

    .frontpage-no-slider .text-box,
    .frontpage-slider .text-box {
        margin: 0 30px 36px 0
    }

        .frontpage-no-slider .text-box.align-left,
        .frontpage-slider .text-box.align-left {
            margin: 0 0 36px 30px
        }
}

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

    .frontpage-no-slider .text-box,
    .frontpage-slider .text-box {
        margin: 0 55px 0 0
    }

        .frontpage-no-slider .text-box.align-left,
        .frontpage-slider .text-box.align-left {
            margin: 0 0 0 55px
        }
}

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

    .frontpage-no-slider .text-box,
    .frontpage-slider .text-box {
        font-size: 11px;
        line-height: 14px;
        margin: 0 13px 0 0;
        width: 50%
    }

        .frontpage-no-slider .text-box.align-left,
        .frontpage-slider .text-box.align-left {
            margin: 0 0 0 13px
        }
}

.frontpage-no-slider .text-box i,
.frontpage-slider .text-box i {
    letter-spacing: .5px;
    display: block;
    margin: 0 0 17px;
    position: relative;
    opacity: 0;
    top: -40px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

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

    .frontpage-no-slider .text-box i,
    .frontpage-slider .text-box i {
        opacity: 1;
        top: 0;
        -webkit-transition: none;
        transition: none
    }
}

.frontpage-no-slider .text-box span,
.frontpage-slider .text-box span {
    font-size: 15px;
    text-decoration: none;
    position: relative;
    display: block;
    opacity: 0;
    bottom: -40px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

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

    .frontpage-no-slider .text-box span,
    .frontpage-slider .text-box span {
        font-size: 10px;
        line-height: 14px;
        opacity: 1;
        bottom: 0;
        -webkit-transition: none;
        transition: none
    }
}

.frontpage-no-slider .frame,
.frontpage-slider .frame {
    margin: 0 -300px;
    height: 100%
}

@media screen and (min-width:1025px) and (max-width:1366px) {

    .frontpage-no-slider .frame,
    .frontpage-slider .frame {
        margin: 0
    }
}

.frontpage-no-slider .img-holder,
.frontpage-slider .img-holder {
    overflow: hidden;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

@media only screen and (max-width:1366px) {
    .frontpage-slider .img-holder {
        position: static
    }
}

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

    .frontpage-no-slider .img-holder,
    .frontpage-slider .img-holder {
        position: absolute
    }
}

.frontpage-no-slider .img-holder img,
.frontpage-slider .img-holder img {
/*    height: 100%;
    width: auto;*/
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    left: 0;
}

@media screen and (min-width:1025px) and (max-width:1366px) {

    .frontpage-no-slider .img-holder img,
    .frontpage-slider .img-holder img {
        width: 100%;
        height: 100%
    }

        .frontpage-slider .img-holder img[src] {
            /*height: auto*/
        }

        .frontpage-no-slider .img-holder img[src] {
            height: 100%;
            object-fit: cover
        }
}

.frontpage-no-slider .holder,
.frontpage-slider .holder {
    z-index: 12;
    position: relative;
    height: 425px;
    display: block;
    overflow: hidden
}

@media screen and (min-width:1025px) and (max-width:1366px) {

    .frontpage-no-slider .holder,
    .frontpage-slider .holder {
/*        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
        min-height: 0*/
        height:250px;
    }
}

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

    .frontpage-no-slider .holder,
    .frontpage-slider .holder {
        height: 250px
    }
}

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

    .frontpage-no-slider .holder,
    .frontpage-slider .holder {
        height: 187px
    }
}

.frontpage-no-slider .holder:hover,
.frontpage-slider .holder:hover {
    color: #304a61
}

.frontpage-no-slider .holder:focus,
.frontpage-slider .holder:focus {
    cursor: url(../images/cursor.cur), url(../images/cursor.png), pointer
}

.FrontPage .content-banner-section.stretchfull .content-columns__columns-3 {
    max-width: 1600px;
    padding-left: 20px;
    padding-right: 20px;
}

.ui-dialog-announcement {
    display: none;
    box-shadow: 0px 50px 50px -30px rgb(0 0 0 / 15%);
    position: absolute;
    left: 0;
    right: 0;
    width: 635px;
    background: #819fbb;
    max-width: 73%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    top: 20%;
    padding: 60px 50px;
    color: #ffffff;
    font-weight: bold;
    z-index: 99;
}


.ui-dialog-announcement__close {
    padding: 0;
    border: none;
}

.ui-dialog-announcement__title {
    font-size: 30px;
    margin-bottom: 14px;
    text-transform: uppercase;
}

.ui-dialog-announcement__text {
    font-size: 18px;
}

.ui-dialog-announcement a {
    color: #ffffff;
    text-decoration: underline;
}




@media only screen and (max-width:1366px) {
    .ui-dialog-announcement {
        padding: 22px 26px;
    }

    .ui-dialog-announcement__title {
        font-size: 22px;
    }

    .ui-dialog-announcement__text {
        font-size: 14px;
    }
}

@media only screen and (max-width:767px) {
    .ui-dialog-announcement {
        top: 20px;
        max-width: 85%;
    }

    .ui-dialog-announcement__title {
        font-size: 18px;
        text-transform: uppercase;
    }

    .ui-dialog-announcement__text {
        font-size: 13px;
    }
}

.cross-thin {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
}

    .cross-thin::before {
        transform: rotate(45deg);
    }

    .cross-thin::after {
        transform: rotate(-45deg);
    }

    .cross-thin::after,
    .cross-thin::before {
        content: "";
        position: absolute;
        top: 18px;
        left: 0;
        right: 0;
        height: 1px;
        background: #fff;
        border-radius: 4px;
    }

    .cross-thin:hover::after,
    .cross-thin:hover::before {
        height: 2px;
    }

#header:after {
    content: " ";
    display: block;
    clear: both
}

#header {
    background: #223547;
    color: #fff;
    position: relative;
    z-index: 50;
    -webkit-transform: translateZ(0);
    -webkit-transition: margin .2s linear;
    transition: margin .2s linear;
    margin: 0;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0
}

    #header.scrolled {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0
    }

        #header.scrolled .top-line {
            overflow: hidden;
            max-height: 0;
            padding: 0
        }

@media only screen and (min-width:1024px) {
    #header.scrolled .logo {
        width: 150px;
        height: auto;
        margin: 5px 0 5px;
    }
}

@media only screen and (max-width:1366px) {
    #header.scrolled .logo {
        margin: 5px 0 5px;
    }
}

@media only screen and (max-width:1366px) {
    #header.scrolled .logo-holder {
        margin: 0
    }
}

#header.scrolled #nav {
    margin: 20px 0 0
}

@media only screen and (max-width:1366px) {
    #header.scrolled #nav {
        margin: 20px 0 0
    }
}

@media only screen and (max-width:1024px) {
    #header.scrolled #nav > li > a {
        padding: 6px 5px 7px 14px
    }
}

#header .opener-btn {
    width: 33px;
    height: 20px;
    display: none;
    float: right;
    margin: 10px 0 0 -5px;
    position: relative;
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    cursor: pointer
}

    #header .opener-btn:before,
    #header .opener-btn:after,
    #header .opener-btn span {
        background: #fff;
        border-radius: 4px;
        position: absolute;
        top: 50%;
        left: 0%;
        right: 0%;
        height: 4px;
        margin-top: -2px;
        -webkit-transition: -webkit-transform .4s linear .4s, top .4s linear .4s, left .4s linear .4s, right .4s linear .4s, bottom .4s linear .4s;
        transition: transform .4s linear .4s, top .4s linear .4s, left .4s linear .4s, right .4s linear .4s, bottom .4s linear .4s
    }

    #header .opener-btn:before,
    #header .opener-btn:after {
        content: '';
        top: 0;
        margin: 0
    }

    #header .opener-btn:after {
        top: 100%;
        margin: -4px 0 0
    }

    #header .opener-btn span {
        -webkit-transition: all .4s linear .4s;
        transition: all .4s linear .4s
    }

    #header .opener-btn:hover {
        opacity: .9
    }

@media only screen and (max-width:1024px) {
    #header .opener-btn {
        display: block
    }
}

@media only screen and (max-width:1024px) {
    #header {
        padding: 10px 0 0;
        background-color: #1f3242;
        background-image: -webkit-linear-gradient(top, #293c4f, #1f3242);
        background-image: linear-gradient(to bottom, #293c4f, #1f3242)
    }

        #header .header-holder {
            display: none
        }
}

@media only screen and (max-width:1024px) {
    #header .wrap {
        padding: 0 10px
    }
}

.header-holder {
    display:block;
    padding-top:10px;
    width:100%;
    clear:both;
    -webkit-transition: left .2s linear;
    transition: left .2s linear;
/*    float: right;
    width: 70%*/
}

    .header-holder .opener-btn {
        width: 43px;
        height: 50px;
        display: none;
        position: fixed;
        left: 5px;
        top: 20px;
        width: 33px;
        height: 20px;
        transition: all .2s linear;
        -moz-transition: all .2s linear;
        -webkit-transition: all .2s linear;
        cursor: pointer
    }

        .header-holder .opener-btn:before,
        .header-holder .opener-btn:after,
        .header-holder .opener-btn span {
            background: #fff;
            border-radius: 4px;
            position: absolute;
            top: 50%;
            left: 0%;
            right: 0%;
            height: 4px;
            margin-top: -2px;
            -webkit-transition: -webkit-transform .4s linear .4s, top .4s linear .4s, left .4s linear .4s, right .4s linear .4s, bottom .4s linear .4s;
            transition: transform .4s linear .4s, top .4s linear .4s, left .4s linear .4s, right .4s linear .4s, bottom .4s linear .4s;
            opacity: 0
        }

        .header-holder .opener-btn:before,
        .header-holder .opener-btn:after {
            content: '';
            top: 0;
            margin: 0
        }

        .header-holder .opener-btn:after {
            top: 100%;
            margin: -4px 0 0
        }

        .header-holder .opener-btn span {
            opacity: 0;
            -webkit-transition: all .4s linear .4s;
            transition: all .4s linear .4s
        }

        .header-holder .opener-btn:hover {
            opacity: .9
        }

.scrolled .header-holder {
    float: right;
    width: 84%;
    clear: none;
    padding-top: 31px;
}



@media only screen and (max-width:1024px) {
    .header-holder .opener-btn {
        display: block
    }
}

@media only screen and (max-width:1366px) {
    .header-holder {
       /* width: 79%*/
    }
    .scrolled .header-holder {
        padding-top: 17px;
    }
}

@media only screen and (max-width:1024px) {
    .header-holder {
        position: fixed;
        left: calc(100vw);
        width: calc(100vw - 56px);
        top: 0;
        bottom: 0;
        background: #1f3141;
        z-index: 101;
        float: none
    }
}

a.hospital-box:hover {
    opacity: .8
}

.hospital-box {
    margin: 0 0 24px;
    position: relative;
    display: block;
    text-decoration: none;
    color: #0c304c
}

    .hospital-box h2 {
        margin: 0 0 5px;
        padding: 0 14px 0 0;
        text-align: right
    }

    .hospital-box .holder {
        background: #b0c4cf;
        padding: 40px 40px 15px 40px;
        overflow: hidden;
        line-height: 25px
    }

@media only screen and (max-width:767px) {
    .hospital-box .holder {
        /* padding: 15px 10px */
    }
}

.hospital-box p {
    margin: 0 0 25px
}

@media only screen and (max-width:767px) {
    .hospital-box p {
        margin: 0 0 10px
    }
}

.hospital-box .arrow {
    position: absolute;
    bottom: 11px;
    right: 10px;
    width: 22px;
    height: 22px;
    background: #d8e2e7;
    color: #1a4567;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    font-size: 24px;
    line-height: 22px
}

.itemslider {
    padding: 14px 0 17px;
    position: relative
}

@media only screen and (max-width:767px) {
    .itemslider {
        padding: 0;
        margin-left: -2px
    }
}

.itemslider .itemslider-cycle,
.itemslider .itemslider-special {
    text-align: center;
    position: relative;
    height: 397px;
    overflow: hidden
}

    .itemslider .itemslider-cycle.owl-carousel,
    .itemslider .itemslider-special.owl-carousel {
        overflow: visible;
        height: auto
    }

    .itemslider .itemslider-cycle:before,
    .itemslider .itemslider-cycle:after,
    .itemslider .itemslider-special:before,
    .itemslider .itemslider-special:after {
        content: "";
        position: absolute;
        top: 0;
        width: 9px;
        height: 100%;
        background: #fff;
        z-index: 5
    }

    .itemslider .itemslider-special:before,
    .itemslider .itemslider-special:after {
        width: 0
    }

    .itemslider .itemslider-cycle:before,
    .itemslider .itemslider-special:before {
        left: 0
    }

    .itemslider .itemslider-cycle:after,
    .itemslider .itemslider-special:after {
        right: 0
    }

    .itemslider .itemslider-cycle:hover .owl-prev,
    .itemslider .itemslider-cycle:hover .owl-next,
    .itemslider .itemslider-special:hover .owl-prev,
    .itemslider .itemslider-special:hover .owl-next {
        opacity: 1;
        visibility: visible
    }

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

    .itemslider .itemslider-cycle,
    .itemslider .itemslider-special {
        padding: 0
    }
}

.itemslider .slide {
    width: 33.3333%;
    float: left
}

@media only screen and (max-width:1024px) {
    .itemslider .slide {
        width: 50%
    }
}

@media only screen and (max-width:767px) {
    .itemslider .slide {
        width: 100%
    }
}

.itemslider .owl-item .slide {
    float: none;
    width: auto
}

.itemslider .owl-item {
    height: 100%;
    vertical-align: top;
    text-align: left
}

@media only screen and (max-width:1024px) {
    .itemslider .owl-item {
        width: 50%
    }
}

@media only screen and (max-width:767px) {
    .itemslider .owl-item {
        width: 100%
    }
}

.itemslider .owl-item:focus {
    cursor: url(../images/cursor.cur), url(../images/cursor.png), pointer
}

.itemslider .owl-prev,
.itemslider .owl-next {
    outline: none;
    border: none;
    position: absolute;
    top: 39px;
    bottom: 0;
    z-index: 105;
    width: 32px;
    height: 40px;
    background: none;
    text-indent: -9999px;
    overflow: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

    .itemslider .owl-prev:hover:after,
    .itemslider .owl-next:hover:after {
        visibility: visible;
        opacity: 1
    }

    .itemslider .owl-prev:after,
    .itemslider .owl-next:after {
        content: "";
        position: absolute;
        top: 25%;
        width: 22px;
        height: 22px;
        border: 4px solid #b0c4cf;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        visibility: visible;
        opacity: 1
    }

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

    .itemslider .owl-prev,
    .itemslider .owl-next {
        top: auto;
        height: 52px;
        width: 52px
    }

        .itemslider .owl-prev:after,
        .itemslider .owl-next:after {
            margin: -8px 0 0;
            width: 16px;
            height: 16px;
            border: 3px solid #0c304c;
            visibility: visible;
            opacity: 1
        }

        .itemslider .owl-prev:hover,
        .itemslider .owl-next:hover {
            background: none
        }

            .itemslider .owl-prev:hover:after,
            .itemslider .owl-next:hover:after {
                border-color: #0077bf
            }
}

.itemslider .owl-prev {
    right: 41px;
    top: -53px
}

    .itemslider .owl-prev:after {
        right: -4px;
        border-bottom: none;
        border-right: none
    }

@media only screen and (max-width:1449px) {
    .itemslider .owl-prev {
        right: 34px
    }

        .itemslider .owl-prev:after {
            right: 0
        }
}

@media only screen and (max-width:767px) {
    .itemslider .owl-prev {
        left: 0;
        right: auto;
        margin: 0
    }

        .itemslider .owl-prev:after {
            right: 16px
        }
}

.itemslider .owl-next {
    right: 5px;
    top: -53px
}

    .itemslider .owl-next:after {
        left: -4px;
        border-top: none;
        border-left: none
    }

@media only screen and (max-width:1449px) {
    .itemslider .owl-next:after {
        left: 0
    }
}

@media only screen and (max-width:767px) {
    .itemslider .owl-next {
        left: auto;
        right: 0;
        margin: 0
    }

        .itemslider .owl-next:after {
            left: 16px
        }
}

.itemslider .slide-banner-box,
.itemslider .holder {
    padding: 0 9px
}

    .itemslider .slide-banner-box:focus {
        cursor: url(../images/cursor.cur), url(../images/cursor.png), pointer
    }

    .itemslider .slide-banner-box a:focus {
        cursor: url(../images/cursor.cur), url(../images/cursor.png), pointer
    }

.jcf-select {
    display: inline-block;
    vertical-align: top;
    position: relative;
    background: #fff;
    margin: 0 0 12px;
    min-width: 265px;
    padding: 7px 12px;
    height: auto;
    border: 1px solid #e7edf1;
}

    .jcf-select.jcf-drop-focus,
    .jcf-select.jcf-drop-active {
        border: 1px solid #e7edf1;
        border-bottom: none
    }

        .jcf-select.jcf-drop-focus.jcf-drop-flipped,
        .jcf-select.jcf-drop-active.jcf-drop-flipped {
            border-top: none;
            border: 1px solid #e7edf1;
        }

        .jcf-select.jcf-drop-focus .jcf-select-opener:after,
        .jcf-select.jcf-drop-active .jcf-select-opener:after {
            content: "";
            position: absolute;
            top: 7px;
            left: 0;
            width: 0;
            height: 0
        }

    .jcf-select select {
        z-index: 1;
        left: 0;
        top: 0
    }

    .jcf-select .jcf-select-text {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        cursor: default;
        display: block;
        font-size: 14px;
        line-height: 28px;
        color: #1b1b1b;
        margin: 0 35px 0 0px;
        cursor: pointer
    }

    .jcf-select .jcf-select-opener {
        position: absolute;
        text-align: center;
        background: none;
        width: 18px;
        bottom: 0;
        right: 12px;
        top: 16px;
        cursor: pointer
    }

#contact-form .jcf-select-opener {
    top: 18px
}

.jcf-select .jcf-select-opener:after {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 0;
    height: 0
}

body > .jcf-select-drop {
    position: absolute;
    margin: -1px 0 0;
    z-index: 5
}

    body > .jcf-select-drop.jcf-drop-flipped {
        margin: 1px 0 0
    }

        body > .jcf-select-drop.jcf-drop-flipped .jcf-select-drop-content {
            border: 1px solid #e7edf1;
            border-bottom: none
        }

.jcf-select .jcf-select-drop {
    position: absolute;
    margin-top: 0;
    z-index: 50;
    top: 100%;
    left: -1px;
    right: -1px
}

.jcf-select .jcf-drop-flipped {
    bottom: 100%;
    top: auto
}

.jcf-select-drop .jcf-select-drop-content {
    border: 1px solid #e7edf1;
    border-top: none
}

.jcf-list-box {
    overflow: hidden;
    display: inline-block;
    min-width: 200px;
    margin: 0 15px
}

.jcf-list {
    display: inline-block;
    vertical-align: top;
    position: relative;
    /* background: #fff; */
    background: #e7edf1;
    line-height: 20px;
    font-size: 14px;
    width: 100%
}

    .jcf-list .jcf-list-content {
        vertical-align: top;
        display: inline-block;
        overflow: auto;
        width: 100%
    }

    .jcf-list ul {
        list-style: none;
        padding: 0;
        margin: 0
    }

        .jcf-list ul li {
            overflow: hidden;
            display: block
        }

    .jcf-list .jcf-overflow {
        overflow: auto
    }

    .jcf-list .jcf-option {
        white-space: normal;
        overflow: hidden;
        cursor: pointer;
        display: block;
        padding: 11px;
        color: #1b1b1b;
        height: 1%
    }

    .jcf-list .jcf-disabled {
        background: #fff !important;
        color: #aaa !important
    }

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
    background: #d8dfe5;
    color: #000
}

.jcf-list .jcf-optgroup-caption {
    white-space: nowrap;
    font-weight: bold;
    display: block;
    padding: 5px 9px;
    cursor: default;
    color: #000
}

.jcf-list .jcf-optgroup .jcf-option {
    padding-left: 30px
}

.jcf-list .jcf-option-hideme {
    display: none !important
}

.main-section {
    background: #e7edf1;
    position: relative;
    overflow: hidden;
    padding: 0 9999px 0;
    margin: 0 -9999px
}

.FrontPage .main-section {
    background-color: #f0f4f6;
}

@media only screen and (min-width:768px) {
    .main-section.section {
        position: relative;
        overflow: hidden
    }

        .main-section.section .blockDefaultStyles {
            opacity: 0;
            position: relative;
            top: -20px;
            -webkit-transition: all .4s linear;
            transition: all .4s linear
        }

            .main-section.section .blockDefaultStyles.show {
                opacity: 1;
                top: 0
            }

        .main-section.section .custom-banner {
            top: -50px;
            opacity: 0;
            -webkit-transition: top .4s linear, opacity .4s linear;
            transition: top .4s linear, opacity .4s linear;
            overflow: hidden;
            position: relative
        }

        .main-section.section .banner {
            top: -50px;
            opacity: 0;
            -webkit-transition: top .4s linear, opacity .4s linear;
            transition: top .4s linear, opacity .4s linear;
            overflow: hidden;
            position: relative
        }

        .main-section.section.show {
            visibility: visible;
            margin-top: 0;
            bottom: 0;
            opacity: 1
        }

            .main-section.section.show .custom-banner {
                margin-left: 0;
                opacity: 1;
                top: 0
            }

            .main-section.section.show .banner {
                margin-right: 0;
                opacity: 1;
                top: 0
            }
}

.main-section .holder {
    overflow: hidden;
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 395px;
    margin: 0 0 25px
}

@media only screen and (max-width:767px) {
    .main-section .holder {
        margin: 0 0 12px;
        display: block;
        height: auto
    }
}

.main-section h2 {
    text-align: right;
    font-weight: normal;
    font-size: 25px;
    margin: 0 0 5px;
    padding-top: 10px;
}

    .main-section h2:before {
        content: " ";
        width: 60px;
        height: 2px;
        display: block;
        background-color: #223547;
        position: relative;
        margin-top: 0px;
        top: -10px;
    }

    @media only screen and (max-width:767px) {
        .main-section h2 {
        text-align: left;
        font-size: 22px;
        line-height:1.5;
        margin: 0 0 5px;
    }
}

.main-section .custom-banner {
    display: table-cell;
    vertical-align: top;
    height: 100%;
    width: 33.7%;
    padding: 0 18px 0 0
}

@media only screen and (max-width:767px) {
    .main-section .custom-banner {
        padding: 0px 0 45px 0;
        width: auto;
        margin: 0 0 13px
    }
}

.main-section .custom-banner .newsletterform-box {
    height: 100%;
    display: table;
    width: 100%
}

@media only screen and (max-width:1024px) {
    .main-section .custom-banner .newsletterform-box {
        display: block;
        height: auto;
        padding: 0;
    }
}

.main-section .banner {
    display: table-cell;
    vertical-align: top;
    height: 100%;
    width: 66%
}




@media only screen and (max-width:767px) {
    .main-section .banner {
        width: auto;
        height: auto !important;
        display: block;
        padding-top: 5px
    }
}

.main-section .banner h2 {
    margin-bottom: 12px;
}

@media only screen and (min-width:768px) {
    .main-section .banner h2::before {
        position: absolute;
        top: 0;
        right: 0;
    }
}

.main-section .banner a {
    display: block;
    text-decoration: none;
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
    color: #fff;
    background: #b0c4cf
}

    .main-section .banner a:hover .img-holder:after {
        opacity: 1;
        visibility: visible
    }

    .main-section .banner a .arrow {
        background: #b0c4cf
    }

    .main-section .banner a.color1 {
        color: #1a4567
    }

        .main-section .banner a.color1 .arrow {
            color: #1a4567
        }

    .main-section .banner a.color2 {
        background: #385673
    }

        .main-section .banner a.color2 .arrow {
            background: #385673
        }

    .main-section .banner a.color3 {
        background: #9aa2a7
    }

        .main-section .banner a.color3 .arrow {
            background: #9aa2a7
        }

.main-section .banner img {
    margin: 0;
    height: 100%;
    width: auto
}

@media only screen and (max-width:767px) {
    .main-section .banner img {
        width: 100%;
        height: auto
    }
}

.main-section .banner .img-holder {
    position: relative;
    overflow: hidden;
    text-align: center;
    margin: 0 -200px
}

@media only screen and (max-width:767px) {
    .main-section .banner .img-holder {
        margin: 0
    }
}

.main-section .banner .img-holder:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .2);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.main-section .banner .text-holder {
    padding: 19px 15px 9px 28px;
    letter-spacing: .1px;
    overflow: hidden;
    font-size: 14px;
    line-height: 18px
}

@media only screen and (max-width:767px) {
    .main-section .banner .text-holder {
        padding: 12px 16px 10px 13px;
        letter-spacing: 0;
        line-height: 19px
    }
}

.main-section .banner .title {
    float: left;
    width: 28%;
    margin: 0 26px 0 0;
    padding: 4px 0 0
}

@media only screen and (max-width:767px) {
    .main-section .banner .title {
        float: none;
        width: auto;
        margin: 0;
        padding: 0
    }
}

.main-section .banner .title h3 {
    font-size: 20px;
    line-height: 24px;
    font-weight: normal;
    color: #fff;
    margin: 0 0 14px
}

@media only screen and (max-width:767px) {
    .main-section .banner .title h3 {
        font-size: 16px;
        line-height: 20px;
        margin: 0 0 3px
    }

        .main-section .banner .title h3 br {
            display: none
        }
}

.main-section .banner .box {
    overflow: hidden
}

.main-section .banner p {
    margin: 0
}

.main-section .banner .arrow {
    position: absolute;
    bottom: 3px;
    right: 205px;
    width: 22px;
    height: 22px;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    line-height: 20px
}

@media only screen and (max-width:767px) {
    .main-section .banner .arrow {
        right: 8px;
        bottom: 6px
    }
}

.mobile-search {
    display: none;
    margin: 0 0 11px
}

@media only screen and (max-width:1024px) {
    .mobile-search {
        display: block
    }
}

.mobile-search-form {
    position: relative;
    padding: 2px 15px;
    margin: 0
}

    .mobile-search-form .row {
        background: #fff;
        border-radius: 2px;
        position: relative;
        z-index: 20;
        display: flex
    }

    .mobile-search-form .searchLoader {
        position: absolute;
        top: 5px;
        right: 40px;
        width: 25px;
        height: 25px;
        background: url(../images/preloader.png) no-repeat;
        z-index: 10;
        display: none;
        -webkit-animation: stir 1.5s linear 0s infinite normal;
        animation: stir 1.5s linear 0s infinite normal;
        -webkit-animation-play-state: initial;
        animation-play-state: initial
    }

    .mobile-search-form input[type="text"],
    .mobile-search-form input[type="search"] {
        float: left;
        width: 100%;
        font-size: 14px;
        line-height: 16px;
        padding: 8px 14px;
        height: 35px;
        color: #203343
    }

    .mobile-search-form input[type="search"] {
        padding: 0
    }

        .mobile-search-form input[type="text"]:focus,
        .mobile-search-form input[type="search"]:focus {
            border: 1px solid transparent
        }

            .mobile-search-form input[type="text"]:focus + .search-box,
            .mobile-search-form input[type="search"]:focus + .search-box {
                opacity: 1;
                visibility: visible
            }

    .mobile-search-form input[type="submit"] {
        text-indent: -9999px;
        overflow: hidden;
        width: 27px;
        height: 22px;
        border: none;
        margin: 7px 0 -7px 2px;
        padding: 0;
        float: left;
        background: url(../images/search-icon-aros.svg) no-repeat !important
    }

        .mobile-search-form input[type="submit"]:hover {
            opacity: .8
        }

    .mobile-search-form .input-holder {
        width: 90%
    }

        .mobile-search-form .input-holder .search-box {
            max-height: 257px;
            overflow-x: hidden;
            overflow-y: auto;
            margin: -3px 0 0 !important;
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            background: #fff;
            border-radius: 0 0 3px 3px;
            -webkit-transition: all .4s ease;
            transition: all .4s ease;
            visibility: hidden;
            opacity: 0;
            word-wrap: break-word
        }

        .mobile-search-form .input-holder .search-drop {
            list-style: none;
            margin: 0;
            padding: 0;
            font-size: 16px;
            z-index: 5
        }

            .mobile-search-form .input-holder .search-drop li:first-child {
                padding: 7px 0 0
            }

            .mobile-search-form .input-holder .search-drop li:last-child {
                padding: 0 0 18px
            }

            .mobile-search-form .input-holder .search-drop a {
                padding: 3px 18px;
                display: block;
                color: #fff;
                text-decoration: none
            }

                .mobile-search-form .input-holder .search-drop a:hover {
                    background: #385673
                }

    .mobile-search-form input::-webkit-input-placeholder {
        color: #203343;
        opacity: 1
    }

    .mobile-search-form input:focus::-webkit-input-placeholder {
        color: transparent
    }

    .mobile-search-form input::-moz-placeholder {
        color: #203343;
        opacity: 1
    }

    .mobile-search-form input:focus::-moz-placeholder {
        color: transparent
    }

    .mobile-search-form input:-ms-input-placeholder {
        color: #203343
    }

    .mobile-search-form input:focus:-ms-input-placeholder {
        color: transparent
    }

    .mobile-search-form input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

#nav {
    font-size: 17px;
    position: relative;
    -webkit-transition: margin .2s linear;
    transition: margin .2s linear;
    margin: 0px 0 0
}

@media only screen and (min-width:1024px) and (max-width:1366px) {
    #nav {
        font-size: 14px;
        margin: 8px 0 0
    }
}

@media only screen and (max-width:1024px) {
    #nav {
        font-size: 16px;
        margin: 17px 0 0
    }
}

@media only screen and (max-width:1024px) {
    #nav {
        height: 100%;
        margin: 0
    }
}

@media only screen and (min-width:1025px) {
    #nav .addLi {
        display: none
    }
}

#nav .mobile {
    display: none
}

@media only screen and (max-width:1024px) {
    #nav .mobile {
        display: block
    }
}

@media only screen and (min-width:1025px) {
    #nav .cloneLink {
        display: none !important
    }
}

#nav .nav {
    float: right
}

@media only screen and (max-width:1024px) {
    #nav .nav {
        float: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto
    }
}

@media only screen and (max-width:1024px) {
    #nav .nav .has-drop-down > a:after {
        content: ">";
        top: 5px;
        bottom: auto;
        left: auto;
        right: 15px;
        height: 0;
        border: none !important;
        color: #0077bf;
        display: block
    }

    #nav .nav .second-has-drop-down > a:after {
        content: ">";
        bottom: auto;
        left: auto;
        right: 15px;
        height: 0;
        border: none !important;
        color: #0077bf;
        display: block
    }

    #nav .nav .third-has-drop-down > a:after {
        content: ">";
        bottom: auto;
        left: auto;
        right: 15px;
        height: 0;
        border: none !important;
        color: #0077bf;
        display: block
    }
}

#nav .nav > li {
    float: left;
    margin: 0 0 0 31px;
    position: relative
}

    #nav .nav > li:hover > a:after {
        border-bottom: 3px solid #0077bf
    }

@media only screen and (max-width:1024px) {
    #nav .nav > li.expanded .adddrop {
        left: 0
    }

        #nav .nav > li.expanded .adddrop > ul > li.expanded .innerdrop {
            left: 0
        }

            #nav .nav > li.expanded .adddrop > ul > li.expanded .innerdrop > ul > li.expanded .second-innerdrop {
                left: 0
            }

        #nav .nav > li.expanded .adddrop > a {
            padding: 5px 4px 7px 15px;
            background: #2e404f;
            color: #fff
            /*!important*/
        }

        #nav .nav > li.expanded .adddrop > ul > li.expanded .innerdrop > a {
            padding: 5px 4px 7px 15px;
            background: #2e404f;
            color: #fff
            /*!important*/
        }

        #nav .nav > li.expanded .adddrop > ul > li.expanded .innerdrop > ul > li.expanded .second-innerdrop > a {
            padding: 5px 4px 7px 15px;
            background: #2e404f;
            color: #fff
            /*!important*/
        }

        #nav .nav > li.expanded .adddrop > a:after {
            content: "< Tilbage";
            right: 9px;
            margin: -11px 0 0;
            font-size: 16px;
        }

        #nav .nav > li.expanded .adddrop > ul > li.expanded .innerdrop > a:after {
            content: "<Tilbage";
            font-size: 14px;
            right: 9px;
            margin: -11px 0 0
        }

        #nav .nav > li.expanded .adddrop > ul > li.expanded .innerdrop > ul > li.expanded .second-innerdrop > a:after {
            content: "<Tilbage";
            font-size: 14px;
            right: 9px;
            margin: -11px 0 0
        }
}

#nav .nav > li.active > a:after {
    border-bottom: 3px solid #0077bf
}

@media only screen and (max-width:1024px) {
    #nav .nav > li.active > a {
        background: #2e404f;
        color: #fff
    }
}

@media only screen and (min-width:1025px) {
    #nav .nav > li:hover .adddrop {
        top: 100%;
        margin: 0;
        z-index: 10
    }
}

@media only screen and (max-width:1024px) {
    #nav .nav > li {
        float: none;
        margin: 0;
        position: static
    }
}

#nav .nav > li > a {
    display: block;
    position: relative;
    padding: 5px 0 8px
}

#nav .nav > li > a {
    font-size: 17px
}

.scrolled .header-holder #nav .nav > li > a {
    font-size: 16px;
}

@media only screen and (min-width:1024px) and (max-width:1366px) {
    #nav .nav > li > a {
        font-size: 14px
    }

    .scrolled .header-holder #nav .nav > li > a {
        font-size: 12px;
    }
}

@media only screen and (max-width:1024px) {
    #nav .nav > li > a {
        font-size: 16px;
        color: #c1cedb
    }
}

#nav .nav > li > a:hover:after {
    border-bottom: 3px solid #0077bf
}

#nav .nav > li > a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -10px;
    right: -10px;
    height: 0;
    border-bottom: 3px solid transparent;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

@media only screen and (max-width:1024px) {
    #nav .nav > li > a {
        padding: 6px 5px 7px 14px;
        border-bottom: 1px solid #192734
    }

        #nav .nav > li > a:hover {
            background: #2e404f;
            color: #fff
        }

        #nav .nav > li > a:after {
            display: none
        }
}

#nav a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

@media only screen and (max-width:1024px) {
    #nav a {
        color: #7e90a0
    }
}

#nav .drop {
    position: relative;
    z-index: 50
}

@media only screen and (max-width:1024px) {
    #nav .drop {
        padding: 10px 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

#nav .adddrop {
    position: absolute;
    top: 100%;
    left: -34px;
    background: #223444;
    width: 718px;
    padding: 28px 15px 35px 16px;
    font-weight: 300;
    letter-spacing: -.36em;
    display: none;
    z-index: 1;
    margin: 10px 0 0;
    -webkit-transition: margin-top .4s linear;
    transition: margin-top .4s linear
}

    #nav .adddrop.one-column {
        width: 309px;
        right: -10px;
        left: auto
    }

        #nav .adddrop.one-column li {
            display: block;
            width: auto;
            margin: 0 0 -1px
        }

@media only screen and (max-width:1366px) {
    #nav .adddrop {
        width: 550px;
        padding: 5px 10px
    }
}

@media only screen and (max-width:1024px) {
    #nav .adddrop {
        position: absolute;
        top: 0;
        left: calc(56px - 100vw);
        display: block !important;
        width: 100%;
        max-width: calc(100vw - 56px);
        padding: 0;
        letter-spacing: 0;
        background: #1f3141;
        z-index: 10;
        margin: 0;
        min-height: 100%;
        -webkit-transition: left .3s linear;
        transition: left .3s linear
    }

        #nav .adddrop > ul > li .innerdrop {
            position: absolute;
            top: 0;
            left: calc(56px - 100vw);
            display: block !important;
            width: 100%;
            max-width: calc(100vw - 56px);
            padding: 0;
            letter-spacing: 0;
            background: #1f3141;
            z-index: 10;
            margin: 0;
            min-height: 100%;
            -webkit-transition: left .3s linear;
            transition: left .3s linear
        }

            #nav .adddrop > ul > li .innerdrop > ul > li .second-innerdrop {
                position: absolute;
                top: 0;
                left: calc(56px - 100vw);
                display: block !important;
                width: 100%;
                max-width: calc(100vw - 56px);
                padding: 0;
                letter-spacing: 0;
                background: #1f3141;
                z-index: 10;
                margin: 0;
                min-height: 100%;
                -webkit-transition: left .3s linear;
                transition: left .3s linear
            }

        #nav .adddrop.one-column {
            width: 100%;
            right: auto;
            left: calc(56px - 100vw)
        }

        #nav .adddrop > a {
            display: block !important
        }

        #nav .adddrop > ul > li .innerdrop > a {
            display: block !important
        }

        #nav .adddrop > ul > li .innerdrop > ul > li .second-innerdrop > a {
            display: block !important
        }
}

#nav .adddrop ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#nav .adddrop .extra-items > .cloneLink {
    display: none !important
}

#nav .adddrop .extra-items {
    background: #31506a;
    margin: 2px -15px -35px -16px;
    padding: 10px 15px 35px 16px
}

@media only screen and (max-width:1366px) {
    #nav .adddrop .extra-items {
        margin: 2px -10px -5px -10px;
        padding: 10px 10px 30px 10px
    }
}

@media only screen and (max-width:1024px) {
    #nav .adddrop .extra-items {
        margin: 0;
        padding: 0
    }
}

#nav .adddrop .extra-items li:first-child + li a {
    color: #fff
}

#nav .adddrop .extra-items li:first-child + li {
    text-transform: uppercase;
    border-top: none;
    margin: 0 4.0567% -1px 2.9112%
}

@media only screen and (max-width:1024px) {
    #nav .adddrop .extra-items li:first-child + li {
        margin: 0 0 -1px
    }
}

@media only screen and (max-width:1024px) {
    #nav .adddrop ul a {
        padding: 6px 30px 7px 26px
    }

        #nav .adddrop ul a:after {
            font-size: 15px;
            right: 14px;
            margin: -11px 0 0
        }

        #nav .adddrop ul a:hover {
            background: #2e404f;
            color: #fff
        }
}

#nav .adddrop li {
    display: inline-block;
    vertical-align: top;
    border-bottom: 1px solid #1c2a36;
    border-top: 1px solid #1c2a36;
    margin: 0 3.0567% -1px 2.9112%;
    width: 44.0321%;
    letter-spacing: 0
}

    #nav .adddrop li.active a {
        color: #fff;
        font-weight: bold
    }

        #nav .adddrop li.active a:after {
            color: #fff
        }

@media only screen and (max-width:1366px) {
    #nav .adddrop li {
        margin: 0 1% -1px;
        width: 48%
    }
}

@media only screen and (max-width:1024px) {
    #nav .adddrop li {
        width: auto;
        display: block;
        margin: 0 0 -1px
    }
}

#nav .adddrop a {
    color: #d7d8da;
    display: block;
    position: relative;
    padding: 5px 0 7px
}

    #nav .adddrop a:hover {
        color: #fff
    }

        #nav .adddrop a:hover:after {
            color: #fff
        }

    #nav .adddrop a:after {
        content: ">";
        position: absolute;
        top: 50%;
        right: 3px;
        font-size: 20px;
        line-height: 20px;
        color: #0077bf;
        margin: -13px 0 0;
        font-weight: bold;
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }

#nav .adddrop > a {
    display: none
}

#nav .adddrop .secondDrop-holder {
    position: relative
}

@media only screen and (max-width:1024px) {
    #nav .adddrop .secondDrop-holder li {
        margin: 0;
        border: none
    }

    #nav .adddrop .secondDrop-holder > a:after {
        font-size: 15px;
        line-height: 16px;
        right: 10px;
        margin: -11px 0 0;
        width: 18px;
        height: 18px;
        text-align: center
    }
}

@media only screen and (min-width:1025px) {
    #nav .adddrop .secondDrop-holder:hover .secondDrop {
        max-height: 500px
    }
}

@media only screen and (max-width:1024px) {
    #nav .adddrop .secondDrop-holder.expanded > a {
        background: #192734
    }

        #nav .adddrop .secondDrop-holder.expanded > a:after {
            background: #253a4d;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg)
        }

    #nav .adddrop .secondDrop-holder.expanded .secondDrop {
        max-height: 500px
    }
}

#nav .adddrop .secondDrop-holder .secondDrop {
    width: 100%;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .3s linear;
    transition: max-height .3s linear;
    background: #192734;
    z-index: 5
}

    #nav .adddrop .secondDrop-holder .secondDrop li {
        width: 100%;
        display: block;
        margin: 0 0 -1px
    }

    #nav .adddrop .secondDrop-holder .secondDrop a {
        padding: 5px 10px 7px
    }

        #nav .adddrop .secondDrop-holder .secondDrop a:after {
            font-size: 15px;
            right: 14px;
            margin: -11px 0 0
        }

@media only screen and (max-width:1024px) {
    #nav .adddrop .secondDrop-holder .secondDrop a {
        padding: 8px 30px 7px 36px
    }
}

.navactive #header,
.navactive #footer,
.navactive #main {
    margin: 0 calc(100vw - 56px) 0 calc(56px - 100vw)
}

.navactive .header-holder {
    left: 56px
}

    .navactive .header-holder .opener-btn {
        left: 15px
    }

        .navactive .header-holder .opener-btn span {
            opacity: 0;
            left: -40px;
            right: 40px
        }

        .navactive .header-holder .opener-btn:after,
        .navactive .header-holder .opener-btn:before {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            top: 50%;
            left: 0%;
            right: 0%;
            opacity: 1
        }

        .navactive .header-holder .opener-btn:after {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            top: 68%
        }

.navactive #header {
    overflow: hidden
}

    .navactive #header .opener-btn {
        visibility: hidden;
        opacity: 0
    }

        .navactive #header .opener-btn span {
            opacity: 0;
            left: -40px;
            right: 40px
        }

        .navactive #header .opener-btn:after,
        .navactive #header .opener-btn:before {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            top: 50%;
            left: 0%;
            right: 0%;
            opacity: 1
        }

        .navactive #header .opener-btn:after {
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            top: 68%
        }

.navactive .overlay {
    visibility: visible;
    opacity: .75
}

.newsletterform-box {
    color: #1a4567;
    background: #e7edf1;
    position: relative;
    padding: 0 40px 40px 0;
}

    .newsletterform-box.alt {
        margin: 0 0 24px
    }

.FrontPage .newsletterform-box {
    background: #f0f4f6;
}

@media only screen and (max-width:1024px) {
    .newsletterform-box {
        padding: 15px 10px 0;
    }
}

.newsletterform-box .closeMultiSelect {
    padding: 5px
}

.newsletterform-box select {
    visibility: hidden
}

.newsletterform-box h2 {
    text-align: left;
    font-weight: normal;
    font-size: 25px;
    padding-top: 10px;
    padding-top: 10px;
    margin: 0 0 5px;
}
    .newsletterform-box h2:before {
        content: " ";
        width: 60px;
        height: 2px;
        display: block;
        background-color: #223547;
        position: relative;
        margin-top: 0px;
        top: -10px;
    }


@media only screen and (max-width:767px) {
    .newsletterform-box h2 {
        font-size: 22px;
        line-height: 1.5;
    }
}

.newsletterform-box .subscribe-form {
    padding: 5px 0 0 0;
    margin: 0
}

@media only screen and (max-width:767px) {
    .newsletterform-box .subscribe-form {
        padding: 8px 0 0
    }
}

.newsletterform-box .text-holder {
    padding: 0 15px 10px 5px;
    font-size: 13px;
    line-height: 19px
}

@media only screen and (max-width:1024px) {
    .newsletterform-box .text-holder {
        padding: 0 5px 10px
    }
}

@media only screen and (max-width:767px) {
    .newsletterform-box .text-holder {
        font-size: 14px;
        line-height: 17px;
        padding: 0 0 3px
    }
}

.newsletterform-box input[type="email"],
.newsletterform-box input[type="text"] {
    float: left;
    color: #143b59;
    background: #fff;
    font-size: 14px;
    line-height: 22px;
    padding: 12px;
    /* width: 265px; */
    width: 100%;
    /* height: 28px */
}

.newsletterform-box .ui-multiselect.ui-corner-all {
    max-width: none;
}

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

    .newsletterform-box input[type="email"],
    .newsletterform-box input[type="text"] {
        margin: 0;
        width: 100%
    }
}

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

    .newsletterform-box input[type="email"],
    .newsletterform-box input[type="text"] {
        /* height: 30px */
    }
}

.newsletterform-box input[type="submit"],
.newsletterform-box input[type="button"] {
    float: left;
    text-align: left;
    background-color: #4c647f;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    padding: 10px 25px;
    margin-top: 12px
}

@media only screen and (max-width:767px) {
    .newsletterform-box input[type="submit"],
    .newsletterform-box input[type="button"] {
        width: 200px;
        height: 44px;
        font-size: 15px;
        padding: 0 15px 2px;
        text-align: center
    }
}

.newsletterform-box .row {
    padding: 0 0 0 0px;
    margin: 0 0 15px
}

@media only screen and (max-width:1024px) {
    .newsletterform-box .row {
        padding: 0 5px
    }
}

@media only screen and (max-width:767px) {
    .newsletterform-box .row {
        margin: 0 0 11px;
        padding: 0
    }
}

.newsletterform-box .row.submit {
    margin: 0;
    /* height: 118px; */
    padding: 10px 0 0;
    /* position: absolute; */
    bottom: 0;
    left: 0;
    right: 0
}

@media only screen and (max-width:767px) {
    .newsletterform-box .row.submit {
        /* position: static;
        margin: 0 -10px;
        height: fit-content; */
        /* padding: 16px 15px */
    }
}

.newsletterform-box input::-webkit-input-placeholder {
    color: #143b59;
    opacity: 1
}

.newsletterform-box input:focus::-webkit-input-placeholder {
    color: transparent
}

.newsletterform-box input::-moz-placeholder {
    color: #143b59;
    opacity: 1
}

.newsletterform-box input:focus::-moz-placeholder {
    color: transparent
}

.newsletterform-box input:-ms-input-placeholder {
    color: #143b59
}

.newsletterform-box input:focus:-ms-input-placeholder {
    color: transparent
}

.newsletterform-box input::-moz-focus-inner {
    border: 0;
    padding: 0
}

.newsletterform-box .jcf-list-box {
    display: none !important
}

@media only screen and (max-width:1024px) {
    .newsletterform-box .jcf-select {
        min-width: 0;
        width: 100%
    }
}

@media only screen and (max-width:767px) {
    .newsletterform-box .jcf-select {
        margin: 0 0 3px
    }
}

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

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

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

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        display: flex
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0, 0, 0)
    }

@media only screen and (max-width:767px) {
    .owl-carousel .owl-stage-outer {
        padding-bottom: 5px
    }
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

    .owl-carousel.owl-rtl .owl-item {
        float: right
    }

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    transition: scale 100ms ease
}

    .owl-carousel .owl-video-play-icon:hover {
        -webkit-transition: scale(1.3, 1.3);
        transition: scale(1.3, 1.3)
    }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

@media only screen and (max-width:767px) {
    .search-bar {
        padding: 0
    }
}

.search-bar .search-form {
    border-radius: 3px;
    position: relative;
    float: right;
    padding: 0 1px 0 0;
    margin: 0
}

@media only screen and (max-width:1449px) {
    .search-bar .search-form {
        padding: 0 0px 0 0
    }
}

@media only screen and (max-width:1024px) {
    .search-bar .search-form {
        padding: 12px 10px 12px;
        position: relative;
        border-radius: 3px;
        background: #223444;
        width: 100%;
        display: flex;
        align-items: center
    }

        .search-bar .search-form > div {
            width: 100%;
            display: flex;
            border: 1px solid #4c7fa5;
            background: #fff
        }
}

.search-bar label {
    float: right;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    padding: 3.3px 12px;
    margin-right:0;
    cursor: pointer;
    background-color: #3c6583;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

    .search-bar label:hover {
        background-color: #0076c0
    }

@media only screen and (max-width:1024px) {
    .search-bar label {
        display: none
    }
}

.search-bar .input-holder {
    display: flex;
    position: relative;
    float: right;
    width: 350px;
    height: 31px;
    border-radius: 3px;
    border: 1px solid #4c7fa5;
    background: #fff
}

@media only screen and (max-width:1024px) {
    .search-bar .input-holder {
        width: auto;
        flex-grow: 1;
        padding-left: 10px;
        border: none
    }
}

.search-bar .input-holder .searchLoader {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 25px;
    height: 25px;
    background: url(../images/preloader.png) no-repeat;
    z-index: 10;
    display: none;
    -webkit-animation: stir 1.5s linear 0s infinite normal;
    animation: stir 1.5s linear 0s infinite normal;
    -webkit-animation-play-state: initial;
    animation-play-state: initial
}

.search-bar input[type="submit"],
.search-bar .searchIcon {
    overflow: hidden;
    text-indent: -9999px;
    border: none;
    margin: 4px 0 0 7px;
    padding: 0;
    width: 27px;
    height: 22px;
    background: url(../images/search-icon-aros.svg) no-repeat !important;
    float: left;
    display: none
}

.search-bar .searchIcon {
    display: block;
    width: 29px
}

.search-bar input[type="submit"]:hover {
    opacity: .8
}

@media only screen and (max-width:1024px) {
    .search-bar input[type="submit"] {
        margin: 5px 0 0 10px;
        display: block
    }

    .search-bar .searchIcon {
        display: none
    }
}

.search-bar input[type="text"],
.search-bar input[type="search"] {
    float: left;
    border: none;
    background: none;
    font-size: 15px;
    line-height: 20px;
    height: 29px;
    padding: 5px 10px 5px 10px;
    margin: 0;
    font-weight: 300
}

    .search-bar input[type="search"]::placeholder {
        color: #203343;
        opacity: 1;
        font-weight: bolder
    }

    .search-bar input[type="text"]:focus + .search-box,
    .search-bar input[type="search"]:focus + .search-box {
        opacity: 1;
        visibility: visible
    }

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

    .search-bar input[type="text"],
    .search-bar input[type="search"] {
        padding: 5px 10px 5px 3px;
        font-size: 15px
    }

    .search-bar input[type="search"] {
        height: 31px
    }
}

.search-bar .search-box {
    max-height: 270px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #223444;
    border-radius: 0 0 3px 3px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    visibility: hidden;
    opacity: 0;
    z-index: 1000
}

.search-bar .search-drop {
    list-style: none;
    margin: -3px 0 0;
    padding: 0;
    font-size: 16px
}

    .search-bar .search-drop li:first-child {
        padding: 7px 0 0
    }

    .search-bar .search-drop li:last-child {
        padding: 0 0 18px
    }

    .search-bar .search-drop li.selected {
        background: #fff
    }

    .search-bar .search-drop a {
        padding: 3px 18px;
        display: block;
        color: #fff;
        text-decoration: none;
        text-wrap: auto;
    }

        .search-bar .search-drop a:hover {
            background: #385673
        }

.slide-banner-box a {
    display: block;
    text-decoration: none;
    font-size: 13px;
    line-height: 18px;
    color: #fff;
    position: relative
}

    .slide-banner-box a:hover .img-holder:after {
        opacity: 1;
        visibility: visible
    }

    .slide-banner-box a .bg-color {
        position: absolute;
        top: 0;
        left: 0;
        height: 1000px;
        width: 100%;
        background: #b0c4cf;
        z-index: -1
    }

@media only screen and (max-width:767px) {
    .slide-banner-box a {
        font-size: 14px
    }
}

.slide-banner-box a .arrow {
    background: #b0c4cf
}

.slide-banner-box a.color1 {
    color: #1a4567
}

    .slide-banner-box a.color1 .arrow {
        color: #1a4567
    }

.slide-banner-box a.color2 {
    background: #385673
}

    .slide-banner-box a.color2 .arrow {
        background: #385673
    }

    .slide-banner-box a.color2 .bg-color {
        background: #385673
    }

.slide-banner-box a.color3 {
    background: #9aa2a7
}

    .slide-banner-box a.color3 .arrow {
        background: #9aa2a7
    }

    .slide-banner-box a.color3 .bg-color {
        background: #9aa2a7
    }

.slide-banner-box img {
    margin: 0;
    width: 100%
}

.slide-banner-box h2 {
    text-align: right;
    font-weight: normal;
    color: #1a4567;
    font-size: 25px;
    line-height: 120% !important;
    margin: 0 0 5px;
}

@media only screen and (max-width:767px) {
    .slide-banner-box h2 {
        font-size: 19px;
        line-height: 19px;
        margin: 0 0 8px;
        text-align: left;
    }
}

.slide-banner-box .header-inside-banner,
.slide-banner-box.has-headerinside .header-outside {
    display: none;
}

.slide-banner-box.has-headerinside .header-inside-banner {
    bottom: 5px;
    display: block;    
    left: 10px;
    line-height: 1.5 !important;
    position: absolute;
    margin-right: 38px;
    text-align: left;
}

    .slide-banner-box.has-headerinside .header-inside-banner h2 {
        padding-bottom: 3px;
        margin-bottom:4px;
        text-align: left;
        line-height: 160%;
    }        
        .slide-banner-box.has-headerinside .header-inside-banner h2 span {
            background-color: #ffffff;            
            display: inline;
            font-size: 22px;
            padding: 3px 10px 4px;
            
            /* Needs prefixing */
            box-decoration-break: clone;
            -webkit-box-decoration-break: clone;
        }

        .banner-box-loan.slide-banner-box.has-headerinside .header-inside-banner h2 span {
            background-color: rgb(152 118 104 / 30%);
            color: #ffffff;
        }

    .slide-banner-box.has-headerinside .header-inside-banner h6 span {
        background-color: #fff;
        display: inline;
        font-size:20px;
        padding: 3px 10px 4px;
        /* Needs prefixing */
        box-decoration-break: clone;
        -webkit-box-decoration-break: clone;
    }

    .slide-banner-box.has-headerinside .header-inside-banner h2 + h6 {
        margin-top:-2px;
    }

@media only screen and (max-width:767px) {
    .slide-banner-box.has-headerinside .header-inside-banner  {
        bottom: 1px;
        display: block;       
        margin-bottom: 0;
        margin-right: 0;
        position: initial;
    }
    .slide-banner-box.has-headerinside .header-inside-banner h2 {
        font-size: 20px;
        margin-bottom: 0;
        padding-bottom: 0;
        line-height: 125%;
    }
    .slide-banner-box.has-headerinside .header-inside-banner h6 {
        font-size: 18px;
        margin-bottom: 0px;
    }
    .slide-banner-box.has-headerinside .header-inside-banner h2 span,
    .slide-banner-box.has-headerinside .header-inside-banner h6 span {
        display: block; 
        padding:7px 10px 7px;
    }

    .slide-banner-box.has-headerinside .header-inside-banner h2 + h6 {
        margin-top: 0px;
    }

    .slide-banner-box.has-headerinside .text-holder {
        display: none;
    }
}


.slide-banner-box .img-holder {
    position: relative;
    overflow: hidden;
    min-height: 171px
}

    .slide-banner-box .img-holder:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(56, 86, 115, .1);
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }

@media only screen and (max-width:900px) {
    .slide-banner-box.has-headerinside .img-holder {
        min-height: initial;
    }
}

.slide-banner-box .text-holder {
    padding: 9px 15px 22px 19px;
    letter-spacing: .1px
}
.slide-banner-box.banner-box-loan .text-holder {
    padding-bottom:15px;
}


@media only screen and (max-width:767px) {
    .slide-banner-box .text-holder {
        padding: 11px 14px 38px 14px;
        letter-spacing: 0
    }
}

.slide-banner-box p {
    margin: 0
}

.slide-banner-box.has-headerinside .arrow {
    background-color: #ffffff !important;
    color: #1a4567;
}


.slide-banner-box.banner-box-loan .text-holder p{
    font-size:14px;
}

.slide-banner-box.banner-box-loan .btn-holder {
    margin: 15px -5px 0;
    text-transform: uppercase;
}

@media only screen and (max-width:767px) {
    .slide-banner-box.banner-box-loan.has-headerinside .text-holder {
        display:block; /*make the container visible under mobile*/
    }
}




.slide-banner-box.bullet-banner .text-holder {
    padding: 20px 15px 15px;
}

    .slide-banner-box.bullet-banner .text-holder ul {
        margin-left: 10px;
        margin-bottom: 0;
    }

    .slide-banner-box.bullet-banner .text-holder li {
        font-size: 15px;
        font-weight: bold;
        list-style: none;
        padding-bottom: 11px;
    }

        .slide-banner-box.bullet-banner .text-holder li::before {
            content: '';
            display: inline-block;
            height: 14px;
            width: 14px;
            background-image: url(../images/bullet.svg);
            background-position: 0 0;
            background-repeat: no-repeat;
            background-size: contain;
            z-index: 999;
            position: relative;
            top: 3px;
            left: -8px;
        }

.bullet-banner .color1:hover {
    opacity: 0.8;
}


.slide-banner-box .arrow {
    position: absolute;
    bottom: 3px;
    right: 5px;
    width: 22px;
    height: 22px;
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    line-height: 20px
}

@media only screen and (max-width:767px) {
    .slide-banner-box .arrow {
        width: 25px;
        height: 25px;
        bottom: 10px;
        right: 10px;
        font-size: 28px;
        line-height: 22px
    }
}

.stories-review {
    padding: 45px 9999px 30px;
    margin: 0 -9999px 45px;
    background: #f0f4f6;
}

.FrontPage .stories-review {
    background: #f4ede9;
}

@media only screen and (max-width:767px) {
    .stories-review {
        margin-bottom:35px;
    }
 }

    .stories-review h2 {
        margin: 0 0 30px;
        text-align: left
    }

    .stories-review blockquote {
        font-weight: normal;
        font-size: 14px;
        line-height: 21px
    }

        .stories-review blockquote a {
            -webkit-transition: all .4s ease;
            transition: all .4s ease
        }

            .stories-review blockquote a:hover {
                color: #4a617b
            }

    .stories-review q {
        quotes: none;
        position: relative;
        margin: 0
    }

        .stories-review q:before,
        .stories-review q:after {
            content: ""
        }

        .stories-review q:before {
            position: absolute;
            top: -14px;
            left: -2px;
            z-index: 2;
            width: 44px;
            height: 36px;
            background: url('../images/quote.png') no-repeat
        }

    .stories-review p {
        margin: 0
    }

    .stories-review .quote {
        margin: 0 0 15px
    }

    @media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {
        .stories-review .quote {
            display: block
        }
    }

    @-moz-document url-prefix() {
        .stories-review .quote {
            display: block;
        }
    }

    .stories-review q > *:first-child {
        text-indent: 44px
    }

    .stories-review .title {
        display: block;
        text-align: right;
        color: #536d84;
        font-size: 13px;
        font-style: normal;
        margin: 0 0 15px
    }

        .stories-review .title span:before {
            content: '/';
            padding: 0 3px 0 0
        }

    .stories-review .info-block {
        margin-top: 20px
    }

        .stories-review .info-block:after {
            content: '';
            display: block;
            clear: both
        }

    .stories-review .info {
        float: right;
        color: #6e8795;
        padding: 0 10px 0 0
    }

        .stories-review .info:before {
            content: '/';
            padding: 0 3px 0 0
        }

    .stories-review .btn-more {
        overflow: hidden;
        white-space: nowrap;
        text-decoration: none;
        padding: 0 24px 0 0;
        color: #1a4567;
        position: relative;
        text-align: right;
        display: block
    }

        .stories-review .btn-more:hover .text {
            text-decoration: underline
        }

        .stories-review .btn-more .arrow {
            width: 14px;
            height: 14px;
            font-weight: bold;
            font-size: 16px;
            line-height: 12px;
            color: #b0c4cf;
            background: #4a6680;
            text-align: center;
            display: inline-block
        }

    .stories-review .owl-controls {
        text-align: center
    }

    .stories-review.no-button .next,
    .stories-review.no-button .prev {
        display: none
    }

    .stories-review .owl-stage-outer:focus {
        cursor: url(../images/cursor.cur), url(../images/cursor.png), pointer
    }

    .stories-review .owl-prev,
    .stories-review .owl-next,
    .slide-single .owl-prev,
    .slide-single .owl-next {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 1000px;
        text-indent: -9999px;
        overflow: hidden;
        z-index: 10;
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }

    .stories-review .owl-prev,
    .slide-single .owl-prev{
        right: 100%
    }

    .stories-review .owl-next,
    .slide-single .owl-next{
        left: 100%
    }

        .stories-review .owl-prev:after,
        .stories-review .owl-next:after {
            content: "";
            position: absolute;
            top: 50%;
            margin: -11px 0 0;
            width: 22px;
            height: 22px;
            border: 4px solid #b0c4cf;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transition: all .4s ease;
            transition: all .4s ease;
            visibility: hidden;
            opacity: 0
        }

        .slide-single .owl-prev::after,
        .slide-single .owl-next::after {
            content: "";
            position: absolute;
            top: 50%;
            margin: -11px 0 0;
            width: 22px;
            height: 22px;
            border: 4px solid #b0c4cf;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
            -webkit-transition: all .4s ease;
            transition: all .4s ease;
        }

        .stories-review .owl-prev:after,
        .slide-single .owl-prev::after {
            right: 0;
            border-width: 4px 0 0 4px
        }

    .stories-review .owl-next:after,
    .slide-single .owl-next::after
    {
        left: 0;
        border-width: 0 4px 4px 0
    }

    .stories-review .owl-prev:hover:after,
    .stories-review .owl-next:hover:after {
        visibility: visible;
        opacity: 1
    }

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

        .stories-review .owl-prev:hover,
        .stories-review .owl-next:hover {
            background: rgba(12, 48, 76, .5)
        }

        .stories-review .owl-prev:after,
        .stories-review .owl-next:after {
            margin: -20px 0 0
        }

        .stories-review .owl-prev,
        .slide-single .owl-prev{
            margin: 0 -50px 0 0
        }

            .stories-review .owl-prev:after {
                right: 0
            }

        .stories-review .owl-next,
        .slide-single .owl-next {
            margin: 0 0 0 -50px
        }

            .stories-review .owl-next:after {
                left: 0
            }
    }

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


        stories-review .owl-controls {
            position: relative;
            height: 52px
        }

        .stories-review .owl-prev,
        .stories-review .owl-next {
            left: -15px;
            right: auto;
            margin: 0;
            top: 90%;
            bottom: 0;
            height: 52px;
            width: 52px
        }

            .stories-review .owl-prev:after,
            .stories-review .owl-next:after {
                right: 16px;
                visibility: visible;
                opacity: 1;
                margin: -8px 0 0;
                width: 16px;
                height: 16px;
                border: 3px solid #0c304c
            }

            .stories-review .owl-prev:hover,
            .stories-review .owl-next:hover {
                background: none
            }

            .stories-review .owl-prev:after {
                right: 16px;
                border-width: 3px 0 0 3px
            }

        .stories-review .owl-next {
            left: auto;
            right: -15px
        }

            .stories-review .owl-next:after {
                left: 16px;
                border-width: 0 3px 3px 0
            }

            .stories-review .owl-prev:hover:after,
            .stories-review .owl-next:hover:after {
                border-color: #0077bf
            }

        .slide-single .owl-prev {
            margin-right:-20px
        }
        .slide-single .owl-next {
            margin-left:-20px
        }
    }


.stories-review-single {
    padding: 100px 9999px 80px;
    margin: 0px -9999px 0px;
    background: #ffffff;
    clear:both;
}

.stories-review-single .item {
    max-width: 650px;
    margin: 0 auto;
    text-align:center;
}
    .stories-review-single .rate {
        margin-bottom:34px;
    }
    .stories-review-single .rate svg {
        width: 140px;
        height: 30px;
    }

    .stories-review-single .text-box {
        font-size:16px;
        line-height:1.5;
        margin:0 30px;
    }

/*        .stories-review-single .text-box p:first-child::before {
            content: open-quote;
        }

        .stories-review-single .text-box p:first-child::after {
            content: close-quote;
        }*/

@media only screen and (max-width:767px) {
    .stories-review-single {
        padding-top:60px;
        padding-bottom:40px;
    }
}

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


    .AreaSectionPageCosmetic .twocolumns .wrap, .AreaSectionUnderPage .twocolumns .wrap {
        display: flex;
        flex-direction: column;
    }
            /* .twocolumns .content, .twocolumns #content  {
        order: -2;
    }
    .twocolumns .wide-section {
        order: -1;
    } */

    .AreaSectionUnderPage .twocolumns #sidebar {
        order: 7;
    }

    .AreaSectionUnderPage .employee-section {
        order: 8;
    }

    .AreaSectionUnderPageCosmetic .stories-review-single,
    .AreaSectionUnderPageCosmetic2 .stories-review-single {
        order: 9;
    }

    .AreaSectionUnderPage .twocolumns .breadcrumbs-holder {
        order: 10;
    }
}

.twocolumns .content,
.twocolumns #content {
    float: left;
    width: 66.345%;
    padding: 0px 0 0;
}

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

    .twocolumns .content,
    .twocolumns #content {
        width: auto;
        float: none;
        margin: 0 0 20px;
        padding-top: 0px;
    }
}

.twocolumns .sidebar,
.twocolumns #sidebar {
    float: right;
    width: 32.446%;
    padding: 0px 0 0
}

    .twocolumns #sidebar.addnav-box--ishidden {
        margin-top: 97px;
    }


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

    .twocolumns .sidebar,
    .twocolumns #sidebar {
        float: none;
        width: auto;
        margin: 0 0 20px
    }

        .twocolumns #sidebar.addnav-box--ishidden {
            margin-top: 40px;
        }
}

.twocolumns #content-wide {
    width: 100%;
}

.twocolumns .content-wide__textbox {
    width:60%;
}

.twocolumns .sidebar h2,
.twocolumns #sidebar h2 {
    font-size: 130%;
    font-weight: bold;
    line-height: 30px;
}

.twocolumns .sidebar .first-box h2,
.twocolumns #sidebar .first-box h2 {
    margin-bottom: 5px;
}

.twocolumns .sidebar .contact-box h2,
.twocolumns #sidebar .contact-box h2 {
    display: none;
}

@media only screen and (min-width:1025px) {

    .twocolumns #sidebar .first-box {
        position: relative;
        /*margin-top: 35px;*/
    }
    /* if MVR banner has a heading - remove margin */
    .twocolumns #sidebar .first-box h2 {
        /*margin-top: -35px;*/
    }

    .twocolumns #sidebar .first-box .newsletterform-box h2,
    .twocolumns #sidebar .first-box .news-box h2 {
        margin-top: 0px;
    }

    .twocolumns #sidebar .first-box .slide h2 {
        position: absolute;
        right: 0;
        margin-top: 0;
        top: -35px;
    }


    .twocolumns .sidebar .first-box .contact-box h2,
    .twocolumns #sidebar .first-box .contact-box h2 {
        display:none;
        }

    .twocolumns #sidebar.addnav-box--ishidden .first-box .contact-box {
        margin-top: -30px;
    }

        .twocolumns #sidebar.addnav-box--ishidden .first-box .contact-box h2 {
            display: none;
        }

    .twocolumns #sidebar.addnav-box--ishidden .first-box .price-box {
        margin-top: -20px;
    }
}

@media only screen and (max-width: 767px) {
    .twocolumns .content-wide__textbox {
        width: 100%;
    }
}


.twocolumns .sidebar .newsletterform-box,
.twocolumns #sidebar .newsletterform-box {
    margin: 0 0 20px;
    padding: 30px 25px;
}

    .twocolumns .sidebar .newsletterform-box h2,
    .twocolumns #sidebar .newsletterform-box h2 {
        margin-bottom: 14px;
        font-size: 130%;
        font-weight: bold;
    }


.twocolumns .sidebar .banner-clinic-box,
.twocolumns #sidebar .banner-clinic-box {
    margin: 0 0 24px
}

.twocolumns .sidebar .video-js,
.twocolumns #sidebar .video-js {
    margin: 0 0 24px
}


@media only screen and (max-width: 767px) {
    .EmployeesPage .twocolumns #sidebar {
        margin-bottom: 0;
        padding-top: 0;
    }
}


.stretchfull {
    position: relative;
    margin-left: calc(-100vw/2 + 100%/2);
    margin-right: calc(-100vw/2 + 100%/2);
    max-width: 100vw;
}


.content-columns__columns-2,
.content-columns__columns-3 {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}

    .content-columns__columns-2 .content-column {
        /*width: 50%*/
        flex: 1 1 50%;
        min-width: 0;
    }

    .content-columns__columns-3 .content-column {
        /*width: 50%*/
        flex: 1 1 33.3333%;
        min-width: 0;
    }


    .content-columns__columns-2 .content-column__innerwidth {
        width: 540px;
        max-width: 100%;
    }

.content-columns__inline {
    column-gap: 40px;
    row-gap:20px;
}


.content-column__bg-image {
    background-position: center center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover;
}

.content-column__cover-image {
    position: relative;
    min-height: 200px;
}

.stretchfull .content-column__cover-image {
    min-height: 400px;
}

    .content-column__cover-image .img-cover {
        position: absolute;
        width: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

.textsections__holder .column-inverse .content-column__cover-image .img-cover,
.textsections__holder .open-close .content-column__static-image img {
    width: calc(100% - 50px);
}


.textarea .content-column__bg-image {
    min-height: 400px;
}

.textarea .content-column__paddings {
    padding: 50px 50px 30px 50px;
}

.textarea .content-column__paddings-v {
    padding: 50px 0 30px 0;
}

.textarea .foldout-section .content-column__paddings-v {
    padding: 30px 0 20px 0;
}

.textarea .open-close .content-column__paddings-v {
    padding: 20px 0 20px 0;
}


.content-column__bg-base {
    background-color: var(--bg-base-beige);
}

.column-inverse {
    
    flex-direction: row-reverse;
}

.video-section .column-inverse {
    column-gap: 80px;
}


@media only screen and (max-width: 767px) {
        .content-columns__columns-2,
        .content-columns__columns-3 {
            flex-direction: column;
        }

            .content-columns__columns-2 .content-column,
            .content-columns__columns-3 .content-column {
                width: 100%
            }

        .foldout-section .content-columns__columns-2,
        .foldout-section .content-columns__columns-3{
            flex-direction: column-reverse;
        }
        .foldout-section .column-keepverse {
            flex-direction: column;
        } 

        .textarea .content-column__bg-image {
            min-height: 280px;
        }

        .textarea .content-column__cover-image {
            min-height: 280px;
        }

        .textarea .content-column__paddings {
            padding: 40px 30px 20px 30px;
        }

        .textarea .stretchfull .content-column__paddings {
            padding: 40px 23px 20px 23px;
        }

        .textarea .content-column__static-image-mobile {
            min-height: initial;
        }

            .textarea .content-column__static-image-mobile .img-cover,
            .textarea .content-column__static-image-mobile .video-asacover {
                position: initial;
                width: 100%;
                height: initial;
                object-fit: unset;
            }
            .textarea .content-column__static-image-mobile .video-container {
                background-color:#000000;
            }

            .content-column__static-image-mobile .video-container {
                height: initial;
            }

        .textarea .foldout-section .content-column__paddings-v {
            padding: 20px 0 0;
        }

    .textsections__holder .column-inverse .content-column__cover-image .img-cover,
    .textsections__holder .open-close .content-column__static-image img {
        width: 100%;
    }



    }


    .video-container {
        position: relative;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .video-asacover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
/*        opacity: 0;
        z-index: -1;*/
    }

    .video-cover-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        object-fit:cover;
        z-index:-1;
    }

    .custom-popup-position {
        position: fixed !important;
        top: 50% !important;
        -ms-transform: translateY(-50%) !important;
        transform: translateY(-50%) !important
    }

    .textarea .open-close-holder .open-close a h2:hover {
        color: #0077bf;
    }

    .front-page-slide {
        height: 500px
    }

    .under-top-banners-bar {
        width: 100vw;
        height: 14px;
        background-color: #3c4d66;
        margin-bottom: 10px
    }

        .under-top-banners-bar.extra-margin {
            margin-bottom: 50px
        }

        .under-top-banners-bar > div {
            margin: 0 auto;
            max-width: 1259px;
            position: relative;
            z-index: 5000
        }

        .under-top-banners-bar .contact-os {
            position: absolute;
            right: 20px;
            bottom: -10px;
            background-color: #3c4d66;
            text-transform: uppercase;
            padding: 8px 28px;
            cursor: pointer;
            color: #fff;
            border-radius: 3px;
            font-weight: bold
        }

            .under-top-banners-bar .contact-os:hover,
            .under-top-banners-bar .without-top-banners:hover {
                color: #3c6583
            }

        .under-top-banners-bar .without-top-banners {
            position: absolute;
            right: 20px;
            top: 14px;
            background-color: #223547;
            text-transform: uppercase;
            padding: 10px 35px;
            cursor: pointer;
            color: #fff;
            border-radius: 0 0 3px 3px;
            font-weight: bold
        }

    .top-banners-header-container {
        padding: 15px 0 15px;
        width: 100%
    }

    .all-specialer-container {
        padding: 45px 10px 25px;
        margin-top: -10px;
        width: 100%
    }

        .all-specialer-container h2 {
            text-align: left;
            font-weight: bold
        }

    @media only screen and (max-width:1024px) {
        .all-specialer-container {
            margin-top: 7px;
            padding-top: 30px;
            padding-bottom: 15px;
        }
    }

    .see-all-special-container {
        width: 100%;
        padding: 15px 0 40px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .info-block .see-all-special-container {
        padding: 0;
        justify-content: end
    }

        .info-block .see-all-special-container > a {
            display: none
        }

    .see-all-special-container a {
        background-color: #4c647f;
        padding: 10px 25px;
        text-transform: uppercase;
        color: #fff;
        font-size: 15px;
        font-weight: bold
    }

        .see-all-special-container a:hover {
            background-color: #112f4a
        }

    .mobile-menu-search-container {
        display: none
    }

    .front-page-slide-special {
        padding: 9px 0
    }


    @media only screen and (max-width:1024px) {
        .under-top-banners-bar .contact-os, .under-top-banners-bar .without-top-banners {
            display: none
        }

        .under-top-banners-bar.extra-margin {
            margin-bottom: 30px;
        }

        .see-all-special-container,
        .info-block .see-all-special-container {
            justify-content: space-between
        }

            .info-block .see-all-special-container > a {
                display: block
            }

        .top-banners-header-container h2 {
            text-align: left;
            font-size: 19px;
            line-height: 19px
        }

        .mobile-menu-search-container {
            display: block;
            width: 100%
        }

        .under-top-banners-bar {
            height: 5px;
            margin-bottom: 0
        }

        .twocolumns .sidebar .newsletterform-box,
        .twocolumns #sidebar .newsletterform-box {
            padding: 40px 30px;
        }

        .AreaSectionPage .twocolumns .sidebar .newsletterform-box,
        .AreaSectionPage .twocolumns #sidebar .newsletterform-box,
        .AreaSectionUnderPage .twocolumns .sidebar .newsletterform-box,
        .AreaSectionUnderPage .twocolumns #sidebar .newsletterform-box,
        .TextPageFirstLevel .twocolumns .sidebar .newsletterform-box,
        .TextPageFirstLevel .twocolumns #sidebar .newsletterform-box,
        .TextPageSecondLevel .twocolumns .sidebar .newsletterform-box,
        .TextPageSecondLevel .twocolumns #sidebar .newsletterform-box {
            padding: 20px 10px;
        }

        .front-page-slide-special {
            padding: 3px 0
        }
    }

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

        .under-top-banners-bar.extra-margin {
            margin-bottom: 6px;
        }
    }

    .jcf-drop-active .footer-dropdown-icon {
        transform: rotate(180deg)
    }


/*    .section-bg-white::after {
        margin-left: calc(-100vw / 2 + 100% / 2);
        margin-right: calc(-100vw / 2 + 100% / 2);
        max-width: 100vw;
        width: auto;
        background-color: #ffffff;
    }*/

    @media only screen and (max-width: 767px) {
        .AreaSectionUnderPage .textarea .first-section-holder {
            margin-left: calc(-100vw / 2 + 100% / 2);
            margin-right: calc(-100vw / 2 + 100% / 2);
            max-width: 100vw;
            width: auto;
            background-color: #fff;
            padding: 34px 20px 20px;
            margin-top: -36px;
            margin-bottom: 20px;
        }

        .AreaSectionUnderPage .section-bg-beige,
        .AreaSectionUnderPageFourthLevel .section-bg-beige {
            margin-left: calc(-100vw / 2 + 100% / 2);
            margin-right: calc(-100vw / 2 + 100% / 2);
            max-width: 100vw;
            width: auto;
            background-color: #d8c8bd;
            padding: 20px 20px 0px;
            margin-bottom: 20px;
            /*margin-top: -20px;*/ /* quick fix to hide blue bg, caused by margin*/
        }

            .AreaSectionUnderPage .section-bg-beige .owl-controls,
            .AreaSectionUnderPageFourthLevel .section-bg-beige .owl-controls {
                background-color: transparent;
            }

            .AreaSectionUnderPage .section-bg-beige .infobox,
            .AreaSectionUnderPageFourthLevel .section-bg-beige .infobox {
                padding-top:15px;
            }

            .AreaSectionUnderPage .section-bg-beige.section-outer-gallery {
                margin-bottom: 0;
                padding: 20px 30px 0;
            }

        .AreaSectionUnderPage .textarea .first-section-holder + .section-bg-beige-wrapper,
        .AreaSectionUnderPageFourthLevel .textarea .first-section-holder + .section-bg-beige-wrapper {
            margin-top: -20px; /* quick fix to hide blue bg, caused by margin*/
        }



        .AreaSectionUnderPage .textarea .treatments .owl-stage-outer,
        .AreaSectionUnderPage .textarea .treatments .owl-controls,
        .AreaSectionUnderPageFourthLevel .textarea .treatments .owl-stage-outer,
        .AreaSectionUnderPageFourthLevel .textarea .treatments .owl-controls,
        .AreaSectionUnderPage .treatments .gallery-exists,
        .AreaSectionUnderPage .treatments .owl-stage-outer,
        .AreaSectionUnderPage .treatments .gallery-holder,
        .AreaSectionUnderPageFourthLevel .treatments .gallery-exists,
        .AreaSectionUnderPageFourthLevel .treatments .owl-stage-outer,
        .AreaSectionUnderPageFourthLevel .treatments .gallery-holder {
            background-color: #d8c8bd;
            background-color: initial;
        }
    }


.TextPageFirstLevel #sidebar,
.TextPageSecondLevel #sidebar,
.AreaSectionPage #sidebar,
.AreaSectionUnderPage #sidebar {
    padding-top: 32px;
}

@media only screen and (max-width: 767px) {
/*    .TextPageFirstLevel #sidebar,
    .TextPageSecondLevel #sidebar,
    .AreaSectionPage #sidebar,
    .AreaSectionUnderPage #sidebar {
        padding-top: 0px;
    }*/
}


/*section content banners*/

.content-banner-section {
    margin-bottom: 60px;
}

    .content-banner-section .content-columns__columns-2,
    .content-banner-section .content-columns__columns-3 {
        column-gap: 20px;
    }

        .content-banner-section .content-columns__columns-2 .content-column,
        .content-banner-section .content-columns__columns-3 .content-column,
        .content-banner-section .banner-box,
        .content-banner-section .banner__link {
            display: flex;
        }

    .content-banner-section .banner-box,
    .content-banner-section .banner__link {
        width: 100%;
    }


        .content-banner-section .banner-box .banner__icon {
            max-width:93px;
        }

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

    .content-banner-section .content-columns__columns-2,
    .content-banner-section .content-columns__columns-3{
        row-gap: 20px;
    }
}


/*UMBRACO styles*/
.img-inlineblock {
    display: inline-block;    
    clear: both;
    width:100%;
}