/* -- 外部字型
--------------------------------------------------*/
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);

@font-face {
    font-family: DIN;
    src: url(../font/DIN.ttf) format('truetype');
}

@font-face {
    font-family: DINMedium;
    src: url(../font/DIN-Medium.ttf) format('truetype');
}

@font-face {
    font-family: DINBold;
    src: url(../font/DIN-Bold.ttf) format('truetype');
}

@font-face {
    font-family: DINBlack;
    src: url(../font/DIN-Black.ttf) format('truetype');
}


/* -- Universal Setting
--------------------------------------------------*/
html {
	display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

html:lang(en) > body {
    font-size: 15px;
}

body {
	display: block;
	position: relative;
    width: 100%;
    height: 100%;
    font-family: DINMedium, "Noto Sans TC", "PingFang TC", "微軟正黑體", "Microsoft JhengHei", "細明體", MingLiU, sans-serif;
	font-size: 16px;
    text-align: justify;
    color: #2b55ff;
}

header,
section,
footer {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

p {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

pre {
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    color: inherit;
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
    border: none;
    background: none;
    overflow: initial !important;
}

a,
a:link,
a:visited,
a:hover,
a:active,
a:focus {
	outline: none;
	text-decoration: none;
    color: inherit;
}

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


/* -- Common Usage
--------------------------------------------------*/
.uppercase {
    text-transform: uppercase !important;
}

.lowercase {
    text-transform: lowercase !important;
}

.capitalize {
    text-transform: capitalize !important;
}

.hide {
	display: none !important;
}

.clear {
	clear: both !important;
}

.line-through {
    text-decoration: line-through !important;
}

.underline {
    text-decoration: underline !important;
}

div.no-content-div-15px {
	margin: 0 !important;
	padding-bottom: 15px !important;
}

div.no-content-div-30px {
	margin: 0 !important;
	padding-bottom: 30px !important;
}

div.no-content-div-45px {
	margin: 0 !important;
	padding-bottom: 45px !important;
}

div.no-content-div-60px {
	margin: 0 !important;
	padding-bottom: 60px !important;
}


/* -- Transitions
--------------------------------------------------*/
.transition-effect,
body.hasHover .transition-effect:hover {
    color: inherit;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


/* -- Color & Font
--------------------------------------------------*/
.font-meta { font-size: 5em; line-height: 1.5em; }
.font-h1 { font-size: 3.5em; line-height: 1.5em; }
.font-h2 { font-size: 3em; line-height: 1.5em; }
.font-h3 { font-size: 2.5em; line-height: 1.5em; }
.font-h4 { font-size: 1.75em; line-height: 1.5em; }
.font-h5 { font-size: 1.25em; line-height: 1.5em; }
.font-h6 { font-size: 1em; line-height: 1.5em; }

.font-p-lg { font-size: 1.125em; line-height: 1.5em; }
.font-p-md { font-size: 1em; line-height: 1.5em; }
.font-p-sm { font-size: 0.875em; line-height: 1.5em; }

.font-weight-extra-light { font-weight: 200 !important; }
.font-weight-light { font-weight: 300 !important; }
.font-weight-normal { font-weight: normal !important; }
.font-weight-medium { font-weight: 500 !important; }
.font-weight-semi-bold { font-weight: 600 !important; }
.font-weight-bold { font-weight: bold !important; }

.color-font-main {
    color: #2b55ff;
}

.color-bg-main {
    background-color: #2b55ff;
}

.color-border-main {
    border-color: #2b55ff;
}

.color-font-white {
    color: #fff;
}

.color-bg-white {
    background-color: #fff;
}

.color-border-white {
    border-color: #fff;
}

.color-font-black {
    color: #1e1d29;
}

.color-bg-black {
    background-color: #1e1d29;
}

.color-border-black {
    border-color: #1e1d29;
}

.color-font-blue {
    color: #2743f7;
}

.color-bg-blue {
    background-color: #2743f7;
}

.color-border-blue {
    border-color: #2743f7;
}

.color-font-blue-light {
    color: #6b92e4;
}

.color-bg-blue-light {
    background-color: #6b92e4;
}

.color-border-blue-light {
    border-color: #6b92e4;
}

.color-font-gray {
    color: #f1f1f1;
}

.color-bg-gray {
    background-color: #f1f1f1;
}

.color-border-gray {
    border-color: #f1f1f1;
}

.color-font-dark-gray {
    color: #c0c0c0;
}

.color-bg-dark-gray {
    background-color: #c0c0c0;
}

.color-border-dark-gray {
    border-color: #c0c0c0;
}

.color-font-black-gray {
    color: #9b9b9b;
}

.color-bg-black-gray {
    background-color: #9b9b9b;
}

.color-border-black-gray {
    border-color: #9b9b9b;
}

.color-font-gold {
    color: #d2b300;
}

.color-bg-gold {
    background-color: #d2b300;
}

.color-border-gold {
    border-color: #d2b300;
}

.color-font-orange {
    color: #f5a623;
}

.color-bg-orange {
    background-color: #f5a623;
}

.color-border-orange {
    border-color: #f5a623;
}


/* -- Customized Style
--------------------------------------------------*/
body._locked {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

body._inverted ._inverted-d-hidden,
body ._inverted-d-block,
body ._inverted-d-inline-block {
    display: none !important;
}

body._inverted ._inverted-d-block {
    display: block !important;
}

body._inverted ._inverted-d-inline-block {
    display: inline-block !important;
}

.touchevents .styled-card-post-img .card-cover {
    display: block;
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    opacity: 1;
}

.touchevents form .input-wrapper .form-control:focus + .focus-line,
.touchevents form .textarea-wrapper .form-control:focus + .focus-line {
    display: none;
}

#loading {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #fff;
    z-index: 99999999;
}

#loading .loading-img,
#loading > svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 10em !important;
    max-width: 30vw !important;
    height: auto !important;
    margin: auto;
}

#searchForm {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    max-width: 0;
    opacity: 0;
    overflow: hidden;
}

#searchForm .input-wrapper {
    width: 240px;
    padding: 0 35px 0 20px;
}

#searchForm .input-wrapper > .inner input {
    padding-top: 9px;
    padding-bottom: 9px;
    font-size: 14px;
    line-height: 22px;
}

#searchForm .input-wrapper > .inner .input-btn {
    position: absolute;
    top: 0;
    bottom: 0;
    right: -25px;
    width: 20px;
    height: 20px;
    margin: auto;
    padding: 5px;
}

#searchForm .input-wrapper > .inner .input-btn > img {
    display: block;
}

#searchForm .input-wrapper .focus-line {
    top: 0;
    bottom: 0;
    width: 1px;
    height: 22px;
}

#searchTriggerBtn._active {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    z-index: -1;
    -webkit-transition: opacity 0.8s ease-in-out;
	-moz-transition: opacity 0.8s ease-in-out;
    -ms-transition: opacity 0.8s ease-in-out;
    -o-transition: opacity 0.8s ease-in-out;
	transition: opacity 0.8s ease-in-out;
}

#searchTriggerBtn._active + #searchForm {
    display: block;
    position: relative;
    max-width: 100vw;
    opacity: 1;
    -webkit-transition: all 1.2s ease-in-out;
	-moz-transition: all 1.2s ease-in-out;
    -ms-transition: all 1.2s ease-in-out;
    -o-transition: all 1.2s ease-in-out;
	transition: all 1.2s ease-in-out;
}

hr {
    margin-top: 1em;
    margin-bottom: 1em;
    border-color: #e5e5e5;
}

.site-brand {
    display: inline-block;
    height: 1em;
    vertical-align: bottom;
}

.site-brand .brand-name {
    width: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
}

.site-brand .brand-img {
    width: 100%;
    /* width: auto; */
    height: 100%;
}

.site-brand .brand-img .img-wrapper,
.site-brand .brand-img .img-wrapper .img {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.site-brand .brand-img .img-wrapper .img:not(:first-child),
body.hasHover .site-brand .brand-img .img-wrapper:hover .img:first-child {
    display: none;
}

body.hasHover .site-brand .brand-img .img-wrapper:hover .img:not(:first-child) {
    display: block;
}

.site-brand .brand-img > img,
.site-brand .brand-img > svg,
.site-brand .brand-img .img-wrapper > svg,
.site-brand .brand-img .img-wrapper .img > svg {
    display: block;
    width: 100% !important;
    /* width: auto !important; */
    height: 100% !important;
    margin-left: auto;
    margin-right: auto;
}

.fp-container {
    height: 100%;
    overflow-x: hidden;
}

.map-container {
    position: relative;
    width: 100%;
    padding-top: 100%;
    /* padding-top: 50%; */
    overflow: hidden;
}

.map-container .map-body {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.map-container .gm-style {
    font-family: inherit;
}

.post-content-container {
    width: 100%;
}

.post-content-container iframe {
    width: 100%;
}

.post-content-title {
    font-size: 2.5em;
    line-height: normal;
}

.post-content-text {
    font-size: 0.9375em;
    line-height: 1.8;
}

.alert-msg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 7.75em;
    height: 3.5em;
    margin: auto;
    font-size: 0.875em;
    text-align: center;
    border-radius: 1.5em;
    background-color: #1e1d29;
    opacity: 0.9;
    z-index: 77777777;
}

.alert-msg > span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1.5em;
    margin: auto;
    line-height: 1.5em;
    color: #fff;
}

