@import url("https://fonts.googleapis.com/css2?family=Qwigley&display=swap");

@font-face {
	font-family: Bayshore;
	src: url("font/bayshore.otf") format("opentype");
}

:root {
	--black: #000000;
	--white: #ffffff;
	--light-ts-green: #fff350;
	--red: #ff1818;
	--ts-green: #008755;
	--gray: #474d4b;
	--lightGreen: #eaf9e4;
	--boneWhite: #f5f5f5;
}

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: "Raleway", sans-serif;
	scroll-behavior: smooth;
	word-break: break-word;
	-webkit-text-size-adjust: 100%;
	line-height: 150%;
}

html {
	font-size: 62.5%;
}

h1 {
	font-size: 32px;
	padding-bottom: 10px;
	line-height: 125%;
}

h2 {
	font-size: 26px;
	padding-bottom: 10px;
	line-height: 125%;
}

h3 {
	font-size: 24px;
	padding-bottom: 10px;
	line-height: 125%;
}

h4 {
	font-size: 20px;
	padding-bottom: 10px;
	line-height: 125%;
}

a,
p,
label,
li,
button {
	font-size: 16px;
	padding-bottom: 10px;
}

a {
	text-decoration: none;
	color: var(--ts-green);
}

section {
	width: 100%;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.center {
	text-align: center;
}

.wrapper {
	max-width: 1400px;
	padding: 0 20px;
	margin: auto;
}

/*
 * Stick the footer to the bottom
 */

html,
body {
	width: 100%;
	/* height: 100%; */
}

body {
	display: flex;
	/* height: 100vh; */
	/* height: 100%; */
	width: 100%;
	flex-direction: column;

	/* background-color: #000000; */
}

main {
	flex: 1 0 auto;
	width: 100%;
	transition: all 0.4s ease;
	flex-grow: 1;
}

header,
main,
footer {
	flex-shrink: 0;
}

#content-wrapper {
	min-height: 100%;
	width: 100%;
	overflow-x: hidden;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

/* Desktop */

.top-menu {
	display: none;
}

header {
	width: 100%;
	position: relative;
	z-index: 2000;
	/* background-color: var(--black); */
	top: 0;
}

header.sticky {
	z-index: 998;
}
header.sticky {
	transition: all 0.4s ease;
	position: fixed;
	box-shadow: 0 2px 10px rgba(87, 87, 87, 0.31);
	top: 0;
	width: 100%;
	background-color: white;
}

#header-equalizer {
	position: relative;
	top: 0;
	left: 0;
	height: 0;
	width: 100%;
	z-index: -1;
}

body.sticky-body #header-equalizer {
	height: 11rem;
}

#logo {
	margin-right: 10px;
}

header.no-block .mainmenu a:after {
	background-color: #ccc;
}

header.no-block .mainmenu li ul li a {
	color: #fff;
}

header.no-block .mainmenu .desktop-arrow i {
	color: #ccc;
}

header.no-block .app-menu {
	/* background-color: #000000; */
}

header.no-block .app-menu div {
	background-color: var(--black);
}

.hide {
	display: none;
}

.app-menu {
	display: none;
	width: 42px;
	height: 42px;
	/* background-color: #222; */
	position: relative;
	/* top: 14px;
  right: 20px; */
	cursor: pointer;
}

.app-menu:hover {
	cursor: pointer;
}

.app-menu div {
	width: 25px;
	height: 3px;
	border-radius: 3px;
	background-color: #ffffff;
	left: 8px;
	position: absolute;
	transition: all 0.3s ease;
}

.app-menu div:nth-child(1) {
	top: 10px;
}

.app-menu div:nth-child(2) {
	top: 17px;
}

.app-menu div:nth-child(3) {
	top: 24px;
}

.app-menu.open div:nth-child(1) {
	top: 20px;
	transform: rotate(45deg);
}

.app-menu.open div:nth-child(2) {
	opacity: 0;
}

.app-menu.open div:nth-child(3) {
	top: 20px;
	transform: rotate(135deg);
}

.header-holder {
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 40px;
}

header.sticky .header-holder {
	opacity: 0;
	height: 80px;
	-moz-animation: fadeIn 0.4s ease-in forwards;
	-webkit-animation: fadeIn 0.4s ease-in forwards;
	-o-animation: fadeIn 0.4s ease-in forwards;
	animation: fadeIn 0.4s ease-in forwards;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}

/* header-content */
.header-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 328px;
}
/*  */

header .header-content img {
	width: 24rem;
	margin-top: 10px;
}
body.sticky-body header .header-content img {
	width: 20rem;
}

header #english-flag {
	height: 9px !important;
	width: 14px !important;
}

header nav {
	/* flex: 1; */
	height: 100%;
}

.mainmenu {
	display: flex;
	list-style-type: none;
	margin: 0;
	padding: 0;
	flex-direction: row;
	justify-content: flex-end;
	height: 100%;
}

