@import url("../plugins/slick/slick.css");
@import url("../plugins/slick/slick-theme.css");
@import url("../plugins/fancybox/jquery.fancybox.min.css");

/* -------------------*
 *       GLOBAL       
 *------------------- */
html,
body { font-size: 18px; font-weight: 400; color: #333333; background: #f8dadb; font-family: 'mundial', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
input, select, textarea, button { font-size:15px; font-family: 'mundial', Helvetica, Arial, sans-serif; }
ol, ul, p { margin-bottom: 1.3rem; line-height: 1.3em; }
a { color:#e94844; text-decoration:underline; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
a:hover, a:focus { color:#e94844; text-decoration: none; } 
.nowrap { white-space:nowrap; }
img { max-width:100%; height:auto; }
button { width:auto; padding:0; overflow:visible; cursor: pointer; line-height:normal !important; }
button::-moz-focus-inner { border:0; padding:0;  margin:-1px 0 0 0; }
button:active { box-shadow:inset 1px 1px 2px rgba(0,0,0,0.3); }
.lead { font-size: 20px; font-weight: 400; line-height: 1.4em; margin-bottom: 2rem; }
hr { margin-top:30px; margin-bottom:30px; }
strong { font-weight: 700; }
[data-href] { cursor: pointer; }
sub, sup { font-size: 0.65em; }

/* headlines
----------------------------------------- */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { color: #e94844; font-weight: 700; font-style: normal; font-family: 'ohno-fatface', Georgia, Times, serif; }
h1, .h1 { font-size: 54px; line-height: 1.2em; margin-bottom: 1.5rem; } 
h2, .h2 { font-size: 40px; line-height: 1.2em; margin-bottom: 2rem; }
h3, .h3 { font-size: 32px; line-height: 1.2em; margin-bottom: 1.3rem; }
h4, .h4 { font-size: 22px; margin-bottom: 1rem; }
h5, .h5 { font-size: 20px; line-height: 1.3em; }

/* clear 
----------------------------------------- */
.clear { clear:both; }

/* -------------------*
 *       LAYOUT       *
 *------------------- */

/* header
---------------------------------------- */
header { border: 0; z-index: 50; position: fixed; top: 0; left: 0; right: 0; background: transparent; }
header .navbar { padding: 40px 35px; display: block; z-index: 51; color: #f8dadb; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
header .navbar a { color: #f8dadb; }
header .navbar .navbar-brand { font-size: 18px; font-weight: 700; color: #e94844; text-transform: uppercase; line-height: 1em; margin: 0; padding: 0; }

header .navbar .navbar-nav { list-style: none; padding: 0; align-items: center; }
header .navbar .navbar-nav li { position: relative; padding: 0; line-height: 1em; }
header .navbar .navbar-nav > li > a { font-size: 15px; text-transform: uppercase; line-height: 1em; display: block; font-weight: 600; padding: 10px 20px; text-decoration: none; position: relative; z-index: 2; }
header .navbar .navbar-nav > li:last-child { margin-right: -20px; }
header .navbar .navbar-nav > li:after { content: ''; opacity: 0; display: block; width: 35px; height: 155%; background: url(../images/layout/ceresna.png) no-repeat center bottom; background-size: 100% auto; position: absolute; z-index: 1; top: 25%; left: 50%; transform: translateX(-50%) translateY(-50%) scale(0.1); -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
header .navbar .navbar-nav li:hover:after,
header .navbar .navbar-nav li.current-menu-item:after { opacity: 1; transform: translateX(-50%) translateY(-50%) scale(1); }
header .navbar .navbar-nav li.highlight > a { font-weight: 700; }
header .navbar .navbar-nav > li.menu-item-has-children { position: relative; }
header .navbar .navbar-nav > li.menu-item-has-children > a { padding-right: 30px; }
header .navbar .navbar-nav li ul { display: none; list-style: none; position: absolute; top: 100%; left: 0; min-width: 100%; background: #fff; padding: 10px 15px; text-align: left; border-radius: 10px; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); }
header .navbar .navbar-nav li:hover ul { display: block; }
header .navbar .navbar-nav li ul li { padding: 2px 0; }
header .navbar .navbar-nav li ul li a:not(.btn) { font-size: 0.9em; display: block; white-space: nowrap; padding: 4px 0; text-decoration: none; }

header .navbar-toggler { padding: 0; margin:  0 0 0 20px; border: 0; width: 40px; height: 40px; outline: none !important; box-shadow: none !important; background: transparent; border-radius: 50%; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
header .navbar-toggler .navbar-toggler-text { display: inline-block; vertical-align: middle; text-transform: uppercase; font-weight: 500; }
header .navbar-toggler .burger { display:inline-block; vertical-align: middle; margin: -8px 0 0 0; }
header .navbar-toggler .burger span { width: 18px; height: 2px; background: #e94844; display:block; margin: 3px 0; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
header .navbar-toggler .burger span.line-top { margin-top: 1px; -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }
header .navbar-toggler .burger span.line-bottom { margin-top: -5px; -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }
header .navbar-toggler.collapsed .burger span.line-top { margin-top: 4px; transform: none; }
header .navbar-toggler.collapsed .burger span.line-bottom { width: 14px; margin-top: 4px; transform: none; }
header .navbar-toggler:hover .burger span.line-bottom { width: 18px; }

.subpage header { position: sticky; }
.subpage header .navbar { background: #5c252b; }
.scroll header .navbar { padding-top: 20px; padding-bottom: 20px; background: #5c252b; }

/* modal
---------------------------------------- */
.modal-backdrop.show { background: #fff; opacity: 0.1 !important }
.modal-open main { position: static; }
.modal { text-align: left; }
.modal-content { border-radius: 30px; border: 0; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); }
.modal-header { border: 0; padding: 40px 40px 5px 50px; }
.modal-body { padding: 60px; }
.modal { -webkit-backdrop-filter: blur(15px); -moz-backdrop-filter: blur(15px); -ms-backdrop-filter: blur(15px); backdrop-filter: blur(15px); }

/* headline
---------------------------------------- */
.headline { padding: 60px 0 40px; background: #eff5f8; }

.headline.headline-home { padding: 0; background: url(../images/layout/bg-headline.jpg) no-repeat center; background-size: cover; }
.headline.headline-home .headline-box { display: flex !important; color: #fff; align-items: center; padding: 150px 0; aspect-ratio: 16 / 9; background-size: cover; background-position: center; position: relative; }
.headline.headline-home .headline-box h1 { color: #f8dadb; }
.headline.headline-home .headline-box-text  { width: 50%;  position: relative; z-index: 5; }
.headline.headline-home .headline-box-text p { margin-bottom: 3rem; }

/* section
---------------------------------------- */
.section { padding: 80px 0; }
.section.section-white { background: #fff0f0; }
.section-head.text-center { padding: 0 70px; }

.offset-content { padding: 0 120px; }
.offset-content-small { padding: 0 240px; }

/* highlights
---------------------------------------- */
.highlights { background: #fff0f0; border-radius: 30px; padding: 40px; margin: -80px 0 40px; position: relative; }
.highlights:after { content: ''; display: block; width: 1px; background: #e94844; position: absolute; top: 30px; bottom: 30px; left: 50%; }
.highlights .highlight-item { padding: 0 30px; text-align: center; }
.highlights .highlight-item-number { font-size: 90px; line-height: 1em; display: flex; justify-content: center; align-items: end; }
.highlights .highlight-item-number img { width: 250px; margin: 0 0 -2px 3px; }

/* video player
---------------------------------------- */
.video-player { display: block; position: relative; }
.video-player:after { content: ''; display: block; width: 114px; height: 80px; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background: url(../images/layout/icon-play.png) no-repeat center; background-size: cover; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
.video-player:hover:after { transform: translateX(-50%) translateY(-50%) scale(1.15); }

/* boxes
---------------------------------------- */
.boxes .box { padding: 60px 0; }
.boxes .box:first-child { padding-top: 0; }
.boxes .box:last-child { padding-bottom: 0; }

.boxes .box:nth-child(even) .box-image { order: 1; }
.boxes .box:nth-child(even) .box-content { order: 2; }

/* slick slider
---------------------------------------- */
.slick-dots { position: static; padding: 0; }
.slick-dots li { width: 24px; height: auto;  text-align: center; margin: 0 !important; padding: 0 !important; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
.slick-dots li:before { display: none !important; }
.slick-dots li button { width: 12px; height: 12px; border-radius: 6px; background: #f8dadb; display: inline-block; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
.slick-dots li button:hover { background: #e94844; }
.slick-dots li.slick-active { margin: 0 5px !important; }
.slick-dots li.slick-active button { width: 25px; background: #e94844; }
.slick-dots li button:before { display: none; }

.slick-list { min-width: 100%; }

/* accordion
---------------------------------------- */
.accordion { padding: 0 0 2rem; }
.accordion:last-child { margin-bottom: 0; }
.accordion .accordion-item { background: #f6c6c7; border: 0; margin-bottom: 6px; border-radius: 15px !important; }
.accordion .accordion-button { font-size: 20px; text-transform: uppercase; color: #e94844; font-weight: 600; padding: 1rem 3rem 1rem 1.5rem; background: transparent !important; box-shadow: none !important; outline: none !important; }
.accordion .accordion-button:hover { background: none; color: #333; }
.accordion .accordion-button:after { display: none !important; }
.accordion .accordion-button span { font-weight: 100; position: absolute; top: 13px; right: 1.5rem; transform: rotate(180deg); }
.accordion .accordion-button span:after { content: '–'; font-size: 30px; font-family: 'mundial', Helvetica, Arial, sans-serif; }
.accordion .accordion-button.collapsed span { top: 12px; }
.accordion .accordion-button.collapsed span:after { content: '+'; }
.accordion .accordion-button:not(.collapsed) i { transform: rotate(0); }
.accordion .accordion-body { font-size: 0.9rem; padding: 0 1.5rem 1px; }
.accordion .accordion-body em { color: #897778; }

.accordion-light .accordion-item { background: #fff0f0; margin-bottom: 20px; border-radius: 30px !important; }
.accordion-light .accordion-button.h4 { text-transform: initial; padding: 1.4rem 3.5rem 1.4rem 2rem; }
.accordion-light .accordion-button.h4 span { top: 21px; right: 2rem; }
.accordion-light .accordion-button.h4.collapsed span { top: 20px; }
.accordion-light .accordion-body { padding: 0 2rem 0.5rem; }

.visible-overflow { height: 550px; margin-bottom: 2rem; overflow: hidden; position: relative; }
.visible-overflow:after { content: ''; display: block; height: 150px; position: absolute; left: 0; right: 0; bottom: 0; background: #F8DADB; background: -webkit-linear-gradient(180deg, rgba(248, 218, 219, 0) 0%, rgba(248, 218, 219, 1) 100%); background: -moz-linear-gradient(180deg, rgba(248, 218, 219, 0) 0%, rgba(248, 218, 219, 1) 100%); background: linear-gradient(180deg, rgba(248, 218, 219, 0) 0%, rgba(248, 218, 219, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#F8DADB", endColorstr="#F8DADB", GradientType=0); }
.visible-overflow.show { height: auto; margin-bottom: 0; overflow: visible; }
.visible-overflow.show:after { display: none; }

/* banner box
---------------------------------------- */
.banner-box { padding: 30px 110px; border-radius: 15px; background: #f6c6c7; margin: 90px 0 -50px; position: relative; }

/* border box
---------------------------------------- */
.border-box { font-size: 16px; border: 2px solid #e94844; border-radius: 30px; padding: 40px 100px; }
.border-box ol li { padding-bottom: 20px; }
.border-box ol li:last-child { padding-bottom: 0; }

/* cols
---------------------------------------- */
.cols { font-size: 16px; }
.cols .col-item { padding: 1rem 0; }
.cols img { margin-bottom: 1rem; }

/* logos
---------------------------------------- */
.section-logos .logos-title { font-size: 16px; text-transform: uppercase; color: #333; letter-spacing: 1px; }
.logos { display: flex; align-items: center; justify-content: center; }
.logos .logo-item { padding: 15px 30px; }
.logos .slick-slide { display: flex !important; justify-content: center; align-items: center; }

/* text page
---------------------------------------- */
.text-page blockquote { font-size: 38px; font-style: italic; text-transform: uppercase; font-family: Helvetica, Arial, sans-serif; }
.text-page blockquote p { line-height: 1.2em; letter-spacing: -1px; }
.text-page ul,
.text-page ol { list-style: none; padding-left: 0; }
.text-page ul li { padding-left: 20px; padding-top: 4px; padding-bottom: 4px; position: relative; }
.text-page ul li:before { content: ''; display: block; width: 8px; height: 8px; background: #ffd300; border-radius: 50%; position: absolute; top: 12px; left: 0; }
.text-page ol li { counter-increment: step-counter; position: relative; padding-left: 20px;  }
.text-page ol li:before { font-weight: 400; width: 15px; text-align: center; position: absolute; top: 0; left: 0; content: counter(step-counter)'.'; }
.text-page a:not(.btn) { text-decoration: underline; background-image: none; }
.text-page a:not(.btn):hover { text-decoration: none; }
.text-page h3,
.text-page h4,
.text-page .h4 { padding-top: 1rem; padding-bottom: 0.6rem; }
.text-page img.alignnone { border-radius: 20px; margin: 0 0 2rem 0; }

.text-page .attachments { padding-top: 0; }
.text-page .attachments li { padding: 0.3rem 0 0.3rem 2rem !important; }
.text-page .attachments li:before { display: none !important; }
.text-page .attachments li i { position: absolute; top: 5px; left: 0; font-size: 25px; color: #ffce34; }
.text-page .attachments li a { text-decoration: none; color: #000; }
.text-page .attachments li a:hover { color: #58B6E7; }
.text-page .attachments li a span:not(.btn) { padding-right: 3px; }
.text-page .attachments .btn { vertical-align: middle; display: inline-block; margin: -2px 0 0 0; }

/* footer
---------------------------------------- */
footer { font-size: 14px; padding: 40px 0; background: #fff0f0; }
footer .footer-content ol { padding: 0; margin: 0; list-style: none; }
footer .footer-content ol li { counter-increment: step-counter; position: relative; padding-left: 20px;  }
footer .footer-content ol li:before { font-weight: 400; width: 20px; text-align: left; position: absolute; top: 0; left: 0; content: counter(step-counter)'.'; }
footer .footer-content ol li img { display: inline-block; vertical-align: middle; margin: -3px 0 0 2px; }
footer .footer-copy { padding-top: 30px; }
footer a { color: #333333 !important; text-decoration: none; }
footer a:hover { text-decoration: underline; }

/* buttons
---------------------------------------- */
.btn { font-size: 18px; font-weight: 700; text-transform: uppercase; font-style: normal; padding: 12px 30px; white-space: nowrap; border-radius: 30px; overflow: hidden; text-decoration: none !important; position: relative; -webkit-transition: linear 0.2s; -moz-transition: linear 0.2s; transition: linear 0.2s;font-family: 'mundial', Helvetica, Arial, sans-serif; }
.btn i { margin-left: 5px; margin-right: -5px; margin-top: -1px; display: inline-block; vertical-align: middle; }

.btn.btn-primary { color: #f8dadb !important; background: #e94844 !important; border-color: #e94844; }
.btn.btn-primary:hover { background-color: #ce312d !important; border-color: #ce312d; transform: translateY(-1px); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); }
.btn.btn-primary:active { box-shadow: none; transform: translateY(0); }

/* forms
---------------------------------------- */
.form-group { margin-bottom: 25px; }
form label { font-size: 14px; font-weight: 500; margin-bottom: 8px; }
.form-group:not(.form-group-checkbox) label { font-size: 14px; font-weight: 400; }
.form-group label input { margin-right: 5px; }
.form-group label a { color: #000; }
.form-group-checkbox { color: #000; }
.form-control { font-size: 15px; color: #262626 !important; padding: 10px 15px; border: 1px solid #ddd !important; background-color: #FFF !important; border-radius: 8px; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; transition:0.3s; }
.form-control:focus { box-shadow: none !important; border-color: #58B6E7 !important; }
.btn-block { width: 100%; }
.req { color: #ff0000; }
form p { margin-bottom: 0; }

/* -------------------*
 *         IE         *
 *------------------- */
.clearfix { zoom:1\9; }

/* -------------------*
 *     RESPONSIVE     *
 *------------------- */
@media all and (max-width:1399px) {
	h1, .h1 { font-size: 44px; }
	
	.offset-content { padding: 0 80px; }
	.offset-content-small { padding: 0 180px; }

	.highlights { padding: 40px 20px; }

	.banner-box { padding: 30px 70px; }

	.border-box { padding: 40px 65px }
}
@media all and (max-width:1199px) {
	h1, .h1 { font-size: 45px; }
	h2, .h2 { font-size: 34px; }
	h3, .h3 { font-size: 28px; }
	h5, .h5 { font-size: 18px; }

	header .navbar { padding: 25px 15px; }

	.section { padding: 60px 0; }

	.headline.headline-home .headline-box-text p { margin-bottom: 2rem; }

	.highlights { padding: 40px 1px; margin: -50px 0 20px; }
	.highlights .highlight-item { padding: 0 20px; }
	.highlights .highlight-item-number { font-size: 70px; margin-bottom: 1rem; }
	.highlights .highlight-item-number img { width: 200px; }

	.offset-content { padding: 0 var(--bs-gutter-x,.75rem); }
	.offset-content-small { padding: 0 100px; }

	.boxes .box { padding: 40px 0; }

	.border-box { padding: 30px 35px }

	.cols img { width: 140px; height: auto; }

	.btn { font-size: 17px; padding: 11px 25px; }
}
@media all and (max-width:991px) {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-left: 25px; padding-right: 25px; }         

    header .navbar { padding: 15px 0; }

    .headline.headline-home .headline-box-text { width: 55%; }

    .show-navigation { overflow: hidden; }
    .show-navigation header { position: fixed; background: #5c252b !important; }
    .show-navigation header .navbar { background: #5c252b !important; height: 100vh; align-items: flex-start; overflow-y: auto; webkit-transition:0s; -moz-transition:0s; -ms-transition:0s; -o-transition:0s; transition:0s; -webkit-backdrop-filter: blur(15px); -moz-backdrop-filter: blur(15px); -ms-backdrop-filter: blur(15px); backdrop-filter: blur(15px); }
    .show-navigation header .navbar-collapse { min-height: calc(100vh - 100px); display: flex; flex-wrap: wrap; align-content: flex-start; justify-items: center; }
    .show-navigation header .navbar-collapse:not(.show) { height: auto !important; }
    .show-navigation header .navbar-collapse .navbar-menu { width: 100%; text-align: center; padding-top: 40px; }

    header .navbar .navbar-nav > li { padding: 5px 0; }
    header .navbar .navbar-nav > li > a { font-size: 18px; }

    .btn { font-size: 16px; padding: 11px 25px; }

    .logos .logo-item { padding: 10px 20px; }
}
@media all and (max-width:767px) {
	html, body { font-size: 16px; }

	h1, .h1 { font-size: 38px; }
	h2, .h2 { font-size: 28px; margin-bottom: 1rem; }
	h3, .h3 { font-size: 24px; }

	header .navbar { padding: 20px 0; }

	.headline.headline-home .headline-box { padding: 130px 0 70px; }
	.headline.headline-home .headline-box-text { width: 50%; }

	.section { padding: 40px 0; }
	.section-head.text-center { padding: 0; }

	.boxes .box .box-image { order: 1; padding-bottom: 1.5rem; }
	.boxes .box .box-content { order: 2; }

	.accordion .accordion-button { font-size: 18px; }
	.visible-overflow { height: 380px; }

	.highlights { border-radius: 0; margin-top: 0; padding: 20px 25px; margin: 0 -25px; }
	.highlights:after { display: none; }
	.highlights .highlight-item { padding: 20px 0; }

	.accordion-light .accordion-button.h4.collapsed span { top: 18px; }

	.banner-box { padding: 35px 25px; text-align: center; margin-bottom: -30px; margin-top: 70px; }
	.banner-box img { width: 140px; height: auto; margin-bottom: 2rem; }

	.modal-content { border-radius: 20px; }
	.modal-body { padding: 25px; }
}
@media all and (max-width:575px) {
    /*.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-left: 20px; padding-right: 20px; }*/

    .headline.headline-home .headline-box-text { width: 60%; }

    .video-player:after { width: 60px; height: 42px; }

    .border-box { padding: 15px 20px; }

    .cols { margin: 0 -25px; }
    .cols .col-item { padding: 10px 40px; }
    .cols img { width: 160px; display: inline-block !important; }
}
@media all and (max-width:475px) {
	.headline.headline-home { background-position: center top; background-image: url(../images/layout/bg-headline-mobile.jpg); }
	.headline.headline-home .headline-box { padding: 140px 0 65px; }

	.accordion .accordion-button span:after { font-size: 25px; }
	.accordion .accordion-button.collapsed span { top: 14px; }
	.accordion-light .accordion-button.h4 { padding-left: 20px; padding-right: 40px; }
	.accordion-light .accordion-body { padding-left: 20px; padding-right: 20px; }
	.accordion-light .accordion-button.h4 span { right: 20px; }

	.logos { margin: 0 -25px; }
	.logos .logo-item { padding-top: 0; padding-bottom: 0; }

	.cols .col-item { padding: 10px 20px; }
}	
@media all and (max-width:370px) {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { padding-left: 15px; padding-right: 15px; }
    .col-cxs-12 { min-width: 100%; }

    .logos { margin: 0 -15px; }
}