.color-hover-iF { color: #fff !important; background-color: #ed1c24 !important; }
body.hasHover .color-hover-iF:hover { color: #ed1c24 !important; background-color: #fff !important; }

.color-hover-Red-Dot { color: #fff !important; background-color: #e61a20 !important; }
body.hasHover .color-hover-Red-Dot:hover { color: #e61a20 !important; background-color: #fff !important; }

.color-hover-Golden-Pin { color: #fff !important; background-color: #d2b300 !important; }
body.hasHover .color-hover-Golden-Pin:hover { color: #d2b300 !important; background-color: #fff !important; }

.color-hover-Good { color: #fff !important; background-color: #cc0000 !important; }
body.hasHover .color-hover-Good:hover { color: #cc0000 !important; background-color: #fff !important; }

.color-hover-Excellence-Awards { color: #fff !important; background-color: #000 !important; }
body.hasHover .color-hover-Excellence-Awards:hover { color: #000 !important; background-color: #fff !important; }

.color-hover-Asia-Awards { color: #fff !important; background-color: #000 !important; }
body.hasHover .color-hover-Asia-Awards:hover { color: #d2b300 !important; background-color: #fff !important; }

/* -- Font Setting -- */
.fontDIN {
    font-family: DIN, "Noto Sans TC", "PingFang TC", "微軟正黑體", "Microsoft JhengHei", "細明體", MingLiU, sans-serif;
}

.fontDINMedium {
    font-family: DINMedium, "Noto Sans TC", "PingFang TC", "微軟正黑體", "Microsoft JhengHei", "細明體", MingLiU, sans-serif;
}

.fontDINBold {
    font-family: DINBold, "Noto Sans TC", "PingFang TC", "微軟正黑體", "Microsoft JhengHei", "細明體", MingLiU, sans-serif;
}

.fontDINBlack {
    font-family: DINBlack, "Noto Sans TC", "PingFang TC", "微軟正黑體", "Microsoft JhengHei", "細明體", MingLiU, sans-serif;
}

.each-slide .slide-info,
.each-slide .slide-next .slide-next-heading,
.vertical-slide-container .vertical-slide-wording .slide-item .title,
.post-content-text {
    font-weight: normal;
}

ul.nav-main,
.each-slide .slide-subtitle,
.home-service-container .each-service .title,
.section-container .col-title .subtitle-heading,
.section-container .col-title .title-heading,
.tooltip-inner,
.styled-btn-prev-next > .btn-heading,
.vertical-slide-container ul.nav,
ul.styled-list-label,
.styled-btn-more,
.styled-block-mosaic .mosaic-img .img-title,
#aboutOurTeamMemberTitle .title,
#aboutOurTeam .owl-item.center .styled-card-thumbnail .card-content p {
    font-weight: 500;
}

.styled-card-img-cover .card-title,
.styled-card-img-cover .card-subtitle,
.styled-block-title-content .each-title-content .block-title,
.styled-card-blog .card-title,
.post-content-title {
    font-weight: 600;
}

.each-slide .slide-title,
form .form-label-title,
form .input-wrapper label,
form .textarea-wrapper label,
.styled-select-menu-wrapper > label {
    font-weight: bold;
}

.home-service-container .each-service .icon-container > .icon {
    font-weight: 900;
}

/* .styled-block-title-content .each-title-content .block-content,
.styled-block-rounded p,
.styled-card-post-img .card-content,
.styled-card-img-cover .card-content {
    font-family: DIN, "Noto Sans TC", "PingFang TC", "微軟正黑體", "Microsoft JhengHei", "細明體", MingLiU, sans-serif;
} */

/* form .input-wrapper label,
form .textarea-wrapper label,
.styled-select-menu-wrapper > label {
    font-family: DINMedium, "Noto Sans TC", "PingFang TC", "微軟正黑體", "Microsoft JhengHei", "細明體", MingLiU, sans-serif;
} */

/* #siteNav,
#contactInfo,
.section-container .col-title .title-heading,
.each-slide .slide-title,
.each-slide-cover .slide-title,
.vertical-slide-container ul.nav > li,
ul.styled-list-nav-highlight > li,
.styled-inline-btn,
.styled-btn-prev-next,
.styled-block-btn,
.styled-card-blog .card-title {
    font-family: DINBold, "Noto Sans TC", "PingFang TC", "微軟正黑體", "Microsoft JhengHei", "細明體", MingLiU, sans-serif;
} */

@media only screen and (orientation: portrait) {
    .each-slide .slide-bg-img .video-wrapper {
        position: absolute;
        top: 0;
        bottom: 0;
        left: -12.5%;
        right: 0;
        width: 125%;
        height: 125%;
        margin: auto;
    }
    
    .portrait-img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    
    .landscape-img {
        display: none;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (orientation: landscape) {
    .each-slide .slide-bg-img .video-wrapper {
        position: absolute;
        top: 0;
        bottom: 0;
        left: -20%;
        right: 0;
        width: 140%;
        height: 140%;
        margin: auto;
    }
    
    .portrait-img {
        display: none;
        margin-left: auto;
        margin-right: auto;
    }
    
    .landscape-img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}


/* -- Header
--------------------------------------------------*/
#siteHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 2.75em;
    z-index: 88887;
}

#siteHeader .header-container {
    position: relative;
    padding: 0 3.5em;
    overflow: hidden;
}

#siteHeader .site-brand {
    position: relative;
    float: left;
    width: 64px;
    height: 44px;
    /* height: 28px;
    margin-top: 6px;
    margin-bottom: 6px; */
}

#siteHeader .site-menu {
    position: relative;
    float: right;
    height: 40px;
    overflow: hidden;
}

#siteHeader .site-menu ul {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    vertical-align: bottom;
}

#siteHeader .site-menu ul > li {
    position: relative;
    float: left;
}

#siteHeader .site-menu ul > li > a {
    display: block;
}

#siteHeader .site-menu .lang-container,
#siteHeader .site-menu ul.btn-container {
    float: left;
}

#siteHeader .site-menu .lang-container {
    margin-right: 1em;
}

#siteHeader .site-menu ul.btn-container > li {
    min-width: 28px;
}

#siteHeader .site-menu .lang-container > li ~ li {
    margin-left: 1em;
}

#siteHeader .site-menu .lang-container > li ~ li::after {
    content: '/';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1em;
    width: 1em;
    height: 1em;
    margin: auto;
    line-height: 1em;
    text-align: center;
    color: #9b9b9b;
}

body._inverted #siteHeader .site-menu .lang-container > li ~ li::after {
    color: #6b92e4;
}

#siteHeader .site-menu ul.lang-container > li > a {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 20px;
    color: #9b9b9b;
}

body._inverted #siteHeader .site-menu ul.lang-container > li > a {
    color: #6b92e4;
}

#siteHeader .site-menu ul.lang-container > li > a._active,
body.hasHover #siteHeader .site-menu ul.lang-container > li > a:hover {
    color: #2b55ff;
}

body._inverted #siteHeader .site-menu ul.lang-container > li > a._active,
body._inverted.hasHover #siteHeader .site-menu ul.lang-container > li > a:hover {
    color: #fff;
}

#siteHeader .site-menu ul.btn-container > li ~ li {
    margin-left: 0.5em;
}

#siteHeader .site-menu ul.btn-container > li > a {
    width: 28px;
    height: 40px;
    padding-top: 6px;
    padding-bottom: 6px;
}

#siteHeader .site-menu ul.btn-container > li > a > img {
    display: block;
    width: auto;
    height: 100%;
}


/* -- Nav
--------------------------------------------------*/
#siteNav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2.75em 3.5em 0;
    opacity: 0;
    visibility: hidden;
    overflow-x: hidden;
    z-index: -1;
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#siteNav._open {
    opacity: 1;
    visibility: visible;
    z-index: 88888888;
    -webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}

#siteNav .top-container {
    position: relative;
    /* height: -webkit-calc((100% - 22em) * 0.5);
    height: -moz-calc((100% - 22em) * 0.5);
    height: calc((100% - 22em) * 0.5); */
    min-height: 5.25em;
    /* min-height: 8em; */
    /* min-height: 5em; */
    /* padding: 2.75em 3.5em 0; */
    overflow: hidden;
}

#siteNav .site-brand {
    float: left;
    width: 64px;
    height: 44px;
    /* height: 28px;
    margin-top: 6px;
    margin-bottom: 6px; */
}

.nav-toggle-btn {
    float: right;
    height: 28px;
    margin-top: 6px;
    margin-bottom: 6px;
}

.nav-toggle-btn > img {
    width: auto;
    height: 100%;
}

ul.nav-main,
ul.media-container {
    width: 34em;
    /* width: 32em; */
    max-width: 100%;
    height: 22em;
    margin: 0 0 0 auto;
    padding: 1.5em 6em 1.5em 0;
    /* margin-right: 7.5em;
    padding: 1.5em 2em; */
    list-style: none;
}

ul.nav-main > li {
    display: block;
    position: relative;
    text-align: right;
}

ul.nav-main > li > a {
    display: inline-block;
    min-width: 6.25em;
    max-width: 100%;
    font-size: 2em;
    line-height: 1.5em;
    vertical-align: bottom;
}

ul.nav-main > li ~ li > a {
    margin-top: 0.5em;
}

ul.nav-main > li > a::before {
    content: '/';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    color: #e5e5e5;
}

ul.nav-main > li > a::after {
    content: '/';
    float: left;
}

body.hasHover ul.nav-main > li > a:hover::before {
    color: inherit;
}

body.hasHover ul.nav-main > li > a:hover::after {
    color: #e5e5e5;
    /* color: transparent; */
}

ul.media-container {
    height: auto;
    padding-top: 6vh;
}

ul.media-container > li {
    display: block;
    position: relative;
}

ul.media-container > li ~ li {
    margin-top: 1em;
}

ul.media-container > li > a {
    display: inline-block;
    max-width: 100%;
    padding: 0 0.5em;
    font-size: 1.125em;
    line-height: 1.5em;
    vertical-align: bottom;
}


/* -- Section
--------------------------------------------------*/
#siteBody {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-top: 12vh;
    padding-bottom: 10vh;
}

#siteBody.no-padding {
    padding-top: 0;
    padding-bottom: 0;
}

#siteBody.with-side-nav {
    padding-left: 5em;
    padding-right: 5em;
}

#sideNav {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 3.5em;
    width: auto;
    height: 7.5em;
    margin: auto;
    z-index: 88886;
}

.section-container {
    position: relative;
    padding-top: 8vh;
    padding-bottom: 8vh;
}