.mainmenu li {
	position: relative;
	align-items: center;
	display: flex;
}

ul.mainmenu > li:first-child a {
	border-left: none;
}

.mainmenu li > ul li {
	border-left: none;
	text-align: center;
}

.mainmenu li > ul {
	position: absolute;
	display: none;
	background: #333;
	padding: 0;
	list-style-type: none;
	margin: 0;
	top: 78px;
	z-index: 200;
	min-width: 260px;
	right: calc(50% - 130px);
}

.mainmenu li > ul li a {
	width: 100%;
	padding: 15px 0;
	display: block;
	text-align: center;
	border-left: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.mainmenu li > ul li a:hover {
	background-color: #444;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.mainmenu a:after {
	content: "";
	position: absolute;
	height: 2px;
	width: 0;
	bottom: 34px;
	background-color: #fff;
	left: 20px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.mainmenu a:hover:after {
	width: 50%;
}

/* hide slide effect for flag wrapper */
.mainmenu li.lang-flag-wrapper a:hover:after,
.mainmenu .lang-flag-wrapper li a:hover:after {
	width: 0;
}
/*  */

.sub ul li.active {
	background-color: rgb(82, 82, 82);
}

.mainmenu li > ul > li > ul {
	display: none;
	right: 100%;
	top: 0;
	z-index: 300;
}

.mainmenu a.showsub {
	display: none;
}

.mainmenu a {
	display: flex;
	align-items: center;
	color: var(--gray);
	text-decoration: none;

	padding: 0 10px;

	text-align: center;

	line-height: 1.05;
}

.mainmenu li a.active {
	color: var(--ts-green);
	font-weight: bold;
}

.mainmenu li a.no-border {
	border-left: none;
	padding-right: 0;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.mainmenu li a.no-border:hover {
	opacity: 0.8;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.mainmenu li a.no-border:after {
	display: none;
}

.menu-container {
	height: 100%;
}

.mainmenu > li .desktop-arrow {
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 10px;
	left: calc(50% - 10px);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 400;
}

.desktop-arrow i {
	position: absolute;
	font-size: 11px;
	color: #fff;
}

.mainmenu > li > ul > li > .desktop-arrow {
	transform: rotate(90deg);
	left: 0;
	top: 18px;
}

.mainmenu > li > ul > li a:after {
	display: none;
}

.mainmenu .menu-flag img {
	width: 20px;
	border-radius: 100%;
	height: 20px;
}

/* desktop arrow */
nav ul.mainmenu > li:hover .desktop-arrow {
	display: none;
}

nav > div > ul.mainmenu:not(.open) > li > ul > li.sub .desktop-arrow {
	display: block !important;
}

.mainmenu > li > ul > li > .desktop-arrow {
	transform: rotate(90deg);
	left: 0;
	top: 6px;
}

/* lang-flag-wrapper */
.lang-flag-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.lang-flag-wrapper a {
	margin: 2px 0;
}
/* end lang-flag-wrapper */

.show {
	display: flex;
}

/* MORE PADDING ON HOME PAGE*/

.high-wrapper {
	padding: 100px 0;
}

.flexWrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 20px 0;
	flex-wrap: wrap;
}

.form-wrapper {
	max-width: 1240px;
	padding: 50px 25px;
	margin: auto;
}

.form-wrapper form {
	position: relative;
}

.form-inner-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 20px 0;
}

.input-wrapper {
	width: 33.33%;
	padding: 5px;
	padding-left: 0;
}

.input-wrapper-50 {
	width: 50%;
	padding: 5px;
	padding-left: 0;
}

/* misc-request-form */
#misc-request-form .form-inner-wrapper {
	justify-content: flex-start;
	padding: 0;
}

#misc-request-form .form-inner-wrapper .input-wrapper {
	width: 50%;
}

#misc-request-form .form-inner-wrapper .input-wrapper.text-area-100 {
	width: 100%;
}
#misc-request-form .form-inner-wrapper .input-wrapper.text-area-100 textarea {
	width: 100%;
	height: 200px;
}

#misc-request-form .form-inner-wrapper input[type="text"],
input[type="email"],
input[type="number"],
textarea {
	width: 100%;
}

#misc-request-form input:disabled {
	background-color: #ccc;
	color: #fff;
	cursor: not-allowed;
}

/* disabled */
.miscellaneous-forms .submit-button:disabled {
	background-color: gray;
	opacity: 0.7;
	color: var(--white);
	cursor: not-allowed;
}

/*  */

.w100 {
	width: 100%;
}

.block {
	display: block;
}

input[type="text"],
input[type="date"],
input[type="email"],
input[type="tel"],
input[type="number"],
textarea {
	width: 100%;
	border: 1px solid #ccc;
	/* border-radius: 5px; */
	padding: 14px;
	margin-top: 5px;
	font-size: 17px;
}

