/* ==========================================================================
*
* Custom CSS Stylesheet. This is where you should add your own styles!
*
** ========================================================================== */
ol.alpha {
  list-style: lower-alpha;
}

.responsive {
  max-width: 100%;
  height: auto;
}

/* Simple style overrides or custom adds */
/*****************************************
	Generals
******************************************/
a{
  color: #f1d130;
  text-decoration: none;
}
a:hover{
  color: #000;
  text-decoration: underline;
}

body {font-family: "Open Sans", sans-serif;
background-color: var(--f24-blue);
font-size: 20px;
}
.section-title > p, .block-title > p {
  font-size: 20px;
}
.site-header{
  height: 55px;
  height: calc(55px + (constant(safe-area-inset-top))*0.8) !important;
  height: calc(55px + (env(safe-area-inset-top))*0.8) !important;
}
.icon-list-custom { list-style: none;}
.icon-list-custom li::before { content: "\25BA" " "; display: inline-block; margin-left: -1.3em; width: 1.3em; color: var(--f24-yellow);}
.alpha-list-custom {list-style-type: lower-alpha;}


section.content {
  padding-top: 100px;
  padding-bottom: 100px;
}
.signin-section-02::after {
    background: transparent;
}
.signin-form-02 .from__input-group--input {
  border-radius: 30px;
border: 0.25px solid rgb(0, 0, 0);
}
.signin-form-02 .from__input-group input {
	border: 0.25px solid rgb(0, 0, 0);
height: 60px;
}

.signin-form-02 .from__input-group--input::placeholder {
  color: rgb(0, 0, 0);
  text-align: center;

}
.from__input-group input {
  text-align: center;
}
.nice-select .current {
  text-align: center;
  width: 100%;
  display: block;
  line-height: 50px;
  font-size: 17px;
  color: rgba(0,0,0,0.5);
}

.from__input-group.input-group .input-group-append span {
  min-width: 50px !important;
  height: 100%;
  border-radius: 0 30px 30px 0;
}
.signin-form-02 .from__check .form-check-input:checked {
  background-color: var(--f24-yellow) !important;
  border-color: var(--f24-yellow) !important;
}
.signin-form-02 .form-check-input:checked[type="checkbox"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.femanager_error {
  font-size: 16px;
  text-align: left;
}
.card-testimonial-04__content--rataing i {
  color: var(--f24-yellow);
}
.tx_evoweb_sfregister meter#bargraph {
  width: 93% !important;
  margin: 0 auto;
}

.middel {
  display: flex;
  align-items: center;
  justify-content: center;
}

:root {
	--f24-red: #EC3836;
	--f24-blue: #F3F8FB;
	--f24-gray: #5E5E5E;
	--f24-green: #D3F5DA;
	--f24-yellow: #f1d130;

}
.rounded-15{
	border-radius: 15px
}
.card-testimonial-04__content:before {
  border-width: 0 ;

}
.border-stanz {
  box-shadow: inset 0px 0px rgba(94, 94, 94, 0.48), inset -0px -0px 10px rgba(94, 94, 94, 0.48);
}
/****************************************
	Colors
*****************************************/

/*Backgrounds*/

.bg-f24-red{ background: var(--f24-red) !important;}
.bg-f24-blue{background:var(--f24-blue) !important;}
.bg-f24-gray{ background-color: var(--f24-gray) !important;}
.bg-f24-green{ background-color:var(--f24-green) !important;}
.bg-f24-yellow{ background-color:var(--f24-yellow) !important;}

.text-f24-red{ color: var(--f24-red) !important;}
.text-f24-blue{color:var(--f24-blue) !important;}
.text-f24-gray{ color: var(--f24-gray) !important;}
.text-f24-green{ color:var(--f24-green) !important;}
.text-f24-yellow{ color:var(--f24-yellow) !important;}


.border-f24-red{ border-color: var(--f24-red) !important;}
.border-f24-blue{border-color:var(--f24-blue) !important;}
.border-f24-gray{ color: rgba(94, 94, 94, 0.48) !important;}
.border-f24-green{ border-color:var(--f24-green) !important;}
.border-f24-yellow{ border-color:var(--f24-yellow) !important;}


