/* ---------------------------------------------------
    THEME CSS
    
    ICE KINGS
----------------------------------------------------- */


/* ---------------------------------------------------
    BODY
----------------------------------------------------- */

#body_page main {
	margin-top: 160px;
}



/* ---------------------------------------------------
    TYPO
----------------------------------------------------- */

body {
	font-family: 'Eina 01', Arial, sans-serif;
}

h1,
h2,
h3,
h4 {
	margin-bottom: 0;
	line-height: 1;
}

h1 {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 4rem;
	font-weight: 800;
	letter-spacing: -.075rem;
}

h2 {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -.0125rem;
}

h2.large {
	font-size: 2.5em !important;
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -.0125rem;
}

h3 {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.2;
}

h4 {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 1.25em;
	font-weight: 600;
}

p {
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.2em;
	font-weight: 400;
	letter-spacing: 0;
}

.textLight {
	font-family: 'Poppins', Arial, sans-serif;
	font-weight: 300;
}

.textHeavy {
	font-family: 'Poppins', Arial, sans-serif;
	font-weight: 900;
}

b,
strong {
	font-family: 'Eina 01', Arial, sans-serif;
	font-weight: 600;
}

.small,
small {
	font-size: 80%;
	font-weight: 400;
}


.large {
	font-size: 2rem;
}

.semilarge {
	font-size: 1.5rem;
	line-height: 28px;
}

.avg--notice {
	font-size: .95rem;
}



/* ---------------------------------------------------
    COLORS
----------------------------------------------------- */

.textDark {
	color: #111 !important;
}

.textGrey {
	color: #333 !important;
}

.textMidgrey {
	color: #666 !important;
}

.textLightgrey {
	color: #999 !important;
}

.textAsh {
	color: #e8e9ea !important;
}

.textWhite {
	color: #fff !important;
}


.bgDark {
	background-color: #111 !important;
}

.bgGrey {
	background-color: #333 !important;
}

.bgMidgrey {
	background-color: #666 !important;
}

.bgLightgrey {
	background-color: #999 !important;
}

.bgLightergrey {
	background-color: #cdcdcd !important;
}

.bgAsh {
	background-color: #e8e9ea !important;
}

.bgDust {
	background-color: #e9e9e9 !important;
}

.bgFeather {
	background-color: #f5f5f5 !important;
}

.bgWhite {
	background-color: #fff !important;
}


/* ---------------------------------------------------
    COLORS COMPANY ID
----------------------------------------------------- */


.textIcegrey {
	color: #ACBBDD !important;
}

.textLightblue {
	color: #58c7ff !important;
}

.textDeepblue {
	color: #000743 !important;
}

.bgBlue {
	background-color: #1E9BE0 !important;
}

.bgFeatherblue {
	background-color: #f5f8f9 !important;
}



/*.bgLightbluegrey {
	background-color: #eef0f5 !important;
}*/

.bgLightbluegrey {
	background-color: #f3f6fc !important;
}

.bgLightblue {
	background-color: #78d2ff !important;
}