input[type="submit"] {
	text-decoration: none;
	background-color: var(--ts-green);
	color: var(--black);
	padding: 20px 50px;
	display: block;
	width: fit-content;
	min-width: 250px;
	margin-top: 20px;
	font-weight: bold;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border: none;
	cursor: pointer;
	-webkit-appearance: none;
	border-radius: 5px;
}

input[type="submit"]:hover {
	opacity: 0.8;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

textarea {
	resize: vertical;
	min-height: 174px;
}

#ui-datepicker-div {
	display: none;
	padding: 20px 50px;
	background-color: #fff;
	box-shadow: 0 7px 14px rgba(0, 0, 0, 0.02), 0 5px 5px rgba(0, 0, 0, 0.02);
	border-top: 25px solid rgb(49, 117, 31);
	border-radius: 10px;
}

#ui-datepicker-div a {
	cursor: pointer;
}

.ui-datepicker-year,
.ui-datepicker-month {
	padding: 5px;
	margin: 2.5px;
}

.ui-corner-all {
	padding: 5px;
	margin: 2.5px;
}

.ui-datepicker-calendar td {
	padding: 5px;
}

/* new for box-chbox-wrapper used in forms */
.box-chbox-wrapper {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.chbx-container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: fit-content;
	letter-spacing: 0.05rem;
}

.box-chbox-wrapper input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.box-chbox-wrapper .checkmark {
	position: absolute;
	top: 0;
	left: 0px;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border-radius: 0.5rem;
}
.box-chbox-wrapper label:hover input:not(input:checked) ~ .checkmark {
	background-color: #ccc;
}
.box-chbox-wrapper input:checked ~ .checkmark {
	background-color: var(--ts-green);
}
.box-chbox-wrapper .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.box-chbox-wrapper input:checked ~ .checkmark:after {
	display: block;
}
.box-chbox-wrapper .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*  */

.checkbox-container {
	display: inline-block;
	margin: 10px;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.checkbox-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
	margin-top: 5px;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #fff;
	border-radius: 5px;
}

.checkbox-container:hover input ~ .checkmark {
	background-color: #ccc;
}

.checkbox-container input:checked ~ .checkmark {
	background-color: rgb(49, 117, 31);
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.checkbox-container input:checked ~ .checkmark:after {
	display: block;
}

.checkbox-container .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.send-wrapper {
	margin-top: 50px;
}
.send-wrapper button {
	text-decoration: none;
	background-color: rgb(49, 117, 31);
	color: #fff;
	padding: 20px 50px;
	display: block;
	width: fit-content;
	min-width: 250px;
	margin-top: 20px;
	font-weight: bold;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	border: none;
	cursor: pointer;
	-webkit-appearance: none;
	border-radius: 5px;
}

input:disabled {
	background-color: #ccc;
	color: #fff;
	cursor: default;
}

#info,
.info {
	max-width: 1240px;
	margin: auto;
	padding: 80px 20px;
}

#info ul,
.info ul {
	margin-left: 20px;
}

#info a,
.info a {
	text-decoration: underline;
}

#info h2 a,
.info h2 a {
	text-decoration: none;
}

.w33 {
	width: 33%;
	display: flex;
}

#sticky-info {
	position: fixed;
	bottom: 0;
	left: 0;
	width: fit-content;
	display: table;
	min-width: 100px;
	background-color: rgba(50, 117, 31, 0.849);
	border-radius: 0 20px 0 0;
	box-shadow: 0 7px 14px rgba(0, 0, 0, 0.02), 0 5px 5px rgba(0, 0, 0, 0.02);
	animation: bubble 4s infinite;
	display: none;
}

#sticky-info:hover {
	background-color: rgb(49, 117, 31);
}

#sticky-info a {
	color: #fff;
	text-decoration: none;
	margin: 0 10px;
	padding: 5px 0;
	border-bottom: 1px solid #fff;
}

#sticky-info h2 {
	color: #fff;
	display: inline-block;
	font-size: 18px;
}

#sticky-wrapper {
	position: relative;
}

#sticky-content {
	padding: 20px 40px;
}

#sticky-content span {
	display: none;
}

#sticky-close {
	cursor: pointer;
	position: absolute;
	top: 5px;
	left: 20px;
}

#sticky-close i {
	color: #fff;
}

@keyframes bubble {
	0% {
		transform: scale(1);
	}
	70% {
		transform: scale(1.02);
	}
	100% {
		transform: scale(1);
	}
}

.subscribe-errormessage {
	display: none;
	color: rgb(191, 55, 55);

	width: 100%;
	font-size: 14px;
}