.section-container.with-side-shadow::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 10%;
    margin: auto;
    background-image: -webkit-linear-gradient(left, #2743f7 0%, rgba(39,67,247,0) 100%);
    background-image: -moz-linear-gradient(left, #2743f7 0%, rgba(39,67,247,0) 100%);
    background-image: -ms-linear-gradient(left, #2743f7 0%, rgba(39,67,247,0) 100%);
    background-image: -o-linear-gradient(left, #2743f7 0%, rgba(39,67,247,0) 100%);
    background-image: linear-gradient(to right, #2743f7 0%, rgba(39,67,247,0) 100%);
    z-index: 1;
}

.section-container.with-side-shadow::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 10%;
    margin: auto;
    background-image: -webkit-linear-gradient(right, #2743f7 0%, rgba(39,67,247,0) 100%);
    background-image: -moz-linear-gradient(right, #2743f7 0%, rgba(39,67,247,0) 100%);
    background-image: -ms-linear-gradient(right, #2743f7 0%, rgba(39,67,247,0) 100%);
    background-image: -o-linear-gradient(right, #2743f7 0%, rgba(39,67,247,0) 100%);
    background-image: linear-gradient(to left, #2743f7 0%, rgba(39,67,247,0) 100%);
    z-index: 0;
}

.section-container.with-side-shadow > * {
    z-index: 0;
}

.section-container.with-side-shadow .col-title {
    z-index: 1;
}

.section-container .section-nav {
    margin-top: 10vh;
}

.section-container .section-content {
    position: relative;
    margin-top: 8vh;
    /* overflow: hidden; */
}

.section-container .section-content.with-side-btn {
    padding-left: 5em;
    padding-right: 5em;
}

.section-container .section-paragraph {
    width: 60em;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.section-container .col-title {
    position: relative;
}

.section-container .col-title .title-heading {
    margin: 0.5em auto;
    font-style: normal;
    letter-spacing: normal;
}

.section-container .col-title .subtitle-heading {
}


/* -- Footer
--------------------------------------------------*/
#siteFooter {
    padding-top: 4em;
    padding-bottom: 1.5em;
}

#siteFooter .brand-container,
#siteFooter .link-container,
#siteFooter .contact-container,
#siteFooter .info-container,
#siteFooter .copyright-container {
    position: relative;
}

/* #siteFooter .brand-container,
#siteFooter .link-container,
#siteFooter .contact-container {
    min-height: 13em;
} */

#siteFooter .location-container {
    float: left;
    font-size: 0.875em;
    line-height: 1.6;
}

#siteFooter .location-container ~ .location-container {
    margin-left: 4em;
}

#siteFooter .location-container .location-title {
    position: relative;
    margin-bottom: 1.5em;
    padding-left: 2em;
    font-size: 1.125em;
    line-height: 1.6;
}

#siteFooter .location-container .location-title::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.6em;
    height: 1.6em;
    background-image: url(../images/icon-location.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

#siteFooter .info-container {
    width: 18.5em;
    max-width: 100%;
}

#siteFooter .info-container > .wrapper {
    margin-top: -6.5em;
}

#siteFooter .copyright-container {
    color: #c0c0c0;
}

#siteFooter .brand-container .site-brand {
    width: 4em;
    height: 2.75em;
    /* height: 1.75em; */
    margin-top: -0.375em;
}

#siteFooter .link-container .nav-container {
    line-height: 0;
}

#siteFooter .link-container .media-container {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

#siteFooter .contact-container .each-contact {
    text-align: right;
}

#siteFooter .contact-container .each-contact ~ .each-contact {
    margin-top: 0.5em;
}

#siteFooter .contact-container .each-contact > .wrapper {
    display: inline-block;
    position: relative;
    max-width: 100%;
    padding-left: 1em;
    vertical-align: bottom;
    overflow: hidden;
}

#siteFooter .contact-container .each-contact > .wrapper > span {
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    text-align: center;
    overflow: hidden;
}

#siteFooter .contact-container .each-contact > .wrapper > a,
#siteFooter .contact-container .each-contact > .wrapper > p {
    display: block;
    width: 10.5em;
    max-width: 100%;
    padding-left: 1em;
    word-break: break-all;
}

#siteFooter .contact-container > img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: auto;
    height: 6px;
}

#siteFooter .copyright-container > p {
    font-size: 12px;
    line-height: 15px;
    -webkit-transform: scale(0.83);
	-moz-transform: scale(0.83);
    -ms-transform: scale(0.83);
    -o-transform: scale(0.83);
	transform: scale(0.83);
}


/* -- Main Content
--------------------------------------------------*/
/* -- HOME -- */
#pageHome .tooltip-inner {
    height: auto;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    text-align: left;
    white-space: pre-wrap;
    background-color: #5b57ff;
    border-radius: 1em;
}

#pageHome .tooltip.bs-tooltip-bottom .arrow::before { border-bottom-color: #5b57ff !important; }

.banner-slide-container {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.banner-slide-container.owl-carousel .owl-stage-outer,
.banner-slide-container.owl-carousel .owl-stage,
.banner-slide-container.owl-carousel .owl-item,
.banner-slide-container.owl-carousel .owl-item .item {
    height: 100%;
}

.banner-slide-container .each-slide {
    position: relative;
}

.each-slide.item-video {
    overflow: hidden;
}

.each-slide .slide-bg-img {
    position: relative;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/* .each-slide .slide-bg-img .video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} */

.each-slide .slide-bg-img .video-wrapper > iframe {
    width: 100%;
    height: 100%;
}

.each-slide .slide-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 7.5vw;
}

.each-slide .slide-container > .inner {
    position: relative;
    height: 100%;
}

.each-slide .slide-title {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 1em;
    margin: auto;
    font-size: 5em;
    line-height: 1em;
}

.each-slide .slide-title.title-row-2 {
    height: 2.4em;
    line-height: 1.2em;
}

.each-slide .slide-subtitle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 1.5em;
    margin: auto;
    font-size: 1.125em;
    line-height: 1.5em;
}

.each-slide .slide-info {
    position: absolute;
    left: 0;
    bottom: 8vh;
    width: 21em;
    max-width: 100%;
    margin: auto;
    overflow: hidden;
}

.each-slide .slide-info .slide-info-toggle-btn {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 2em;
    height: 2em;
    margin: auto;
    padding: 0.5em;
    cursor: pointer;
}

.each-slide .slide-info .slide-info-toggle-btn::before,
.each-slide .slide-info .slide-info-toggle-btn::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 50%;
    height: 2px;
    margin: auto;
    background-color: #2b55ff;
}

.each-slide .slide-info .slide-info-toggle-btn::after {
    width: 2px;
    height: 50%;
}

.each-slide .slide-info .slide-info-toggle-btn._open::after {
    height: 0;
}

.each-slide .slide-info .slide-info-toggle-btn ~ * {
    max-height: 0;
    opacity: 0;
    -webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
    overflow: hidden;
}

.each-slide .slide-info .slide-info-toggle-btn._open ~ * {
    max-height: 100vh;
    padding-bottom: 2.5em;
    opacity: 1;
    -webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.each-slide .slide-info > * {
    font-size: 0.875em;
    line-height: 2em;
}

.each-slide .slide-info ul {
    width: 100%;
}

.each-slide .slide-info ul > li {
    min-width: 50%;
    margin: 0.5em auto;
}

.each-slide .slide-info ul > li > a {
    display: block;
    line-height: 1.5em;
}

.each-slide .slide-next {
    position: absolute;
    right: 0;
    bottom: 8vh;
    margin: auto;
    padding-right: 1.75em;
    cursor: pointer;
    overflow: hidden;
}

.each-slide .slide-next .slide-next-heading {
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: 0.875em;
    line-height: 1.5em;
    /* float: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
    font-size: 0.875em;
    line-height: 1.5em; */
}

.each-slide .slide-next .slide-next-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    font-size: 0.875em;
    /* float: left;
    margin-top: 0.15625em;
    margin-left: 1em;
    font-size: 1em; */
}

#homeOurService .section-container {
    padding-top: 0;
    padding-bottom: 0;
}

#homeOurService .section-container .center-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 40em;
    margin: auto;
    padding-top: 5em;
    padding-bottom: 5em;
    overflow: hidden;
}

#homeOurService .section-container .center-container::before {
    content: '';
    position: absolute;
    top: 5em;
    bottom: 5em;
    left: 0;
    right: 0;
    width: 2px;
    margin: auto;
    background-color: #6b92e4;
}

#homeOurService .col-title {
    position: absolute;
    top: 0;
    bottom: 6.75em;
    left: 0;
    height: 7.875em;
    margin: auto;
    overflow: hidden;
}

#homeOurService .col-title-icon-container {
    position: absolute;
    top: 10em;
    bottom: 0;
    left: 0;
    height: 2em;
    margin: auto;
    font-size: 12px;
    overflow: hidden;
}

#homeOurService .col-title-icon-container > .icon {
    float: left;
}

#homeOurService .styled-btn-prev-next {
    position: absolute;
    top: -4em;
    left: 0;
}

#homeOurService .styled-icon-tab {
    position: absolute;
    top: -4em;
    right: 0;
    width: 100%;
    z-index: 1;
}

#homeOurService .styled-btn-prev-next > * {
    font-size: 0.875em;
}

#homeOurService .styled-btn-more {
    position: absolute;
    bottom: 0.25em;
    left: 0;
    min-width: 3.5em;
    margin: auto;
    padding: 0;
    color: #c0c0c0;
}

.center-container .half-block {
    position: relative;
    float: left;
    width: 50%;
}