.bgLightblueGrad {
	background: linear-gradient(to bottom, #78d2ff 0%, #78d2ff 50%, #52C5FF 90%);
}

.bgIcegrey {
	background-color: #ACBBDD !important;
}

.bgBlue {
	background-color: #1E9BE0 !important;
}

.bgDarkblue {
	background-color: #1B3577 !important;
}

.bgDeepblue {
	background-color: #000743 !important;
}



/* ---------------------------------------------------
    TRANSITIONS
----------------------------------------------------- */

.TransRot45deg {
	transform: rotate(45deg);
}

.TransRot45degmin {
	transform: rotate(-45deg);
}

.TransRot90deg {
	transform: rotate(90deg);
}

.TransRot90degmin {
	transform: rotate(-90deg);
}


/* ---------------------------------------------------
    TEXT LINKS
----------------------------------------------------- */

p a {
	color: #58c7ff;
	text-decoration: underline;
}

p a:hover {
	color: #000;
}


/* ---------------------------------------------------
    BUTTONS
----------------------------------------------------- */

button {
	font-family: 'Poppins', Arial, sans-serif;
	padding: 8px 14px 8px 14px;
}


.btn1 {
	background-color: #78d2ff;
	border: 1.5px solid #78d2ff;
	color: #000743;
	display: inline-block;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 0;
	text-align: center;
	transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
	padding: 8px 18px 7px 18px;
}

.btn1:hover {
	background-color: #000743;
	border: 1.5px solid #000743;
	color: #78d2ff;
}

.btn1 i {
	transition: transform 0.3s ease;
}

.btn1:hover i {
	transform: translateX(8px);
}

.btn2 {
	background-color: #111;
	border: 1.5px solid #111;
	color: #fff;
	font-size: 1.45rem;
	font-weight: 700;
	letter-spacing: 0em;
	padding: 8px 15px 7px 15px;
}

.btn2:hover {
	background-color: #ddd;
	border: 1.5px solid #ddd;
	color: #111;
}

.btn3 {
	background-color: #777;
	border: 1.5px solid #777;
	color: #fff;
	font-size: 1.25em;
	font-weight: 700;
	letter-spacing: 0em;
}

.btn3:hover {
	background-color: #ddd;
	border: 1.5px solid #ddd;
	color: #111;
}

.btn4 {
	background-color: #999;
	border: 1.5px solid #999;
	color: #fff;
	font-size: 1.25em;
	font-weight: 700;
	letter-spacing: 0em;
}

.btn4:hover {
	background-color: #ddd;
	border: 1.5px solid #ddd;
	color: #111;
}

.btn5 {
	background-color: #ddd;
	border: 1.5px solid #ddd;
	color: #111;
	font-size: 1.25em;
	font-weight: 700;
	letter-spacing: 0em;
}

.btn5:hover {
	background-color: #999;
	border: 1.5px solid #999;
	color: #fff;
}


.btn6 {
	background-color: #6dceff;
	border: 1.5px solid #6dceff;
	color: #000743;
	font-size: 1.75em;
	font-weight: 700;
	letter-spacing: 0em;
}

.btn6:hover {
	background-color: #ddd;
	border: 1.5px solid #ddd;
	color: #111;
}



.btn-footertop {
	background-color: transparent;
	border: 1.5px solid #fff;
	border-radius: 50%;
	color: #fff;
	font-size: 1.5em;
	height: 40px;
	padding: 1.5rem;
	width: 40px;
}

.btn-footertop:hover {
	background-color: #000743;
	border: 1.5px solid #000743;
	color: #fff;
}


.btn_outline {
	background-color: #fff;
	border: 1.5px solid #222;
	color: #222;
	font-size: 1.25em;
	font-weight: 700;
	letter-spacing: 0em;
}

.btn_outline:hover {
	background-color: #ddd;
	border: 1.5px solid #ddd;
	color: #6dceff;
}

.btn_social {
	background-color: #fff;
	border: 1.5px solid #ddd;
	border-radius: .5rem;
	color: #222;
	font-size: 2.5em;
	font-weight: 700;
	height: 80px;
	letter-spacing: 0em;
	width: 80px;
}

.btn_social:hover {
	background-color: #ACBBDD;
	border: 1.5px solid #ACBBDD;
	color: #fff;
}


.btn_cta {
	animation: pulse-animation 2.5s infinite;
	background-color: #FFB300;
	border: 1.5px solid #FFB300;
	border-radius: .25rem;
	color: #FFF;
	font-size: 2.5rem;
	font-weight: 700;
	letter-spacing: 0em;
	padding: 8px 22px 5px 22px;
	transition: all .2s ease-in-out;
}

.btn_cta:hover {
	background-color: #000743;
	border: 1.5px solid #000743;
	color: #FFB300;
}

@keyframes pulse-animation {
	0% {
		box-shadow: 0 0 0 0px rgba(255, 179, 0, 0.8);
	}

	50% {
		box-shadow: 0 0 0 25px rgba(0, 0, 0, 0);
	}

	100% {}
}


span.btn_mobile-menu {
	animation: pulse-animation-mobile 2.5s infinite;
	background-color: #FFB300;
	border: 1.5px solid #FFB300;
	border-radius: .25rem;
	color: #FFF;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 0em;
	padding: 5px 20px 3px 20px;
	transition: all .2s ease-in-out;
}

span.btn_mobile-menu:hover {
	background-color: #000743;
	border: 1.5px solid #000743;
	color: #FFB300;
}

@keyframes pulse-animation-mobile {
	0% {
		box-shadow: 0 0 0 0px rgba(255, 179, 0, 0.8);
	}

	50% {
		box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
	}

	100% {}
}


.btn-category {
	background-color: #fff;
	border: 1.5px solid #ddd;
	border-radius: .5rem;
	color: #222;
	font-size: 1.5em;
	font-weight: 600;
	letter-spacing: .0125em;
	padding: 8px 18px 8px 18px;
}

.btn-category:hover {
	background-color: #ddd;
	border: 1.5px solid #ddd;
	color: #111;
}

.btn-category.active {
	background-color: #ddd;
	border: 1.5px solid #ddd;
	color: #111;
}



/* ---------------------------------------------------
    ITEM CATEGORY
----------------------------------------------------- */

a .item_wrapper h3 {
	color: #111;
	font-size: 1.75em;
	font-weight: 700;
	letter-spacing: 0;
}

.item_wrapper {
	border: 2px solid #eee;
	border-radius: .75rem;
	cursor: pointer;
	padding: 2rem;
	transition: all 0.2s ease-out;
}

.item_wrapper:hover {
	box-shadow: 0 0 7px 0 rgba(185, 185, 185, 0.2);
}




/* ---------------------------------------------------
    FORM ELEMENTS
----------------------------------------------------- */

input {
	background-color: #fff !important;
	border: 1px solid #ced4da;
	border-radius: .25rem !important;
	color: #333 !important;
	font-family: 'Eina 01', Arial, sans-serif;
	font-weight: 400 !important;
	font-size: 17px !important;
	height: calc(1.5em + .75rem + 6px);
	letter-spacing: .025em;
	padding: .75rem .75rem .55rem .75rem !important;
	white-space: nowrap;
	text-align: left;
}

input:focus {
	border-color: #f7ae48 !important;
	box-shadow: 0 0 0 .2rem rgba(155, 155, 155, .25) !important;
}

.form-control::placeholder {
	color: #CCC;
	opacity: 1;
}


/* ---------------------------------------------------
    NAVIGATION
----------------------------------------------------- */

section.navigation.top-crown {
	padding-top: 1rem;
	border-bottom: none;
}

section.navigation {
	background-color: #fff;
	/* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
	border-bottom: 1rem solid #FFF;
}

header section.navigation ul.topnav li span.page-usp {
	color: #58c7ff;
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 1.75rem;
	font-weight: 700;
	transition: .2s ease-in-out all;
	letter-spacing: -.025rem;
}

header section.navigation ul.topnav li a.mobile_icon {
	color: #888;
	font-size: 2em;
}

header section.navigation ul.topnav li a.order {
	color: #fff;
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 1.25em;
	font-weight: 700;
	transition: .2s ease-in-out all;
	letter-spacing: .025em;
	border: 1.5px solid #111;
	border-radius: .5rem;
	background: #111;
}

header section.navigation ul.topnav li a.order:hover {
	background: #ddd;
	border: 1.5px solid #ddd;
	color: #222;
}


header section.navigation ul.topnav li a:hover {
	color: #000743;
}

header section.navigation ul.topnav li a.active {
	color: #111;
	font-weight: 600;
	letter-spacing: .025em;
}

.nav-link {
	padding: .5rem 1rem;
}

.nav-item:nth-child(1) {
	display: flex;
	justify-content: start;
}

.nav-item:nth-child(2) {
	display: flex;
	justify-content: center;
}

.nav-item:nth-child(3) {
	display: flex;
	justify-content: end;
}

section.navigation ul li a {
	color: #000643;
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 1.75rem;
	font-weight: 800;
	transition: .2s ease-in-out all;
	letter-spacing: -.0125rem;
	text-transform: uppercase;
	white-space: nowrap;
}

section.navigation ul li a.order--now {
	color: #FFF;
	font-size: 2.5rem;
	background-color: #FFB300;
	padding: .375rem 1.5rem;
}

section.navigation ul li a.order--now:hover {
	color: #FFF;
	font-size: 2.5rem;
	background-color: #52C5FF;
	padding: .375rem 1.5rem;
}

section.navigation ul li a.order--now:focus {
	color: #FFF;
}

section.navigation ul li a:hover {
	color: #52C5FF;
}

section.navigation ul li a.active {
	color: #fff;
}

section.navigation ul li a:focus {
	color: #000643;
}

section.navigation button.navbar-toggler {
	color: #000;
}

section.navigation img {
	min-height: 300px;
}


#body_home header section.navigation img {
	height: 100px;
}

#body_page header section.navigation img {
	height: 100px;
}


button.menu {
	background-color: #fff;
	border: none;
	margin-top: 0;
}



/* ---------------------------------------------------
    HEADER
----------------------------------------------------- */

section.media {
	background-color: #FFF;
}

.media .media_bg {
	background-image: url("../../images/header/image.extension");
	background-position: top 0px center;
	background-repeat: no-repeat;
	height: 850px;
}

.media h2 {
	display: inline-flex;
	font-size: 16rem;
	font-weight: 800;
	letter-spacing: -.15rem;
	line-height: .85;
	padding: 20px 30px 15px 30px;
}

.media h3 {
	display: inline-flex;
	font-size: 3rem;
	font-weight: 800;
	letter-spacing: -.025rem;
	line-height: 1;
	padding: 1.75rem 2rem 1.5rem 2rem;
	text-transform: uppercase;
	margin-left: 2.45rem;
}

.media img.hero--image {
	height: auto;
	object-fit: cover;
	overflow: hidden;
	width: 100%;
}



/* ---------------------------------------------------
    MAIN
----------------------------------------------------- */

.identifier {
	margin-top: -150px;
}

.identifier h3 {
	font-size: 2rem;
	font-weight: 300;
	letter-spacing: .0125rem;
}

.table {
	border-color: #999;
	color: #412314 !important;
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 1.25rem;
	font-weight: 400;
}


.intro__wrapper p {
	font-size: 1.45rem;
	margin-bottom: 0;
}

.column__wrapper .card-body {
	bottom: 0;
	width: 100%;
}

.column__wrapper .card>.card-zoom>[class*="card-img"] {
	height: 400px !important;
	object-fit: cover;
}

.column__wrapper .card>.card-zoom>[class*="card-img-gallery"] {
	max-height: 380px;
}

.column__wrapper .card>.card-zoom>[class*="card-img-group"] {
	max-height: 280px;
}

.column__wrapper h2 {
	font-size: 3.3rem;
	font-weight: 800;
	letter-spacing: -.025rem;
}

.column__wrapper .card h3.large {
	font-size: 2.25em;
}

.column__wrapper .card h3 {
	font-size: 1.75em;
	line-height: 1.5em;
}


.column__wrapper.cases h3 {
	font-size: 1.75em;
	font-weight: 600;
	line-height: 1.5em;
}

.usp_section {
	background-image: url("../../images/banners/icecubes-bg-banner.jpg");
	background-position: top 0px center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}


.usp_wrapper {
	background-color: #d9dfed;
}

.usp_wrapper h3 {
	display: inline-flex;
	background-color: #000743;
	color: #58c7ff;
	padding: .65rem 1rem;
	font-weight: 800;
	transition: transform 0.1s ease;
	animation: scaleAnimation 5s infinite ease-in-out;
}

.usp_wrapper .icon_wrapper {
	border: none;
	display: inline-flex;
	font-size: 7rem;
	padding: 1rem;
	border-radius: 50%;
	height: 160px;
	width: 160px;
	justify-content: center;
	align-items: center;
}

.services_wrapper .icon_wrapper {
	border: none;
	display: inline-flex;
	font-size: 6em;
	padding: 1rem;
	border-radius: 50%;
	height: 150px;
	width: 150px;
	justify-content: center;
	align-items: center;
}

.services_wrapper p {
	font-size: 1em;
}


.product_wrapper .img_wrapper img {
	align-items: center;
	border: 1rem solid #FFF;
	/* Deze regel is in conflict met de bovenstaande regel, je kunt er een kiezen of beide verwijderen */
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
	display: inline-flex;
	height: 500px;
	justify-content: center;
	object-fit: cover;
	padding: 0rem;
	width: 500px;
	/* border-radius: 50%; */
	/* clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%); */
}


.product_wrapper h3 {
	font-size: 1.75rem;
	letter-spacing: -.0125rem;
	font-weight: 800;
}

.product_wrapper p {
	font-size: 1.25rem;
}

.column__wrapper .orderbox {
	border: 8px solid #eef0f5;
}



/* ---------------------------------------------------
    FORM WRAPPER
----------------------------------------------------- */

.form__wrapper p {
	font-size: 1.1em;
}



/* ---------------------------------------------------
    ANIMATE
----------------------------------------------------- */

.rotate-on-scroll {
	transition: transform 0.5s ease-out;
}

.logo {
	transition: transform 0.3s ease-out;
}

.logo:hover {
	transform: translateY(-10px);
}

.icon_wrapper i {
	display: inline-block;
	transition: transform 0.5s ease-in-out;
	animation: enlarge-shrink 3s infinite;
}

/*
.icon_wrapper:nth-child(1) i {
	animation-delay: 0s;
}

.icon_wrapper:nth-child(2) i {
	animation-delay: 1s;
}

.icon_wrapper:nth-child(3) i {
	animation-delay: 2s;
}

@keyframes enlarge-shrink {

	0%,
	100% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.075);
	}
}*/



/* ---------------------------------------------------
    ALINEA WRAPPER
----------------------------------------------------- */

.alinea__wrapper .indicator_price_persons {
	font-size: 1.75em;
}

.intro__wrapper .indicator_price_persons {
	font-size: 2em;
	font-weight: 600;
}

.alinea__wrapper .date {
	display: inline-block;
	font-size: 1.5em;
}

.alinea__wrapper.detailpage__blocks p {
	font-size: 1em;
}

.alinea__wrapper.detailpage__blocks .allergens img {
	width: 40px;
}


.alinea__wrapper h3 {
	font-size: 2.5rem;
	font-weight: 800;
	letter-spacing: -.025rem;
	line-height: 1.1;
}

.alinea__wrapper p {
	font-size: 1.25em;
	font-weight: 400;
}


.alinea__wrapper ul {
	margin: 0;
	padding: 0;
	width: 100%;
}

.alinea__wrapper ul li {
	align-items: center;
	display: flex;
	list-style: none;
}

.alinea__wrapper ul li i {
	font-size: 2em;
	width: 70px;
}

.alinea__wrapper ul li p {
	font-size: 1.25em;
	margin-bottom: 0;
}




/* ---------------------------------------------------
    CART WRAPPER
----------------------------------------------------- */

.cart__wrapper {
	min-height: 100vh;
}

.cart__wrapper .cart-row .btn-adjust {
	align-items: center;
	background-color: #000743;
	border: 1.5px solid #000743;
	color: #6dceff;
	display: flex;
	font-size: 1.5rem;
	height: 50px;
	justify-content: center;
	width: 50px;
	padding: 0;
}

.cart__wrapper .cart-row .btn-adjust:hover {
	background-color: #cdcdcd;
	border: 1.5px solid #cdcdcd;
	color: #111;
}

.cart__wrapper .cart-row h3 {
	font-size: 1.25em;
	font-weight: 700;
}

.cart__wrapper .cart-row p {
	line-height: 24px;
}

.cart__wrapper .cart-row span.cart-item-price {
	font-size: 1.25em;
	font-weight: 600;
}


.form__wrapper.cart {
	background-image: url("../../images/elements/icekings-logo-bg.png");
	background-position: bottom 40px center;
	background-repeat: no-repeat;
	background-size: 60%;
	background-attachment: fixed;
	padding: 5rem 0;
}

.form__wrapper.cart h3 {
	font-size: 1.35em;
	font-weight: 700;
}

.form__wrapper.cart p {
	font-size: 1.05em;
}

.form__wrapper.cart hr {
	color: #ddd;
	opacity: .85;
}

.alinea__wrapper p.notification {
	color: #333
}


input.quantity {
	height: 50px !important;
	padding: .75rem .75rem .75rem .75rem !important;
}


.cart-summary {
	background-color: #d9dfed;
	padding: .5rem
}

.cart-summary-body {
	background: linear-gradient(to bottom, #78d2ff 0%, #78d2ff 25%, #52C5FF 60%);
	/*background-color: #58c7ff;*/
	padding: 2rem;
}

.cart-summary-body h2 {
	color: #000743;
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 3rem;
	font-weight: 800;
	letter-spacing: -.05rem;
	line-height: 1.2;
}

.cart-summary-body h4 {
	color: #000743;
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: -.025rem;
	line-height: 1.2;
}

.cart-summary-body p.cart--information {
	color: #000743;
	font-size: 1.1rem;
}

.cart-summary-body ul {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	padding: 0;
}

.cart-summary-body ul li {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	padding: .5rem 0;
	width: 100%;
}

.cart-summary-body ul li .cart-row-information {
	color: #FFF;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.25rem;
	font-weight: 600;
}

.cart-summary-body ul li .cart-row-details {
	color: #FFF;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.1rem;
	font-weight: 400;
}

.cart-summary-body ul li .cart-row-price {
	color: #FFF;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	text-align: end;
}

.cart-summary-body ul li .cart-row-functions {
	color: #FFF;
	text-align: end;
}



/* ---------------------------------------------------
    TOP BAR
----------------------------------------------------- */

.topbar__wrapper {
	font-family: 'Eina 01', Arial, sans-serif;
}

.topMessage {
	font-size: 15px;
	font-weight: 400;
	vertical-align: top;
}


/* ---------------------------------------------------
    SECTION BLOCKS - BANNER AND SLIDE
----------------------------------------------------- */

.banner__wrapper h2 {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 4em;
	font-weight: 700;
	line-height: 1.2em;
}

.banner__wrapper h3 {
	line-height: 1.25em;
}



/* ---------------------------------------------------
    CTA
----------------------------------------------------- */

.progress-bar {
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	background-color: #cdcdcd;
	transition: width .6s ease;
}

.progress {
	height: 23px;
}



/* ---------------------------------------------------
    CTA
----------------------------------------------------- */

.cta__wrapper {
	position: relative;
	overflow: hidden;
}

.cta__wrapper .container {
	position: relative;
	z-index: 999;
}

.background-image {
	position: absolute;
	bottom: -100%;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('../../images/logos/icekings-brandlogo.svg') no-repeat center center;
	background-size: cover;
	transition: bottom 1s ease-out;
}

.cta__wrapper.scrolled .background-image {
	bottom: -120px;
}

.cta__wrapper h2 {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 3em;
	font-weight: 800;
	letter-spacing: -.0125em;
}




/* ---------------------------------------------------
    BUTTON WRAPPER FOOTER
----------------------------------------------------- */

.button__wrapper {
	background-color: #f3f6fc;
}



/* ---------------------------------------------------
    GALLERY
----------------------------------------------------- */


.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
	border-color: #555 !important;
}

.lg-outer .lg-thumb-item {
	border-radius: 0px !important;
	cursor: pointer;
}


/* ---------------------------------------------------
    FOOTER
----------------------------------------------------- */

footer section.footy-main li {
	color: #fff !important;
	margin-bottom: .5rem;
}

footer section.footy-main li a {
	color: #fff;
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 1em;
	font-weight: 400;
	letter-spacing: .0125em;
}

footer section.footy-main li a:hover {
	color: #f7ae48;
}

footer section.footy-main h4 {
	color: #fff;
	font-size: 1.5em;
	font-weight: 600;
	letter-spacing: -.0125em;
}

footer .wrapper .footer-logo {
	height: 200px;
}

.trapezoid a {
	color: #fff;
	font-size: 150%;
}


/* ---------------------------------------------------
    FOOTER
----------------------------------------------------- */

footer h3 {
	font-size: 2rem;
	font-weight: 800;
	margin-bottom: 8px;
}

footer p {
	color: #000743;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.35rem;
	font-weight: 400;
	letter-spacing: 0;
}

footer .wrapper .footer-nav ul li a {
	display: inline-block;
	color: #111;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 1.15rem;
	font-weight: 400;
	letter-spacing: 0;
	padding-left: 20px;
	position: relative;
}

footer .wrapper .footer-nav ul li a:hover {
	color: #fff;
}

footer .wrapper .footer-nav ul li a i {
	color: #fff;
	left: 0;
	position: absolute;
	top: 5px;
}

footer section.footy-bottom li a {
	color: #444;
	font-family: 'Eina 01', Arial, sans-serif;
	font-size: 0.9rem;
	font-weight: 300;
	letter-spacing: 0;
	transition: ease-in-out .2s;
}

footer section.footy-bottom li a:hover {
	color: #78d2ff !important;
}

footer section.footy-bottom li i {
	color: #000;
	font-size: 1.5rem;
}


/* ---------------------------------------------------
    COOKIES
----------------------------------------------------- */

.cookie a {
	color: #333;
}

.cookie a:hover {
	color: #999;
	text-decoration: none;
}


/* ---------------------------------------------------
    MODALS
----------------------------------------------------- */

.modal-content {
	border: 2px solid rgba(0, 0, 0, .2);
	border-radius: .5rem;
}

.modal-header {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.modal-body {
	padding: 1.5rem;
}

.modal-footer {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.modal .btn-close {
	outline: 0;
	box-shadow: none !important;
}

.modal .btn-close:hover {
	color: #000;
	text-decoration: none;
	opacity: .75;
}

.modal button.btn-close {
	background-color: none;
	color: #aab0b6;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1;
	text-shadow: none;
	transition: .2s ease-in-out all;
}

.modal .btn1 {
	background-color: #111;
	border: 1.5px solid #111;
	color: #fff;
	font-size: 1.25em;
	font-weight: 700;
	letter-spacing: 0em;
}

.modal .btn1:hover {
	background-color: #ddd;
	border: 1.5px solid #ddd;
	color: #111;
}

.modal .btn2 {
	background-color: #111;
	border: 1.5px solid #111;
	color: #fff;
	font-size: 1.25em;
	font-weight: 700;
	letter-spacing: 0em;
}

.modal .btn2:hover {
	background-color: #ddd;
	border: 1.5px solid #ddd;
	color: #111;
}

.modal-title {
	font-family: 'Poppins', Arial, sans-serif;
	font-size: 1.5em;
	font-weight: 700;
}

.modal span.form_indication {
	color: #111;
	display: block;
	font-family: 'Eina 01', helvetica, arial, sans-serif;
	font-size: 1em;
	font-weight: 600;
	letter-spacing: -.0125em;
	margin-bottom: .45rem;
}

.modal form .form-control::placeholder {
	color: #aaa !important;
	opacity: 1;
}

.modal form input {
	background-color: #fff !important;
	border: 1.5px solid #ccc !important;
	border-radius: .25rem !important;
	color: #111 !important;
	font-family: 'Eina 01', Arial, sans-serif;
	font-weight: 400;
	font-size: 1em;
	height: calc(1.5em + .75rem + 6px);
	letter-spacing: .0125em;
	padding: .75rem .75rem .75rem .75rem !important;
	white-space: nowrap;
}

.modal form input:focus {
	background-color: #fff !important;
	border-color: #222 !important;
	box-shadow: 0 0 0 .2rem rgba(155, 155, 155, .25) !important;
	color: #111 !important;
}