.rounded-xl {
  border-radius: 50px !important;
}

.accordion-button:not(.collapsed) {
  color: #000;
  background-color: var(--f24-yellow) !important;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}
/*****************************************
	Generals END
******************************************/


/****************************************
	Colors
*****************************************/

/*Backgrounds*/
.bg-gray { background: rgba(7, 27, 54, 0.05) !important; color: rgb(7,27,54) !important;}
.bg-f24-blue{ background-color:var(--f24-blue) !important; color: #fff !important;}
.bg-f24-yellow{ background-color: var(--f24-yellow) !important; color: rgb(7,27,54) !important;}
.bg-f24-red{ background-color:var(--f24-red) !important; color: #fff !important;}

/*Colors*/
.f24-blue{ color: var(--f24-blue) !important;}
.f24-yellow{ color: var(--f24-yellow) !important;}
.f24-red{ color: var(--f24-red) !important;}



.btn-f24-yellow {
  color: #000;
  background-color: var(--f24-yellow);
  border-color: var(--f24-yellow);
}

.btn-f24-yellow:hover {
  color: #000;
  background-color: var(--f24-yellow);
  border-color: var(--f24-yellow);
}
/****************************************
	Colors END
*****************************************/

/****************************************
	TOPMENU
*****************************************/

.top-bar { border-bottom: 1px solid rgba(250,250,250,0.3);}

.site-header--menu-center .site-menu-main { margin: auto 0 auto auto;}
.site-menu-main .nav-link-item { padding: 15px 15px 15px 15px !important;}
.site-menu-main .nav-link-item::after { border-right: 2px solid var(--f24-yellow);}

.breadcrumb-section__content .breadcrumb-item {

    font-weight: normal;
}
.breadcrumb-section__content .breadcrumb-item + .breadcrumb-item::before {
  color: #000;
}
/****************************************
	TOPMENU END
*****************************************/
.hero-section-03__shape {
  z-index: 0;
}
.carousel-fade .carousel-item.active {
  z-index: 0;

}

.carousel-item {
  height: 500px;
}

/****************************************
	Header
*****************************************/

.hero-section-03::before {
  background-color: rgba(243, 248, 251,0.1);
}

.hero-section-03__content .video-btn-1 { margin: 0 auto; border: 0;}
.video-btn-1::after {
  background-color: #000;
}
.breadcrumb-section {
  background: linear-gradient(90.28deg, var(--f24-blue) 10%, var(--f24-yellow) 50%, var(--f24-blue) 90%);
}

.carousel-caption .hero-section-03__content {
  padding-top: 0 !important;
  padding-bottom: 150px !important;
}
.modal-body.video video {
  max-width: 100% !important;
  height: auto;
  max-height: 100%;
}

#homevideo .btn-close.text-white {
  color: #fff !important;
  opacity: 1 !important;
  background-color: var(--f24-yellow);
}


/****************************************
	Header END
*****************************************/
.section-top-100 { position: relative; top: -100px; bottom: 0; right: 0; left: 0; z-index: 99 !important;}
/****************************************
	Stepboxen
*****************************************/
#stepVideo {
  max-width: 100%;
  height: auto;
width: 100%;
}
.step-boxen .widget.widget-card{ box-shadow: 5px 10px 30px -10px rgba(0, 0, 0, 0.2); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; margin: 0px 10px 0px 10px; padding: 50px 50px 50px 50px; border-radius: 15px;}

/****************************************
	Stepboxen END
*****************************************/


/****************************************
	Footer
*****************************************/