.center-container .half-block.with-shadow-y > .shadow-top {
    position: absolute;
    top: 0;
    bottom: -webkit-calc(50% + 30px);
    bottom: -moz-calc(50% + 30px);
    bottom: calc(50% + 30px);
    left: 0;
    right: 0;
    margin: auto;
    background-image: -webkit-linear-gradient(top, #2743f7 0%, rgba(39,67,247,0) 100%);
    background-image: -moz-linear-gradient(top, #2743f7 0%, rgba(39,67,247,0) 100%);
    background-image: -ms-linear-gradient(top, #2743f7 0%, rgba(39,67,247,0) 100%);
    background-image: -o-linear-gradient(top, #2743f7 0%, rgba(39,67,247,0) 100%);
    background-image: linear-gradient(to bottom, #2743f7 0%, rgba(39,67,247,0) 100%);
    z-index: 1;
}

.center-container .half-block.with-shadow-y > .shadow-bottom {
    content: '';
    position: absolute;
    top: -webkit-calc(50% + 30px);
    top: -moz-calc(50% + 30px);
    top: calc(50% + 30px);
    bottom: -1px;
    left: 0;
    right: 0;
    margin: auto;
    background-image: -webkit-linear-gradient(bottom, #2743f7 0%, rgba(39,67,247,0) 100%);
    background-image: -moz-linear-gradient(bottom, #2743f7 0%, rgba(39,67,247,0) 100%);
    background-image: -ms-linear-gradient(bottom, #2743f7 0%, rgba(39,67,247,0) 100%);
    background-image: -o-linear-gradient(bottom, #2743f7 0%, rgba(39,67,247,0) 100%);
    background-image: linear-gradient(to top, #2743f7 0%, rgba(39,67,247,0) 100%);
    z-index: 1;
}

/* .center-container .half-block.with-shadow-y::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: -webkit-calc(50% + 1em);
    bottom: -moz-calc(50% + 1em);
    bottom: calc(50% + 1em);
    left: 0;
    right: 0;
    margin: auto;
    background-image: -webkit-linear-gradient(top, #2743f7 0%, rgba(39,67,247,0) 100%);
    background-image: -moz-linear-gradient(top, #2743f7 0%, rgba(39,67,247,0) 100%);
    background-image: -ms-linear-gradient(top, #2743f7 0%, rgba(39,67,247,0) 100%);
    background-image: -o-linear-gradient(top, #2743f7 0%, rgba(39,67,247,0) 100%);
    background-image: linear-gradient(to bottom, #2743f7 0%, rgba(39,67,247,0) 100%);
    z-index: 1;
}

.center-container .half-block.with-shadow-y::after {
    content: '';
    position: absolute;
    top: -webkit-calc(50% + 1em);
    top: -moz-calc(50% + 1em);
    top: calc(50% + 1em);
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-image: -webkit-linear-gradient(bottom, #2743f7 0%, rgba(39,67,247,0) 100%);
    background-image: -moz-linear-gradient(bottom, #2743f7 0%, rgba(39,67,247,0) 100%);
    background-image: -ms-linear-gradient(bottom, #2743f7 0%, rgba(39,67,247,0) 100%);
    background-image: -o-linear-gradient(bottom, #2743f7 0%, rgba(39,67,247,0) 100%);
    background-image: linear-gradient(to top, #2743f7 0%, rgba(39,67,247,0) 100%);
    z-index: 0;
} */

.home-service-container {
    /* display: inline-block; */
    /* width: 425px; */
    /* width: 390px; */
    /* max-width: 100%; */
    margin-left: auto;
    margin-right: auto;
    padding-left: 25%;
    text-align: left;
    /* vertical-align: bottom; */
}

.home-service-container .each-service {
    position: relative;
    height: 20%;
}

.home-service-container .each-service .each-service-wrapper {
    display:inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    /* right: 0; */
    height: 24px;
    margin: auto;
    vertical-align: bottom;
    /* padding-right: 144px; */
    /* cursor: pointer; */
}

.home-service-container .each-service .each-service-wrapper::after {
    content: '';
    display: block;
    clear: both;
}

.home-service-container .each-service .title {
    float: left;
    margin: 0 auto;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
}

.home-service-container .each-service .title ~ .title {
    margin-left: 1.5em;
}

.home-service-container .each-service .icon-container {
    float: right;
    margin-left: 0.75em;
    /* position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 144px;
    margin: auto; */
    font-size: 12px;
    overflow: hidden;
}

.home-service-container .each-service .icon-container > .icon {
    float: left;
    width: 1.25em;
    height: 1.25em;
    margin: 0.375em 0.25em;
    line-height: 1.25;
    cursor: default;
}

ul.home-service-tab {
    display: inline-block;
    position: absolute;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    vertical-align: bottom;
}

ul.home-service-tab > li {
    display: block;
}

ul.home-service-tab > li > a {
    display: block;
    margin: 1em auto;
    color: #6b92e4;
}

body.hasHover ul.home-service-tab > li > a:hover {
    color: #2b55ff;
}

ul.home-service-tab > li > a.active {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0.5em auto 0;
    font-size: 1.5em;
    white-space: nowrap;
    color: #2b55ff;
}

.vertical-slide-container {
    display: inline-block;
    position: relative;
    width: 30em;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    vertical-align: bottom;
}

.vertical-slide-container .tab-content {
    overflow: hidden;
}

.vertical-slide-container ul.nav {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    list-style: none;
    overflow: hidden;
}

.vertical-slide-container ul.nav > li {
    float: left;
}

.vertical-slide-container ul.nav.item-3 > li {
    width: 33.33%;
}

.vertical-slide-container ul.nav.item-3 > li:first-child {
    text-align: left;
}

.vertical-slide-container ul.nav.item-3 > li:last-child {
    text-align: right;
}

.vertical-slide-container ul.nav > li > a {
    display: inline-block;
    margin: 0 auto;
    padding: 0 0.5em;
    color: #6b92e4;
    vertical-align: bottom;
}

body.hasHover .vertical-slide-container ul.nav > li > a:hover,
.vertical-slide-container ul.nav > li > a.active {
    color: #fff;
}

.vertical-slide-container .vertical-slide-wording .slide-item {
    position: relative;
}

.vertical-slide-container .vertical-slide-wording .slide-item .title {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 24px;
    margin: auto;
    font-size: 15px;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
	overflow: hidden;
}

.vertical-slide-container .vertical-slide-wording .slide-item.active .title {
    height: 27px;
    font-size: 18px;
    line-height: 27px;
}

.vertical-slide-container .vertical-slide-img .slide-item {
    position: relative;
}

.vertical-slide-container .vertical-slide-img .slide-item img {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: -webkit-calc(100% - 30px);
    max-height: -moz-calc(100% - 30px);
    max-height: calc(100% - 30px);
    margin: auto;
}

.vertical-slide-container .vertical-slide-img .slide-item.active img {
    max-height: 100%;
    -webkit-filter: brightness(200%);
    filter: brightness(200%);
}

/* .vertical-slide.vertical-img-slide > .item {
    margin: 1em auto;
}

.vertical-slide.vertical-img-slide > .item:not(._active) {
    -webkit-transform: none;
	-moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
	transform: none;
}

.vertical-slide.vertical-img-slide > .item._active > img {
    width: 10em;
    max-width: 50%;
}

.vertical-slide.vertical-img-slide > .item:not(._active) > img {
    width: 4em;
    max-width: 20%;
}

.vertical-slide-container {
    display: inline-block;
    position: relative;
    width: 30em;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    vertical-align: bottom;
}

.vertical-slide-container .tab-content {
    overflow: hidden;
}

.vertical-slide-container ul.nav {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    list-style: none;
    overflow: hidden;
}

.vertical-slide-container ul.nav > li {
    float: left;
}

.vertical-slide-container ul.nav.item-3 > li {
    width: 33.33%;
}

.vertical-slide-container ul.nav.item-3 > li:first-child {
    text-align: left;
}

.vertical-slide-container ul.nav.item-3 > li:last-child {
    text-align: right;
}

.vertical-slide-container ul.nav > li > a {
    display: inline-block;
    margin: 0 auto;
    padding: 0 0.5em;
    color: #6b92e4;
    vertical-align: bottom;
}

body.hasHover .vertical-slide-container ul.nav > li > a:hover,
.vertical-slide-container ul.nav > li > a.active {
    color: #fff;
}

.vertical-slide {
    position: relative;
    overflow: hidden;
}

.vertical-slide > .item {
    position: relative;
    margin: 2.5em auto;
    overflow: hidden;
}

.vertical-slide > .item:not(._active) {
    -webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
	transform: scale(0.85);
}

.vertical-slide > .item > img {
    display: block;
    width: 50%;
    height: auto;
    margin: 0 auto;
}

.vertical-slide .title {
    font-size: 1.125em;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
	overflow: hidden;
}

.vertical-slide .subtitle {
    position: absolute;
    top: 0;
    right: 0;
    width: 5em;
    font-size: 1.125em;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
	overflow: hidden;
} */

#homeContactUs .styled-btn-container .styled-btn {
    margin-left: auto;
    margin-right: auto;
}

#homeContactUs .styled-btn-container .styled-btn ~ .styled-btn {
    margin-left: 1em;
}

/* -- WORK INNER -- */
#pageWorkInner._inverted ._inverted-d-hidden {
    display: initial !important;
}

#pageWorkInner._inverted ._inverted-d-block {
    display: none !important;
}

#pageWorkInner._inverted ._inverted-d-inline-block {
    display: none !important;
}

#pageWorkInner._inverted #siteHeader .site-menu .lang-container > li ~ li::after {
    color: #fff;
}

#pageWorkInner._inverted #siteHeader .site-menu ul.lang-container > li > a {
    color: #fff;
}

#pageWorkInner._inverted #siteHeader .site-menu ul.lang-container > li > a._active,
#pageWorkInner._inverted.hasHover #siteHeader .site-menu ul.lang-container > li > a:hover {
    color: #6b92e4;
}

/* -- ABOUT -- */
#aboutIntro {
    min-height: 100vh;
    padding-top: 12vh;
}

#aboutIntro .carousel-nav-container {
    position: absolute;
    top: 0;
    right: 0;
}

#aboutIntro .carousel-nav-container .nav-prev {
    display: none !important;
}

#aboutIntro .carousel-nav-container .nav-next {
    position: relative;
    width: auto;
    height: auto;
    overflow: hidden;
}

#aboutIntro .carousel-nav-container .nav-next > span {
    float: left;
}

#aboutOurTeam .owl-item.center {
    z-index: 1;
}

#aboutOurTeam .owl-item.center .styled-card-thumbnail {
    /* width: -webkit-calc(100% + 8em);
    width: -moz-calc(100% + 8em);
    width: calc(100% + 8em);
    margin-left: -4em;
    margin-right: -4em; */
}

#aboutOurTeam .owl-item.center .styled-card-thumbnail .thumbnail-wrapper {
    opacity: 1;
}

#aboutOurTeam .owl-item .styled-card-thumbnail .card-content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
}

#aboutOurTeam .owl-item.center .styled-card-thumbnail .card-content {
    max-height: 100vh;
    opacity: 1;
    -webkit-transition: opacity 1.2s ease-in-out;
    -moz-transition: opacity 1.2s ease-in-out;
    -ms-transition: opacity 1.2s ease-in-out;
    -o-transition: opacity 1.2s ease-in-out;
    transition: opacity 1.2s ease-in-out;
}