.adress-wrapper {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

/**************************************************************/

.loader-wrapper {
	width: 100%;
	display: none;
	justify-content: center;
	align-items: center;
	padding-bottom: 40px;
}

#modal-layer .loader-wrapper,
.form-wrapper .loader-wrapper,
#more-news-wrapper .loader-wrapper {
	width: 100%;
	display: none;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 39%;
	top: 52%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* Loader */
.Loader {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
}

.Fader {
	width: 100%;
	height: 100%;
	background: black;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0.5;
}

.Loader__Holder {
	width: 100%;
	height: 100%;
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
}

.Loader__spinner {
	width: 400px;
	height: 200px;
	background: #ffffff;
	border: 1px solid #ededed;
	margin: auto;
	display: flex;
}
.lds-roller {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
	margin: auto;
}

.lds-roller div {
	animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	transform-origin: 32px 32px;
}

.lds-roller div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #000;
	margin: -3px 0 0 -3px;
}

.lds-roller div:nth-child(1) {
	animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
	top: 50px;
	left: 50px;
}

.lds-roller div:nth-child(2) {
	animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
	top: 54px;
	left: 45px;
}

.lds-roller div:nth-child(3) {
	animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
	top: 57px;
	left: 39px;
}

.lds-roller div:nth-child(4) {
	animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
	top: 58px;
	left: 32px;
}

.lds-roller div:nth-child(5) {
	animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
	top: 57px;
	left: 25px;
}

.lds-roller div:nth-child(6) {
	animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
	top: 54px;
	left: 19px;
}

.lds-roller div:nth-child(7) {
	animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
	top: 50px;
	left: 14px;
}

.lds-roller div:nth-child(8) {
	animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
	top: 45px;
	left: 10px;
}

