/*
** In general - transfer to origin css
*/

html {
  scroll-behavior: smooth;
}

/*
** // Hero image //
*/
.custom-full-width-hero {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/*
** Content for full width hero
*/
.custom-full-width-hero .article__wrapper {
  position: relative;
  transform: translateY(-50%);
  top: 50%;
  padding: 20px;
}
.custom-full-width-hero .article__wrapper.first-section {
top: calc(50% + 60px);
}

.custom-full-width-hero .article__wrapper div h1, .custom-full-width-hero .article__wrapper div p {
  color: white;
}

/*
** // Nice to know //
*/

.custom-ntk {
background-color: #f2f2f2;
padding-top: 75px;
padding-bottom: 75px;
}

.custom-ntk h2 {
	text-align: center;
	margin-bottom: 20px;
}

/*
** Four icon row flex
*/

.custom-flex-wrap {
display: flex;
justify-content: center;
}


.custom-flex-wrap .flex-content {
padding: 30px;
text-align: center;
max-width: 400px;
}

.custom-flex-wrap .flex-content img {
margin-bottom: 20px;
width: auto !important;
height: 65px !important;
display: inline-block;
border-radius: 50%
}

.custom-flex-wrap .flex-content.big img {
	height: 200px !important;
}

/*
** normalize
*/

/*H5*/
.custom-flex-wrap .flex-content h5 {
	line-height: 1.5;
	letter-spacing: 0;
}

/*UL Bullets for round image*/
.image-text__text .text ul {
font-size: 1em;
}

/*Bullets margin*/
.text ul li + li {
	margin-top: 7px;
}

/*
** clases for inlinestyles
*/
.align-center {
  text-align: center;
}

.height-100 {
height: 100vh;
}

.height-60 {
height: 60vh;
}

.custom-flex-container {
max-width: 1680px;
margin: 0 auto;
padding: 0px 20px;
}
.custom-big-ico {
max-width: 100% !important;
width: 33%;
}
/*
** Forms
*/

/*General form*/
.form input[type="email"], .form input[type="text"], .form select, .form textarea, .form-control {
border-radius: 17px;
border-color: #b3b3b3 !important;
padding: 12px 10px 10px 14px !important;
}

.form label {
padding-left: 10px;
}

.form input[type='checkbox'] + input + label {
  width: calc(100% - 35px);
}

.form input[type="checkbox"] + input + label:hover {
cursor: pointer;
}

.form textarea {
  border-bottom-right-radius: 0;
}

.form .umbraco-forms-field + .umbraco-forms-field {
    margin-top: 15px;
}

.form span.umbraco-forms-tooltip.help-block {
  display: block;
margin-bottom: 5px;
}

.form input[type='text']:focus, .form textarea:focus {
    border-color: #0048bd;
}

/*checkbox & radiobuttons */
	 input[type='checkbox'], input[type='radio'], .umbraco-forms-form .radiobuttonlist input {
		 --active: #0048bd;
		 --active-inner: #fff;
		 --focus: 2px rgba(39, 94, 254, .3);
		 --border: #b3b3b3;
		 --border-hover: #0048bd;
		 --background: #fff;
		 --disabled: #f6f8ff;
		 --disabled-inner: #e1e6f9;
		 -webkit-appearance: none;
		 -moz-appearance: none;
		 height: 18px;
		 outline: none;
		 display: inline-block;
		 vertical-align: top;
		 position: relative;
		 margin: 0;
		 cursor: pointer;
		 border: 1px solid var(--bc, var(--border)) !important;
		 background: var(--b, var(--background));
		 transition: background 0.2s, border-color 0.2s, box-shadow 0.1s;
	}
	 input[type='checkbox']:after, input[type='radio']:after {
		 content: '';
		 display: block;
		 left: 0;
		 top: 0;
		 position: absolute;
		 transition: transform var(--d-t, 0.2s) var(--d-t-e, ease), opacity var(--d-o, 0.1s);
	}
	 input[type='checkbox']:checked, input[type='radio']:checked {
		 --b: var(--active);
		 --bc: var(--active);
		 --d-o: 0.2s;
		 --d-t: 0.5s;
		 --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2);
	}
	 input[type='checkbox']:disabled, input[type='radio']:disabled {
		 --b: var(--disabled);
		 cursor: not-allowed;
		 opacity: 0.9;
	}
	 input[type='checkbox']:disabled:checked, input[type='radio']:disabled:checked {
		 --b: var(--disabled-inner);
		 --bc: var(--border);
	}
	 input[type='checkbox']:disabled + label, input[type='radio']:disabled + label {
		 cursor: not-allowed;
	}
	 input[type='checkbox']:hover:not(:checked):not(:disabled), input[type='radio']:hover:not(:checked):not(:disabled) {
		 --bc: var(--border-hover);
	}
	 input[type='checkbox']:focus, input[type='radio']:focus {
		 box-shadow: 0 0 0 var(--focus);
	}
	 input[type='checkbox']:not(.switch), input[type='radio']:not(.switch), .umbraco-forms-form .radiobuttonlist input[type='radio']:not(.switch) {
		 width: 18px !important;
	}
	 input[type='checkbox']:not(.switch):after, input[type='radio']:not(.switch):after {
		 opacity: var(--o, 0);
	}
	 input[type='checkbox']:not(.switch):checked, input[type='radio']:not(.switch):checked {
		 --o: 1;
	}
	 input[type='checkbox'] + label, input[type='radio'] + label {
		 font-size: 14px;
		 line-height: 21px;
		 display: inline-block;
		 vertical-align: top;
		 cursor: pointer;
		 margin-left: 0px;
	}
	 input[type='checkbox']:not(.switch) {
		 border-radius: 7px;
	}
	 input[type='checkbox']:not(.switch):after {
		 width: 5px;
		 height: 9px;
		 border: 2px solid var(--active-inner);
		 border-top: 0;
		 border-left: 0;
		 left: 6px;
		 top: 3px;
		 transform: rotate(var(--r, 20deg));
	}
	 input[type='checkbox']:not(.switch):checked {
		 --r: 43deg;
	}

	 input[type='radio'] {
		 border-radius: 50%;
	}
	 input[type='radio']:after {
		 width: 16px;
		 height: 16px;
		 border-radius: 50%;
		 background: var(--active-inner);
		 opacity: 0;
		 transform: scale(var(--s, 0.7));
	}
	 input[type='radio']:checked {
		 --s: 0.5;
	}

  .umbraco-forms-field.checkbox {
  display: flex;
  flex-direction: row-reverse;
  }

  .checkbox .umbraco-forms-tooltip.help-block {
  margin-left: 14px
  }

  .umbraco-forms-page select {
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari and Chrome */
  appearance:none;
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='angle-down' class='svg-inline--fa fa-angle-down fa-w-10' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23b3b3b3' d='M151.5 347.8L3.5 201c-4.7-4.7-4.7-12.3 0-17l19.8-19.8c4.7-4.7 12.3-4.7 17 0L160 282.7l119.7-118.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17l-148 146.8c-4.7 4.7-12.3 4.7-17 0z'%3E%3C/path%3E%3C/svg%3E");
  -webkit-appearance: none;
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: 97% 50%;
}

  /*
** // Responsive //
*/

@media screen and (max-width: 768px) {
  /*
** Downscale font for full width hero
*/
  .custom-full-width-hero .article__wrapper div .h4 {
    font-size: 1.25em !important;
  }
  /*
** Mobilefriendly 100vh.
*/
  .custom-full-width-hero {
    height: 75vh;
  }
 /*
** fix height issue for hero image.
*/
  .custom-full-width-hero .article__wrapper.first-section {
    top: calc(50% + 50px);
  }
	/*
	** Adjust padding on mobile for nice to know module
	*/
	.custom-ntk {
	padding-top: 45px;
		padding-bottom: 45px;
	}

	/*
	** 4 icon row flexbox
	*/
	.custom-flex-wrap {
		flex-direction: column;
		align-items: center;
	}
	.custom-flex-wrap .flex-content {
padding: 10px;
		width: 100%;
}

	.custom-flex-wrap .flex-content h4 {
		font-size: 1.25em;
	}
}

@media screen and (max-width: 320px) {
	.custom-full-width-hero .article__wrapper.first-section {
    top: 50%;
}
}