.footer-widget--info .footer-2-datails i, .footer-widget--info li a, .footer-content--social li a { color: var(--f24-yellow); }
.footer-widget--list li a:hover, .footer-widget--info li a:hover, .footer-content--social li a:hover { color: var(--f24-yellow); }
.footer-widget--list li a, .footer-widget--info li { color:#fff; }

/****************************************
	Footer END
*****************************************/
.section-title span .balken {
  background: var(--f24-yellow) !important;
  width: 60px;
  height: 3px;
  display: block;
  margin-top: 1rem;
}

.subtitle.text-dark span {
  background: #efd54d;
  width: 60px;
  height: 3px;
  display: block;
  margin-top: 1rem;
}

.text-center span.subtitle span {
  margin: 1rem auto 0 auto;
}



.hero-section-03__content {
  padding-top: 150px;
  padding-bottom: 0px;
}

.btn-primary-outline:hover, .card-pricing--03:not(.active) .btn:hover, .card-pricing--04:not(.active) .btn:hover {
  color: #fff !important;
  background: transparent;
}
.card-pricing--03:not(.active) .btn, .card-pricing--03.active .btn:hover, .card-pricing--04:not(.active) .btn, .card-pricing--04.active .btn:hover {
  border-color: var(--f24-red) !important;
  color: var(--f24-red) !important;
}

.card-pricing--03:not(.active) .btn::before, .card-pricing--03.active .btn::before, .card-pricing--04:not(.active) .btn::before, .card-pricing--04.active .btn::before {
  background-color: var(--f24-red);
}

.card-pricing--03.active .btn, .card-pricing--04.active .btn {
  border-color: var(--f24-red) !important;
}

.card-special-price {
  position: absolute;
  top: -12%;
  left: -9%;
}

.site-menu-main .nav-link-item {
  font-size: 1rem;
  font-weight: normal;
}

.hero-content.hero-section-03__content h1.fs-2 {
  font-size: 3.5rem !important;
}


.cta-section-04__wrapper {
  background: linear-gradient(90.28deg, #000 0.26%, #000 30.33%,  #000 99.79%);
}


.cta-section-04__button-group {
  top: 132px;
  scale: 80%;
  position: absolute;
}



.del {
  position: absolute;
  transform: rotate(-10deg);
  margin: 0 auto;
  top: 46%;
  height: 3px;
  left: 30%;
  width: 43% !important;
}

/* ==========================================================================
** Responsive styles custom rules
* These rules are ready to be used for either overrides
* or just your own custom rules.
========================================================================== */


/** Higher screens+ **/
@media only screen and (min-width : 1921px){

}


/** Desktop+ **/
@media (min-width: 1200px) {

}


/** Laptop **/
@media (max-width: 1200px) {

}


/** Laptop+ **/
@media (min-width: 991px) {

.hero-section-06 {
  padding-top: 150px;
  padding-bottom: 50px;
}
.main-nav > ul > li > a::before {
  background-color: var(--f24-yellow);
	
}
.main-nav > ul > li.menu-item-has-children > a::after {
  background-color: transparent;
}

site-header[data-header-style="7"] .main-nav > ul > li.active > a, .site-header[data-header-style="7"] .main-nav > ul > li > a:hover, .site-header[data-header-style="7"] .main-nav > ul > li:hover > a {
color: var(--f24-blue);
}
}


/** Laptop **/
@media (min-width: 992px) and (max-width: 1199px) {

}


/** Large Tablets **/
@media (max-width: 992px) {
	.site-header__btns {
		padding: 0px 20px 0 !important;
	}
}


/** Tablets (landscape mode)  **/
@media (min-width: 768px) and (max-width: 991px) {

}


/** Tablets+  **/
@media (min-width: 768px) {
  
}


/** Tablets (portrait mode)  **/
@media (min-width : 481px) and (max-width : 768px) {

}


/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 767px) {
.card-special-price {
  left: 0%;
}
}


/** Smartphone landscape mode / Mini Tablet **/
@media (max-width: 600px) {

}


/** Smartphone portrait mode **/
@media (max-width: 480px) {

}


/** Normal phone portrait mode+ **/
@media (min-width: 320px) {
	
}


/***************************
	Mobil Pointer
****************************/

.mobil-pointer{ display: inline-block; position: relative; margin: 0 auto; width: 100%; max-width: 450px;}
.mobil-pointer > img { display: block;}
.mobil-pointer ul { list-style: none;}
.cd-single-point { position: absolute; border-radius: 50%;}
.cd-single-point > a { position: relative; z-index: 2; display: block; width: 30px; height: 30px; border-radius: inherit; background: var(--f24-yellow); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; }
.cd-single-point > a::after, .cd-single-point > a:before { /* rotating plus icon */ content: ''; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-color: #ffffff; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; }
.cd-single-point > a::after { height: 2px; width: 12px; }
.cd-single-point > a::before { height: 12px; width: 2px; }
.cd-single-point::after { /* this is used to create the pulse animation */ content: ''; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; border-radius: inherit; background-color: transparent;/* -webkit-animation: cd-pulse 2s infinite; -moz-animation: cd-pulse 2s infinite; animation: cd-pulse 2s infinite;*/}
.cd-single-point:nth-of-type(1) { bottom: 31%; right: 31%; }
.cd-single-point:nth-of-type(2) { bottom: 31%; left: 10%;}
.cd-single-point:nth-of-type(3) { top: 45%; left: 10%;}
.cd-single-point:nth-of-type(4) { top: 45%; right: 31%; }
.cd-single-point:nth-of-type(5) { bottom: 10%; right: 31%; }
.cd-single-point:nth-of-type(6) { bottom: 10%; left: 10%; }

/*.cd-single-point.is-open > a { background-color: #475f74;}*/
.cd-single-point.is-open > a::after, .cd-single-point.is-open > a::before { -webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(135deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(135deg); -o-transform: translateX(-50%) translateY(-50%) rotate(135deg); transform: translateX(-50%) translateY(-50%) rotate(135deg); }
.cd-single-point.is-open::after { /* remove pulse effect */ display: none;}
.cd-single-point.is-open .cd-more-info { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s; }
/*.cd-single-point.visited > a { background-color: #475f74; }*/
.cd-single-point.visited::after { /* pulse effect no more active on visited elements */ display: none; }

@media only screen and (min-width: 600px) {
	.cd-single-point .cd-more-info div { overflow: hidden; max-height: 200px; overflow-y: visible; }
  	.cd-single-point.is-open .cd-more-info.cd-left { right: 140%; }
  	.cd-single-point.is-open .cd-more-info.cd-right { left: 140%; }
	.cd-single-point.is-open .cd-more-info.cd-top { bottom: 140%; }
	.cd-single-point.is-open .cd-more-info.cd-bottom { top: 140%; }
}

@-webkit-keyframes cd-pulse {
  	0% { -webkit-transform: scale(1); box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.8); }
  	50% { box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.8); }
  	100% { -webkit-transform: scale(1.6); box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0); }
}
@-moz-keyframes cd-pulse {
	0% { -moz-transform: scale(1); box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.8); }
	50% { box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.8);}
  	100% { -moz-transform: scale(1.6); box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0); }
}
@keyframes cd-pulse {
	0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.8); }
	50% { box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.8);   }
	100% { -webkit-transform: scale(1.6); -moz-transform: scale(1.6); -ms-transform: scale(1.6); -o-transform: scale(1.6); transform: scale(1.6); box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0); }
}