@keyframes lds-roller {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
/* end loader */
/**************************************************************/

/* loader 2 */
.loader-colors-rotating {
	width: 40px;
	aspect-ratio: 1;
	border-radius: 50%;
	margin-top: -30px;
	display: flex;
	justify-content: center;
	overflow: hidden;
	transform-origin: 50% 116.5%;
	animation: colorsrotating 2s infinite linear;
}
.loader-colors-rotating:before {
	content: "";
	min-width: 233%;
	height: 233%;
	background: radial-gradient(farthest-side, #00da3c 90%, #0000) top,
		radial-gradient(farthest-side, #00cbe7 90%, #0000) left,
		radial-gradient(farthest-side, #fd8603 90%, #0000) bottom,
		radial-gradient(farthest-side, #f4f328 90%, #0000) right;
	background-size: 43% 43%;
	background-repeat: no-repeat;
	animation: inherit;
	animation-direction: reverse;
}
@keyframes colorsrotating {
	100% {
		transform: rotate(360deg);
	}
}

/*  */

/* loader 3*/
.loader-colors-rotating-2 {
	width: 30px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #e1f10c;
	animation: colorsrotating2 2s infinite linear;
}
@keyframes colorsrotating2 {
	0% {
		box-shadow: 0 -30px #f4dd51, calc(30px * 0.707) calc(-30px * 0.707) #cbce37, 30px 0 #f4dd51,
			0 0 #d4e3aa, 0 0 #f4dd51, 0 0 #d2e3aa, 0 0 #f4dd51, 0 0 #aabce3;
	}
	12.5% {
		box-shadow: 0 0 #f4dd51, calc(30px * 0.707) calc(-30px * 0.707) #aabce3, 30px 0 #f4dd51,
			calc(30px * 0.707) calc(30px * 0.707) #aabce3, 0 0 #f4dd51, 0 0 #aabce3, 0 0 #f4dd51,
			0 0 #aabce3;
	}
	25% {
		box-shadow: 0 0 #f4dd51, 0 0 #f4dd51, 30px 0 #f4dd51,
			calc(30px * 0.707) calc(30px * 0.707) #f4dd51, 0 30px #f4dd51, 0 0 #f4dd51, 0 0 #f4dd51,
			0 0 #f4dd51;
	}
	37.5% {
		box-shadow: 0 0 #f4dd51, 0 0 #d2e3aa, 0 0 #f4dd51, calc(30px * 0.707) calc(30px * 0.707) #d2e3aa,
			0 30px #f4dd51, calc(-30px * 0.707) calc(30px * 0.707) #d2e3aa, 0 0 #f4dd51, 0 0 #d2e3aa;
	}
	50% {
		box-shadow: 0 0 #f4dd51, 0 0 #aabce3, 0 0 #f4dd51, 0 0 #aabce3, 0 30px #f4dd51,
			calc(-30px * 0.707) calc(30px * 0.707) #aabce3, -30px 0 #f4dd51, 0 0 #aabce3;
	}
	62.5% {
		box-shadow: 0 0 #f4dd51, 0 0 #f4dd51, 0 0 #f4dd51, 0 0 #f4dd51, 0 0 #f4dd51,
			calc(-30px * 0.707) calc(30px * 0.707) #f4dd51, -30px 0 #f4dd51,
			calc(-30px * 0.707) calc(-30px * 0.707) #f4dd51;
	}
	75% {
		box-shadow: 0 -30px #f4dd51, 0 0 #9af451, 0 0 #f4dd51, 0 0 #9af451, 0 0 #f4dd51, 0 0 #9af451,
			-30px 0 #f4dd51, calc(-30px * 0.707) calc(-30px * 0.707) #9af451;
	}
	87.5% {
		box-shadow: 0 -30px #f4dd51, calc(30px * 0.707) calc(-30px * 0.707) #d4e3aa, 0 0 #f4dd51,
			0 0 #d4e3aa, 0 0 #f4dd51, 0 0 #d4e3aa, 0 0 #f4dd51,
			calc(-30px * 0.707) calc(-30px * 0.707) #d4e3aa;
	}
	100% {
		box-shadow: 0 -30px #f4dd51, calc(30px * 0.707) calc(-30px * 0.707) #d5ff63, 30px 0 #f4dd51,
			0 0 #d5ff63, 0 0 #f4dd51, 0 0 #d5ff63, 0 0 #f4dd51, 0 0 #d5ff63;
	}
}
/*  */

#news-startpage {
	list-style: none;
}

.news-start {
	margin: 20px 0;
	color: #fff;
	text-decoration: none;
	position: relative;
	display: flex;
	align-items: center;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.news-start:hover {
	opacity: 0.8;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.news-start:last-of-type {
}

.news-start-content {
	padding-left: 20px;
}

.news-start-img {
	width: 75px;
	height: 75px;
	background: #ccc;
	position: relative;
	background-size: cover;
	background-position: center;
}

.news-start h2 {
	font-weight: bold;
	color: #fff;
}

/* news */

/* News */

.box-50-news,
.box-50-news:visited {
	width: 50%;
	width: calc(50% - 3rem);
	margin: 1.5rem;
	display: flex;
	flex-wrap: wrap;
	color: var(--black);
	border-radius: 0.3rem;
}

.box-50-news .box-date {
	background-color: var(--ts-green);
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	flex-flow: column;
	padding: 2.5rem;
	color: var(--black);
	/* border-radius: 50px 50px 0 0; */
}

.box-date-text-date {
	color: var(--black);
	font-weight: bold;
	font-size: 16px;
}

.box-date-text-year {
	color: var(--black);
	font-weight: bold;
	font-size: 14px;
}

.box-50-news .box-content {
	width: 100%;
	padding: 5rem;
	border-radius: 0 0 5px 5px;
	border: 1px solid var(--ts-green);
}

.box-50-news .box-content h4 {
	color: var(--black);
}

.box-50-news .box-content .box-content-date {
	font-size: 12px;
	padding-top: 10px;
	color: var(--black);
}

.news-link {
	color: var(--black);
	font-weight: bold;
}

.single-news-header {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 600px;
}

.single-news {
	max-width: 960px;
	width: 100%;
	margin: 0 auto;
	background-color: var(--white);
	margin: 50px auto;
	padding: 25px 50px;
}

.single-news h1 {
	position: relative;
	padding-bottom: 10px;
}

.single-news img {
	margin: 15px 0;
}

#news-wrapper {
	width: 100%;
	padding-top: 50px;
	display: flex;
	flex-wrap: wrap;
}

.latest-news-wrapper {
	padding: 5rem 0;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.box-33-news {
	width: 33.33%;
	width: calc(33.33% - 3rem);
	margin: 1.5rem;
	background-color: var(--white);
	background-color: var(--lightGray);
	border-radius: 0.3rem;

	display: flex;
	flex-direction: column;
}

.box-33-news .box-image-container {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	padding-top: 65%;
	/* background-color: var(--ts-green); */
	/* border-radius: 50px 50px 0px 0px; */
}

.box-33-news .box-content {
	padding: 30px;

	display: flex;
	flex-direction: column;
	flex-grow: 1;
	color: var(--white);
	background-image: url(https://www.tsapartments.se/gallery/1729494362.4221.png);
}

.box-33-news .item-action {
	margin-bottom: 0 !important;

	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	flex-grow: 1;
}

#more-news-wrapper {
	position: relative;
	width: 100%;
	padding: 0 1.5rem;
}

#more-news {
	margin: 50px auto;
	display: table;
}

.news-loader-wrapper {
	width: 100%;
	position: relative;
}

.news-loader {
	align-items: center;
	justify-content: center;
	display: none;
	padding-top: 25px;
}

/* end news */

#map {
	line-height: 0;
	filter: grayscale(100%) brightness(105%);
}

footer {
	width: 100%;
	background-color: var(--lightGreen);
}

.footer-main {
	width: 100%;
	padding: 4rem;
	max-width: 1200px;
	margin: 0 auto;
}
.footer-main .footer-logo-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	/* padding-bottom: 4rem; */
}

.footer-33-wrapper {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
}

.footer-33-wrapper .footer-33 {
	width: calc(33% - 3rem);
	margin: 1.5rem 0;
	color: var(--black);
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	display: flex;
	justify-content: center;
}

.footer-33-wrapper .footer-33:first-of-type {
	justify-content: flex-start;
}

.footer-33-wrapper .footer-33 a {
	color: var(--white);
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}
.footer-33-wrapper .footer-33 h4 {
	padding-bottom: 0px;
}

.footer-main .footer-33 a:hover {
	/* transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05); */
	/* color: var(--green); */
}

.mail-wrapper a:hover i,
.mail-wrapper a:hover p {
	color: var(--ts-green);
}

#footer-33-1 {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#footer-33-1 a {
	display: flex;
	padding-top: 20px;
	align-items: center;
}
#footer-33-1 a .la-map-marked {
	margin-right: 20px;
	font-size: 40px;
}
.footer-33-lower-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
}