#aboutOurTeamMemberTitle {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 12em;
    text-align: right;
}

#aboutOurTeamMemberTitle .title {
    position: relative;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    /* padding-right: 35px; */
}

/* #aboutOurTeamMemberTitle .title::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 20px;
    height: 20px;
    margin: auto;
    background-color: #2b55ff;
    border-radius: 50%;
} */

#aboutOurClients .about-client-container {
    width: 100%;
}

#aboutOurClients .about-client-container .each-client {
    position: relative;
    width: 14.2857%;
    margin: 0 auto;
    padding-top: 14.2857%;
}

#aboutOurClients .about-client-container .each-client:nth-child(7n+1) {
    clear: both;
}

#aboutOurClients .about-client-container .each-client ~ .each-client {
    margin: 0 auto;
}

#aboutOurClients .about-client-container .each-client img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

/* -- SERVICES -- */
#servicePreview {
    padding: 15vh 5vw;
}

#servicePreview .styled-list-block {
    margin-top: 2.5em;
    font-size: 1.375em;
    line-height: 2.25em;
}

.each-slide-cover {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 99999999;
}

.each-slide-cover .slide-bg-img {
    position: relative;
    width: 62%;
    max-width: -webkit-calc(100% - 35em);
    max-width: -moz-calc(100% - 35em);
    max-width: calc(100% - 35em);
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.each-slide-cover .slide-container {
    position: absolute;
    top: 0;
    right: 0;
    width: 38%;
    min-width: 35em;
    height: 100%;
    overflow-x: hidden;
}

.each-slide-cover .slide-container > .inner {
    position: relative;
    padding: 20vh 6% 3em;
}

.each-slide-cover .slide-title {
    margin-top: 0.25em;
    font-size: 2.75em;
    line-height: 1.5em;
}

.each-slide-cover .slide-subtitle {
    font-size: 1.5em;
    line-height: 1.5em;
}

.each-slide-cover .slide-paragraph {
    margin: 8vh auto 12vh;
    line-height: 2.38em;
}

.each-slide-cover .slide-info {
    position: relative;
    padding-right: 6em;
}

.each-slide-cover .slide-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: auto;
    padding-left: 1.75em;
    cursor: pointer;
    overflow: hidden;
}

.each-slide-cover .slide-btn .slide-btn-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    font-size: 1em;
    /* float: left;
    margin-top: 0.25em;
    font-size: 1em; */
}

.each-slide-cover .slide-btn .slide-btn-heading {
    padding-left: 0.5em;
    padding-right: 0.5em;
    line-height: 1.5em;
    /* float: left;
    margin-left: 1em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    line-height: 1.5em; */
}

/* -- CONTACT -- */
#contactFormDone {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
}

#contactForm .styled-radio {
    position: relative;
    overflow: hidden;
}

#contactForm .styled-radio .radio-btn {
    float: left;
    width: -webkit-calc((100% - 0.75em * 1) / 2);
    width: -moz-calc((100% - 0.75em * 1) / 2);
    width: calc((100% - 0.75em * 1) / 2);
    margin: 0 auto;
}

#contactForm .styled-radio .radio-btn ~ .radio-btn {
    margin-left: 0.75em;
}

/* #contactForm .styled-radio .radio-btn {
    float: left;
    width: -webkit-calc((100% - 0.75em * 2) / 3);
    width: -moz-calc((100% - 0.75em * 2) / 3);
    width: calc((100% - 0.75em * 2) / 3);
    margin: 0 auto;
}

#contactForm .styled-radio .radio-btn ~ .radio-btn {
    margin-left: 0.75em;
} */

#contactForm .styled-btn-container .styled-btn {
    float: left;
    width: -webkit-calc((100% - 1.125em * 2) / 4);
    width: -moz-calc((100% - 1.125em * 2) / 4);
    width: calc((100% - 1.125em * 2) / 4);
    margin: 0 auto;
}

#contactForm .styled-btn-container .styled-btn:nth-child(2) {
    width: -webkit-calc((100% - 1.125em * 2) / 4 * 2);
    width: -moz-calc((100% - 1.125em * 2) / 4 * 2);
    width: calc((100% - 1.125em * 2) / 4 * 2);
}

#contactForm .styled-btn-container .styled-btn ~ .styled-btn {
    margin-left: 1.125em;
}

#contactInfo {
    text-align: right;
}

#contactInfo .info-container {
    display: inline-block;
    position: relative;
    max-width: 100%;
    padding-left: 7.5em;
    vertical-align: top;
}

#contactInfo .info-title {
    float: left;
    width: 6.5em;
    overflow: hidden;
}

#contactInfo .info-title > .wrapper {
    float: right;
    min-width: 4.5em;
    max-width: 100%;
    padding-right: 2em;
    white-space: nowrap;
    overflow: hidden;
}

#contactInfo .info-title ul > li > * {
    padding-left: 0.5em;
    text-align: left;
}

#contactInfo .info-content {
    margin-left: 6.5em;
    text-align: right;
}

#contactInfo .info-title ul > li ~ li,
#contactInfo .info-content ul > li ~ li {
    margin-top: 0;
}

#contactInfo .info-title ul > li > *,
#contactInfo .info-content ul > li > * {
    line-height: 2.5em;
    word-break: break-all;
}

#findYOW a[data-toggle="tooltip"],
#needYOW a[data-toggle="tooltip"],
#joinYOW a[data-toggle="tooltip"] {
    position: absolute;
    top: 2.5em;
    right: 3em;
    width: 1.5em;
    padding: 0.25em;
    z-index: 1;
}

#needYOW a[data-toggle="tooltip"] {
    top: 0;
    right: 3rem;
}

#findYOW a[data-toggle="tooltip"] > img,
#needYOW a[data-toggle="tooltip"] > img,
#joinYOW a[data-toggle="tooltip"] > img {
    display: block;
    width: 100%;
    height: auto;
}

#findYOW .styled-block-rounded {
    float: left;
    width: 47.5%;
}

#findYOW .styled-block-rounded ~ .styled-block-rounded {
    margin-left: 5%;
}

#findYOW .styled-block-company p {
    line-height: 1.6;
}

#needYOW .styled-block-rounded {
    padding-left: 7rem;
    padding-right: 7rem;
}