.cd-single-point .cd-more-info { position: fixed; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; text-align: left; line-height: 1.5; background-color: rgba(255, 255, 255, 0.95); padding: 2em 1em 1em; visibility: hidden; opacity: 0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s;}
.cd-single-point .cd-more-info::before { /* triangle next to the interest point description - hidden on mobile */ content: ''; position: absolute; height: 0; width: 0; display: none; border: 8px solid transparent; }
.cd-single-point .cd-more-info h2 {
  font-size: 22px;
  font-size: 1.375rem;
  margin-bottom: .6em;
}
.cd-single-point .cd-more-info p {
  color: #535353;
}
@media only screen and (min-width: 600px) {
  .cd-single-point .cd-more-info {
    position: absolute;
    width: 250px;
    height: 240px;
    padding: 1em;
    overflow-y: visible;
    line-height: 1.4;
    border-radius: 0.25em;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  }
  .cd-single-point .cd-more-info::before {
    display: block;
  }
  .cd-single-point .cd-more-info.cd-left, .cd-single-point .cd-more-info.cd-right {
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .cd-single-point .cd-more-info.cd-left::before, .cd-single-point .cd-more-info.cd-right::before {
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .cd-single-point .cd-more-info.cd-left {
    right: 160%;
    left: auto;
  }
  .cd-single-point .cd-more-info.cd-left::before {
    border-left-color: rgba(255, 255, 255, 0.95);
    left: 100%;
  }
  .cd-single-point .cd-more-info.cd-right {
    left: 160%;
  }
  .cd-single-point .cd-more-info.cd-right::before {
    border-right-color: rgba(255, 255, 255, 0.95);
    right: 100%;
  }
  .cd-single-point .cd-more-info.cd-top, .cd-single-point .cd-more-info.cd-bottom {
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .cd-single-point .cd-more-info.cd-top::before, .cd-single-point .cd-more-info.cd-bottom::before {
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .cd-single-point .cd-more-info.cd-top {
    bottom: 160%;
    top: auto;
  }
  .cd-single-point .cd-more-info.cd-top::before {
    border-top-color: rgba(255, 255, 255, 0.95);
    top: 100%;
  }
  .cd-single-point .cd-more-info.cd-bottom {
    top: 160%;
  }
  .cd-single-point .cd-more-info.cd-bottom::before {
    border-bottom-color: rgba(255, 255, 255, 0.95);
    bottom: 100%;
  }
  .cd-single-point .cd-more-info h2 {
    font-size: 1.4rem;
    margin-top: 0 !important;
  }
  .cd-single-point .cd-more-info p {
    font-size: 1rem;
  }
}

@media (max-width: 599px) {
  .cd-single-point .cd-more-info {top: 200px; height: auto; min-height: 300px;}
}

/* close the interest point description - only on mobile */
.cd-close-info {
  position: fixed;
  top: 0;
  right: 0;
  height: 44px;
  width: 44px;
}
.cd-close-info::after, .cd-close-info:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  background-color: #475f74;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.cd-close-info::after {
  height: 2px;
  width: 16px;
}
.cd-close-info::before {
  height: 16px;
  width: 2px;
}
@media only screen and (min-width: 600px) {
  .cd-close-info {
    display: none;
  }
}



/****************************************
	MENU
*****************************************/

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  background-color: rgba(7, 27, 54,0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}
.overlay a.nav-link-item,
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: var(--f24-yellow) !important;
  display: block;
  transition: 0.3s;
  font-weight: 500;
}
.overlay a.nav-link-item:hover,.overlay a.nav-link-item:focus,
.overlay a:hover, .overlay a:focus {
  color: #fff!important;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}


.full-menu {
  list-style: none;

}

.site-header--dark .nav-link-item {
  color: #000 !important;
}
.hover-white:hover,
.site-header--dark .nav-link-item:hover {
  color: #fff !important;
}


.turquoise {

  color: var(--f24-yellow);
}

 /* Style the form */
#sfrForm{
  background-color: #ffffff;
  margin: 100px auto;
  padding: 40px;
  width: 70%;
  min-width: 300px;
}

/* Style the input fields */
input {
  padding: 10px;
  width: 100%;
  font-size: 17px;
  font-family: "Open Sans", sans-serif;
  border: 1px solid var(--f24-yellow);
  border-radius: 30px;
  color: #000;
}
textarea:focus, input:focus{
    outline: none;
}
/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd;
}

/* Hide all steps by default: */
.tab {
  display: none;
}

/* Make circles that indicate the steps of the form: */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

/* Mark the active step: */
.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #04AA6D;
} 