#footer-33-3 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
#footer-33-3 .mail-wrapper {
	display: flex;
	flex-direction: row;
}
#footer-33-3 .mail-wrapper .la-phone {
	margin-right: 4px;
	font-size: 20px;
}
#footer-33-3 .mail-wrapper {
	padding-top: 0px;
}
#footer-33-1 .home-wrapper {
	font-size: 20px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

#footer-33-1 .home-wrapper .la-home {
	margin-right: 4px;
}
#footer-33-3 a {
	display: flex;
	align-items: center;
}
#footer-33-3 a .la-envelope {
	margin-right: 4px;
	font-size: 20px;
	color: black;
}

#footer-33-3 .partner-logo {
	max-width: 15rem;
	padding: 1rem;
}

.footer-logo {
	width: 100%;
	height: 100%;
	text-align: center;
	width: 140px;
}

.footer-logos {
	margin-top: 20px;
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: space-evenly;
}

.footer-logo img {
	width: 100%;
	height: auto;
}

.footer-main .footer-33 a.footer-social:hover {
	color: var(--green);
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}

.footer-main p,
.footer-main a {
	color: var(--black);
	padding-bottom: 0;
}

ul.footer-menu,
ul.footer-menu li {
	list-style-type: none;
}

ul.footer-menu li ul {
	padding-left: 5px;
}

ul.footer-menu li ul li {
	display: flex;
	display: none;
}

ul.footer-menu li ul li::before {
	content: "-";
	padding-right: 10px;
	color: var(--darkGray);
}

ul.footer-menu .sub ul ul {
	display: none;
}

ul.footer-menu .showsub {
	display: none;
}

#footer-logo img {
	max-width: 30rem;
	height: auto;
	margin: 0 auto;
}

.footer-social-wrapper {
	display: flex;
	width: 100%;
	/* height: 100%; */
	display: flex;
	align-items: flex-start;
	justify-content: center;
	margin-top: 0px;
}
.footer-33-2-inner-wrapper {
	text-align: center;
}

.footer-social-wrapper a {
	color: var(--darkGray);
	margin-bottom: 1rem;
}

.footer-social-wrapper a:hover img {
	filter: brightness(0) saturate(100%) invert(41%) sepia(98%) saturate(749%) hue-rotate(97deg)
		brightness(98%) contrast(101%);
}

.social-link-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.social-link-wrapper img {
	padding: 4px 4px 8px 0;
}

.social-link-wrapper i {
	font-size: 4rem;
	color: black;
}

.footer-social {
	padding: 10px 0;
	display: flex;
	align-items: center;
}

.footer-social i {
	font-size: 30px;
	margin-right: 0.75rem;
}

.footer-copy {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 10px 25px;
	background-color: var(--black);
}

.footer-copy p,
.footer-copy a {
	color: var(--lightGray);
	font-size: 12px;
	padding-bottom: 0;
}

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

.footer-icons a,
.footer-icons div {
	color: var(--darkGray);
	font-size: 9px;
}

.footer-icons a {
	font-weight: bold;
}

/* modal for forms */

.error-message {
	font-size: 12px;
	color: var(--red);
	margin-bottom: 14px;
}

.error-message-initial-size {
	color: var(--red);
}

/* chbx-container */
.box-chbox-wrapper .chbx-container {
	display: flex;
	flex-direction: column;
}
.chbx-container .error-message {
	display: flex;
	flex-direction: column;
}

#modal-inner-content {
	position: relative;
}

.modal-layer {
	display: none;
	position: fixed;
	overflow-y: scroll;
	overflow-x: hidden;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.747);
	z-index: 999999;
}

.modal {
	max-width: 100%;
	width: auto;
	padding: 8rem 5rem;
	height: auto;
	min-height: 30rem;
	min-width: 30rem;
	background-color: var(--white);
	position: absolute;
	top: 43%;
	top: 50vh;
	left: 50%;
	transform: translate(-50%, -50%);
	transform: translate(-50%, -50vh);
	border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0 7px 14px rgba(48, 48, 48, 0.1), 0 5px 5px rgba(90, 90, 90, 0.1);
	margin: 10rem 0;
}

