/* defaults */
:root {
	--color-default: #002C59;
	--color-grey: #98A4AF; /* texts / buttons */
	--color-lightgrey: #F1F5F6; /* backgrounds */
	--color-lightblue: #E5EEEF;
	--color-grey2: #DBE3E5;
	--color-darkgrey: #59656E;
	--color-black: #1E1E1E; /* footer text */
	
	--color-content-exyol: #205164;
	--color-menutext-exyol: white;
	--color-menubg-exyol: #8FB8CA;
	
	--color-content-haevyl: #776669;
	--color-menutext-haevyl: white;
	--color-menubg-haevyl: #E4BBC1;
	
	--color-content-pentyll: #002C59;
	--color-menutext-pentyll: white;
	--color-menubg-pentyll: #003A70;
	
	--color-content-solvyl: #694F48;
	--color-menutext-solvyl: white;
	--color-menubg-solvyl: #C78C67;
	
	--color-content-lavyl: #3A84BD;
	--color-menutext-lavyl: #3A84BD;
	--color-menubg-lavyl: #CACFD1;
}


/* reset */
body {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	font-size: 18px;
	line-height: 120%;
	background-color: white;
	color: var(--color-default);
}

a {text-decoration: none; outline: none;}
strong, b {font-weight: 500;}
i {font-style: italic;}
input, textarea, select, button, option {font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; line-height: 120%;}
ul, ol, li {margin: 0; padding: 0; list-style-type: none;}

.font300 {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
}
.font400 {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
.font500 {
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}

.size12 {font-size: 12px;}
.size14 {font-size: 14px;}
.size15 {font-size: 15px;}
.size16 {font-size: 16px;}
.size20 {font-size: 20px;}
.size22 {font-size: 22px;}
.size40 {font-size: 40px;}

.mb50 {margin-bottom: 50px;}

.color-default {color: var(--color-default); }
.color-grey {color: var(--color-grey); }
.color-darkgrey {color: var(--color-darkgrey); }
.color-lightgrey {color: var(--color-lightgrey); }
.color-lightblue {color: var(--color-lightblue); }
.color-black {color: var(--color-black); }
.color-white {color: white;}

.bg-default {background-color: var(--color-default); }
.bg-grey {background-color: var(--color-grey); }
.bg-darkgrey {background-color: var(--color-darkgrey); }
.bg-lightgrey {background-color: var(--color-lightgrey); }
.bg-lightblue {background-color: var(--color-lightblue); }
.bg-black {background-color: var(--color-black); }

.clear {clear: both !important; float: none !important;}

.modal-content {background-color: white; border: 0; border-radius: 25px; box-shadow: 5px 5px 15px 2px rgba(109, 110, 113, 0.20);}
.modal-header {border-bottom: 0;}
.modal-body a {color: var(--color-default);}
.modal-body a:hover {color: var(--color-default); text-decoration: underline;}

.img-responsive {display: block; width: 100%;}

.swiper-button-prev:after, .swiper-button-next:after {display: none;}
.swiper-button-prev, .swiper-button-next {width: 40px; height: 40px; margin-top: -20px; background-image: url('/img/slider_arrow.svg'); background-size: contain; background-repeat: no-repeat; background-position: center center; border-radius: 20px; transition: 0.2s;}
.swiper-button-prev:hover, .swiper-button-next:hover {background-color: rgba(0,0,0,0.2); width: 44px; height: 44px; margin-top: -22px;}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {opacity: 0;}
.swiper-button-prev {transform: rotate(180deg);}
.swiper-pagination {width: auto !important; left: 50% !important; transform: translateX(-50%);}
.swiper-pagination-bullet {width: 5px; height: 5px; margin: 2px 10px !important; opacity: 1; background-color: var(--color-grey); transition: 0.2s;}
.swiper-pagination:hover .swiper-pagination-bullet {margin: 0 8px !important; width: 9px; height: 9px;}
.swiper-pagination-bullet-active {opacity: 1; background-color: var(--color-default);}