@media (min-width: 1200px) {
.image-mobile {
  position: relative;
  margin-top: -55%;
}


}

/***************************************
	Css Counter
****************************************/


.countdown div {
  text-align: center;
  margin: 10px;
  width: 100px;
  padding: 15px 0;
  background: rgba(0, 0, 0, 1);
	
  border-top: 5px solid var(--f24-yellow);
}

.countdown div span:nth-child(1)  {
  font-weight: 700;
  font-size: 44px;
	color: #fff !important;
  margin-bottom: 15px;
}

.countdown div span:nth-child(2) {
  font-size: 16px;
color: #fff!important;

  font-weight: 600;
}
.slider-image-button img {
  max-height: 100%;
  max-width: 61% !important;
}

.waconcookiemanagement {
  z-index: 9999;
}
.font-8 {font-size: 8px !important;}
.font-9 {font-size: 9px !important;}
.font-10 {font-size: 10px !important;}
.font-11 {font-size: 11px !important;}
.font-12 {font-size: 12px !important;}
.font-13 {font-size: 13px !important;}
.font-14 {font-size: 14px !important;}
.font-15 {font-size: 15px !important;}
.font-16 {font-size: 16px !important;}
.font-17 {font-size: 17px !important;}
.font-18 {font-size: 18px !important;}
.font-19 {font-size: 19px !important;}
.font-20 {font-size: 20px !important;}
.font-21 {font-size: 21px !important;}
.font-22 {font-size: 22px !important;}
.font-23 {font-size: 23px !important;}
.font-24 {font-size: 24px !important;}
.font-25 {font-size: 25px !important;}
.font-26 {font-size: 26px !important;}
.font-27 {font-size: 27px !important;}
.font-28 {font-size: 28px !important;}
.font-29 {font-size: 29px !important;}
.font-30 {font-size: 30px !important;}
.font-31 {font-size: 31px !important;}
.font-32 {font-size: 32px !important;}
.font-33 {font-size: 33px !important;}
.font-34 {font-size: 34px !important;}
.font-35 {font-size: 35px !important;}
.font-36 {font-size: 36px !important;}
.font-37 {font-size: 37px !important;}
.font-38 {font-size: 38px !important;}
.font-39 {font-size: 39px !important;}
.font-40 {font-size: 40px !important;}
.font-41 {font-size: 41px !important;}
.font-42 {font-size: 42px !important;}
.font-43 {font-size: 43px !important;}
.font-44 {font-size: 44px !important;}
.font-45 {font-size: 45px !important;}
.font-46 {font-size: 46px !important;}


 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.font-xs-8 {font-size: 8px !important;}