.modal-close {
	position: absolute;
	top: 2.5rem;
	right: 2.5rem;
}

.modal-close i {
	color: var(--black);
	font-size: 3.6rem;
	cursor: pointer;

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.modal-close i:hover {
	transform: scale(0.9);
}

.modal-success-message {
	padding: 1.5rem 3rem 1.5rem 3rem;
	min-height: 4rem;
	border-radius: 0;
	width: fit-content;
	border: 0.2rem solid var(--ts-green);
	background-color: var(--ts-green);
	color: var(--white);
}
.modal-success-message h2 {
	font-size: 2.2rem;
	color: var(--white) !important;
}
.modal-success-message p {
	font-size: 1.8rem;
	color: var(--white) !important;
}

/* end modal for forms */

/********** Slideshows *********************************/

.box-slider-image {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 60vh;
	min-height: 300px;
	width: 100%;
	position: relative;
}

.slider-text-holder {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	width: calc(100% - 30px);
	max-width: 1100px;
}

.slider-text-holder h1 {
	color: var(--white);
	font-size: 44px;
	padding-bottom: 15px;
}

.slider-text-holder p {
	color: var(--white);
	font-size: 22px;
	line-height: 175%;
}

.slider-text {
	padding: 20px 50px;
}

/*******************************************************/

/** Gallery **/

.gallery-modal-layer {
	transform: translateZ(0);
	transform: translateX(-200%);
	transition: transform 0.5s cubic-bezier(0.07, 0.23, 0.34, 1);
	position: fixed;
	overflow: visible;
	overflow-y: scroll;
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: rgba(0, 0, 0, 0.85);
	display: flex;
	justify-content: center;
	align-items: center;
}

.gallery-modal {
	background-color: var(--white);
	width: 80%;
	height: 80%;
	margin: auto;
	padding: 25px;
	position: relative;
	box-shadow: 0 7px 14px rgba(87, 87, 87, 0.12), 0 5px 5px rgba(88, 88, 88, 0.12);
}

.close-gallery-modal {
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
	padding: 15px;
	background-color: var(--white);
}

.close-gallery-modal i {
	font-size: 34px;
	color: var(--black);
}

.gallery-modal-image {
	width: 100%;
	height: calc(100% - 100px);
	display: flex;
	justify-content: center;
	align-items: center;
}

.gallery-modal-image img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.gallery-modal-inner {
	height: 100px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 25px 0;
}

.gallery-modal-inner .prev,
.gallery-modal-inner .next {
	cursor: pointer;
}

.gallery-modal-inner .prev i,
.gallery-modal-inner .next i {
	color: var(--mediumGray);
	font-size: 50px;
}

.gallery-modal-content {
	text-align: center;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	flex-flow: column;
	padding-top: 25px;
}

body.gallery-modal-open .gallery-modal-layer {
	transform: translateX(0);
	transform: translateY(0);
	position: fixed;
}

body.gallery-modal-open .gallery-modal {
	filter: drop-shadow(0 7px 14px rgba(87, 87, 87, 0.308));
}

.gallery-wrapper {
	padding: 50px 0;
	display: flex;
	flex-wrap: wrap;
}

.gallery-item {
	margin: 1.5rem;
	width: 100%;
	width: calc(25% - 3rem);
	cursor: pointer;
	background-color: var(--white);
	border-radius: 0.3rem;
}

.gallery-item img {
	max-width: 100%;
}

/************************************************************************/

.contact-info {
	display: flex;
	justify-content: center;
	align-items: center;
}
.contact-info-content {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.contact-info-content h2 {
	padding: 0;
}
.contact-info-content .accommodation-request-text {
	max-width: 260px;
	padding: 30px 0 40px 0;
}

.contactform-text {
	padding: 30px 0 40px 0;
}

#accommodation1,
#accommodation2,
#accommodation3 {
	opacity: 0;
}
.checkbox-wrapper {
	position: relative;
	display: flex;
}

.checkbox {
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;

	height: 20px;
	background-color: var(--lightGray);
}
.checkbox:hover {
	background-color: gray;
}
input[type="checkbox"] {
	width: 20px;
	height: 20px;
}

@media all and (max-width: 1280px) {
	#info,
	.info {
		padding: 80px 10%;
	}
}

@media all and (max-width: 960px) {
	h1 {
		font-size: 30px;
	}
	h2 {
		font-size: 22px;
	}
	#info,
	.info {
		padding: 10%;
	}
	.flexWrapper {
		padding: 20px 10%;
	}
	.input-wrapper {
		width: 50%;
		padding: 2.5px 0;
	}
	.input-wrapper-50 {
		width: 100%;
		padding: 2.5px 0;
	}
	.high-wrapper {
		padding: 50px 0;
	}
	#sticky-info {
		width: 100%;
		text-align: center;
	}
	#sticky-info h2 {
		font-size: 16px;
	}

	.mainmenu li.lang-flag-wrapper {
		display: flex;
		max-width: 200px;
		flex-direction: row;
		align-items: center;
		justify-content: space-evenly;
		margin: 0 auto;
		padding: 20px;
	}
	li.lang-flag-wrapper {
		width: auto;
	}

	.box-33-news {
		width: 100%;
		width: calc(100% - 30px);
	}
}

