/* base elements */
html {scroll-behavior: smooth;}
body {font-family: "AvenirNext"; scroll-behavior: smooth;}
p, ul {padding: 0; margin: 0;}
p {font-size: 20px; line-height: 28px; color: #372e3c;}
a {text-decoration: none;}
.container {max-width: 1280px; margin: auto; position: relative; padding: 0;}
h2 {font-size: 60px; line-height: 73px; color:#372E3C;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom:0;}
*{box-sizing: border-box;}
header {position: fixed; width: 100%; height: 95px; top: 0; z-index: 2;}

body.toolbar-horizontal.toolbar-fixed header,
body.toolbar-horizontal.toolbar-fixed .main-menu{top: 79px}
body.toolbar-vertical.toolbar-fixed header,
body.toolbar-vertical.toolbar-fixed .main-menu{top: 39px}
.logo-right {text-align: right;}
.btn.focus, .btn:focus {box-shadow: none;}

.site_name {position: relative; color: #372e3c; width: 191px; font-size: 20px; line-height: 28px; font-family: 'IBM Plex Sans', sans-serif;}
.site_name .first_half {letter-spacing: 0.8px; position: absolute; top: 25px; }
.site_name .second_half {position: absolute; top: 46px;}
.hash-button-wrapper.main-menu-button {position: absolute; top:25px; right: 0; margin-bottom: 0;}
.main-menu-button .modal-button {width: 119px;height: 43px;}
.main-menu {display:none; position: fixed; top:0; right: 0; width: 706px; height: 100%; z-index: 2; background: #372E3C; border:1px solid #707070;}
.modal-open .main-menu{width: 723px}
.main-menu ul {margin-left: 58px; list-style: none;}
.main-menu ul li{margin-bottom: 42px;}
.main-menu ul a {color:#C9F9F4; font-size: 35px; line-height: 28px; font-family: "AvenirNext Demibold"; text-decoration: none;}
.main-menu ul a:hover{color: #F9D4C9;}
.main-menu .hash-button-wrapper{text-align: right; margin-bottom: 57px;     margin-top: 24px; margin-right: 80px;}
.main-menu .modal-button {border-color: #C9F9F4; color:#C9F9F4; width: 119px; height: 43px;}
.main-menu .modal-button:hover {color:#372E3C; background-color: #C9F9F4;}



.modal-button.till {background: #372E3C; color: #C9F9F4; }
.modal-button { text-transform: uppercase; width: 198px; padding:0; height: 53px;   grid-column: 1;
  display:inline-flex;
  justify-content:center;
  align-items:center; text-align:center; border-radius: 100px; border: 1px solid #372e3c; font-size: 16px; line-height: 28px; color:#372E3C;}
.modal-button:hover {color: #c9f9f4;background: #372e3c; text-decoration: none;}
.modal-button.style-2:hover {color: #f9d4c9;background: #372e3c; text-decoration: none;}


.hash-button-wrapper {text-align: center;   }
.hash-button-wrapper a {text-transform:uppercase; width: 138px; padding:0;  height: 43px; margin:auto;   -ms-grid-column: 1;
  grid-column: 1;
  display:inline-flex;
  justify-content:center;
  align-items:center; text-align:center; border-radius: 100px; font-size: 16px; line-height: 28px; border: 1px solid #372e3c; color: #372e3c;}
.hash-button-wrapper a:hover {color: #c9f9f4;background: #372e3c; text-decoration: none;}
.hash-button-wrapper.hash-style-2 a:hover {color: #f9d4c9;background: #372e3c; text-decoration: none;}

#spacial-modal .modal-body{padding: 0;}
#spacial-modal .webform-footer{position:relative;background-color: #C9F9F4; border-radius: 0 0 10px 10px; box-shadow: 0 0 30px #00000017; margin-top:5px; padding:33px 30px 38px 30px;}
#spacial-modal .webform-head{position:relative;background-color: #C9F9F4; border-radius: 10px 10px 0 0; box-shadow: 0 0 30px #00000017; margin-bottom:5px; padding:24px 30px 24px 30px;}
#spacial-modal .modal-body, #spacial-modal .modal-content { background-color: transparent;}

#spacial-modal .webform-submission-questions-form > .form-actions {display:none;}
#spacial-modal .progress-color {background-color:#372E3C; height: 6px; border-radius: 6px;}
#spacial-modal .webform-progress {display: none;}
#spacial-modal .webform-progress-bar-wrapper .webform-progress {display:block;}
#spacial-modal .progress-wrapper {background: #fff; border-radius: 6px;}
#spacial-modal .webform-progress__percentage{text-align: left; font-size: 12px;}
#spacial-modal form .fieldset-legend {font-size: 30px; line-height: 45px; text-align: center;display: block; margin-bottom: 48px;}
#spacial-modal .modal-button-wrapper {position:absolute; top:24px; right: 30px;}
#spacial-modal .modal-button-wrapper .modal-button {width: 119px; height: 43px;}
#spacial-modal h2{text-transform:uppercase; font-family: "AvenirNext Demibold"; font-size: 16px; line-height: 19px; color: #372E3C;}

#spacial-modal .webform-options-display-buttons label.webform-options-display-buttons-label {cursor:pointer; text-transform: uppercase; color: #372E3C; font-size: 16px;
  line-height: 21px; border: 1px solid #372E3C; border-radius: 100px;}
#spacial-modal .webform-options-display-buttons label.webform-options-display-buttons-label:hover{color:#C9F9F4; background: #372E3C;}

#spacial-modal .webform-options-display-buttons input:checked:focus + label.webform-options-display-buttons-label{box-shadow: none;}

#spacial-modal .webform-options-display-buttons .webform-options-display-buttons-wrapper, #spacial-modal .webform-options-display-buttons {margin: 0;}
#spacial-modal .webform-options-display-buttons, .form-composite.webform-fieldset--title-inline .fieldset-wrapper > div.webform-options-display-buttons{width: 318px; margin: auto;}
#spacial-modal .webform-options-display-buttons .webform-options-display-buttons-wrapper:first-child {margin-right: 14px;}
#spacial-modal .webform-options-display-buttons .webform-options-display-buttons-wrapper:last-child {margin-left: 14px;}
#spacial-modal .webform-message{font-size: 20px; text-align: center; line-height: 28px; color: #372E3C; margin-bottom: 44px;}
#spacial-modal div[id^="edit-welcome"] {text-align: center;}
#spacial-modal div[id^="edit-welcome"] input{padding: 0; border: 0; background: none;}
.webform-confirmation__back {display:none;}
#spacial-modal .modal-button:hover input{color:#c9f9f4;}
#spacial-modal form .modal-button{width: 213px; height: 43px;}
#spacial-modal .ajax-progress-throbber {display: none;}
#spacial-modal .webform-confirmation__message {background-color: #fff; padding: 71px 29px 69px 29px; font-size: 30px; line-height: 38px; margin-bottom: 0; text-align: center;}
#spacial-modal form > .form-wrapper{background-color: #fff; padding:58px 48px 48px 48px;}
legend {margin:0;}

.hash-button { padding: 9px 35px 8px 35px; border-radius: 100px; font-size: 16px; line-height: 28px; border: 1px solid #372e3c; color: #372e3c;}
#cookie-modal h2 {margin: 0px; padding-bottom: 25px;}
#cookie-modal .modal-body {padding-bottom:25px;}

/* cookie button */
footer #ot-sdk-btn.ot-sdk-show-settings, footer #ot-sdk-btn.optanon-show-settings {
  color: inherit;
  border: inherit;
  height: inherit;
  white-space: inherit;
  word-wrap: inherit;
  padding: 0 10px 0 0;
  font-size: inherit;
  line-height: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  -webkit-transition: inherit;
  transition: inherit;
}
footer #ot-sdk-btn.ot-sdk-show-settings:hover, footer #ot-sdk-btn.optanon-show-settings:hover {
  color: inherit;
  background-color: inherit;
}
.text-end {text-align: right;}
.text-wrapper {display: flex;}
.block-right-wrapper {margin-left: 654px;}
.dotted {text-decoration-style: dotted; text-decoration-line: underline; position: relative;}
.element1 {position: relative;}
.tooltip.show {opacity: 1;}
/*.tooltip {transform: translateY(-102%) !important; inset: 0 0 auto !important;}*/
.tooltip-inner {font-size: 14px; line-height: 17px; border-radius: 0; text-align: left; background: #fff; color: #372e3c; padding: 15px;}
.tooltip_stile1 { max-width: 395px; }
.tooltip_stile2 { max-width: 292px; }
.modal {text-align: center;padding: 0 !important;}
.modal:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}
.modal-dialog { display: inline-block; text-align: left; vertical-align: middle; width: 626px; max-width: 626px;}
.modal-content {color:#372E3C; background-color: #fff; border: 0; border-radius: 10px;}
.modal-body {background-color: rgba(249, 212, 201, 0.25); padding: 0 25px 0 25px;   border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; max-height: 515px;
  overflow-y: auto;  -ms-overflow-style: none;   scrollbar-width: none;  }
.additional-info {margin-bottom: 25px;}
.modal-body::-webkit-scrollbar { display: none; }
.modal-header {background-color: rgba(249, 212, 201, 0.25);
  display:block; padding: 25px 25px 0 25px;
  border-bottom: 0 solid #dee2e6;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;}
.modal .modal-button-wrapper {text-align: right;}

.modal-dialog{
  overflow-y: initial !important
}
footer{padding-top:32px;}
/* sliding-title block */
.sliding-title {background-color: #c9f9f4; overflow: hidden;}
.sliding-title .container{   padding-top: 264px;  padding-bottom: 45px;}
.sliding-title h2 {color: #372e3c; }
.sliding-title .swiper {width: 571px; overflow: hidden; margin-bottom: 47px;}
.sliding-title .swiper-slide {display: flex; }
.sliding-title .body {width: 546px; margin-bottom: 38px;}
.sliding-title .background-image {position: absolute; width: 789px; height: 789px; top: 66px; left: 648px; overflow: hidden;}
.sliding-title .modal-button-wrapper {margin-bottom: 66px;}
.sliding-title .hash-button-wrapper {    position: absolute;
  bottom: 45px;
  left: 50%;
  transform: translateX(-50%);}


.right-single-text {overflow: hidden;}
.right-single-text .container {padding-top: 155px;}
.right-single-text h2 { width: 495px; margin-bottom: 45px; font-weight: bold; color:#372E3C;}
.right-single-text .body {width: 618px; margin-bottom: 38px;}
.right-single-text .background-image {position: absolute; width: 1073px; height: 1073px; top: -73px; left: -335px; overflow: hidden;}
.right-single-text .modal-button-wrapper {margin-bottom: 96px;}
.right-single-text .modal-button {width: 198px; height: 43px;}


.left-text-with-right-image .container{padding-top: 132px; padding-bottom: 101px;}
.left-text-with-right-image h2 {font-weight: bold; width: 628px; margin-bottom: 45px;}
.left-text-with-right-image .body {width: 608px; margin-bottom: 38px;}
.left-text-with-right-image .hash-button-wrapper {text-align: left; margin: 0;}
.left-text-with-right-image .hash-button-wrapper div div{display: inline-block;}
.left-text-with-right-image .hash-button-wrapper div div:first-child{margin-right: 15px;}
.left-text-with-right-image .hash-button-wrapper div div:first-child a{width: 218px;}
.left-text-with-right-image .hash-button-wrapper div div:nth-child(2) a{width: 364px;}
.left-text-with-right-image .left_side_text { margin-right: 46px;}
.left-text-with-right-image .right_side_text {background: #c9f9f4; padding-top: 44px; padding-left: 38px; position: relative;overflow: hidden; border-radius: 10px; width: 626px;}
.left-text-with-right-image .second_body {width: 261px; }
.left-text-with-right-image .second_body p {font-size: 16px; line-height: 22px;}
.left-text-with-right-image h3 {font-family: "AvenirNext Demibold"; font-size: 20px; line-height: 25px; margin-bottom: 8px; color:#372E3C;}
.left-text-with-right-image .right_side_text .image {position: absolute; width: 500px; height: 509px; bottom: 0; right: -80px;}

.right-single-text-plus-two-cols {overflow: hidden;}
.right-single-text-plus-two-cols .container{padding-top: 132px; padding-bottom: 67px;}
.right-single-text-plus-two-cols .background-image {position: absolute; width: 814px; height: 814px; top: 132px; left: -229px; overflow: hidden;}
.right-single-text-plus-two-cols h2 { width: 584px; margin-bottom: 45px; font-weight: bold;}
.right-single-text-plus-two-cols .body {width: 626px; margin-bottom: 48px;}
.right-single-text-plus-two-cols .left_side_text, .right-single-text-plus-two-cols .right_side_text {color:#372E3C; width: 299px;background: #c9f9f4; border-radius: 10px; padding: 24px 26px 31px;}
.right-single-text-plus-two-cols .left_side_text {margin-right: 28px;}
.right-single-text-plus-two-cols .second_body p {font-size: 16px; line-height: 22px;}
.right-single-text-plus-two-cols .second_body ul {padding-left: 15px;}
.right-single-text-plus-two-cols h3 {color: #372e3c; font-size: 20px; line-height: 25px; margin-bottom: 8px; font-family: "AvenirNext Demibold";}

.left-single-text {background: #c9f9f4; overflow: hidden;}
.left-single-text .container{padding-top: 132px;padding-bottom: 97px;}
.left-single-text h2 {width: 574px;  margin-bottom: 45px; font-weight: bold;}
.left-single-text .body {width: 626px; margin-bottom: 38px;}
.left-single-text .background-image {position: absolute; width: 814px; height: 814px; top: 48px; left: 654px; overflow: hidden;}

.basic-block h2 {width: 628px; padding-top: 132px; margin-bottom: 45px; font-weight: bold;}
.basic-block .body {max-width: 626px; margin-bottom: 48px;}

.text-with-modal .container {border-radius: 10px; background: rgba(249, 212, 201, 0.25); padding: 53px 50px 51px 50px; margin-bottom: 40px;}
.text-with-modal h2 {max-width: 600px; font-size: 20px; line-height: 25px; font-family: "AvenirNext Demibold"; margin-bottom: 8px;}
.text-with-modal .body {width: 576px; margin-bottom: 34px;}
.text-with-modal .modal-button { width: 239px; }
.text-with-modal .modal .modal-button { width: 119px; height: 43px;}
.text-with-modal .left_side_text{width: 600px;}
.text-with-modal .right_side_text { margin-left: 108px;}
.text-with-modal .right_side_text h2 { width: 475px; color: #372e3c; position: relative; font-size: 30px; line-height: 45px; font-weight: normal; padding: 0; margin-top: 40px; margin-bottom: 38px;
}
.text-with-modal .second_body {width: 466px; max-width: 100%; color: #372E3C;}
.text-with-modal .modal h2{font-size: 20px; line-height: 25px; color: #372E3C; width: 556px; padding: 0; margin-bottom: 21px;}
.text-with-modal .modal h3 {position: relative;z-index: 1; width: 390px; margin: 51px auto 60px 116px; font-size: 30px; line-height: 45px; color: #372E3C;}
.text-with-modal .modal_body p, .text-with-modal .modal_second_body p{font-size: 16px; line-height: 22px;}
.text-with-modal .modal_body, .text-with-modal .modal_second_body{ width: 558px;}
.text-with-modal .modal_second_body {margin-bottom: 30px;}
.text-with-modal .additional-info{background: #fff;
  border-radius: 10px;
  padding: 25px;
  display: flex;
  flex-direction: row;
  align-items: center;}
.text-with-modal .modal .additional-info .modal-button-wrapper {margin: 0;}
.text-with-modal .additional-info .modal-button-wrapper .modal-button{width: 193px; height: 43px;}
.text-with-modal .additional-info .info-body{width: 307px; margin-right: 18px;}
.text-with-modal .additional-info .info-body p{font-size: 16px; line-height: 22px;}
.text-with-modal .modal .modal-button-wrapper {margin-bottom: 25px;}

.quot {position: absolute;
  top: 39px;
  left: -45px;
  color: rgb(249, 212, 201);
  opacity: 0.5;
  z-index: -1;
  font-size: 200px;
  line-height: 60px;
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: 300;}


.quote {background: rgba(249, 212, 201, 0.25); padding-top: 81px; padding-bottom: 69px;}
#block-formigvardetsomettlockihalseningentingkundepassera  {padding-top: 106px; padding-bottom: 87px;}
.quote .inside_quote{width: 436px; margin: auto;}
.quote h2  {color: #372e3c; position: relative; font-size: 30px; line-height: 45px; padding-bottom: 28px;}

.quote .body { margin-bottom:  48px;}
.quote .body p {font-size: 16px; line-height: 17px; color: #372e3c;}
.quote .hash-button-wrapper {text-align: left;}
.quote .hash-button-wrapper a {width: 273px; }


/* footer */
.footer_single {background-color: #c9f9f4;padding-top: 76px; padding-bottom: 61px; color: #372e3c; }
.footer_single .basic-block .body {max-width: 1062px; margin: 0;}
.footer_single p {font-size: 16px; line-height: 22px; }
.footer_second {background-color: #002e50; padding-top: 39px; padding-bottom: 44px;}
.footer_second img {max-width: 100%;}
.footer_third {background-color: #003861; padding: 19px 0; color: #fff; font-size: 12px; line-height: 22px;}
.footer_third a {color: #fff;}
.footer_third p {font-size: 12px; line-height: 22px; color: #fff;}
.footer_third ul {list-style: none;}
.footer_third ul li {display: inline-block; position: relative;}
.footer_third ul li a {position: relative; margin-right: 10px; padding-right: 10px;}
.footer_third ul li a::after {content: "";
  display: block;
  width: 1px;
  position: absolute;
  top: 0;
  height: 100%;
  background: #fff;
  right: 0;}