.font-xs-9 {font-size: 9px !important;}
.font-xs-10 {font-size: 10px !important;}
.font-xs-11 {font-size: 11px !important;}
.font-xs-12 {font-size: 12px !important;}
.font-xs-13 {font-size: 13px !important;}
.font-xs-14 {font-size: 14px !important;}
.font-xs-15 {font-size: 15px !important;}
.font-xs-16 {font-size: 16px !important;}
.font-xs-17 {font-size: 17px !important;}
.font-xs-18 {font-size: 18px !important;}
.font-xs-19 {font-size: 19px !important;}
.font-xs-20 {font-size: 20px !important;}
.font-xs-21 {font-size: 21px !important;}
.font-xs-22 {font-size: 22px !important;}
.font-xs-23 {font-size: 23px !important;}
.font-xs-24 {font-size: 24px !important;}
.font-xs-25 {font-size: 25px !important;}
.font-xs-26 {font-size: 26px !important;}
.font-xs-27 {font-size: 27px !important;}
.font-xs-28 {font-size: 28px !important;}
.font-xs-29 {font-size: 29px !important;}
.font-xs-30 {font-size: 30px !important;}
.font-xs-31 {font-size: 31px !important;}
.font-xs-32 {font-size: 32px !important;}
.font-xs-33 {font-size: 33px !important;}
.font-xs-34 {font-size: 34px !important;}
.font-xs-35 {font-size: 35px !important;}
.font-xs-36 {font-size: 36px !important;}
.font-xs-37 {font-size: 37px !important;}
.font-xs-38 {font-size: 38px !important;}
.font-xs-39 {font-size: 39px !important;}
.font-xs-40 {font-size: 40px !important;}
.carousel-caption .hero-section-03__content {
  padding-top: 0 !important;
  padding-bottom: 0px !important;
}

.carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 1.25rem;
  padding-bottom:0;
  color: #fff;
  text-align: center;
}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
.font-sm-8 {font-size: 8px !important;}
.font-sm-9 {font-size: 9px !important;}
.font-sm-10 {font-size: 10px !important;}
.font-sm-11 {font-size: 11px !important;}
.font-sm-12 {font-size: 12px !important;}
.font-sm-13 {font-size: 13px !important;}
.font-sm-14 {font-size: 14px !important;}
.font-sm-15 {font-size: 15px !important;}
.font-sm-16 {font-size: 16px !important;}
.font-sm-17 {font-size: 17px !important;}
.font-sm-18 {font-size: 18px !important;}
.font-sm-19 {font-size: 19px !important;}
.font-sm-20 {font-size: 20px !important;}
.font-sm-21 {font-size: 21px !important;}
.font-sm-22 {font-size: 22px !important;}
.font-sm-23 {font-size: 23px !important;}
.font-sm-24 {font-size: 24px !important;}
.font-sm-25 {font-size: 25px !important;}
.font-sm-26 {font-size: 26px !important;}
.font-sm-27 {font-size: 27px !important;}
.font-sm-28 {font-size: 28px !important;}
.font-sm-29 {font-size: 29px !important;}
.font-sm-30 {font-size: 30px !important;}
.font-sm-31 {font-size: 31px !important;}
.font-sm-32 {font-size: 32px !important;}
.font-sm-33 {font-size: 33px !important;}
.font-sm-34 {font-size: 34px !important;}
.font-sm-35 {font-size: 35px !important;}
.font-sm-36 {font-size: 36px !important;}
.font-sm-37 {font-size: 37px !important;}
.font-sm-38 {font-size: 38px !important;}
.font-sm-39 {font-size: 39px !important;}
.font-sm-40 {font-size: 40px !important;}

.carousel-caption .hero-section-03__content {
  padding-top: 0 !important;
  padding-bottom: 0px !important;
}
.carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 1.25rem;
  padding-bottom:0;
  color: #fff;
  text-align: center;
}


}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.font-md-8 {font-size: 8px !important;}
.font-md-9 {font-size: 9px !important;}
.font-md-10 {font-size: 10px !important;}
.font-md-11 {font-size: 11px !important;}
.font-md-12 {font-size: 12px !important;}
.font-md-13 {font-size: 13px !important;}
.font-md-14 {font-size: 14px !important;}
.font-md-15 {font-size: 15px !important;}
.font-md-16 {font-size: 16px !important;}
.font-md-17 {font-size: 17px !important;}
.font-md-18 {font-size: 18px !important;}
.font-md-19 {font-size: 19px !important;}
.font-md-20 {font-size: 20px !important;}
.font-md-21 {font-size: 21px !important;}
.font-md-22 {font-size: 22px !important;}
.font-md-23 {font-size: 23px !important;}
.font-md-24 {font-size: 24px !important;}
.font-md-25 {font-size: 25px !important;}
.font-md-26 {font-size: 26px !important;}
.font-md-27 {font-size: 27px !important;}
.font-md-28 {font-size: 28px !important;}
.font-md-29 {font-size: 29px !important;}
.font-md-30 {font-size: 30px !important;}
.font-md-31 {font-size: 31px !important;}
.font-md-32 {font-size: 32px !important;}
.font-md-33 {font-size: 33px !important;}
.font-md-34 {font-size: 34px !important;}
.font-md-35 {font-size: 35px !important;}
.font-md-36 {font-size: 36px !important;}
.font-md-37 {font-size: 37px !important;}
.font-md-38 {font-size: 38px !important;}
.font-md-39 {font-size: 39px !important;}
.font-md-40 {font-size: 40px !important;}
.font-md-41 {font-size: 41px !important;}
.font-md-42 {font-size: 42px !important;}
.font-md-43 {font-size: 43px !important;}
.font-md-44 {font-size: 44px !important;}
.font-md-45 {font-size: 45px !important;}
.font-md-46 {font-size: 46px !important;}

.carousel-item {
  height: 300px;
}

