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

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

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

@font-face { font-family: 'Favorit-Light'; src: url("fonts/Favorit/FavoritStd-Light.woff2") format("woff2"), url("fonts/Favorit/FavoritStd-Light.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Favorit-Regular'; src: url("fonts/Favorit/FavoritStd-Regular.woff2") format("woff2"), url("fonts/Favorit/FavoritStd-Regular.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Favorit-Regular-Ext'; src: url("fonts/Favorit/FavoritStd-RegularExtended.woff2") format("woff2"), url("fonts/Favorit/FavoritStd-RegularExtended.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Favorit-Bold'; src: url("fonts/Favorit/FavoritStd-Bold.woff2") format("woff2"), url("fonts/Favorit/FavoritStd-Bold.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Favorit-Bold-Ext'; src: url("fonts/Favorit/FavoritStd-BoldExtended.woff2") format("woff2"), url("fonts/Favorit/FavoritStd-BoldExtended.woff") format("woff"); font-weight: normal; font-style: normal; }
/*--------------------------------------------- COLORS
---------------------------------------------*/
/*--------------------------------------------- GENERAL STYLES
---------------------------------------------*/
* { box-sizing: border-box; }

html { font-size: 62.5%; /* For rems */ }

body { font-size: 2.8rem; line-height: 1.6; color: #0c2555; font-family: 'Favorit-Regular', sans-serif; font-weight: normal; font-style: normal; font-stretch: normal; padding-top: 151px; opacity: 1; visibility: visible; transition: opacity 1500ms ease,visibility 1500ms ease; /*Media Query for tablet screens - < 1024px upto 768px  */ /*Media Query for phone screens - < 768px upto 480px */ }
@media (max-width: 1023px) { body { padding-top: 102px; } }
@media (max-width: 767px) { body { font-size: 2.1rem; } }
body.loading { opacity: 0; visibility: hidden; }

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

a { color: #e83439; text-decoration: none; opacity: 1; transition: opacity 300ms ease; }
a:hover { opacity: 0.7; transition: opacity 300ms ease; }

b, strong { font-weight: normal; font-style: normal; font-family: 'Favorit-Bold', sans-serif; }

sup { line-height: 0px; vertical-align: super; }

textarea:focus, input:focus { outline: none; }

::placeholder { /* Firefox, Chrome, Opera */ color: #0c2555; opacity: 0.6; }

:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #0c2555; opacity: 0.6; }

::-ms-input-placeholder { /* Microsoft Edge */ color: #0c2555; opacity: 0.6; }

/* Clearfix: http://nicolasgallagher.com/micro-clearfix-hack/ */
.cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ }

.cf:after { clear: both; }

/** For IE 6/7 only Include this rule to trigger hasLayout and contain floats. */
.cf { *zoom: 1; }

.no-scroll { overflow: hidden; }

.container { max-width: 1530px; }

.open-overlay { cursor: pointer; }

.icon { display: inline-block; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.icon.icon-arrow-right { background-image: url("images/arrow-right-red.svg"); }
.icon.icon-arrow-right-blue { background-image: url("images/arrow-right-blue.svg"); }
.icon.icon-arrow-left { background-image: url("images/arrow-left-red.svg"); }
.icon.icon-arrow-left-blue { background-image: url("images/arrow-left-blue.svg"); }
.icon.icon-arrow-down { background-image: url("images/arrow-down-red.svg"); }
.icon.icon-play-btn { background-image: url("images/Playbutton-shadow.svg"); }
.icon.icon-close { background-image: url("images/icon-close-red.svg"); }
.icon.icon-close-white { background-image: url("images/icon-close-white.svg"); }

.btn { padding: 7px 30px 9px; border: 2px solid #0c2555; border-radius: 50px; background-color: #ffffff; -moz-transition: background-color 300ms ease; -o-transition: background-color 300ms ease; -webkit-transition: background-color 300ms ease; transition: background-color 300ms ease; }
.btn a { color: #0c2555; -moz-transition: color 300ms ease; -o-transition: color 300ms ease; -webkit-transition: color 300ms ease; transition: color 300ms ease; }
.btn a:hover { opacity: 1; }
.btn a .icon { vertical-align: text-top; margin-top: 7px; margin-left: 10px; transform: translate(0, 0); -moz-transition: -moz-transform 300ms ease, background-image 300ms ease; -o-transition: -o-transform 300ms ease, background-image 300ms ease; -webkit-transition: -webkit-transform 300ms ease, background-image 300ms ease; transition: transform 300ms ease, background-image 300ms ease; }
.btn:hover { background-color: #0c2555; -moz-transition: background-color 300ms ease; -o-transition: background-color 300ms ease; -webkit-transition: background-color 300ms ease; transition: background-color 300ms ease; }
.btn:hover a { color: #ffffff; -moz-transition: color 300ms ease; -o-transition: color 300ms ease; -webkit-transition: color 300ms ease; transition: color 300ms ease; }
.btn:hover a .icon { background-image: url("images/arrow-right-white.svg"); transform: translate(5px, 0); -moz-transition: -moz-transform 300ms ease, background-image 300ms ease; -o-transition: -o-transform 300ms ease, background-image 300ms ease; -webkit-transition: -webkit-transform 300ms ease, background-image 300ms ease; transition: transform 300ms ease, background-image 300ms ease; }

.more-link { display: inline-block; font-size: 2rem; font-family: 'Favorit-Bold-Ext', sans-serif; margin-top: 50px; }
.more-link .icon { vertical-align: text-top; margin-top: 8px; margin-left: 5px; transform: translate(0, 0); -moz-transition: -moz-transform 300ms ease; -o-transition: -o-transform 300ms ease; -webkit-transition: -webkit-transform 300ms ease; transition: transform 300ms ease; /*Media Query for phone screens - < 768px upto 480px */ }
@media (max-width: 767px) { .more-link .icon { margin-top: 6px; } }
.more-link:hover { opacity: 1; }
.more-link:hover .icon { transform: translate(5px, 0); -moz-transition: -moz-transform 300ms ease; -o-transition: -o-transform 300ms ease; -webkit-transition: -webkit-transform 300ms ease; transition: transform 300ms ease; }

.underline-link { position: relative; color: #ffffff; }
.underline-link:after { content: ""; display: block; position: absolute; top: 84%; left: 0; width: 100%; height: 2px; background-color: #ffffff; -moz-transition: top 250ms ease, height 250ms ease; -o-transition: top 250ms ease, height 250ms ease; -webkit-transition: top 250ms ease, height 250ms ease; transition: top 250ms ease, height 250ms ease; }
.underline-link:hover { opacity: 1; }
.underline-link:hover:after { top: 90%; height: 5px; -moz-transition: top 250ms ease, height 250ms ease; -o-transition: top 250ms ease, height 250ms ease; -webkit-transition: top 250ms ease, height 250ms ease; transition: top 250ms ease, height 250ms ease; }

.text-center { text-align: center; }

.text-right { text-align: right; }

.section-title { font-size: 6.3rem; line-height: 1.2; font-family: 'Favorit-Light', sans-serif; /*Media Query for phone screens - < 768px upto 480px */ }
@media (max-width: 767px) { .section-title { font-size: 3.5rem; } }

.content-title { font-size: 5rem; line-height: 1.1; margin-bottom: 60px; font-family: 'Favorit-Bold', sans-serif; /*Media Query for phone screens - < 768px upto 480px */ }
@media (max-width: 767px) { .content-title { font-size: 3rem; margin-bottom: 50px; } }

.border-bottom { border-bottom: 1px solid #eaeaea; }

.border-top-tablet { /*Media Query for tablet screens - < 1024px upto 768px  */ }
@media (max-width: 1023px) { .border-top-tablet { border-top: 1px solid #eaeaea; } }

.img-container { height: 100%; }

/*--------------------------------------------- LAYOUT BLOCK TYPE 1
---------------------------------------------*/
.block-type-1 { min-height: 600px; min-height: 80vh; /*Media Query for tablet screens - < 1024px upto 768px  */ }
@media (max-width: 1023px) { .block-type-1 { min-height: 1px; } }
.block-type-1 .txt-col { display: flex; align-items: center; justify-content: center; padding: 80px 55px; /*Media Query for tablet screens - < 1024px upto 768px  */ }
@media (max-width: 1023px) { .block-type-1 .txt-col { padding: 150px 30px; } }
.block-type-1 .img-col { text-align: center; position: relative; /*Media Query for tablet screens - < 1024px upto 768px  */ }
@media (max-width: 1023px) { .block-type-1 .img-col { min-height: 380px; } }
.block-type-1 .img-col .img-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #e5e6e7; }
.block-type-1 .img-col .img-container.m-padding { /*Media Query for phone screens - < 768px upto 480px */ }
@media (max-width: 767px) { .block-type-1 .img-col .img-container.m-padding { width: calc(100%); background-position: left; } }
.block-type-1 .img-col .img-container.position_left { background-position: left; }
.block-type-1 .vid-col { position: relative; /*Media Query for tablet screens - < 1024px upto 768px  */ }
@media (max-width: 1023px) { .block-type-1 .vid-col { min-height: 380px; } }
.block-type-1 .vid-col .vid-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; display: flex; justify-content: center; flex-wrap: wrap; }
.block-type-1 .vid-col .vid-container video { height: 100%; width: 100%; object-fit: cover; }
.block-type-1 .vid-col .vid-container video.aspect-inverse { height: 100%; width: auto; }
.block-type-1 .container .txt-col { padding-left: 0; padding-right: 90px; justify-content: flex-start; /*Media Query for tablet screens - < 1024px upto 768px  */ }
@media (max-width: 1023px) { .block-type-1 .container .txt-col { padding-left: 15px; padding-right: 15px; } }
.block-type-1 .container .img-col { padding-left: 90px; padding-top: 80px; /*Media Query for tablet screens - < 1024px upto 768px  */ /*Media Query for phone screens - < 768px upto 480px */ }
@media (max-width: 1023px) { .block-type-1 .container .img-col { padding-left: 0; padding-top: 0; padding-bottom: 50px; } }
@media (max-width: 767px) { .block-type-1 .container .img-col { padding-left: 15px; padding-right: 15px; padding-bottom: 150px; } }
.block-type-1 .container .flex-row-reverse .txt-col { padding-right: 0; padding-left: 90px; justify-content: flex-start; /*Media Query for tablet screens - < 1024px upto 768px  */ }
@media (max-width: 1023px) { .block-type-1 .container .flex-row-reverse .txt-col { padding-left: 15px; padding-right: 15px; } }
.block-type-1 .container .flex-row-reverse .img-col { padding-left: 0; padding-right: 90px; /*Media Query for tablet screens - < 1024px upto 768px  */ /*Media Query for phone screens - < 768px upto 480px */ }
@media (max-width: 1023px) { .block-type-1 .container .flex-row-reverse .img-col { padding-left: 0; padding-top: 0; padding-bottom: 50px; } }
@media (max-width: 767px) { .block-type-1 .container .flex-row-reverse .img-col { padding-left: 15px; padding-right: 15px; padding-bottom: 150px; } }
.block-type-1.border-middle .txt-col { border-right: 1px solid #eaeaea; }
.block-type-1.flex-row-reverse.border-middle .txt-col { border-right: 0; }
.block-type-1.flex-row-reverse.border-middle .img-col { border-right: 1px solid #eaeaea; }
.block-type-1.pink-bg { background-color: #e83439; color: #ffffff; }
.block-type-1.pink-bg a { position: relative; color: #ffffff; }
.block-type-1.pink-bg a:after { content: ""; display: block; position: absolute; top: 84%; left: 0; width: 100%; height: 2px; background-color: #ffffff; -moz-transition: top 250ms ease, height 250ms ease; -o-transition: top 250ms ease, height 250ms ease; -webkit-transition: top 250ms ease, height 250ms ease; transition: top 250ms ease, height 250ms ease; }
.block-type-1.pink-bg a:hover { opacity: 1; }
.block-type-1.pink-bg a:hover:after { top: 90%; height: 5px; -moz-transition: top 250ms ease, height 250ms ease; -o-transition: top 250ms ease, height 250ms ease; -webkit-transition: top 250ms ease, height 250ms ease; transition: top 250ms ease, height 250ms ease; }
.block-type-1.extra-padding { margin: 300px 55px; /*Media Query for tablet screens - < 1024px upto 768px  */ /*Media Query for phone screens - < 768px upto 480px */ }
@media (max-width: 1023px) { .block-type-1.extra-padding { margin: 0 25px; } }
@media (max-width: 767px) { .block-type-1.extra-padding { margin: 0; } }
.block-type-1.extra-padding-small { padding: 150px 55px; /*Media Query for tablet screens - < 1024px upto 768px  */ /*Media Query for phone screens - < 768px upto 480px */ }
@media (max-width: 1023px) { .block-type-1.extra-padding-small { padding: 0 55px; } }
@media (max-width: 767px) { .block-type-1.extra-padding-small { padding: 0 30px; } }

.vid-container { position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; }
.vid-container video { display: block; }
.vid-container .icon-play-btn { width: 87px; height: 100px; position: absolute; z-index: 1; top: 50%; left: 50%; margin-top: -50px; margin-left: -43px; cursor: pointer; }

.content-wrapper { max-width: 630px; }
.content-wrapper.full-width { max-width: 990px; /*Media Query for tablet screens - < 1024px upto 768px  */ }
@media (max-width: 1023px) { .content-wrapper.full-width { max-width: 630px; } }
.content-wrapper .icon-arrow-down { width: 38px; height: 38px; margin-top: 54px; }

.coolloop-logo { max-width: 210px; margin-bottom: 30px; /*Media Query for phone screens - < 768px upto 480px */ }
@media (max-width: 767px) { .coolloop-logo { max-width: 180px; } }

/*--------------------------------------------- CONTENT PAGE LAYOUT
---------------------------------------------*/
.page-content-wrapper { padding: 150px 55px; /*Media Query for tablet screens - < 1024px upto 768px  */ /*Media Query for phone screens - < 768px upto 480px */ }
@media (max-width: 1023px) { .page-content-wrapper { padding: 100px 55px 150px; } }
@media (max-width: 767px) { .page-content-wrapper { padding: 50px 15px 150px; } }
.page-content-wrapper p { padding: 0 130px; max-width: 990px; margin: 150px auto; /*Media Query for tablet screens - < 1024px upto 768px  */ }
.page-content-wrapper p:nth-of-type(1) { margin-top: 50px; }
.page-content-wrapper p:last-child { margin-bottom: 0px; }
@media (max-width: 1023px) { .page-content-wrapper p { padding: 0; } }
.page-content-wrapper .page_content p, .page-content-wrapper .page_content ul { margin: 75px auto; max-width: 990px; padding: 0 130px; /*Media Query for tablet screens - < 1024px upto 768px  */ }
@media (max-width: 1023px) { .page-content-wrapper .page_content p, .page-content-wrapper .page_content ul { padding: 0; } }
.page-content-wrapper .page_content p li, .page-content-wrapper .page_content ul li { padding-left: 35px; position: relative; }
.page-content-wrapper .page_content p li:before, .page-content-wrapper .page_content ul li:before { content: ""; display: block; position: absolute; width: 15px; height: 2px; background-color: #0c2555; top: 25px; left: 0; text-indent: -5px; }
.page-content-wrapper .page_content ul { margin-top: -65px; }

.txt-block { padding: 0 130px; max-width: 990px; margin: 150px auto; /*Media Query for tablet screens - < 1024px upto 768px  */ }
@media (max-width: 1023px) { .txt-block { padding: 0; } }
.txt-block.hl-block { padding-top: 140px; padding-bottom: 140px; background-color: #f2f7fc; /*Media Query for tablet screens - < 1024px upto 768px  */ /*Media Query for phone screens - < 768px upto 480px */ }
@media (max-width: 1023px) { .txt-block.hl-block { padding: 140px 70px; margin: 0 -55px; } }
@media (max-width: 767px) { .txt-block.hl-block { padding: 140px 30px; margin: 0 -30px; } }
.txt-block.hl-block h2 { font-size: 5rem; line-height: 1.1; margin-bottom: 60px; font-family: 'Favorit-Bold', sans-serif; display: block; /*Media Query for phone screens - < 768px upto 480px */ }
@media (max-width: 767px) { .txt-block.hl-block h2 { font-size: 3rem; margin-bottom: 50px; } }
.txt-block.hl-block strong { font-family: 'Favorit-Bold', sans-serif; }
.txt-block.hl-block ul { list-style-image: url("images/list-style.svg"); padding-left: 30px; }
.txt-block a { color: inherit; }

/*--------------------------------------------- SLIDER BLOCK
---------------------------------------------*/
.slider-block { position: relative; margin: 150px auto; /*Media Query for tablet screens - < 1024px upto 768px  */ /*Media Query for phone screens - < 768px upto 480px */ }
@media (max-width: 1023px) { .slider-block { margin: 150px -70px; } }
@media (max-width: 767px) { .slider-block { margin: 150px -30px; } }
.slider-block .carousel-item { max-height: 770px; height: 770px; height: 80vh; background-repeat: no-repeat; background-size: cover; background-position: center; /*Media Query for phone screens - < 768px upto 480px */ }
@media (max-width: 767px) { .slider-block .carousel-item { height: 380px; } }
.slider-block .owl-carousel .owl-nav .nav-btn { width: 100px; height: 90px; /*Media Query for phone screens - < 768px upto 480px */ }
@media (max-width: 767px) { .slider-block .owl-carousel .owl-nav .nav-btn { width: 80px; height: 70px; } }
.slider-block .owl-carousel .owl-nav [class*="owl-"] { position: absolute; top: 50%; margin: 0; margin-top: -50px; border-radius: 0; background-color: rgba(182, 213, 240, 0.5); -moz-transition: background-color 300ms ease; -o-transition: background-color 300ms ease; -webkit-transition: background-color 300ms ease; transition: background-color 300ms ease; }
.slider-block .owl-carousel .owl-nav [class*="owl-"]:hover { background-color: rgba(182, 213, 240, 0.8); -moz-transition: background-color 300ms ease; -o-transition: background-color 300ms ease; -webkit-transition: background-color 300ms ease; transition: background-color 300ms ease; }
.slider-block .owl-carousel .owl-nav button.owl-prev { left: 0; outline: 0; }
.slider-block .owl-carousel .owl-nav button.owl-next { right: 0; outline: 0; }
.slider-block .owl-carousel .owl-nav .icon { width: 50px; height: 100%; /*Media Query for phone screens - < 768px upto 480px */ }
@media (max-width: 767px) { .slider-block .owl-carousel .owl-nav .icon { width: 30px; } }

/*--------------------------------------------- HERO IMG BLOCK
---------------------------------------------*/
.hero-img-block { height: 770px; height: 80vh; display: flex; align-items: center; justify-content: center; padding-right: 55px; padding-left: 55px; background-position: center; background-repeat: no-repeat; background-size: cover; /*Media Query for phone screens - < 768px upto 480px */ }
@media (max-width: 767px) { .hero-img-block { padding-right: 30px; padding-left: 30px; } }
.hero-img-block.white-txt { color: #ffffff; }
.hero-img-block.has-overlay { position: relative; }
.hero-img-block.has-overlay:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0.6; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 1%, rgba(12, 37, 85, 0.5)); }
.hero-img-block .section-title { position: relative; z-index: 2; }

/*--------------------------------------------- OVERLAY SYLING
---------------------------------------------*/
.overlay-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow-y: scroll; opacity: 0; visibility: hidden; z-index: -1; background-color: rgba(255, 255, 255, 0.85); display: flex; align-items: center; flex-wrap: wrap; -moz-transition: opacity 300ms ease, visibility 0ms 300ms, z-index 0ms 300ms; -o-transition: opacity 300ms ease, visibility 0ms 300ms, z-index 0ms 300ms; -webkit-transition: opacity 300ms ease, visibility 0ms, z-index 0ms; -webkit-transition-delay: 0s, 300ms, 300ms; transition: opacity 300ms ease, visibility 0ms 300ms, z-index 0ms 300ms; }
.overlay-wrapper.show { opacity: 1; visibility: visible; z-index: 99999999; -moz-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; -webkit-transition: opacity 300ms ease; transition: opacity 300ms ease; }
.overlay-wrapper .icon-close { position: absolute; top: 75px; right: 75px; width: 29px; height: 29px; cursor: pointer; /*Media Query for normal desktops < 1400px and upto 1200px */ /*Media Query for normal desktops < 1200px and upto 1024px */ }
@media (max-width: 1399px) { .overlay-wrapper .icon-close { top: 35px; right: 30px; } }
@media (max-width: 1299px) { .overlay-wrapper .icon-close { top: 35px; right: 30px; } }
.overlay-wrapper .container { padding: 0 190px; display: flex; align-items: center; height: 100%; /*Media Query for normal desktops < 1200px and upto 1024px */ /*Media Query for phone screens - < 768px upto 480px */ }
@media (max-width: 1299px) { .overlay-wrapper .container { padding: 30px; } }
@media (max-width: 767px) { .overlay-wrapper .container { padding: 0px; } }
.overlay-wrapper .container video { max-height: 100%; }

/*--------------------------------------------- CONTACT PAGE
---------------------------------------------*/
.contact-details-box { font-size: 3.9rem; font-family: 'Favorit-Light', sans-serif; /*Media Query for phone screens - < 768px upto 480px */ }
@media (max-width: 767px) { .contact-details-box { font-size: 2.3rem; } }
.contact-details-box p { margin-bottom: 50px; }
.contact-details-box a { color: inherit; }

.map-box { position: relative; /*Media Query for tablet screens - < 1024px upto 768px  */ /*Media Query for phone screens - < 768px upto 480px */ }
@media (max-width: 1023px) { .map-box { min-height: 600px; } }
@media (max-width: 767px) { .map-box { min-height: 380px; } }
.map-box .map-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.cookie { position: fixed; bottom: 0px; left: 0px; width: 100%; padding: 25px; color: #fff; font-size: 25px; line-height: 46px; background: #0c2555; z-index: 9999; display: flex; justify-content: space-around; align-items: center; transition: opacity 200ms ease,visibility 200ms ease; /*Media Query for phone screens - < 768px upto 480px */ }
.cookie.closed { opacity: 0; visibility: hidden; }
.cookie a { color: inherit; text-decoration: underline; }
.cookie a:hover { opacity: 1; }
.cookie span { border-radius: 26px; border: solid 1.5px #f2f7fc; padding: 0px 30px; cursor: pointer; font-size: 20px; display: inline-block; }
@media (max-width: 767px) { .cookie { flex-direction: column; align-items: flex-start; font-size: 20px; line-height: 35px; }
  .cookie span { margin-top: 25px; padding: 0px 20px; } }

/*--------------------------------------------- HEADER
---------------------------------------------*/
#site-header { position: fixed; z-index: 999999; top: 0; left: 0; width: 100%; background-color: #ffffff; border-bottom: 1px solid #eaeaea; padding: 52px 70px; display: flex; align-items: center; justify-content: space-between; -moz-transition: padding 300ms ease; -o-transition: padding 300ms ease; -webkit-transition: padding 300ms ease; transition: padding 300ms ease; /*Media Query for normal desktops < 1200px and upto 1024px */ }
@media (max-width: 1299px) { #site-header { padding: 40px 30px; -moz-transition: padding 300ms ease; -o-transition: padding 300ms ease; -webkit-transition: padding 300ms ease; transition: padding 300ms ease; } }
#site-header.squeeze { padding: 23px 70px; -moz-transition: padding 300ms ease; -o-transition: padding 300ms ease; -webkit-transition: padding 300ms ease; transition: padding 300ms ease; /*Media Query for normal desktops < 1200px and upto 1024px */ }
@media (max-width: 1299px) { #site-header.squeeze { padding: 20px 30px; -moz-transition: padding 300ms ease; -o-transition: padding 300ms ease; -webkit-transition: padding 300ms ease; transition: padding 300ms ease; }
  #site-header.squeeze .mobile-menu-toggle { top: 25px; }
  #site-header.squeeze .mobile-menu-close { top: 20px; } }
#site-header .logo { height: 30px; /*Media Query for normal desktops < 1200px and upto 1024px */ }
@media (max-width: 1299px) { #site-header .logo { display: block; height: 21px; } }
#site-header .logo img { display: block; }
#site-header .logo:hover { opacity: 1; transition: none; }
#site-header .mobile-menu-toggle { display: none; top: 45px; right: 30px; width: 28px; height: 13px; position: absolute; transition: top 300ms ease; pointer-events: auto; /*Media Query for normal desktops < 1200px and upto 1024px */ }
@media (max-width: 1299px) { #site-header .mobile-menu-toggle { display: block; } }
#site-header .mobile-menu-toggle:before { content: ''; display: block; width: 100%; height: 2px; background: #e83338; transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0); transform-style: preserve-3d; transition: transform 300ms ease 300ms,background 300ms ease 300ms; }
#site-header .mobile-menu-toggle:after { content: ''; display: block; width: 100%; height: 2px; background: #e83338; transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0); margin-top: 8px; transform-style: preserve-3d; transition: transform 300ms ease 300ms,background 300ms ease 300ms; }
.no-scroll #site-header .mobile-menu-toggle:before { transform: translate3d(0, 10px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(45deg) skew(0); background: #ffffff; transition: transform 300ms ease,background 300ms ease; }
.no-scroll #site-header .mobile-menu-toggle:after { transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(-45deg) skew(0); background: #ffffff; transition: transform 300ms ease,background 300ms ease; }

.main-menu-wrapper { /*Media Query for normal desktops < 1200px and upto 1024px */ }
@media (max-width: 1299px) { .main-menu-wrapper { display: flex; z-index: -1; position: fixed; width: 100%; height: 100%; top: 0; left: 0; align-items: center; justify-content: center; -moz-transition: opacity 300ms ease 500ms, visibility 300ms ease 500ms, background 300ms ease 500ms; -o-transition: opacity 300ms ease 500ms, visibility 300ms ease 500ms, background 300ms ease 500ms; -webkit-transition: opacity 300ms ease, visibility 300ms ease, background 300ms ease; -webkit-transition-delay: 500ms, 500ms, 500ms; transition: opacity 300ms ease 500ms, visibility 300ms ease 500ms, background 300ms ease 500ms; pointer-events: none; }
  .main-menu-wrapper .menu-main_menu-container { pointer-events: none; }
  .main-menu-wrapper li { opacity: 0; transform: translateY(-15px); -moz-transition: opacity 300ms ease, -moz-transform 300ms ease; -o-transition: opacity 300ms ease, -o-transform 300ms ease; -webkit-transition: opacity 300ms ease, -webkit-transform 300ms ease; transition: opacity 300ms ease, transform 300ms ease; }
  .main-menu-wrapper li:nth-of-type(1) { transition-delay: 150ms; }
  .main-menu-wrapper li:nth-of-type(2) { transition-delay: 180ms; }
  .main-menu-wrapper li:nth-of-type(3) { transition-delay: 210ms; }
  .main-menu-wrapper li:nth-of-type(4) { transition-delay: 240ms; }
  .main-menu-wrapper li:nth-of-type(4) { transition-delay: 270ms; }
  .main-menu-wrapper.show { visibility: visible; opacity: 1; z-index: 999999; background-color: #e83439; color: #ffffff; -moz-transition: opacity 300ms ease, visibility 300ms ease, background 300ms ease; -o-transition: opacity 300ms ease, visibility 300ms ease, background 300ms ease; -webkit-transition: opacity 300ms ease, visibility 300ms ease, background 300ms ease; transition: opacity 300ms ease, visibility 300ms ease, background 300ms ease; pointer-events: auto; }
  .main-menu-wrapper.show .menu-main_menu-container { pointer-events: auto; }
  .main-menu-wrapper.show li { opacity: 1; transform: translateY(0px); -moz-transition: opacity 150ms ease, -moz-transform 300ms ease; -o-transition: opacity 150ms ease, -o-transform 300ms ease; -webkit-transition: opacity 150ms ease, -webkit-transform 300ms ease; transition: opacity 150ms ease, transform 300ms ease; }
  .main-menu-wrapper.show li:nth-of-type(1) { transition-delay: 150ms; }
  .main-menu-wrapper.show li:nth-of-type(2) { transition-delay: 180ms; }
  .main-menu-wrapper.show li:nth-of-type(3) { transition-delay: 210ms; }
  .main-menu-wrapper.show li:nth-of-type(4) { transition-delay: 240ms; }
  .main-menu-wrapper.show li:nth-of-type(4) { transition-delay: 270ms; }
  .main-menu-wrapper a { color: #ffffff; } }

/*--------------------------------------------- MAIN MENU
---------------------------------------------*/
#main-menu, #main-menu2 { display: flex; font-size: 2rem; align-items: center; font-family: 'Favorit-Bold-Ext', sans-serif; /*Media Query for normal desktops < 1200px and upto 1024px */ }
@media (max-width: 1299px) { #main-menu, #main-menu2 { display: block; text-align: center; font-size: 3rem; font-family: 'Favorit-Bold', sans-serif; } }
#main-menu li, #main-menu2 li { margin-left: 75px; /*Media Query for normal desktops < 1200px and upto 1024px */ }
@media (max-width: 1299px) { #main-menu li, #main-menu2 li { margin-bottom: 20px; margin-left: 0; } }
#main-menu li a, #main-menu2 li a { position: relative; }
#main-menu li a:after, #main-menu2 li a:after { content: ""; display: block; position: absolute; bottom: -5px; width: 0; height: 3px; background-color: #e83439; -moz-transition: width 300ms ease; -o-transition: width 300ms ease; -webkit-transition: width 300ms ease; transition: width 300ms ease; }
#main-menu li a:hover, #main-menu2 li a:hover { opacity: 1; }
#main-menu li a:hover:after, #main-menu2 li a:hover:after { width: 100%; -moz-transition: width 300ms ease; -o-transition: width 300ms ease; -webkit-transition: width 300ms ease; transition: width 300ms ease; }
#main-menu li.active a:after, #main-menu li.current-page-ancestor a:after, #main-menu2 li.active a:after, #main-menu2 li.current-page-ancestor a:after { width: 100%; }
#main-menu li.btn, #main-menu2 li.btn { /*Media Query for normal desktops < 1200px and upto 1024px */ }
#main-menu li.btn a:hover:after, #main-menu2 li.btn a:hover:after { width: 0; }
@media (max-width: 1299px) { #main-menu li.btn, #main-menu2 li.btn { border-color: #ffffff; background-color: transparent; font-size: 2rem; width: 233px; margin: 40px auto 0; }
  #main-menu li.btn .icon, #main-menu2 li.btn .icon { background-image: url("images/arrow-right-white.svg"); } }

.secondary_menu { padding: 38px 70px; position: sticky; top: 98px; background: #fff; z-index: 9; display: flex; align-items: flex-end; justify-content: flex-end; -moz-transition: padding 300ms ease; -o-transition: padding 300ms ease; -webkit-transition: padding 300ms ease; transition: padding 300ms ease; text-transform: lowercase; /*Media Query for normal desktops < 1200px and upto 1024px */ /*Media Query for phone screens - < 768px upto 480px */ }
@media (max-width: 1299px) { .secondary_menu { padding: 30px; } }
.secondary_menu.squeeze { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #eaeaea; /*Media Query for phone screens - < 768px upto 480px */ }
@media (max-width: 767px) { .secondary_menu.squeeze { padding-bottom: 0px; } }
@media (max-width: 767px) { .secondary_menu { top: 60px; padding: 15px; }
  .secondary_menu ul { font-size: 2rem !important; white-space: nowrap; overflow-x: scroll; overflow-y: hidden; }
  .secondary_menu ul li { display: inline-block; margin-right: 15px; } }

.mobile-menu-close { display: none; width: 24px; height: 24px; /*Media Query for normal desktops < 1200px and upto 1024px */ }
@media (max-width: 1299px) { .mobile-menu-close { display: block; position: absolute; top: 40px; right: 30px; } }

/*--------------------------------------------- FOOTER
---------------------------------------------*/
#site-footer { padding: 145px 55px 130px; background-color: #0c2555; color: #ffffff; font-size: 2rem; padding-bottom: 60px; /*Media Query for normal desktops < 1200px and upto 1024px */ /*Media Query for tablet screens - < 1024px upto 768px  */ /*Media Query for phone screens - < 768px upto 480px */ }
@media (max-width: 1299px) { #site-footer { padding: 145px 15px 130px; } }
@media (max-width: 1023px) { #site-footer { padding: 145px 15px 0; } }
@media (max-width: 767px) { #site-footer { padding: 145px 15px; padding-bottom: 50px; } }
#site-footer p { max-width: 490px; /*Media Query for tablet screens - < 1024px upto 768px  */ }
@media (max-width: 1023px) { #site-footer p { margin-bottom: 50px; } }
#site-footer p a { color: inherit; position: relative; }
#site-footer p a:after { content: ""; display: block; position: absolute; bottom: -5px; width: 0; left: -1px; height: 3px; background-color: #ffffff; -moz-transition: width 300ms ease; -o-transition: width 300ms ease; -webkit-transition: width 300ms ease; transition: width 300ms ease; }
#site-footer p a:hover { opacity: 1; }
#site-footer p a:hover:after { width: calc(100% + 1px); -moz-transition: width 300ms ease; -o-transition: width 300ms ease; -webkit-transition: width 300ms ease; transition: width 300ms ease; }
#site-footer .y_link { margin-top: 40px; display: block; }
#site-footer .y_link:after { display: none; }
#site-footer .y_link:hover { opacity: 0.7; }
#site-footer .pages-menu li { margin-bottom: 5px; /*Media Query for phone screens - < 768px upto 480px */ }
@media (max-width: 767px) { #site-footer .pages-menu li:last-child { margin-bottom: 0px; } }
#site-footer .pages-menu a { position: relative; }
#site-footer .pages-menu a:after { content: ""; display: block; position: absolute; bottom: -5px; width: 0; left: -1px; height: 3px; background-color: #e83439; -moz-transition: width 300ms ease; -o-transition: width 300ms ease; -webkit-transition: width 300ms ease; transition: width 300ms ease; }
#site-footer .pages-menu a:hover { opacity: 1; }
#site-footer .pages-menu a:hover:after { width: calc(100% + 1px); -moz-transition: width 300ms ease; -o-transition: width 300ms ease; -webkit-transition: width 300ms ease; transition: width 300ms ease; }
#site-footer .contact-details { padding-top: 75px; margin-top: 62px; border-top: 1px solid rgba(255, 255, 255, 0.4); /*Media Query for tablet screens - < 1024px upto 768px  */ }
@media (max-width: 1023px) { #site-footer .contact-details { margin-top: 100px; padding-top: 100px; } }
#site-footer .contact-details a { color: #ffffff; }
#site-footer .contact-details p { max-width: 340px; }
#site-footer .author-site-link { text-align: right; /*Media Query for tablet screens - < 1024px upto 768px  */ }
@media (max-width: 1023px) { #site-footer .author-site-link { padding: 35px 30px; margin: 50px -30px 0; background-color: rgba(255, 255, 255, 0.1); text-align: left; } }
#site-footer .author-site-link img { max-width: 100px; opacity: 0.4; /*Media Query for tablet screens - < 1024px upto 768px  */ }
@media (max-width: 1023px) { #site-footer .author-site-link img { display: block; } }

.s-mobile { display: none !important; /*Media Query for phone screens - < 768px upto 480px */ }
.s-mobile .pages-menu { padding-bottom: 100px; margin-bottom: 100px; border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
@media (max-width: 767px) { .s-mobile { display: block !important; } }

.h-mobile { /*Media Query for phone screens - < 768px upto 480px */ }
@media (max-width: 767px) { .h-mobile { display: none !important; } }