/* -- Components
--------------------------------------------------*/
/* -- Animate.css -- */
@-webkit-keyframes fadeInDown {
    from {
        -webkit-transform: translate3d(0, -33.33%, 0);
        -moz-transform: translate3d(0, -33.33%, 0);
        -ms-transform: translate3d(0, -33.33%, 0);
        -o-transform: translate3d(0, -33.33%, 0);
        transform: translate3d(0, -33.33%, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        -webkit-transform: translate3d(0, -33.33%, 0);
        -moz-transform: translate3d(0, -33.33%, 0);
        -ms-transform: translate3d(0, -33.33%, 0);
        -o-transform: translate3d(0, -33.33%, 0);
        transform: translate3d(0, -33.33%, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes fadeInUp {
    from {
        -webkit-transform: translate3d(0, 33.33%, 0);
        -moz-transform: translate3d(0, 33.33%, 0);
        -ms-transform: translate3d(0, 33.33%, 0);
        -o-transform: translate3d(0, 33.33%, 0);
        transform: translate3d(0, 33.33%, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        -webkit-transform: translate3d(0, 33.33%, 0);
        -moz-transform: translate3d(0, 33.33%, 0);
        -ms-transform: translate3d(0, 33.33%, 0);
        -o-transform: translate3d(0, 33.33%, 0);
        transform: translate3d(0, 33.33%, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/* -- jQuery lightSlider -- */
.lSSlideOuter.vertical,
.lSSlideOuter.vertical .lSSlideWrapper {
    overflow: visible !important;
}

/* -- Owl Carousel -- */
.owl-carousel .nav-prev,
.owl-carousel .nav-next {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2em;
    height: 2em;
    margin: auto;
    cursor: pointer;
}

.owl-carousel .nav-prev {
    left: 5%;
}

.owl-carousel .nav-next {
    right: 5%;
}

.owl-carousel .nav-prev > .icon,
.owl-carousel .nav-next > .icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: #f1f1f1;
}

body.hasHover .owl-carousel .nav-prev:hover > .icon,
body.hasHover .owl-carousel .nav-next:hover > .icon {
    color: #6b92e4;
}

/* -- Form -- */
form {
    margin-left: auto;
    margin-right: auto;
}

form .form-label-title {
    margin: 0 auto 1em;
    font-size: 1.125em;
    color: #c0c0c0;
}

form .input-wrapper,
form .textarea-wrapper {
    position: relative;
    padding: 1em 1.5em 1em 5.5em;
    background-color: #f1f1f1;
    border-radius: 1.25em;
    overflow: hidden;
}

form .input-wrapper > .inner,
form .textarea-wrapper > .inner {
    position: relative;
}

form .input-wrapper label,
form .textarea-wrapper label {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -4em;
    width: 4em;
    height: 2em;
    margin: auto;
    line-height: 2em;
    overflow: hidden;
}

form .input-wrapper .focus-line,
form .textarea-wrapper .focus-line {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 2em;
    margin: auto;
    background-color: #c0c0c0;
}

form .input-wrapper .form-control:focus + .focus-line,
form .textarea-wrapper .form-control:focus + .focus-line {
    background-color: #2b55ff;
    -webkit-animation: focusChange 1s linear infinite;
    -moz-animation: focusChange 1s linear infinite;
    -ms-animation: focusChange 1s linear infinite;
    -o-animation: focusChange 1s linear infinite;
    animation: focusChange 1s linear infinite;
}

form .input-wrapper .form-control:not(:placeholder-shown) + .focus-line,
form .textarea-wrapper .form-control:not(:placeholder-shown) + .focus-line {
    display: none;
}

@-webkit-keyframes focusChange {
    0% {
        background-color: #2b55ff;
    }
    49% {
        background-color: #2b55ff;
    }
    51% {
        background-color: #c0c0c0;
    }
    99% {
        background-color: #c0c0c0;
    }
    100% {
        background-color: #2b55ff;
    }
}

@keyframes focusChange {
    0% {
        background-color: #2b55ff;
    }
    49% {
        background-color: #2b55ff;
    }
    51% {
        background-color: #c0c0c0;
    }
    99% {
        background-color: #c0c0c0;
    }
    100% {
        background-color: #2b55ff;
    }
}

form .form-group {
    margin: 0 auto;
}

form .form-control {
    padding: 0;
    font-size: 1em;
    line-height: 2em;
    color: #2b55ff;
    background: none;
    border: none;
    border-radius: 0;
}

form .form-control:focus {
    color: #2b55ff;
    /* color: transparent;
    text-shadow: 0px 0px 0px #2b55ff; */
    background: none;
    box-shadow: none;
}

form .form-control.error {
    border-color: #d2b300;
    box-shadow: none;
    /* box-shadow: 0 0 3px 0 rgba(210, 179, 0, 0.5); */
}

form .error-message {
	display: block;
	min-height: 1.5em;
	font-size: 12px;
    line-height: 1.5em;
	visibility: hidden;
}

form .error-message.visible {
	visibility: visible;
}

form label.error {
	display: block;
    margin: 0;
    padding: 0;
    font-size: 1em;
    color: #d2b300;
}

form label.star:before {
    content: '*';
    display: inline-block;
    float: left;
    margin-right: 0.25em;
    color: #d2b300;
}

/* -- Form | Input -- */
::-webkit-input-placeholder { color: #c0c0c0 !important; }
:-moz-placeholder { color: #c0c0c0 !important; opacity: 1 !important; }
::-moz-placeholder { color: #c0c0c0 !important; opacity: 1 !important; }
:-ms-input-placeholder { color: #c0c0c0 !important; }
::-ms-input-placeholder { color: #c0c0c0 !important; }
::placeholder { color: #c0c0c0 !important; }

.styled-checkbox input[type="checkbox"],
.styled-radio input[type="radio"] {
    display: none;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
}

.styled-checkbox .checkbox-btn,
.styled-radio .radio-btn {
    display: inline-block;
    max-width: 100%;
    margin: 0 auto;
    vertical-align: bottom;
}

.styled-checkbox .checkbox-btn label,
.styled-radio .radio-btn label {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.styled-checkbox .checkbox-btn label input[type="checkbox"] + .check,
.styled-radio .radio-btn label input[type="radio"] + .check {
    width: 100%;
    margin: 0 auto;
    padding: 1em 1.5em;
    line-height: 2em;
    text-align: center;
    color: #9b9b9b;
    background-color: #f1f1f1;
    border-radius: 1.25em;
    cursor: pointer;
}

.styled-checkbox .checkbox-btn label input[type="checkbox"]:checked + .check,
body.hasHover .styled-checkbox .checkbox-btn label .check:hover,
.styled-radio .radio-btn label input[type="radio"]:checked + .check,
body.hasHover .styled-radio .radio-btn label .check:hover {
    color: #fff;
    background-color: #2743f7;
}

.styled-select-menu-wrapper {
    position: relative;
    height: 4em;
    z-index: 1;
}

.styled-select-menu-wrapper > label {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1.5em;
    width: 4em;
    height: 2em;
    margin: auto;
    line-height: 2em;
    overflow: hidden;
}

.styled-select-menu-wrapper .icon {
    position: absolute;
    top: 1.75em;
    right: 2em;
    margin: auto;
}

.styled-select-menu-wrapper .styled-select-menu:focus ~ .icon {
    color: #c0c0c0;
}

.styled-select-menu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-height: 4em;
    margin: auto;
    padding-top: 2em;
    padding-bottom: 2em;
    color: #9b9b9b;
    background-color: #f1f1f1;
    border-radius: 1.25em;
    overflow: hidden;
}

.styled-select-menu:focus {
    padding-top: 4em;
    box-shadow: -0.2em 0.75em 3em 0 rgba(144,140,154,0.57);
}

.styled-select-menu input[type="radio"] {
    display: none;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
}

.styled-select-menu label {
    display: block;
    width: 100%;
    height: 2.5em;
    margin: 0 auto;
    padding: 0.25em 1em;
    line-height: 2em;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
	overflow: hidden;
}

.styled-select-menu input[type="radio"].opt-default:not(:checked) + label {
    display: none;
}

.styled-select-menu input[type="radio"]:not(.opt-default):checked + label {
    padding-left: 7em;
    color: #2743f7;
}

body.hasHover .styled-select-menu input[type="radio"]:not(:checked) + label:hover {
    color: #2743f7;
    background-color: #e5e5e5;
}

.styled-select-menu input[type="radio"]:not(:disabled):not(._disabled):not(:checked) + label {
    cursor: pointer;
}

.styled-select-menu input[type="radio"]:checked + label {
    position: absolute;
    top: 0;
    left: 0;
    height: 4em;
    padding: 1em 5.5em;
    text-align: left;
    color: #c0c0c0;
}

.styled-select-menu:not(:focus) input[type="radio"]:not(:checked) + label {
    display: none;
}

.styled-select-menu:not(:focus) input[type="radio"]:checked + label {
    pointer-events: none;
}

/* -- Styled Breadcrumb -- */
ul.styled-breadcrumb {
    display: inline-block;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    vertical-align: bottom;
}

ul.styled-breadcrumb > li {
    position: relative;
    float: left;
}

ul.styled-breadcrumb > li ~ li {
    padding-left: 2em;
}

ul.styled-breadcrumb > li ~ li::before {
    content: '/';
    position: absolute;
    top: 0;
    left: 0;
    width: 2em;
    margin: auto;
    text-align: center;
}

ul.styled-breadcrumb > li > a {
    display: block;
}

ul.styled-breadcrumb > li:last-child > a {
    pointer-events: none;
    cursor: default;
}

/* -- Styled Tooltip -- */
.tooltip {
    margin-top: 5px;
}

.tooltip-inner {
    height: 2.5em;
    padding: 0.5em 1em;
    line-height: 1.5em;
    text-align: center;
    color: #fff;
    background-color: rgba(0,0,0,0.3);
    border-radius: 0.875em;
}

.tooltip.bs-tooltip-right .arrow::before { border-right-color: rgba(0,0,0,0.3) !important; }
.tooltip.bs-tooltip-left .arrow::before { border-left-color: rgba(0,0,0,0.3) !important; }
.tooltip.bs-tooltip-bottom .arrow::before { border-bottom-color: rgba(0,0,0,0.3) !important; }
.tooltip.bs-tooltip-top .arrow::before { border-top-color: rgba(0,0,0,0.3) !important; }

/* -- Styled Tab -- */
ul.styled-tab {
    display: inline-block;
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 2.25em 0;
    list-style: none;
    vertical-align: bottom;
}

ul.styled-tab > li {
    display: block;
}

ul.styled-tab > li > a {
    display: block;
    margin: 1em auto;
}

body.hasHover ul.styled-tab > li > a:not(.active):hover {
    color: #d2b300;
}

ul.styled-tab > li > a.active {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0.5em auto 0;
    font-size: 1.5em;
    white-space: nowrap;
    color: #2b55ff;
}

/* -- Styled List -- */
ol.styled-list-block,
ul.styled-list-block {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}

ul.styled-list-block {
    list-style: none;
}

ol.styled-list-block > li,
ul.styled-list-block > li {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

ol.styled-list-block > li ~ li,
ul.styled-list-block > li ~ li {
    margin-top: 0.5em;
}

ol.styled-list-block > li > a,
ul.styled-list-block > li > a {
    display: inline-block;
    vertical-align: bottom;
}

ul.styled-list-inline {
    display: inline-block;
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    vertical-align: bottom;
    list-style: none;
    overflow: hidden;
}

ul.styled-list-inline > li {
    position: relative;
    float: left;
    margin: 0 auto;
    padding: 0;
}

ul.styled-list-inline > li ~ li {
    margin-left: 2.5em;
}

ul.styled-list-inline > li > a {
    display: block;
}

ul.styled-list-col {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    vertical-align: bottom;
    column-gap: 0;
}

ul.styled-list-col.list-col-2 {
    column-count: 2;
}

ul.styled-list-col > li {
    display: inline-block;
}

ul.styled-list-label {
    display: inline-block;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    vertical-align: bottom;
}

ul.styled-list-label.fixed-width {
    width: 40em;
}

ul.styled-list-label > li {
    display: inline-block;
    margin: 0.5em 0.25em;
    padding: 0 1.5em;
    line-height: 2.5em;
    vertical-align: bottom;
    color: #c0c0c0;
    background-color: #f1f1f1;
    border-radius: 2em;
    cursor: pointer;
}

ul.styled-list-label > li._active,
ul.styled-list-label > li.cbp-filter-item-active,
body.hasHover ul.styled-list-label > li:hover {
    color: #fff;
    background-color: #2b55ff;
}

ul.styled-list-label > li.color-bg-gold._active,
ul.styled-list-label > li.color-bg-gold.cbp-filter-item-active,
body.hasHover ul.styled-list-label > li.color-bg-gold:hover {
    color: #fff;
    background-color: #d2b300;
}

ul.styled-list-sec-nav {
    display: inline-block;
    max-width: 100%;
    margin: 0 auto;
    padding: 1em 0;
    list-style: none;
    vertical-align: bottom;
    white-space: nowrap;
    overflow-y: hidden;
}

ul.styled-list-sec-nav > li {
    display: inline-block;
    position: relative;
    padding: 1.5em 1em 0.5em;
    text-align: center;
    vertical-align: bottom;
    cursor: pointer;
}

ul.styled-list-sec-nav > li ~ li {
    margin-left: 3em;
}

ul.styled-list-sec-nav > li._active::before,
ul.styled-list-sec-nav > li.cbp-filter-item-active::before,
body.hasHover ul.styled-list-sec-nav > li:hover::before {
    content: '';
    position: absolute;
    top: 0.5em;
    left: 0;
    right: 0;
    width: 8px;
    height: 8px;
    margin: auto;
    background-color: #2b55ff;
    border-radius: 50%;
}

ul.styled-list-nav-highlight {
    display: inline-block;
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    padding: 2.5em 0 1em 0;
    list-style: none;
    vertical-align: bottom;
    white-space: nowrap;
    overflow-y: hidden;
}

ul.styled-list-nav-highlight > li {
    display: inline-block;
    position: relative;
    margin-right: 1.5em;
    text-align: center;
    vertical-align: bottom;
    cursor: pointer;
}

ul.styled-list-nav-highlight > li:last-child {
    margin-right: 0;
}

ul.styled-list-nav-highlight > li > a {
    display: block;
    color: #c0c0c0;
}

ul.styled-list-nav-highlight > li._active {
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
}

ul.styled-list-nav-highlight > li._active > a {
    font-size: 2em;
    color: #2b55ff;
    pointer-events: none;
    cursor: default;
}

body.hasHover ul.styled-list-nav-highlight > li > a:hover {
    color: #2b55ff;
}

/* -- Styled Arrow -- */
.styled-arrow-l {
    display: inline-block;
    width: 0.5em;
    height: 1em;
    border-top-left-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
    border-width: 2px;
    border-style: solid;
    border-right: 0;
    vertical-align: bottom;
}

.styled-arrow-r {
    display: inline-block;
    width: 0.5em;
    height: 1em;
    border-top-right-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    border-width: 2px;
    border-style: solid;
    border-left: 0;
    vertical-align: bottom;
}

.styled-arrow-u {
    display: inline-block;
    width: 1em;
    height: 0.5em;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    border-width: 2px;
    border-style: solid;
    border-bottom: 0;
    vertical-align: bottom;
}

.styled-arrow-d {
    display: inline-block;
    width: 1em;
    height: 0.5em;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    border-width: 2px;
    border-style: solid;
    border-top: 0;
    vertical-align: bottom;
}

/* -- Styled Label -- */
.styled-label {
    display: inline-block;
    margin: 0.5em 0.25em;
    padding: 0 1.5em;
    line-height: 2.5em;
    vertical-align: bottom;
    color: #fff;
    background-color: #2b55ff;
    border-radius: 2em;
}

/* -- Styled Button -- */
.styled-btn-container {
    position: relative;
    overflow: hidden;
}

.styled-btn._disabled {
    cursor: default;
    pointer-events: none;
}

a.styled-inline-btn,
.styled-inline-btn {
    display: inline-block;
    width: 16em;
    max-width: 100%;
    margin: 0.5em;
    padding: 2em 1em;
    line-height: 2em;
    text-align: center;
    vertical-align: bottom;
    color: #2b55ff;
    background-color: #f1f1f1;
    outline: none;
    border: none;
    border-radius: 1em;
}

.styled-inline-btn:not(:disabled):not(._disabled) {
    cursor: pointer;
}

a.styled-inline-btn.inverted,
.styled-inline-btn.inverted,
body.hasHover a.styled-inline-btn:hover,
body.hasHover .styled-inline-btn:hover {
    color: #fff;
    background-color: #2b55ff;
}

body.hasHover a.styled-inline-btn.inverted:hover,
body.hasHover .styled-inline-btn.inverted:hover {
    color: #2b55ff;
    background-color: #f1f1f1;
}

a.styled-block-btn,
.styled-block-btn {
    display: block;
    margin: 0.5em 0.25em;
    padding: 2em 1em;
    line-height: 2em;
    text-align: center;
    color: #2b55ff;
    background-color: #f1f1f1;
    border-radius: 1em;
}

a.styled-block-btn.inverted,
.styled-block-btn.inverted,
body.hasHover a.styled-block-btn:hover,
body.hasHover .styled-block-btn:hover {
    color: #fff;
    background-color: #2b55ff;
}

body.hasHover a.styled-block-btn.inverted:hover,
body.hasHover .styled-block-btn.inverted:hover {
    color: #2b55ff;
    background-color: #f1f1f1;
}

.styled-btn-label {
    display: inline-block;
    margin: 0.5em 0.25em;
    padding: 0 1.5em;
    line-height: 2em;
    vertical-align: bottom;
    color: #fff;
    background-color: #2b55ff;
    border-radius: 2em;
}

body.hasHover .styled-btn-label:hover {
    color: #fff;
    background-color: #2b55ff;
}

.styled-btn-circle {
    display: inline-block;
    position: relative;
    width: 2em;
    height: 2em;
    vertical-align: bottom;
    background-color: transparent;
    border-radius: 50%;
}

body.hasHover .styled-btn-circle:hover {
    background-color: #2b55ff;
}

.styled-btn-circle::before,
.styled-btn-circle::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 8px;
    width: 4px;
    height: 4px;
    margin: auto;
    background-color: #2b55ff;
    border-radius: 50%;
}

.styled-btn-circle::after {
    content: '';
    left: 8px;
    right: 0;
}

body.hasHover .styled-btn-circle:hover::before {
    background-color: #f1f1f1;
}

body.hasHover .styled-btn-circle:hover::after {
    background-color: #c0c0c0;
}

.styled-btn-circle-label {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin: 0.25em;
    line-height: 1.5em;
    vertical-align: bottom;
    text-align: center;
    color: inherit;
    border-radius: 1.5em;
}

body.hasHover .styled-btn-circle-label:hover {
    color: inherit;
    background-color: #fff;
}

a.styled-btn-circle-icon,
.styled-btn-circle-icon {
    display: inline-block;
    position: relative;
    width: 3em;
    height: 3em;
    line-height: 1.5em;
    vertical-align: bottom;
    text-align: center;
    /* color: #fff;
    background-color: #2b55ff; */
    border-radius: 50%;
}

/* body.hasHover a.styled-btn-circle-icon:hover,
body.hasHover .styled-btn-circle-icon:hover {
    color: #fff;
    background-color: #2b55ff;
} */

.styled-btn-circle-icon ~ .styled-btn-circle-icon {
    margin-left: 1.125em;
}

.styled-btn-circle-icon > .icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.styled-btn-circle-icon > img.icon {
    width: auto;
    height: 1.25em;
}

.styled-btn-more {
    display: inline-block;
    position: relative;
    padding-left: 2em;
    vertical-align: bottom;
}

.styled-btn-more .icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.styled-btn-prev-next {
    display: inline-block;
    position: relative;
    vertical-align: bottom;
    cursor: pointer;
}

.styled-btn-prev-next.prev {
    padding-left: 1.75em;
}

.styled-btn-prev-next.next {
    padding-right: 1.75em;
}

.styled-btn-prev-next > .btn-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.styled-btn-prev-next.prev > .btn-icon {
    left: 0;
}

.styled-btn-prev-next.next > .btn-icon {
    right: 0;
}

.styled-btn-prev-next > .btn-heading {
    padding-left: 0.5em;
    padding-right: 0.5em;
    line-height: 1.5em;
}

/* -- Styled Block -- */
.styled-block-next-prev {
    position: relative;
    padding-left: 4em;
    padding-right: 4em;
    text-align: center;
}

.styled-block-next-prev .share-container {
    position: absolute;
    top: 0;
    right: -4em;
    margin: auto;
}

.styled-block-next-prev .share-container > .share {
    width: 3em;
    height: 3em;
    margin: auto;
    background-color: #f1f1f1;
}

body.hasHover .styled-block-next-prev .share-container > .share:hover {
    background-color: #f1f1f1;
}

.styled-block-next-prev .share-container > .share::before,
.styled-block-next-prev .share-container > .share::after {
    background-color: #c0c0c0;
}

body.hasHover .styled-block-next-prev .share-container > .share:hover::before,
body.hasHover .styled-block-next-prev .share-container > .share:hover::after {
    background-color: #2b55ff;
}

.styled-block-next-prev .share-container .styled-btn-container {
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    width: 3em;
    max-height: 0;
    margin: auto;
    overflow: hidden;
    -webkit-transition: max-height 0.6s ease-in-out;
	-moz-transition: max-height 0.6s ease-in-out;
    -ms-transition: max-height 0.6s ease-in-out;
    -o-transition: max-height 0.6s ease-in-out;
	transition: max-height 0.6s ease-in-out;
}

.styled-block-next-prev .share-container > .share._open + .styled-btn-container,
body.hasHover .styled-block-next-prev .share-container > .share:hover + .styled-btn-container,
body.hasHover .styled-block-next-prev .share-container .styled-btn-container:hover {
    max-height: 100vh;
    -webkit-transition: max-height 1s ease-in-out;
	-moz-transition: max-height 1s ease-in-out;
    -ms-transition: max-height 1s ease-in-out;
    -o-transition: max-height 1s ease-in-out;
	transition: max-height 1s ease-in-out;
}

.styled-block-next-prev .styled-btn-container .styled-btn {
    position: relative;
    width: 3em;
    height: 3em;
    margin: 0 auto 1em;
    color: #fff;
    background-color: #2b55ff;
}

body.hasHover .styled-block-next-prev .styled-btn-container .styled-btn:hover {
    color: #fff;
    background-color: #2b55ff;
}

.styled-block-next-prev .styled-btn-container .styled-btn .icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
}

.styled-block-next-prev .styled-btn-container .styled-btn img.icon {
    width: auto;
    height: 1.25em;
}

.styled-block-next-prev .next-prev-container > .prev,
.styled-block-next-prev .next-prev-container > .next {
    position: absolute;
    top: 0;
    left: 0;
    width: 3em;
    height: 3em;
    margin: auto;
    background-color: #f1f1f1;
}

.styled-block-next-prev .next-prev-container > .next {
    left: auto;
    right: 0;
}

.styled-block-next-prev .next-prev-container > .prev .icon,
.styled-block-next-prev .next-prev-container > .next .icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: #c0c0c0;
}

body.hasHover .styled-block-next-prev .next-prev-container > .prev:hover,
body.hasHover .styled-block-next-prev .next-prev-container > .next:hover {
    background-color: #2b55ff;
}

body.hasHover .styled-block-next-prev .next-prev-container > .prev:hover .icon,
body.hasHover .styled-block-next-prev .next-prev-container > .next:hover .icon {
    color: #fff;
}

.styled-block-title-content {
    position: relative;
    overflow: hidden;
}

.styled-block-title-content .each-title-content {
    position: relative;
    padding-left: 15em;
}

.styled-block-title-content .each-title-content ~ .each-title-content {
    margin-top: 6vh;
}

.styled-block-title-content .each-title-content .block-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 15em;
    margin: auto;
    font-size: 1em;
}

.styled-block-title-content .each-title-content .block-content {
    width: 100%;
    max-width: 38em;
    margin-left: 0;
    margin-right: auto;
    font-size: 0.9375em;
    line-height: 1.8;
}

.styled-block-mosaic {
    position: relative;
    overflow: hidden;
}

.styled-block-mosaic .mosaic-img {
    position: relative;
    float: left;
}

.styled-block-mosaic .mosaic-img:nth-child(4n+1) {
    width: 25%;
}

.styled-block-mosaic .mosaic-img:nth-child(4n+2) {
    width: 75%;
}

.styled-block-mosaic .mosaic-img:nth-child(4n+3) {
    width: 60%;
    clear: left;
}

.styled-block-mosaic .mosaic-img:nth-child(4n) {
    width: 40%;
}

.styled-block-mosaic .mosaic-img .img-title {
    position: absolute;
    height: 22px;
    margin: auto;
    font-size: 18px;
    line-height: 22px;
    visibility: hidden;
    overflow: hidden;
    z-index: 2;
}

body.hasHover .styled-block-mosaic .mosaic-img:hover .img-title {
    visibility: visible;
}

/* .styled-block-mosaic .mosaic-img .img-title::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 22px;
    height: 22px;
    margin: auto;
    background-color: #2b55ff;
    border-radius: 22px;
    visibility: visible;
} */

.styled-block-mosaic .mosaic-img:nth-child(4n+1) .img-title {
    right: 1em;
    bottom: 1em;
    /* padding-right: 2em; */
}

.styled-block-mosaic .mosaic-img:nth-child(4n+2) .img-title {
    left: 1em;
    bottom: 1em;
    /* padding-left: 2em; */
}

.styled-block-mosaic .mosaic-img:nth-child(4n+3) .img-title {
    right: 1em;
    top: 1em;
    /* padding-right: 2em; */
}

.styled-block-mosaic .mosaic-img:nth-child(4n) .img-title {
    left: 1em;
    top: 1em;
    /* padding-left: 2em; */
}

.styled-block-mosaic .mosaic-img:nth-child(4n+1) .img-title::before,
.styled-block-mosaic .mosaic-img:nth-child(4n+3) .img-title::before {
    right: 0;
}

.styled-block-mosaic .mosaic-img:nth-child(4n+2) .img-title::before,
.styled-block-mosaic .mosaic-img:nth-child(4n) .img-title::before {
    left: 0;
}

.styled-block-rounded {
    position: relative;
    padding: 8em 8em 5em;
    border-radius: 1em;
}

.styled-block-rounded.no-padding {
    padding: 0;
}

.styled-block-rounded p {
    line-height: 2.38em;
}

.styled-block-company .location-title {
    position: relative;
    padding-left: 2em;
    font-size: 1.125em;
    line-height: 1.6;
}

.styled-block-company .location-title::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.6em;
    height: 1.6em;
    background-image: url(../images/icon-location.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.styled-block-company .location-subtitle {
    margin-top: 3em;
    margin-bottom: 1em;
    font-size: 1em;
    line-height: 1.5;
}

.styled-inlineblock-with-dot {
    display: inline-block;
    position: relative;
    max-width: 100%;
    padding-right: 2em;
    vertical-align: bottom;
}

.styled-inlineblock-with-dot::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1.25em;
    height: 1.25em;
    margin: auto;
    background-color: #f1f1f1;
    border-radius: 1em;
}

/* -- Styled Card -- */
.styled-card-img-cover {
    position: relative;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
}

.styled-card-img-cover > .inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.styled-card-img-cover .card-link {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0;
}

.styled-card-img-cover .main-img {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.styled-card-img-cover .main-img > .bg-img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.styled-card-img-cover .main-img > img {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
}

/* .styled-card-img-cover .main-img {
    display: block;
    position: relative;
    top: 50%;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin: 0 auto;
    -webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
	transform: translateY(-50%);
} */

.styled-card-img-cover .card-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    padding: 3.5em;
    opacity: 0;
}

.styled-card-img-cover .card-cover.cover-dark-bg {
    color: #fff;
}

body.hasHover .styled-card-img-cover:hover .card-cover {
    opacity: 0.9;
}

.styled-card-img-cover .card-content {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.styled-card-img-cover .card-title {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 100%;
    margin: auto;
    font-size: 1.5em;
    line-height: 1.5em;
    text-align: right;
}

.styled-card-img-cover .card-subtitle {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: auto;
    font-size: 1em;
    line-height: 1.5em;
}

.styled-card-blog {
    position: relative;
    overflow: hidden;
}

.styled-card-blog .card-alert-msg {
    position: absolute;
}

.styled-card-blog > .inner {
    position: relative;
    padding: 1em;
    border-radius: 1.25em;
    overflow: hidden;
}

.styled-card-blog > .inner::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #9b9b9b;
    opacity: 0;
    z-index: 0;
}

body.hasHover .styled-card-blog:hover > .inner::before {
    opacity: 0.1;
}

.styled-card-blog .card-link,
body.hasHover .styled-card-blog .card-link:hover {
    color: inherit;
}

.styled-card-blog .main-img {
    position: relative;
    overflow: hidden;
}

.styled-card-blog .main-img > .bg-img {
    width: 100%;
    padding-top: 66.67%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.styled-card-blog .main-img > img {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
}

.styled-card-blog .main-img .card-icon {
    position: absolute;
    top: 0.5em;
    right: 1em;
    width: 2em;
    height: 2em;
    background-color: transparent;
    border-radius: 50%;
}

.styled-card-blog .main-img .card-icon._open {
    background-color: #f1f1f1;
}

body.hasHover .styled-card-blog:hover .main-img .card-icon {
    background-color: #f1f1f1;
}

.styled-card-blog .main-img .card-icon::before,
.styled-card-blog .main-img .card-icon::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 8px;
    width: 4px;
    height: 4px;
    margin: auto;
    background-color: #2b55ff;
    border-radius: 50%;
}

.styled-card-blog .main-img .card-icon::after {
    content: '';
    left: 8px;
    right: 0;
}

body.hasHover .styled-card-blog .main-img .card-icon:hover::before,
body.hasHover .styled-card-blog .main-img .card-icon:hover::after {
    background-color: #2b55ff;
}

/* body.hasHover .styled-card-blog:hover .main-img .card-icon::before {
    background-color: #f1f1f1;
}

body.hasHover .styled-card-blog:hover .main-img .card-icon::after {
    background-color: #c0c0c0;
} */

.styled-card-blog .main-img .card-share-container {
    position: absolute;
    top: 2.5em;
    right: 1em;
    width: 2em;
    max-height: 0;
    margin: auto;
    overflow: hidden;
    /* -webkit-transition: max-height 0.6s ease-in-out;
	-moz-transition: max-height 0.6s ease-in-out;
    -ms-transition: max-height 0.6s ease-in-out;
    -o-transition: max-height 0.6s ease-in-out;
	transition: max-height 0.6s ease-in-out; */
}

.styled-card-blog .main-img .card-icon._open + .card-share-container,
body.hasHover .styled-card-blog .main-img .card-icon:hover + .card-share-container,
body.hasHover .styled-card-blog .main-img .card-share-container:hover {
    max-height: 100vh;
    -webkit-transition: max-height 0.8s ease-in-out;
	-moz-transition: max-height 0.8s ease-in-out;
    -ms-transition: max-height 0.8s ease-in-out;
    -o-transition: max-height 0.8s ease-in-out;
	transition: max-height 0.8s ease-in-out;
}

.styled-card-blog .main-img .card-share-container .card-share-btn {
    position: relative;
    width: 2em;
    height: 2em;
    margin: 0.5em auto 0;
    color: #fff;
    background-color: #2b55ff;
    border-radius: 2em;
    overflow: hidden;
}

.styled-card-blog .main-img .card-share-container .card-share-btn > img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    height: 0.875em;
    margin: auto;
}

.styled-card-blog .main-img .card-label-container {
    position: absolute;
    left: 0.5em;
    bottom: 0.25em;
    margin: auto;
}

.styled-card-blog .main-img .card-label-container .card-label {
    font-size: 0.875em;
    color: #fff;
}

.styled-card-blog .card-content {
    position: relative;
    margin-top: 1em;
    padding: 0 0.5em;
    overflow: hidden;
}

.styled-card-blog .card-title {
    height: 3.84em;
    margin: 0 auto;
    font-size: 1.125em;
    line-height: 1.28em;
    overflow: hidden;
}

.styled-card-post-img {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.styled-card-post-img .card-cover {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    /* -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center; */
    opacity: 0;
}

body.hasHover .styled-card-post-img:hover .card-cover {
    opacity: 1;
}

.styled-card-post-img .card-content {
    position: relative;
    width: 45em;
    max-width: 100%;
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 2em 1em;
    line-height: 2.38em;
    overflow-x: hidden;
}

.styled-card-thumbnail {
    position: relative;
    /* width: -webkit-calc(100% + 6em);
    width: -moz-calc(100% + 6em);
    width: calc(100% + 6em);
    margin-left: -3em;
    margin-right: -3em; */
    text-align: center;
}

.styled-card-thumbnail .thumbnail-wrapper {
    position: relative;
    opacity: 0.38;
    cursor: pointer;
}

body.hasHover .styled-card-thumbnail .thumbnail-wrapper:hover {
    opacity: 1;
}

.styled-card-thumbnail .card-img {
    padding: 0 1em;
    /* padding: 1.5em 1.5em 1em; */
}

.styled-card-thumbnail .card-img > img {
    border-radius: 50%;
    box-shadow: 0 0 1.5em 0 #2b55ff;
}

.styled-card-thumbnail .thumbnail-title {
    position: absolute;
    bottom: 0.5em;
    left: 0;
    right: 0;
    width: 6em;
    margin: auto;
    padding: 0 1.5em;
    font-size: 1.25em;
    line-height: 1.5em;
}

.styled-card-thumbnail .card-content {
    position: relative;
    margin-top: 1em;
    padding-bottom: 2.5em;
}

.styled-card-thumbnail .card-content::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 8px;
    height: 8px;
    margin: auto;
    background-color: #fff;
    border-radius: 50%;
}