/* Responsive */

@media all and (max-width: 1240px) {
	header .header-content img {
		width: 184px;
	}

	/* header-content */
	.header-content {
		width: 100%;
		max-width: unset;
	}

	/*  */
}

@media all and (max-width: 1100px) {
	header .header-content img {
		width: 160px;
	}
	.header-holder {
		height: 65px;
	}
	.mainmenu a.showsub {
		padding: 0;
	}
	.mainmenu li > ul > li {
		background-color: #333;
	}
	.menu-open {
		overflow: hidden;
	}
	.app-menu {
		display: block;
		z-index: 600;
	}
	.mainmenu a {
		color: #ffffff;
		border-left: none;
	}
	header.no-block .mainmenu a {
		color: #fff;
	}
	.mainmenu.open {
		left: 0;
	}
	.mainmenu > li {
		font-size: 20px;
	}
	.mainmenu li > ul {
		background-color: #222;
	}
	.mainmenu > li > ul > li {
		font-size: 16px;
	}
	.mainmenu > li > ul > li > a {
		padding: 15px 30px;
	}
	.mainmenu li > ul li a:hover {
		background-color: #444;
	}
	.mainmenu > li > ul > li > ul {
		padding: 10px 0;
		background-color: #333;
	}
	.mainmenu > li > ul > li > ul > li {
		font-size: 15px;
		background-color: #222;
	}
	.mainmenu {
		display: block;
		position: fixed;
		top: 65px;
		left: -100%;
		width: 100%;
		height: 100%;
		background-color: #222;
		z-index: 500;
		padding: 20px 0;
		overflow: scroll;
		padding-bottom: 200px;
		transition: all 0.3s ease;
	}
	.mainmenu li {
		background-color: #222;
		width: 100%;
		margin: 0;
		display: block;
	}
	.mainmenu li > a {
		padding: 20px 0;
		width: 100%;
		justify-content: center;
		transition: all 0.3s ease;
	}
	.mainmenu li > a:hover {
		background-color: #333;
		transition: all 0.3s ease;
	}
	.mainmenu > li .desktop-arrow {
		display: none;
	}
	.mainmenu a.showsub {
		position: absolute;
		bottom: 0;
		width: 40px;
		height: 40px;
		right: 10px;
		top: 10px;
		display: flex;
		justify-content: center;
	}
	.showsub:hover {
		text-decoration: none;
	}
	.mainmenu > li > ul > li > a.showsub {
		right: 10px;
		padding: 0;
	}
	.mainmenu a.showsub i {
		color: #ffffff;
		font-size: 16px;
	}
	.mainmenu li > ul {
		position: relative;
		top: 15px;
		padding: 5px 0;
		right: 0;
	}
	.mainmenu li > ul > li > ul {
		top: 10px;
		right: 0;
	}
	.mainmenu a:after {
		display: none;
	}
	ul li.active {
		background-color: #222;
	}
	.mainmenu .menu-flag img {
		width: 30px;
		height: 30px;
	}
}

@media all and (max-width: 768px) {
	header .header-content img {
		width: 140px;
	}

	.box-50-news,
	.box-50-news:visited {
		width: 100%;
		width: calc(100% - 30px);
	}

	.box-slider-image {
		height: 50vh;
	}
	.footer-33-lower-wrapper {
		width: 50%;
	}
	.footer-33-lower-wrapper h4 {
		padding-bottom: 0;
	}
	.footer-33-wrapper .footer-33 {
		width: calc(50% - 3rem);
	}
	.footer-social-wrapper {
		margin-top: 0px;
	}
}

@media all and (max-width: 550px) {
	header .header-content img {
		/* width: 55px; */
		width: 120px;
	}

	.header-content {
		width: 100%;
		max-width: unset;
	}
}

@media all and (max-width: 550px) {
	h1 {
		font-size: 24px;
	}
	h2 {
		font-size: 18px;
	}

	h3 {
		font-size: 16px;
	}

	h4 {
		font-size: 14px;
	}

	#sticky-info h2 {
		font-size: 15px;
	}
	.newsletter-form-wrapper > div {
		padding: 50px 20px;
	}
	.footer-33-lower-wrapper {
		width: 100%;
		margin-top: 20px;
	}
	.footer-33-wrapper .footer-33 {
		width: calc(100% - 3rem);
	}
	.footer-33-wrapper .footer-33 h4 {
		text-align: center;
	}
	.footer-33-lower-wrapper h4 {
		text-align: center;
	}
	.footer-33-wrapper {
		justify-content: center;
	}
	.header-holder {
		padding: 0px 25px;
	}
}