.carousel-caption .hero-section-03__content {

  padding-bottom: 0px !important;
}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.font-lg-8 {font-size: 8px !important;}
.font-lg-9 {font-size: 9px !important;}
.font-lg-10 {font-size: 10px !important;}
.font-lg-11 {font-size: 11px !important;}
.font-lg-12 {font-size: 12px !important;}
.font-lg-13 {font-size: 13px !important;}
.font-lg-14 {font-size: 14px !important;}
.font-lg-15 {font-size: 15px !important;}
.font-lg-16 {font-size: 16px !important;}
.font-lg-17 {font-size: 17px !important;}
.font-lg-18 {font-size: 18px !important;}
.font-lg-19 {font-size: 19px !important;}
.font-lg-20 {font-size: 20px !important;}
.font-lg-21 {font-size: 21px !important;}
.font-lg-22 {font-size: 22px !important;}
.font-lg-23 {font-size: 23px !important;}
.font-lg-24 {font-size: 24px !important;}
.font-lg-25 {font-size: 25px !important;}
.font-lg-26 {font-size: 26px !important;}
.font-lg-27 {font-size: 27px !important;}
.font-lg-28 {font-size: 28px !important;}
.font-lg-29 {font-size: 29px !important;}
.font-lg-30 {font-size: 30px !important;}
.font-lg-31 {font-size: 31px !important;}
.font-lg-32 {font-size: 32px !important;}
.font-lg-33 {font-size: 33px !important;}
.font-lg-34 {font-size: 34px !important;}
.font-lg-35 {font-size: 35px !important;}
.font-lg-36 {font-size: 36px !important;}
.font-lg-37 {font-size: 37px !important;}
.font-lg-38 {font-size: 38px !important;}
.font-lg-39 {font-size: 39px !important;}
.font-lg-40 {font-size: 40px !important;}
.carousel-caption .hero-section-03__content {
  padding-bottom: 75px !important;
}

.carousel-item {
  height: 400px;
}

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.font-xl-8 {font-size: 8px !important;}
.font-xl-9 {font-size: 9px !important;}
.font-xl-10 {font-size: 10px !important;}
.font-xl-11 {font-size: 11px !important;}
.font-xl-12 {font-size: 12px !important;}
.font-xl-13 {font-size: 13px !important;}
.font-xl-14 {font-size: 14px !important;}
.font-xl-15 {font-size: 15px !important;}
.font-xl-16 {font-size: 16px !important;}
.font-xl-17 {font-size: 17px !important;}
.font-xl-18 {font-size: 18px !important;}
.font-xl-19 {font-size: 19px !important;}
.font-xl-20 {font-size: 20px !important;}
.font-xl-21 {font-size: 21px !important;}
.font-xl-22 {font-size: 22px !important;}
.font-xl-23 {font-size: 23px !important;}
.font-xl-24 {font-size: 24px !important;}
.font-xl-25 {font-size: 25px !important;}
.font-xl-26 {font-size: 26px !important;}
.font-xl-27 {font-size: 27px !important;}
.font-xl-28 {font-size: 28px !important;}
.font-xl-29 {font-size: 29px !important;}
.font-xl-30 {font-size: 30px !important;}
.font-xl-31 {font-size: 31px !important;}
.font-xl-32 {font-size: 32px !important;}
.font-xl-33 {font-size: 33px !important;}
.font-xl-34 {font-size: 34px !important;}
.font-xl-35 {font-size: 35px !important;}
.font-xl-36 {font-size: 36px !important;}
.font-xl-37 {font-size: 37px !important;}
.font-xl-38 {font-size: 38px !important;}
.font-xl-39 {font-size: 39px !important;}
.font-xl-40 {font-size: 40px !important;}
.carousel-caption .hero-section-03__content {
  padding-bottom: 150px !important;
}
.carousel-item {
  height: 600px;
}
.hero-content .title {
  font-size: 64px;
}
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1800px) {


.slider-image-button img {
  max-height: 100%;
  max-width: 53% !important;
}

}
.hero-section-03__content,
.slider-image-button .hero-section-03__content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}


.rbox-border-stanz {
  box-shadow: inset 0px 0px rgba(94,94,94,0.48),inset -0px -0px 10px rgba(94,94,94,0.48);
}

#CookieBox a { 
   color: none !important;
}