@charset "UTF-8";
[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add {
display:none;
}
.wpcf7cf_repeater_sub {
margin-bottom: 20px;
}
.wpcf7cf_repeater_controls, .wpcf7cf_step_controls {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 20px;
}
.wpcf7cf_multistep .wpcf7cf_step { width: 100%;
}
.wpcf7cf_multistep .wpcf7cf_step .step-title {
display: none;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots {
display: flex;
width: 100%;
margin-bottom: 20px;
flex-wrap: wrap;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
display: inline-block;
border-radius: 50%;
background: #dfdfdf;
color: #000000;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
border-bottom: 5px solid #dfdfdf;
text-align: center;
flex: 1;
padding: 15px;
min-width: 120px;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed {
border-bottom: 5px solid #333;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active {
border-bottom: 5px solid #333;
font-weight: bold;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index {
background-color: #333;
color: #ffffff;
}
.wpcf7cf_step_controls .disabled {
pointer-events: none;
cursor: default;
opacity: .5;
}
    .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent; } .slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0; } .slick-list:focus {
outline: none; } .slick-list.dragging {
cursor: pointer;
cursor: hand; } .slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); } .slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto; } .slick-track:before, .slick-track:after {
content: "";
display: table; } .slick-track:after {
clear: both; } .slick-loading .slick-track {
visibility: hidden; } .slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none; } [dir="rtl"] .slick-slide {
float: right; } .slick-slide img {
display: block; } .slick-slide.slick-loading img {
display: none; } .slick-slide.dragging img {
pointer-events: none; } .slick-initialized .slick-slide {
display: block; } .slick-loading .slick-slide {
visibility: hidden; } .slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent; } .slick-arrow.slick-hidden {
display: none; }  .slick-loading .slick-list {
background: #fff url(//panorama-test.hr/wp-content/themes/sage/dist/styles/[object Object]) center center no-repeat; } @font-face {
font-family: "slick";
src: url(//panorama-test.hr/wp-content/themes/sage/dist/styles/[object Object]);
src: url(//panorama-test.hr/wp-content/themes/sage/dist/styles/[object Object]?#iefix) format("embedded-opentype"), url(//panorama-test.hr/wp-content/themes/sage/dist/styles/[object Object]) format("woff"), url(//panorama-test.hr/wp-content/themes/sage/dist/styles/[object Object]) format("truetype"), url(//panorama-test.hr/wp-content/themes/sage/dist/styles/[object Object]#slick) format("svg");
font-weight: normal;
font-style: normal; }  .slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none; } .slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1; } .slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25; } .slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; } .slick-prev {
left: -25px; } [dir="rtl"] .slick-prev {
left: auto;
right: -25px; } .slick-prev:before {
content: "\2190"; } [dir="rtl"] .slick-prev:before {
content: "\2192"; } .slick-next {
right: -25px; } [dir="rtl"] .slick-next {
left: -25px;
right: auto; } .slick-next:before {
content: "\2192"; } [dir="rtl"] .slick-next:before {
content: "\2190"; }  .slick-dotted.slick-slider {
margin-bottom: 30px; } .slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%; } .slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer; } .slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus {
outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1; } .slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "\2022";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before {
color: black;
opacity: 0.75; }    * {
margin: 0;
padding: 0; } *:focus {
outline: 0 !important;
box-shadow: 0 0 0 0.2rem #fff, 0 0 0 0.35rem #069 !important; }  *:focus:not(.focus-visible) {
outline: 0 !important;
box-shadow: none !important; } body {
font-family: "Poppins", sans-serif; } body.mobile.active {
overflow: hidden; } h1 {
font-size: 26px;
line-height: 32px;
color: #241b46;
font-weight: 500; }
@media (min-width: 80rem) { h1 {
font-size: 48px;
line-height: 64px; } } h2 {
font-family: "Poppins-Regular", sans-serif;
font-size: 26px;
line-height: 32px;
color: #241b46; }
@media (min-width: 80rem) { h2 {
font-size: 32px;
line-height: 48px; } } p {
font-weight: 300;
font-size: 16px;
line-height: 32px;
color: #534f62; }
@media (min-width: 80rem) { p {
font-size: 16px;
line-height: 32px; } } .container {
padding: 0;
margin: 0 auto; }
@media (max-width: 40rem) { .container {
padding: 0 16px; } }
@media (max-width: 1100px) { .container {
padding: 0 16px; } }
@media (min-width: 1100px) and (max-width: 1280px) { .container {
max-width: 1000px; } }
@media (min-width: 900px) and (max-width: 1024px) { .container {
max-width: 860px; } }
@media (min-width: 1281px) { .container {
max-width: 1200px; } } .main-section {
margin-top: 24px; }
@media (min-width: 80rem) { .main-section {
margin-top: 70px; } } video {
width: 100%; } .template-custom .hero-container .background-grid .background-blob .container h1 {
padding-top: 136px;
margin-bottom: 24px; }
@media (min-width: 40rem) { .template-custom .hero-container .background-grid .background-blob .container h1 {
padding-top: 248px;
margin-bottom: 24px; } } .template-custom .content-container .main-container {
padding: 40px 0;
margin: 0 16px;
max-width: 1120px; }
@media (min-width: 40rem) { .template-custom .content-container .main-container {
padding: 120px 0;
margin: 0 auto; } } .template-custom .content-container .main-container h2 {
margin: 16px 0;
font-size: 26px;
line-height: 32px;
color: #241b46;
font-weight: 500; }
@media (min-width: 40rem) { .template-custom .content-container .main-container h2 {
margin: 32px 0;
font-size: 32px;
line-height: 48px; } } .template-custom .content-container .main-container h3 {
margin: 16px 0;
font-size: 26px;
line-height: 32px;
color: #241b46;
font-weight: 500; }
@media (min-width: 40rem) { .template-custom .content-container .main-container h3 {
margin: 32px 0;
font-size: 32px;
line-height: 48px; } } .template-custom .content-container .main-container h4 {
margin: 16px 0;
font-size: 26px;
line-height: 32px;
color: #241b46;
font-weight: 500; }
@media (min-width: 40rem) { .template-custom .content-container .main-container h4 {
margin: 32px 0;
font-size: 32px;
line-height: 48px; } } .template-custom .content-container .main-container h5 {
margin: 16px 0;
font-size: 26px;
line-height: 32px;
color: #241b46;
font-weight: 500; }
@media (min-width: 40rem) { .template-custom .content-container .main-container h5 {
margin: 32px 0;
font-size: 18px;
line-height: 32px; } } .slick-slide {
height: unset !important; } .quiz-section .quiz-text-container .quiz-title a {
color: #f192ba; } ::placeholder {
color: #e6e6e6;
font-size: 16px;
line-height: 32px; } hr {
margin: 50px 0; } .two-column-section-inner {
display: grid;
grid-template-columns: 1fr;
gap: 40px; }
@media (min-width: 80rem) { .two-column-section-inner {
grid-template-columns: 1fr 1fr;
gap: 80px; } } .two-column-section-inner .column-left,
.two-column-section-inner .column-right {
max-width: 560px; }    .alignnone {
margin-left: 0;
margin-right: 0;
max-width: 100%;
height: auto; } .aligncenter {
display: block;
margin: 1rem auto;
height: auto; } .alignleft,
.alignright {
margin-bottom: 1rem;
height: auto; }
@media (min-width: 30rem) { .alignleft {
float: left;
margin-right: 1rem; } .alignright {
float: right;
margin-left: 1rem; } }   .screen-reader-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
color: #000;
background: #fff; } body.home {
background: #fcfdfe; } .playpause {
width: 128px;
height: 128px;
position: absolute;
left: 5%;
right: 0%;
top: 5%;
bottom: 0%;
margin: auto; } .hero-section {
display: grid;
grid-template-columns: 1fr; }
@media (min-width: 40rem) { .hero-section {
background-image: url(//panorama-test.hr/wp-content/themes/sage/resources/assets/images/circles.png); } } .hero-section .hero-asset {
grid-area: 1 / 1 / auto / auto;
align-items: flex-end; } .hero-section .hero-asset .hero-asset-inner {
margin-bottom: 0;
position: relative;
overflow: hidden; }
@media (min-width: 40rem) { .hero-section .hero-asset .hero-asset-inner {
height: 840px; } } .hero-section .hero-asset .hero-asset-inner .hero-asset-image {
top: 0;
left: 0;
padding-bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: right center; }
@media (min-width: 40rem) { .hero-section .hero-asset .hero-asset-inner .hero-asset-image {
display: block;
position: absolute; } } .hero-section .hero-asset .hero-asset-inner .hero-asset-image .hero-image {
display: none;
inset: 0;
overflow: hidden;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
margin: 0;
padding: 0;
object-fit: cover;
object-position: top right; }
@media (min-width: 40rem) { .hero-section .hero-asset .hero-asset-inner .hero-asset-image .hero-image {
display: block;
position: absolute; } } .hero-section .hero-asset .hero-asset-inner .hero-asset-image .hero-image-mobile {
display: block;
width: 100%;
height: auto; }
@media (min-width: 40rem) { .hero-section .hero-asset .hero-asset-inner .hero-asset-image .hero-image-mobile {
display: none; } } .hero-section .hero-content {
margin-top: 24px; }
@media (min-width: 40rem) { .hero-section .hero-content {
grid-area: 1 / 1 / auto / auto;
display: flex;
flex-direction: column;
padding-top: 331px;
z-index: 10;
margin-top: unset; } } .hero-section .hero-content .hero-content-inner {
position: relative; } .hero-section .hero-content .hero-content-inner .container .hero-content-inner-wrapper {
display: grid;
grid-template-columns: 1fr;
gap: 16px; }
@media (min-width: 40rem) { .hero-section .hero-content .hero-content-inner .container .hero-content-inner-wrapper {
gap: 56px; } } .hero-section .hero-content .hero-content-inner .container .hero-content-inner-wrapper .hero-title {
font-style: normal;
font-weight: 500;
font-size: 26px;
line-height: 32px;
color: #241b46;
max-width: 720px; }
@media (min-width: 40rem) { .hero-section .hero-content .hero-content-inner .container .hero-content-inner-wrapper .hero-title {
font-size: 56px;
line-height: 64px; } } .hero-section .hero-content .hero-content-inner .container .hero-content-inner-wrapper .hero-content-buttons {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
text-align: center;
max-width: max-content; }
@media (min-width: 40rem) { .hero-section .hero-content .hero-content-inner .container .hero-content-inner-wrapper .hero-content-buttons {
gap: 24px; } } .hero-section .hero-content .hero-content-inner .container .hero-content-inner-wrapper .hero-content-buttons .hero-button {
border-radius: 24px;
padding: 4px 16px;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 32px;
text-decoration: unset; }
@media (min-width: 40rem) { .hero-section .hero-content .hero-content-inner .container .hero-content-inner-wrapper .hero-content-buttons .hero-button {
font-size: 18px;
padding: 8px 24px; } } .hero-section .hero-content .hero-content-inner .container .hero-content-inner-wrapper .hero-content-buttons .hero-button.orange {
color: #fcfdfe;
background: #f36f21;
border: 1px solid #f36f21; } .hero-section .hero-content .hero-content-inner .container .hero-content-inner-wrapper .hero-content-buttons .hero-button.transparent {
color: #241b46;
border: 1px solid #f6e4f2; } .hero-section .hero-background-image-circle {
background-image: url(//panorama-test.hr/wp-content/themes/sage/resources/assets/images/circles.png);
background-position: right top;
background-repeat: no-repeat;
grid-area: 1 / 1 / auto / auto;
z-index: 9;
display: none; }
@media (min-width: 40rem) { .hero-section .hero-background-image-circle {
display: block; } } .hero-section .hero-background-image-grid {
background-image: url(//panorama-test.hr/wp-content/themes/sage/resources/assets/images/grid.png);
background-position: right bottom;
background-repeat: no-repeat;
grid-area: 1 / 1 / auto / auto;
z-index: 9;
margin-bottom: 160px;
margin-right: 40px;
display: none; }
@media (min-width: 40rem) { .hero-section .hero-background-image-grid {
display: block; } } .hero-section .hero-background-image-grid-left {
background-image: url(//panorama-test.hr/wp-content/themes/sage/resources/assets/images/grid.png);
background-position: left top;
background-repeat: no-repeat;
grid-area: 1 / 1 / auto / auto;
z-index: 9;
margin-top: 209px;
margin-left: 32px;
display: none; }
@media (min-width: 61.25rem) { .hero-section .hero-background-image-grid-left {
display: block; } } .alert-container {
margin-top: 24px;
position: relative; }
@media (min-width: 40rem) { .alert-container {
margin-top: -36px; } } .alert-container div.container {
padding: 0 8px; } .alert-container div.container .alert-inner {
display: grid;
grid-template-columns: 18px 1fr;
gap: 8px;
padding: 24px;
background: #fcfdfe;
box-shadow: 0 0 2px #00000040;
border-radius: 8px; }
@media (min-width: 40rem) { .alert-container div.container .alert-inner {
gap: 9px; } } .alert-container div.container .alert-inner img {
margin: 3px 0; } .alert-container div.container .alert-inner p {
font-style: italic;
font-size: 14px;
line-height: 24px;
color: #3d3463;
opacity: 0.8;
font-weight: 300; }
@media (min-width: 40rem) { .alert-container div.container .alert-inner p {
font-size: 16px; } } .what-section {
padding-bottom: 40px; }
@media (min-width: 1281px) and (max-width: 1440px) { .what-section .what-container {
max-width: 1000px; } }
@media (min-width: 40rem) { .what-section {
padding-bottom: 80px; } } .what-section .two-column-section-inner {
gap: 32px; }
@media (min-width: 40rem) { .what-section .two-column-section-inner {
gap: 40px; } }
@media (min-width: 61.25rem) { .what-section .two-column-section-inner {
margin-left: -80px; } }
@media (min-width: 900px) and (max-width: 1024px) { .what-section .two-column-section-inner {
justify-content: center;
margin-left: unset; } } .what-section .two-column-section-inner .column-right {
padding: 0; }
@media (min-width: 40rem) { .what-section .two-column-section-inner .column-right {
padding-top: 80px; } } .what-section .video-container {
width: 100%;
height: 100%;
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative; } .what-section .video-container #video2 {
mask-repeat: no-repeat;
mask-size: 100%;
object-fit: contain;
width: 100%;
min-height: 317px; } .what-section .video-container #video2.mask-background {
-webkit-mask-image: url(//panorama-test.hr/wp-content/uploads/2021/07/poster.png);
-webkit-mask-position: center center;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-image: url(//panorama-test.hr/wp-content/uploads/2021/07/poster.png);
mask-position: center center;
object-fit: cover; } .what-section .video-container .mask-image {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
background-color: #fff; } .what-section .video-container .play-button {
display: none;
position: absolute;
width: 60px;
height: 60px;
z-index: 3;
left: calc(50% - 30px);
top: calc(50% - 30px);
cursor: pointer; } .what-section .video-container video { width: 100%;
height: 100%;
z-index: 1;
object-fit: cover; } .why-section {
background: #fff;
padding-top: 32px;
padding-bottom: 40px; }
@media (min-width: 80rem) { .why-section {
padding-top: 80px;
padding-bottom: 120px; } }
@media (min-width: 1281px) and (max-width: 1440px) { .why-section div.container {
max-width: 1000px; } } .why-section .why-image {
max-width: 560px;
width: 100%;
height: auto;
position: relative;
z-index: 1; } .why-section ul {
display: grid;
grid-template-columns: 1fr;
gap: 24px; } .why-section ul li {
list-style-type: none;
display: grid;
grid-template-columns: 16px 1fr;
gap: 24px; } .why-section .two-column-section-inner {
margin-bottom: 18px;
gap: 50px; }
@media (min-width: 80rem) { .why-section .two-column-section-inner {
margin-right: -80px;
gap: 40px; } } .why-section .two-column-section-inner:first-child {
margin-bottom: 24px; }
@media (min-width: 80rem) { .why-section .two-column-section-inner:first-child {
margin-bottom: 32px; } } .why-section .two-column-section-inner:last-child {
gap: 32px; }
@media (min-width: 80rem) { .why-section .two-column-section-inner:last-child {
gap: 40px;
margin-left: -80px; } } .why-section .two-column-section-inner:last-child div.column-left {
grid-row: 1; }
@media (min-width: 61.25rem) { .why-section .two-column-section-inner:last-child div.column-left {
grid-row: 1; } } .why-section .two-column-section-inner:last-child div.column-right div.column-text {
margin-top: 0; }
@media (min-width: 61.25rem) { .why-section .two-column-section-inner:last-child div.column-right div.column-text {
margin-top: 82px; } } .why-section .two-column-section-inner .column-left {
grid-row: 2; }
@media (min-width: 40rem) { .why-section .two-column-section-inner .column-left {
grid-row: 1; } } .why-section .two-column-section-inner .column-left h2 {
margin-bottom: 24px; }
@media (min-width: 40rem) { .why-section .two-column-section-inner .column-left h2 {
margin-top: 38px;
margin-bottom: 44px; } } .why-section .two-column-section-inner .column-left .image-container {
position: relative; }
@media (max-width: 40rem) { .why-section .two-column-section-inner .column-left .image-container {
overflow: hidden; } } .why-section .two-column-section-inner .column-left .image-container .background-asset {
background-image: url(//panorama-test.hr/wp-content/themes/sage/resources/assets/images/image-background-left.png);
background-position: center top;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: -46px;
right: -30px;
top: -14px;
bottom: 35px;
z-index: 1; } .why-section .two-column-section-inner .column-right .column-text {
margin-top: 82px; } .why-section .two-column-section-inner .column-right .image-container {
position: relative; } .why-section .two-column-section-inner .column-right .image-container .background-asset {
background-image: url(//panorama-test.hr/wp-content/themes/sage/resources/assets/images/image-background-right.png);
background-position: center top;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: -46px;
right: -14px;
top: -14px;
bottom: 3px; } .quiz-section-wrapper {
background: #fff; } .quiz-section-wrapper .quiz-container {
max-width: 100%;
margin: 0 auto; }
@media (min-width: 61.25rem) { .quiz-section-wrapper .quiz-container {
max-width: 90%; } }
@media (min-width: 1780px) { .quiz-section-wrapper .quiz-container {
max-width: 1680px; } } .quiz-section-wrapper .quiz-container .quiz-section {
background: #241b46;
border-radius: 128px;
border-radius: 48px;
padding-left: 32px;
padding-right: 32px;
padding-bottom: 16px;
padding-top: 36px; }
@media (min-width: 61.25rem) { .quiz-section-wrapper .quiz-container .quiz-section {
padding-top: 49px;
padding-bottom: 144px;
padding-left: 0;
padding-right: 0; } } .quiz-section-wrapper .quiz-container .quiz-section .quiz-text-container {
background-image: url(//panorama-test.hr/wp-content/themes/sage/resources/assets/images/quiz-grid.png);
background-position: left top;
background-repeat: no-repeat;
max-width: 880px;
margin: 0 auto;
margin-bottom: 47px;
padding-top: 70px; }
@media (min-width: 61.25rem) { .quiz-section-wrapper .quiz-container .quiz-section .quiz-text-container {
padding-top: 97px;
margin-bottom: 24px; } } .quiz-section-wrapper .quiz-container .quiz-section .quiz-text-container .quiz-subtitle {
font-weight: 500;
font-size: 16px;
line-height: 32px;
color: #f36f21;
margin-bottom: 13px; }
@media (min-width: 61.25rem) { .quiz-section-wrapper .quiz-container .quiz-section .quiz-text-container .quiz-subtitle {
font-size: 20px;
line-height: 32px; } } .quiz-section-wrapper .quiz-container .quiz-section .quiz-text-container .quiz-title {
font-weight: 500;
font-size: 24px;
line-height: 32px;
color: #fcfdfe;
margin-bottom: 18px; }
@media (min-width: 61.25rem) { .quiz-section-wrapper .quiz-container .quiz-section .quiz-text-container .quiz-title {
font-size: 32px;
line-height: 48px; } } .quiz-section-wrapper .quiz-container .quiz-section .quiz-text-container .quiz-text {
font-weight: normal;
font-size: 14px;
line-height: 24px;
letter-spacing: -0.01em;
color: #f6e4f2; }
@media (min-width: 61.25rem) { .quiz-section-wrapper .quiz-container .quiz-section .quiz-text-container .quiz-text {
font-size: 18px;
line-height: 32px; } } .quiz-section-wrapper .quiz-container .quiz-section .quiz-form-container {
max-width: 880px;
margin: 0 auto; } .quiz-section-wrapper .quiz-container .quiz-section .quiz-form-container .caluclator-wrapper form.wpcalc {
margin: 0;
padding: 0; } .quiz-section-wrapper .quiz-container .quiz-section .quiz-form-container .caluclator-wrapper form.wpcalc .calc-row {
align-items: center; } .quiz-section-wrapper .quiz-container .quiz-section .quiz-form-container .caluclator-wrapper form.wpcalc input[type="date"],
.quiz-section-wrapper .quiz-container .quiz-section .quiz-form-container .caluclator-wrapper form.wpcalc input[type="number"],
.quiz-section-wrapper .quiz-container .quiz-section .quiz-form-container .caluclator-wrapper form.wpcalc input[type="text"] {
background-color: #fff;
font-weight: 500;
font-size: 18px;
line-height: 32px;
color: #241b46;
border-radius: 24px;
padding: 8px 24px;
text-decoration: none; } .quiz-section-wrapper .quiz-container .quiz-section .quiz-form-container .caluclator-wrapper form.wpcalc .calc-column {
font-weight: 400;
font-size: 14px;
line-height: 24px;
letter-spacing: -0.01em;
color: #f6e4f2;
padding: 0;
margin-bottom: 20px; }
@media (min-width: 61.25rem) { .quiz-section-wrapper .quiz-container .quiz-section .quiz-form-container .caluclator-wrapper form.wpcalc .calc-column {
font-size: 18px;
line-height: 32px; } } .quiz-section-wrapper .quiz-container .quiz-section .quiz-form-container .caluclator-wrapper form.wpcalc .calc-column.calc-button {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
text-align: center;
max-width: max-content; }
@media (min-width: 61.25rem) { .quiz-section-wrapper .quiz-container .quiz-section .quiz-form-container .caluclator-wrapper form.wpcalc .calc-column.calc-button {
gap: 24px; } } .quiz-section-wrapper .quiz-container .quiz-section .quiz-form-container .caluclator-wrapper form.wpcalc .calc-column.calc-button input[type="submit"] {
color: #fcfdfe;
background: #f36f21;
border: 1px solid #f36f21;
border-radius: 24px;
padding: 4px 16px;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 32px;
text-decoration: unset; }
@media (min-width: 61.25rem) { .quiz-section-wrapper .quiz-container .quiz-section .quiz-form-container .caluclator-wrapper form.wpcalc .calc-column.calc-button input[type="submit"] {
font-size: 18px;
padding: 8px 24px; } } .quiz-section-wrapper .quiz-container .quiz-section .quiz-form-container .caluclator-wrapper form.wpcalc .calc-column.calc-button input[type="reset"] {
color: #241b46;
background-color: #fff;
border: 1px solid #f6e4f2;
border-radius: 24px;
padding: 4px 16px;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 32px;
text-decoration: unset; }
@media (min-width: 61.25rem) { .quiz-section-wrapper .quiz-container .quiz-section .quiz-form-container .caluclator-wrapper form.wpcalc .calc-column.calc-button input[type="reset"] {
font-size: 18px;
padding: 8px 24px; } } .quiz-section-wrapper .quiz-container .quiz-section .quiz-form-container .caluclator-wrapper form.wpcalc .calc-result {
background: #f6e4f2;
border-radius: 40px;
filter: box-shadow(0 -1px 0 rgba(0, 0, 0, 0.8));
padding: 16px;
margin: 0;
margin-top: 32px; } .quiz-section-wrapper .quiz-container .quiz-section .quiz-form-container .caluclator-wrapper form.wpcalc .calc-result .calc-row .calc-column,
.quiz-section-wrapper .quiz-container .quiz-section .quiz-form-container .caluclator-wrapper form.wpcalc .calc-result .calc-row .calc-column-2 {
color: #f36f21;
padding-left: 10px; } .how-section {
padding-top: 48px;
padding-bottom: 64px;
background: #f6e4f2;
margin-top: 48px; }
@media (min-width: 61.25rem) { .how-section {
grid-template-columns: 1fr 1fr 1fr;
gap: 80px;
padding-top: 117px;
padding-bottom: 117px;
margin-top: 156px; } } .how-section .title-container {
max-width: 880px;
margin: 0 auto;
padding-left: 16px;
padding-right: 16px; }
@media (min-width: 61.25rem) { .how-section .title-container {
padding-left: 0;
padding-right: 0; } } .how-section .title-container .how-text {
font-size: 18px;
line-height: 32px;
letter-spacing: -0.01em;
color: #534f62;
margin-top: 16px;
margin-bottom: 16px; } .how-section .title-container .how-text.disclaimer {
font-style: italic;
display: inline;
font-size: 14px;
line-height: 24px; }
@media (min-width: 61.25rem) { .how-section .title-container .how-text {
margin-top: 8px;
margin-bottom: 38px; } } .how-section .how-steps-container {
max-width: 1120px;
margin: 0 auto 50px auto; } .how-section .how-steps-container .how-steps-wrapper {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
margin-left: 40.5px;
margin-right: 40.5px; }
@media (min-width: 61.25rem) { .how-section .how-steps-container .how-steps-wrapper {
display: flex;
grid-template-columns: 1fr 1fr 1fr;
gap: 80px;
margin-left: unset;
margin-right: unset; } } .how-section .how-steps-container .how-steps-wrapper .how-step-wrapper {
position: relative; } .how-section .how-steps-container .how-steps-wrapper .how-step-wrapper:nth-of-type(2)::before {
display: none;
position: absolute;
top: 40%;
right: calc(100% - 55px);
z-index: 5;
padding: 5px 13px;
content: url(//panorama-test.hr/wp-content/themes/sage/resources/assets/images/connect.png); }
@media (min-width: 61.25rem) { .how-section .how-steps-container .how-steps-wrapper .how-step-wrapper:nth-of-type(2)::before {
display: block; } } .how-section .how-steps-container .how-steps-wrapper .how-step-wrapper:nth-of-type(3)::before {
display: none;
position: absolute;
top: calc(40% - 20px);
right: calc(100% - 40px);
padding: 5px 13px;
z-index: 5;
content: url(//panorama-test.hr/wp-content/themes/sage/resources/assets/images/connect-second.png); }
@media (min-width: 61.25rem) { .how-section .how-steps-container .how-steps-wrapper .how-step-wrapper:nth-of-type(3)::before {
display: block; } } .how-section .how-steps-container .how-steps-wrapper .how-step-wrapper:not(:last-child)::after {
display: none;
position: absolute;
top: 40%;
left: 100%;
padding: 5px 13px;
z-index: 2;
content: url(//panorama-test.hr/wp-content/themes/sage/resources/assets/images/arrow.png); }
@media (min-width: 61.25rem) { .how-section .how-steps-container .how-steps-wrapper .how-step-wrapper:not(:last-child)::after {
display: block; } } .how-section .how-steps-container .how-steps-wrapper .how-step-wrapper .how-image {
z-index: 3;
position: relative;
width: 100%;
height: auto; } .how-section .how-steps-container .how-steps-wrapper .how-step-wrapper .how-step-text-wrapper {
max-width: 240px;
margin: 0 auto;
text-align: center; } .how-section .how-steps-container .how-steps-wrapper .how-step-wrapper .how-step-text-wrapper .step-text {
font-weight: 500;
font-size: 16px;
line-height: 24px;
text-align: center;
letter-spacing: -0.01em;
color: #241b46; } .how-section .how-steps-container .how-steps-wrapper .how-step-wrapper:not(:first-child) .before-background::before {
display: none;
position: absolute;
top: 19%;
right: 70%;
z-index: 1;
padding: 5px 13px;
content: url(//panorama-test.hr/wp-content/themes/sage/resources/assets/images/how-grid.png); }
@media (min-width: 61.25rem) { .how-section .how-steps-container .how-steps-wrapper .how-step-wrapper:not(:first-child) .before-background::before {
display: block; } } .how-section .order-container {
display: none;
max-width: 880px;
margin: 0 auto;
margin-top: 77px;
padding: 16px;
background-color: #fff;
border-radius: 40px;
filter: box-shadow(0 -1px 0 rgba(0, 0, 0, 0.8)); } .how-section .order-container .order-wrapper {
display: flex;
flex-direction: row;
justify-content: space-between; } .how-section .order-container .order-wrapper .order-text-wrapper {
display: flex;
flex-direction: row;
align-items: center; } .how-section .order-container .order-wrapper .order-text-wrapper .order-icon {
vertical-align: middle;
margin-right: 16px;
margin-left: 24px; } .how-section .order-container .order-wrapper .order-text-wrapper .order-text {
font-weight: 500;
font-size: 20px;
line-height: 32px;
color: #241b46; } .how-section .order-container .order-wrapper .order-button {
font-weight: 500;
font-size: 18px;
line-height: 32px;
color: #fcfdfe;
background: #f36f21;
border-radius: 24px;
padding: 8px 24px;
width: max-content;
cursor: pointer;
text-decoration: none; }
@media (min-width: 61.25rem) { .how-section .order-container {
display: block; } } .testimonials-section {
padding-top: 64px;
padding-bottom: 39px; }
@media (min-width: 61.25rem) { .testimonials-section {
padding-top: 152px;
padding-bottom: 148px; } } .testimonials-section .first-part-slider {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-bottom: 24px; }
@media (min-width: 61.25rem) { .testimonials-section .first-part-slider {
margin-bottom: 36px; } } .testimonials-section .first-part-slider .slider-controls {
display: none;
grid-template-columns: 1fr 1fr;
gap: 38px;
align-items: center; }
@media (min-width: 80rem) { .testimonials-section .first-part-slider .slider-controls {
display: grid; } } .testimonials-section .first-part-slider .slider-controls span {
cursor: pointer; } .testimonials-section .testimonials-container {
overflow: hidden; } .testimonials-section .testimonials-container .slick-carousel .slick-list {
margin: 0 -8px; }
@media (min-width: 80rem) { .testimonials-section .testimonials-container .slick-carousel .slick-list {
margin: 40px 0; } } .testimonials-section .testimonials-container .slick-carousel .slick-list .slick-track {
display: flex !important; } .testimonials-section .testimonials-container .slick-carousel .slick-list .slick-track .slick-slide {
padding: 48px;
-webkit-box-shadow: inset 0 0 2px #00000040;
box-shadow: inset 0 0 2px #00000040;
border-radius: 4px;
margin: 0 8px;
box-sizing: border-box;
text-decoration: unset;
display: flex !important;
height: inherit !important; }
@media (min-width: 80rem) { .testimonials-section .testimonials-container .slick-carousel .slick-list .slick-track .slick-slide {
padding: 48px;
margin: 0 40px; } } .testimonials-section .testimonials-container .slick-carousel .slick-list .slick-track .slick-slide .slide-content {
max-width: 384px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: inherit !important; } .testimonials-section .testimonials-container .slick-carousel .slick-list .slick-track .slick-slide .slide-content .testimonal-text {
font-weight: 500;
font-size: 18px;
line-height: 32px;
color: #241b46;
margin-bottom: 16px; } .testimonials-section .testimonials-container .slick-carousel .slick-list .slick-track .slick-slide .slide-content .testimonial-author {
font-weight: normal;
font-size: 16px;
line-height: 24px;
letter-spacing: -0.01em;
color: #534f62; } .testimonials-section .testimonials-container .slick-carousel .slick-list .slick-track .slick-slide .slide-content .testimonial-author-title {
font-weight: normal;
font-size: 16px;
line-height: 24px;
letter-spacing: -0.01em;
color: #534f62; } .testimonials-section .testimonials-container .slick-carousel .slick-list .slick-track .slick-slide .slide-content .slider-image-wrapper {
display: grid;
grid-template-columns: 1fr 80px;
gap: 24px;
align-items: center; } .testimonials-section .testimonials-container .slick-carousel .slick-list .slick-track .slick-slide .slide-content .slider-image-wrapper .testimonial-author-image {
border-radius: 50%;
width: 100%;
height: auto; } .collapsible-lists-container {
margin-top: -40px; }
@media (min-width: 40rem) { .collapsible-lists-container {
margin-top: -120px; } } .collapsible-lists-container .container {
max-width: 1120px; }
@media (max-width: 40rem) { .collapsible-lists-container .container {
padding: 0 8px; } } .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list {
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.25));
border-radius: 8px;
background: #fff;
margin-bottom: 32px; } .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list:last-child {
margin-bottom: 80px; }
@media (min-width: 40rem) { .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list:last-child {
margin-bottom: 240px; } } .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-list-text-wrapper {
border-bottom: 1px solid #534f6229;
padding: 24px; }
@media (min-width: 40rem) { .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-list-text-wrapper {
padding: 33px 32px 24px 40px; } } .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-list-text-wrapper .collapsible-list-title {
font-weight: 500;
font-size: 24px;
line-height: 24px;
margin-bottom: 8px;
color: #241b46;
display: inline-block; }
@media (min-width: 40rem) { .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-list-text-wrapper .collapsible-list-title {
font-size: 32px;
line-height: 48px;
margin-bottom: 0; } } .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-list-text-wrapper .title-optional-text {
display: inline-block;
margin-left: 8px;
font-weight: 500;
font-size: 14px;
line-height: 24px;
text-transform: uppercase;
color: #f192ba;
vertical-align: top; } .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-list-text-wrapper .collapsible-list-subtitle {
font-size: 16px;
line-height: 24px;
color: #241b46;
font-weight: 300; }
@media (min-width: 40rem) { .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-list-text-wrapper .collapsible-list-subtitle {
font-size: 18px;
line-height: 32px; } } .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-list-text-wrapper.one-item-title {
border-bottom: unset;
padding-left: 16px;
padding-bottom: 8px; }
@media (min-width: 40rem) { .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-list-text-wrapper.one-item-title {
padding-bottom: 16px;
padding-left: 40px; } } .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-items-wrapper {
border-bottom: 1px solid #534f6229; } .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-items-wrapper:last-child {
border-bottom: none; } .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-items-wrapper .collapsible-item-title {
padding: 24px;
padding-left: 8px;
cursor: pointer;
font-weight: 500;
font-size: 16px;
line-height: 32px;
color: #241b46;
display: grid;
grid-template-columns: 32px 1fr;
gap: 8px; }
@media (min-width: 40rem) { .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-items-wrapper .collapsible-item-title {
padding: 24px 40px;
padding-left: 40px;
font-size: 20px;
line-height: 32px;
gap: 16px; } } .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-items-wrapper .collapsible-item-title .collapsible-icon {
margin-right: 2px;
padding: 7px; }
@media (min-width: 40rem) { .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-items-wrapper .collapsible-item-title .collapsible-icon {
padding: 7px; } } .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-items-wrapper .collapsible-item-title.active {
background: #fcfdfe;
padding-bottom: 8px; } .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-items-wrapper .collapsible-item-title.active .collapsible-icon path {
fill: #241b4652; } .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-items-wrapper .collapsible-item-title-one-item {
padding-left: 16px;
padding-right: 16px;
padding-bottom: 24px;
max-width: 952px;
font-size: 14px;
line-height: 24px;
color: #534f62; }
@media (min-width: 40rem) { .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-items-wrapper .collapsible-item-title-one-item {
padding-left: 40px;
padding-right: 0;
padding-bottom: 32px;
font-size: 16px;
line-height: 32px; } } .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-items-wrapper .collapsible-item-title a {
color: #f192ba;
text-decoration-line: underline; } .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-items-wrapper .collapsible-item-title p {
font-weight: 500;
font-size: 16px;
line-height: 32px;
color: #3d3463; }
@media (min-width: 40rem) { .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-items-wrapper .collapsible-item-title p {
font-size: 20px;
line-height: 32px; } } .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-items-wrapper .collapsible-item-content {
padding-left: 48px;
padding-right: 24px;
max-height: 0;
overflow: hidden;
max-width: 904px;
font-size: 14px;
line-height: 24px;
color: #534f62;
opacity: 0;
transition: visibility 0s linear 300ms, opacity 300ms; } .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-items-wrapper .collapsible-item-content.active {
padding-bottom: 24px;
background: #fcfdfe;
opacity: 1;
transition: visibility 0s linear 0s, opacity 300ms; }
@media (min-width: 40rem) { .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-items-wrapper .collapsible-item-content.active {
font-size: 16px;
line-height: 32px;
padding-left: 88px; } } .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-items-wrapper .collapsible-item-content a {
color: #241b46;
text-decoration-line: underline; } .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-items-wrapper .collapsible-item-content p {
font-size: 14px;
line-height: 24px;
color: #3d3463; }
@media (min-width: 40rem) { .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-items-wrapper .collapsible-item-content p {
font-size: 16px;
line-height: 32px; } }
@media (min-width: 40rem) { .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list {
margin-bottom: 80px; } } .panels-section-wrapper .panel-container { margin: 0 auto;
margin-bottom: 305px;
max-width: 100%; }
@media (min-width: 40rem) { .panels-section-wrapper .panel-container {
margin-bottom: 440px; } }
@media (min-width: 61.25rem) { .panels-section-wrapper .panel-container {
max-width: 90%; } }
@media (min-width: 1780px) { .panels-section-wrapper .panel-container {
max-width: 1680px; } } .panels-section-wrapper .panel-container .panels-section {
padding-top: 36px;
padding-left: 0;
padding-right: 0;
background: #241b46;
border-radius: 48px;
max-height: 589px; }
@media (min-width: 40rem) { .panels-section-wrapper .panel-container .panels-section {
padding-top: 49px;
max-height: 591px; } } .panels-section-wrapper .panel-container .panels-section .panels-card-text-wrapper {
background-position: left top;
background-repeat: no-repeat;
margin: 0 auto;
margin-bottom: 27px;
padding-top: 66px;
display: flex;
justify-content: space-between;
align-items: center;
max-width: calc(100% - 36px); }
@media (min-width: 1100px) { .panels-section-wrapper .panel-container .panels-section .panels-card-text-wrapper {
margin-bottom: 47px;
padding-top: 96px;
max-width: 1200px; } }
@media (min-width: 900px) and (max-width: 1379px) { .panels-section-wrapper .panel-container .panels-section .panels-card-text-wrapper {
margin-left: 16px;
margin-right: 16px; } } .panels-section-wrapper .panel-container .panels-section .panels-card-text-wrapper .panels-title {
font-weight: 500;
font-size: 24px;
line-height: 32px;
color: #fcfdfe; }
@media (min-width: 40rem) { .panels-section-wrapper .panel-container .panels-section .panels-card-text-wrapper .panels-title {
font-size: 48px;
line-height: 64px; } } .panels-section-wrapper .panel-container .panels-section .panels-card-text-wrapper .panels-button {
background: #f36f21;
border-radius: 24px;
padding: 4px 16px;
color: #fff;
text-decoration: none;
cursor: pointer; }
@media (min-width: 40rem) { .panels-section-wrapper .panel-container .panels-section .panels-card-text-wrapper .panels-button {
font-size: 18px;
line-height: 32px;
padding: 8px 24px; } } .panels-section-wrapper .panel-container .panels-section .panel-cards-container {
max-width: 100%;
margin: 0 auto;
overflow: hidden;
margin-left: 16px; }
@media (min-width: 40rem) { .panels-section-wrapper .panel-container .panels-section .panel-cards-container {
width: 100%;
max-width: 1232px;
margin: 0 auto; } } .panels-section-wrapper .panel-container .panels-section .panel-cards-container .slick-list .slick-slide {
margin: 0 8px;
margin-left: 16px;
box-sizing: border-box; }
@media (min-width: 80rem) { .panels-section-wrapper .panel-container .panels-section .panel-cards-container .slick-list .slick-slide {
margin: 0 16px; } } .panels-section-wrapper .panel-container .panels-section .panel-cards-container .panel-section {
background: #fff;
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.25));
border-radius: 16px; } .panels-section-wrapper .panel-container .panels-section .panel-cards-container .panel-section .panel-text-container {
padding: 40px;
padding-bottom: 8px; } .panels-section-wrapper .panel-container .panels-section .panel-cards-container .panel-section .panel-text-container .panel-title {
font-weight: 500;
font-size: 32px;
line-height: 48px;
color: #241b46; } .panels-section-wrapper .panel-container .panels-section .panel-cards-container .panel-section .panel-card-container .panel-card-container {
padding: 40px;
padding-top: 0; } .panels-section-wrapper .panel-container .panels-section .panel-cards-container .panel-section .panel-card-container .panel-card-text-wrapper .panel-subtitle {
font-size: 14px;
line-height: 18px;
color: #241b46;
font-weight: 500; } .panels-section-wrapper .panel-container .panels-section .panel-cards-container .panel-section .panel-card-container .panel-card-text-wrapper .panel-subtitle.important {
color: #f36f21; } .panels-section-wrapper .panel-container .panels-section .panel-cards-container .panel-section .panel-card-container .panel-card-text-wrapper .panel-text {
font-size: 14px;
line-height: 18px;
color: #534f62;
margin-bottom: 14px; } .panels-section-wrapper .panel-container .panels-section .panel-cards-container .panel-section .panel-card-container .panel-card-text-wrapper .panel-text.important {
color: #f36f21; } .panels-section-wrapper .panel-container .panels-section .panel-cards-container .panel-section .panel-card-container .panel-price-wrapper {
padding: 8px 40px;
background: #241b46;
border-radius: 0 0 16px 16px; } .panels-section-wrapper .panel-container .panels-section .panel-cards-container .panel-section .panel-card-container .panel-price-wrapper .panel-price {
font-weight: 600;
font-size: 24px;
line-height: 48px;
color: #fff;
text-decoration: none;
display: flex;
justify-content: space-between;
align-items: center; } .page-template-twins .hero-container .background-grid .background-blob .container h1 {
max-width: 1040px; } .first-section,
.second-section {
background: #fff;
padding-top: 32px;
padding-bottom: 40px;
margin-top: 0; }
@media (min-width: 80rem) { .first-section,
.second-section {
padding-top: 126px;
padding-bottom: 140px; } }
@media (min-width: 1281px) and (max-width: 1440px) { .first-section div.container,
.second-section div.container {
max-width: 1000px; } } .first-section .twins-first-image,
.first-section .why-image,
.second-section .twins-first-image,
.second-section .why-image {
max-width: 560px;
width: 100%;
height: auto;
position: relative;
z-index: 1; } .first-section ul,
.second-section ul {
display: grid;
grid-template-columns: 1fr;
gap: 24px; } .first-section ul li,
.second-section ul li {
list-style-type: none;
display: grid;
grid-template-columns: 16px 1fr;
gap: 24px; } .first-section ul li p a,
.second-section ul li p a {
color: #f192ba; } .first-section div.two-column-section-inner,
.second-section div.two-column-section-inner {
margin-bottom: 18px;
gap: 50px; }
@media (min-width: 80rem) { .first-section div.two-column-section-inner,
.second-section div.two-column-section-inner {
margin-right: -80px;
gap: 40px; } } .first-section div.two-column-section-inner:first-child,
.second-section div.two-column-section-inner:first-child {
margin-bottom: 0; }
@media (min-width: 80rem) { .first-section div.two-column-section-inner:first-child,
.second-section div.two-column-section-inner:first-child {
margin-bottom: 18px; } } .first-section div.two-column-section-inner .column-left,
.second-section div.two-column-section-inner .column-left {
grid-row: 1; }
@media (min-width: 40rem) { .first-section div.two-column-section-inner .column-left,
.second-section div.two-column-section-inner .column-left {
grid-row: 1; } } .first-section div.two-column-section-inner .column-left h2,
.second-section div.two-column-section-inner .column-left h2 {
margin-bottom: 24px; }
@media (min-width: 40rem) { .first-section div.two-column-section-inner .column-left h2,
.second-section div.two-column-section-inner .column-left h2 {
margin-top: 38px;
margin-bottom: 44px; } } .first-section div.two-column-section-inner .column-left .image-container,
.second-section div.two-column-section-inner .column-left .image-container {
position: relative; }
@media (max-width: 40rem) { .first-section div.two-column-section-inner .column-left .image-container,
.second-section div.two-column-section-inner .column-left .image-container {
overflow: hidden; } } .first-section div.two-column-section-inner .column-left .image-container .background-asset,
.second-section div.two-column-section-inner .column-left .image-container .background-asset {
background-image: url(//panorama-test.hr/wp-content/themes/sage/resources/assets/images/image-background-left.png);
background-position: center top;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: -46px;
right: -30px;
top: -14px;
bottom: 35px;
z-index: 1; } .first-section div.two-column-section-inner .column-right .column-text,
.second-section div.two-column-section-inner .column-right .column-text {
margin-top: 24px; }
@media (min-width: 61.25rem) { .first-section div.two-column-section-inner .column-right .column-text,
.second-section div.two-column-section-inner .column-right .column-text {
margin-top: 82px; } } .first-section div.two-column-section-inner .column-right .image-container,
.second-section div.two-column-section-inner .column-right .image-container {
position: relative; } .first-section div.two-column-section-inner .column-right .image-container .background-asset,
.second-section div.two-column-section-inner .column-right .image-container .background-asset {
background-image: url(//panorama-test.hr/wp-content/themes/sage/resources/assets/images/image-background-right.png);
background-position: center top;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: -46px;
right: -14px;
top: -14px;
bottom: 3px; } .first-section .two-column-section-inner {
align-items: center; } .second-section {
background: #f6e4f2;
padding-top: 42px;
padding-bottom: 40px; }
@media (min-width: 61.25rem) { .second-section {
padding-top: 86px;
padding-bottom: 100px; } } .second-section .container .two-column-section-inner {
justify-content: center;
align-items: center; } .second-section .container .two-column-section-inner .column-left {
grid-row: 2; }
@media (min-width: 61.25rem) { .second-section .container .two-column-section-inner .column-left {
grid-row: 1; } } .second-section .container .two-column-section-inner .column-left img.second-grid {
display: none; }
@media (min-width: 61.25rem) { .second-section .container .two-column-section-inner .column-left img.second-grid {
display: block; } } .second-section .container .two-column-section-inner .column-left h2 {
margin-top: 0;
margin-bottom: 24px; }
@media (min-width: 61.25rem) { .second-section .container .two-column-section-inner .column-left h2 {
margin-top: 27px;
margin-bottom: 27px; } } .third-section {
background: #fcfdfe;
padding-top: 40px;
margin-top: 0;
padding-bottom: 40px;
margin-bottom: 40px; }
@media (min-width: 61.25rem) { .third-section {
padding-top: 184px;
padding-bottom: 83px;
margin-bottom: 120px; } } .third-section .container {
max-width: 1040px; } .third-section .container .main-title-wrapper {
max-width: 880px;
margin: 0 auto;
margin-bottom: 24px; }
@media (min-width: 61.25rem) { .third-section .container .main-title-wrapper {
margin-bottom: 55px; } } .third-section .container .third-section-lists {
padding: 0;
background: #fff;
border-radius: 16px; }
@media (min-width: 61.25rem) { .third-section .container .third-section-lists {
padding: 40px 80px 56px 80px;
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.25)); } } .third-section .container .third-section-lists .third-section-first-list .list-items-title {
font-weight: 500;
font-size: 18px;
line-height: 32px;
color: #241b46;
margin-bottom: 24px; }
@media (min-width: 61.25rem) { .third-section .container .third-section-lists .third-section-first-list .list-items-title {
font-size: 24px;
line-height: 24px;
margin-bottom: 16px; } } .third-section .container .third-section-lists .third-section-first-list .column-items {
list-style-type: none;
display: grid;
grid-template-columns: 1fr;
gap: 24px; }
@media (min-width: 61.25rem) { .third-section .container .third-section-lists .third-section-first-list .column-items {
gap: 16px; } } .third-section .container .third-section-lists .third-section-first-list .column-items .column-item {
list-style-type: none;
display: grid;
align-items: normal;
grid-template-columns: 32px 1fr;
gap: 8px; }
@media (min-width: 61.25rem) { .third-section .container .third-section-lists .third-section-first-list .column-items .column-item {
grid-template-columns: 32px 1fr;
gap: 16px; } } .third-section .container .third-section-lists .third-section-first-list .column-items .column-item .list-item {
font-size: 16px;
line-height: 32px;
color: #3d3463; } .third-section .container .third-section-lists .third-section-first-list:nth-of-type(2) {
margin: 48px 0; } .third-section .container .third-section-lists img {
width: 100%;
height: auto; } .twins-what-section-wrapper {
background: #fff;
margin-bottom: 120px; } .twins-what-section-wrapper .quiz-container {
max-width: 100%;
margin: 0 auto; }
@media (min-width: 61.25rem) { .twins-what-section-wrapper .quiz-container {
max-width: 90%; } }
@media (min-width: 1780px) { .twins-what-section-wrapper .quiz-container {
max-width: 1680px; } } .twins-what-section-wrapper .quiz-container .quiz-section {
background: #241b46;
border-radius: 128px;
border-radius: 48px;
padding-left: 32px;
padding-right: 32px;
padding-bottom: 64px;
padding-top: 36px; }
@media (min-width: 61.25rem) { .twins-what-section-wrapper .quiz-container .quiz-section {
padding-top: 49px;
padding-bottom: 122px;
padding-left: 0;
padding-right: 0; } } .twins-what-section-wrapper .quiz-container .quiz-section .quiz-text-container {
background-image: url(//panorama-test.hr/wp-content/themes/sage/resources/assets/images/quiz-grid.png);
background-position: left top;
background-repeat: no-repeat;
max-width: 880px;
margin: 0 auto;
padding-top: 70px; }
@media (min-width: 61.25rem) { .twins-what-section-wrapper .quiz-container .quiz-section .quiz-text-container {
padding-top: 97px; } } .twins-what-section-wrapper .quiz-container .quiz-section .quiz-text-container .quiz-subtitle {
font-weight: 500;
font-size: 16px;
line-height: 32px;
color: #f36f21;
margin-bottom: 13px; }
@media (min-width: 61.25rem) { .twins-what-section-wrapper .quiz-container .quiz-section .quiz-text-container .quiz-subtitle {
font-size: 20px;
line-height: 32px; } } .twins-what-section-wrapper .quiz-container .quiz-section .quiz-text-container .quiz-title {
font-weight: 500;
font-size: 24px;
line-height: 32px;
color: #fcfdfe;
margin-bottom: 16px; }
@media (min-width: 61.25rem) { .twins-what-section-wrapper .quiz-container .quiz-section .quiz-text-container .quiz-title {
font-size: 32px;
line-height: 48px;
margin-bottom: 55px; } } .twins-what-section-wrapper .quiz-container .quiz-section .quiz-text-container .buttons-wrapper {
display: grid; }
@media (min-width: 61.25rem) { .twins-what-section-wrapper .quiz-container .quiz-section .quiz-text-container .buttons-wrapper {
display: inline; } } .twins-what-section-wrapper .quiz-container .quiz-section .quiz-text-container .buttons-wrapper a {
font-weight: 500;
font-size: 14px;
line-height: 24px;
color: #fcfdfe;
text-decoration: none;
padding: 8px 24px;
width: max-content; }
@media (min-width: 61.25rem) { .twins-what-section-wrapper .quiz-container .quiz-section .quiz-text-container .buttons-wrapper a {
font-size: 18px;
line-height: 32px;
width: unset; } } .twins-what-section-wrapper .quiz-container .quiz-section .quiz-text-container .buttons-wrapper a.panel-button {
background: #f36f21;
border-radius: 24px;
margin-right: 0;
margin-bottom: 8px; }
@media (min-width: 61.25rem) { .twins-what-section-wrapper .quiz-container .quiz-section .quiz-text-container .buttons-wrapper a.panel-button {
margin-right: 24px;
margin-bottom: 0; } } .twins-what-section-wrapper .quiz-container .quiz-section .quiz-text-container .buttons-wrapper a.second-button {
border: 1px solid #f6e4f2;
box-sizing: border-box;
border-radius: 24px; } .twins-what-section-wrapper .quiz-container .quiz-section .quiz-text-container .quiz-title p {
font-weight: 500;
font-size: 24px;
line-height: 32px;
color: #fcfdfe;
margin-bottom: 16px; }
@media (min-width: 61.25rem) { .twins-what-section-wrapper .quiz-container .quiz-section .quiz-text-container .quiz-title p {
font-size: 32px;
line-height: 48px;
margin-bottom: 55px; } } .twins-what-section-wrapper .quiz-container .quiz-section .quiz-text-container .quiz-title p a {
color: #f192ba; } .science .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-items-wrapper .collapsible-item-title.active {
padding-left: 8px; }
@media (min-width: 61.25rem) { .science .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-items-wrapper .collapsible-item-title.active {
padding-left: 32px; } } .science .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-list-text-wrapper {
padding: 0; } .science .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-list-text-wrapper .collapsible-items-wrapper .collapsible-item-title {
padding-right: 8px; }
@media (min-width: 61.25rem) { .science .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-list-text-wrapper .collapsible-items-wrapper .collapsible-item-title {
padding-right: 24px; } } .science .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-list-text-wrapper .collapsible-items-wrapper .collapsible-item-title.active:first-child {
border-radius: 8px; } .science .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-list-text-wrapper .collapsible-items-wrapper .collapsible-item-content h3 {
margin-top: 16px;
margin-bottom: 16px;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #241b46; }
@media (min-width: 61.25rem) { .science .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-list-text-wrapper .collapsible-items-wrapper .collapsible-item-content h3 {
margin-top: 52px;
margin-bottom: 0;
font-size: 20px;
line-height: 32px; } } .science .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-list-text-wrapper .collapsible-items-wrapper .collapsible-item-content h4 {
margin-top: 16px;
margin-bottom: 16px;
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #241b46;
margin-left: 24px; }
@media (min-width: 61.25rem) { .science .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-list-text-wrapper .collapsible-items-wrapper .collapsible-item-content h4 {
margin-top: 52px;
margin-bottom: 0;
font-size: 20px;
line-height: 32px;
margin-left: 64px; } } .science .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-list-text-wrapper .collapsible-items-wrapper .collapsible-item-content ul {
list-style-type: none;
margin-left: 24px;
max-width: 100%; }
@media (min-width: 61.25rem) { .science .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-list-text-wrapper .collapsible-items-wrapper .collapsible-item-content ul {
margin-left: 64px;
max-width: calc(100% - 64px); } } .science .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-list-text-wrapper .collapsible-items-wrapper .collapsible-item-content ul.list-inline-custom {
margin-left: 0; } .science .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-list-text-wrapper .collapsible-items-wrapper .collapsible-item-content ul.list-inline-custom li {
margin-bottom: 20px; }
@media (min-width: 61.25rem) { .science .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-list-text-wrapper .collapsible-items-wrapper .collapsible-item-content ul.list-inline-custom li {
float: left;
width: 45%; } } .science .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-list-text-wrapper .collapsible-items-wrapper .collapsible-item-content ul:last-of-type::after {
content: "";
display: block;
clear: both; } .science .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-list-text-wrapper .collapsible-items-wrapper .collapsible-item-content.active {
margin-top: 16px;
padding-left: 48px;
padding-right: 24px;
padding-bottom: 24px;
max-width: 100%; }
@media (min-width: 61.25rem) { .science .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-list-text-wrapper .collapsible-items-wrapper .collapsible-item-content.active {
padding-left: 80px;
padding-right: 80px;
padding-bottom: 56px;
margin-top: 0; } } .science .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-list-text-wrapper .collapsible-items-wrapper .collapsible-item-content p {
color: #534f62;
font-size: 14px;
line-height: 24px; }
@media (min-width: 61.25rem) { .science .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-list-text-wrapper .collapsible-items-wrapper .collapsible-item-content p {
font-size: 16px;
line-height: 32px; } } .science .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-list-text-wrapper .collapsible-items-wrapper .collapsible-item-content p img.alignright {
width: 100%;
padding-left: 0;
margin-left: 0;
margin-bottom: 0; }
@media (min-width: 61.25rem) { .science .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list .collapsible-list-text-wrapper .collapsible-items-wrapper .collapsible-item-content p img.alignright {
width: calc(50% - 80px);
padding-left: 80px; } } .science .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list:last-child {
margin-bottom: 80px; }
@media (min-width: 61.25rem) { .science .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list:last-child {
margin-bottom: 168px; } } .science .twins-what-section-wrapper {
margin-bottom: 80px; }
@media (min-width: 61.25rem) { .science .twins-what-section-wrapper {
margin-bottom: 120px; } } .science .twins-what-section-wrapper .quiz-container .quiz-section .quiz-text-container .quiz-title p a {
color: #fcfdfe; }
@media (min-width: 61.25rem) { .science .twins-what-section-wrapper .quiz-container .quiz-section .quiz-text-container .quiz-title p a {
color: #f192ba; } } .questions .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list:last-child {
margin-bottom: 80px; }
@media (min-width: 40rem) { .questions .collapsible-lists-container .container .collapsible-list-wrapper .collapsible-list:last-child {
margin-bottom: 120px; } } .questions .twins-what-section-wrapper {
margin-bottom: 80px; }
@media (min-width: 40rem) { .questions .twins-what-section-wrapper {
margin-bottom: 120px; } } .error404 .hero-container {
background-color: #fff; } .error404 h2 {
font-size: 16px;
line-height: 18px;
color: #241b46;
margin-bottom: 32px; }
@media (min-width: 40rem) { .error404 h2 {
font-size: 26px;
line-height: 32px; } } .blog .hero-container .background-grid .background-blob .container .buttons-wrapper-cat .cat-list {
list-style-type: none;
display: flex;
flex-wrap: wrap; } .blog .hero-container .background-grid .background-blob .container .buttons-wrapper-cat .cat-list li {
display: flex; } .blog .hero-container .background-grid .background-blob .container .buttons-wrapper-cat .cat-list li a {
margin-right: 8px;
padding: 4px 16px;
border: 1px solid #fcfdfe;
box-sizing: border-box;
border-radius: 24px;
font-weight: 500;
font-size: 14px;
line-height: 24px;
color: #241b46;
text-decoration: none;
width: max-content; } .blog .hero-container .background-grid .background-blob .container .buttons-wrapper-cat .cat-list li a.selected {
color: #fff;
background: #241b46;
border: 1px solid #241b46; } .blog .list-container {
max-width: calc(100% - 16px);
margin: 0 auto; } .blog .list-container .visible_item {
display: none; } .blog .list-container .gutter-sizer {
width: 16px; }
@media (min-width: 61.25rem) { .blog .list-container .gutter-sizer {
width: 80px; } }
@media (min-width: 47.75rem) { .blog .list-container {
max-width: 90%; } }
@media (min-width: 1400px) { .blog .list-container {
max-width: 1360px; } } .blog .list-container .posts-item {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0 auto;
width: 100%;
margin-top: -40px; }
@media (min-width: 61.25rem) { .blog .list-container .posts-item {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
display: flex;
margin-top: -120px; } } .blog .list-container .posts-item .post-item {
width: 100%;
min-height: 512px;
margin-bottom: 16px;
background: #fff;
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.25));
border-radius: 8px; }
@media (min-width: 61.25rem) { .blog .list-container .posts-item .post-item {
width: calc((100% - 160px) / 3);
min-height: 488px;
box-sizing: content-box;
margin-bottom: 80px; } }
@media (min-width: 61.25rem) { .blog .list-container .posts-item .post-item.first-two-posts-in-row {
width: calc((100% - 80px) / 2);
min-height: 416px; } }
@media (min-width: 61.25rem) { .blog .list-container .posts-item .post-item.first-two-posts-in-row div.post-text-wrapper p.post-item-excerpt {
-webkit-line-clamp: 3; } } .blog .list-container .posts-item .post-item img {
width: 100%;
height: 200px;
object-fit: cover; } .blog .list-container .posts-item .post-item .post-text-wrapper {
padding: 16px 40px;
display: grid;
grid-template-columns: 1fr;
gap: 8px; } .blog .list-container .posts-item .post-item .post-text-wrapper .post-category-name {
font-weight: 500;
font-size: 12px;
line-height: 32px;
letter-spacing: 0.04em;
color: #f36f21; } .blog .list-container .posts-item .post-item .post-text-wrapper .post-item-title {
font-weight: 500;
font-size: 24px;
line-height: 24px;
color: #241b46;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical; } .blog .list-container .posts-item .post-item .post-text-wrapper .post-item-excerpt {
font-size: 15px;
line-height: 24px;
color: #534f62;
font-weight: 300;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical; }
@media (min-width: 61.25rem) { .blog .list-container .posts-item .post-item .post-text-wrapper .post-item-excerpt {
-webkit-line-clamp: 6; } } .blog .list-container .posts-item .post-item .post-text-wrapper .post-item-link {
font-size: 14px;
line-height: 32px;
color: #241b46;
font-weight: 300;
text-decoration: underline; } .blog .list-container .posts-item .post-item:nth-child(even) { } .blog #showMore {
cursor: pointer;
font-weight: 500;
font-size: 18px;
line-height: 32px;
color: #241b46;
background: #fff;
border: 1px solid #f6e4f2;
box-sizing: border-box;
border-radius: 24px;
padding: 8px 24px;
margin: 0 auto;
text-align: center;
width: 150px;
display: block;
margin-bottom: 80px; }
@media (min-width: 61.25rem) { .blog #showMore {
margin-bottom: 120px; } } .blog #showMore:hover {
border: 1px solid #f6e4f2;
color: #fff;
background: #241b46; } .educations .hero-container .background-grid .background-blob .container .hero-title-wrapper {
margin-bottom: 56px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; }
@media (min-width: 61.25rem) { .educations .hero-container .background-grid .background-blob .container .hero-title-wrapper {
margin-bottom: 40px; } } .educations .hero-container .background-grid .background-blob .container .buttons-wrapper-cat .cat-list {
list-style-type: none;
display: flex;
flex-wrap: wrap; } .educations .hero-container .background-grid .background-blob .container .buttons-wrapper-cat .cat-list li {
display: flex; } .educations .hero-container .background-grid .background-blob .container .buttons-wrapper-cat .cat-list li a {
margin-right: 8px;
padding: 4px 16px;
border: 1px solid #fcfdfe;
box-sizing: border-box;
border-radius: 24px;
font-weight: 500;
font-size: 14px;
line-height: 24px;
color: #241b46;
text-decoration: none;
width: max-content; } .educations .hero-container .background-grid .background-blob .container .buttons-wrapper-cat .cat-list li a.selected {
color: #fff;
background: #241b46;
border: 1px solid #241b46; } .educations .list-container {
max-width: calc(100% - 16px);
margin: 0 auto; } .educations .list-container .visible_item {
display: none; } .educations .list-container .gutter-sizer {
width: 16px; }
@media (min-width: 61.25rem) { .educations .list-container .gutter-sizer {
width: 80px; } }
@media (min-width: 47.75rem) { .educations .list-container {
max-width: 90%; } }
@media (min-width: 1400px) { .educations .list-container {
max-width: 1360px; } } .educations .list-container .posts-item {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0 auto;
width: 100%;
margin-top: -40px; }
@media (min-width: 61.25rem) { .educations .list-container .posts-item {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
display: flex;
margin-top: -120px; } } .educations .list-container .posts-item .post-item {
width: 100%;
min-height: 512px;
margin-bottom: 16px;
background: #fff;
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.25));
border-radius: 8px; }
@media (min-width: 61.25rem) { .educations .list-container .posts-item .post-item {
width: calc((100% - 160px) / 3);
min-height: 488px;
box-sizing: content-box;
margin-bottom: 80px; } } .educations .list-container .posts-item .post-item img {
width: 100%;
height: 200px;
object-fit: cover; } .educations .list-container .posts-item .post-item .post-text-wrapper {
padding: 16px 40px;
display: grid;
grid-template-columns: 1fr;
gap: 8px; } .educations .list-container .posts-item .post-item .post-text-wrapper .post-category-name {
font-weight: 500;
font-size: 12px;
line-height: 32px;
letter-spacing: 0.04em;
color: #f36f21; } .educations .list-container .posts-item .post-item .post-text-wrapper .post-item-title {
font-weight: 500;
font-size: 24px;
line-height: 32px;
color: #241b46;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical; } .educations .list-container .posts-item .post-item .post-text-wrapper .post-item-excerpt {
font-size: 15px;
line-height: 24px;
color: #534f62;
font-weight: 300;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical; }
@media (min-width: 61.25rem) { .educations .list-container .posts-item .post-item .post-text-wrapper .post-item-excerpt {
-webkit-line-clamp: 6; } } .educations .list-container .posts-item .post-item .post-text-wrapper .post-item-link {
font-size: 14px;
line-height: 32px;
color: #241b46;
font-weight: 300;
text-decoration: underline; } .educations .list-container .posts-item .post-item:nth-child(even) { } .educations #showMore {
cursor: pointer;
font-weight: 500;
font-size: 18px;
line-height: 32px;
color: #241b46;
background: #fff;
border: 1px solid #f6e4f2;
box-sizing: border-box;
border-radius: 24px;
padding: 8px 24px;
margin: 0 auto;
text-align: center;
width: 150px;
display: block;
margin-bottom: 80px; }
@media (min-width: 61.25rem) { .educations #showMore {
margin-bottom: 120px; } } .educations #showMore:hover {
border: 1px solid #f6e4f2;
color: #fff;
background: #241b46; } .single-education .hero-container,
.single-post .hero-container {
background-color: #fff;
min-height: 562px;
padding-bottom: 47px; }
@media (min-width: 40rem) { .single-education .hero-container,
.single-post .hero-container {
margin-bottom: 16px;
height: 640px;
min-height: 400px;
padding-bottom: 0; } } .single-education .hero-container .breadcrumbs,
.single-post .hero-container .breadcrumbs {
padding-top: 119px;
margin-bottom: 49px; }
@media (min-width: 40rem) { .single-education .hero-container .breadcrumbs,
.single-post .hero-container .breadcrumbs {
padding-top: 264px;
margin-bottom: 16px; } } .single-education .hero-container .breadcrumbs div#breadcrumbs,
.single-post .hero-container .breadcrumbs div#breadcrumbs {
display: flex;
flex-direction: row; } .single-education .hero-container .breadcrumbs div#breadcrumbs div span,
.single-post .hero-container .breadcrumbs div#breadcrumbs div span {
font-weight: 500;
font-size: 14px;
line-height: 32px;
color: #241b46;
vertical-align: bottom; }
@media (min-width: 40rem) { .single-education .hero-container .breadcrumbs div#breadcrumbs div span,
.single-post .hero-container .breadcrumbs div#breadcrumbs div span {
font-size: 20px; } } .single-education .hero-container .breadcrumbs div#breadcrumbs div span a,
.single-post .hero-container .breadcrumbs div#breadcrumbs div span a {
text-decoration-line: underline;
color: #241b46;
font-size: 14px;
line-height: 32px; }
@media (min-width: 40rem) { .single-education .hero-container .breadcrumbs div#breadcrumbs div span a,
.single-post .hero-container .breadcrumbs div#breadcrumbs div span a {
font-size: 20px; } } .single-education .hero-container .breadcrumbs div#breadcrumbs div:nth-of-type(1) span a::before,
.single-post .hero-container .breadcrumbs div#breadcrumbs div:nth-of-type(1) span a::before {
content: url(//panorama-test.hr/wp-content/themes/sage/resources/assets/images/arrow-left.png);
margin-left: -53px;
margin-right: 32px; } .single-education .hero-container .breadcrumbs div#breadcrumbs div:nth-of-type(2) span a,
.single-post .hero-container .breadcrumbs div#breadcrumbs div:nth-of-type(2) span a {
text-decoration: none !important;
color: #f36f21;
pointer-events: none !important; } .single-education .hero-container .breadcrumbs div#breadcrumbs div:nth-of-type(2)::before,
.single-post .hero-container .breadcrumbs div#breadcrumbs div:nth-of-type(2)::before {
content: "/";
color: #f192ba;
font-size: 23px;
margin-left: 6px;
margin-right: 6px; } .single-education .hero-container .breadcrumbs div#breadcrumbs div:last-child .breadcrumb_last,
.single-post .hero-container .breadcrumbs div#breadcrumbs div:last-child .breadcrumb_last {
display: none; } .single-education .hero-container .background-grid .background-blob,
.single-post .hero-container .background-grid .background-blob {
background-position-x: -30px; }
@media (min-width: 40rem) { .single-education .hero-container .background-grid .background-blob,
.single-post .hero-container .background-grid .background-blob {
background-position-x: 93px; } } .single-education .hero-container .background-grid .background-blob .container h1,
.single-post .hero-container .background-grid .background-blob .container h1 {
padding-top: 0;
font-weight: 500;
font-size: 32px;
line-height: 32px;
margin-bottom: 9px; }
@media (min-width: 40rem) { .single-education .hero-container .background-grid .background-blob .container h1,
.single-post .hero-container .background-grid .background-blob .container h1 {
padding-top: 0;
margin-bottom: 27px;
font-size: 48px;
line-height: 64px; } } .single-education .hero-container .background-grid .background-blob .container .post-subtitle,
.single-post .hero-container .background-grid .background-blob .container .post-subtitle {
font-weight: 500;
font-size: 20px;
line-height: 32px;
color: #241b46;
max-width: 800px;
padding-bottom: 21px; }
@media (min-width: 40rem) { .single-education .hero-container .background-grid .background-blob .container .post-subtitle,
.single-post .hero-container .background-grid .background-blob .container .post-subtitle {
font-size: 32px;
line-height: 48px;
padding-bottom: 0; } } .single-education .single-post-container,
.single-post .single-post-container {
margin-bottom: 80px; }
@media (min-width: 40rem) { .single-education .single-post-container,
.single-post .single-post-container {
margin-bottom: 120px; } } .single-education .single-post-container div.container,
.single-post .single-post-container div.container {
display: grid;
grid-template-columns: 1fr;
max-width: 100%;
margin: 0 16px;
margin-top: -119px;
gap: 24px; }
@media (min-width: 40rem) { .single-education .single-post-container div.container,
.single-post .single-post-container div.container {
margin-top: 0;
gap: 24px; } }
@media (min-width: 61.25rem) { .single-education .single-post-container div.container,
.single-post .single-post-container div.container {
grid-template-columns: 1fr 160px;
max-width: 90%;
margin: 0 auto;
gap: 80px;
margin-top: 0; } }
@media (min-width: 1100px) { .single-education .single-post-container div.container,
.single-post .single-post-container div.container {
grid-template-columns: 1fr 160px;
max-width: 1040px;
margin: 0 auto;
gap: 240px; } } .single-education .single-post-container div.container .single-post-sidebar,
.single-post .single-post-container div.container .single-post-sidebar {
order: 1; }
@media (min-width: 40rem) { .single-education .single-post-container div.container .single-post-sidebar,
.single-post .single-post-container div.container .single-post-sidebar {
order: 2;
margin-top: -119px; } } .single-education .single-post-container div.container .single-post-sidebar #sticky.sticky,
.single-post .single-post-container div.container .single-post-sidebar #sticky.sticky {
position: fixed;
top: 0; } .single-education .single-post-container div.container .single-post-sidebar .single-post-sidebar-author,
.single-post .single-post-container div.container .single-post-sidebar .single-post-sidebar-author {
display: flex;
flex-direction: row;
align-items: center; }
@media (min-width: 40rem) { .single-education .single-post-container div.container .single-post-sidebar .single-post-sidebar-author,
.single-post .single-post-container div.container .single-post-sidebar .single-post-sidebar-author {
display: flex;
flex-direction: column;
align-items: unset; } } .single-education .single-post-container div.container .single-post-sidebar .single-post-sidebar-author img,
.single-post .single-post-container div.container .single-post-sidebar .single-post-sidebar-author img {
border-radius: 80px;
width: 40px;
height: 40px;
object-fit: cover; }
@media (min-width: 40rem) { .single-education .single-post-container div.container .single-post-sidebar .single-post-sidebar-author img,
.single-post .single-post-container div.container .single-post-sidebar .single-post-sidebar-author img {
width: 102px;
height: 102px; } } .single-education .single-post-container div.container .single-post-sidebar .single-post-sidebar-author .author-name,
.single-post .single-post-container div.container .single-post-sidebar .single-post-sidebar-author .author-name {
margin-left: 16px;
font-size: 14px;
line-height: 32px;
color: #241b46;
font-weight: 300; }
@media (min-width: 40rem) { .single-education .single-post-container div.container .single-post-sidebar .single-post-sidebar-author .author-name,
.single-post .single-post-container div.container .single-post-sidebar .single-post-sidebar-author .author-name {
margin-left: 0;
margin-top: 16px;
font-size: 18px;
line-height: 32px; } } .single-education .single-post-container div.container .single-post-sidebar .single-post-sidebar-menu,
.single-post .single-post-container div.container .single-post-sidebar .single-post-sidebar-menu {
display: none;
margin-top: 16px;
padding-top: 16px;
list-style-type: none;
border-top: 1px solid #feecf8; }
@media (min-width: 61.25rem) { .single-education .single-post-container div.container .single-post-sidebar .single-post-sidebar-menu,
.single-post .single-post-container div.container .single-post-sidebar .single-post-sidebar-menu {
display: block; } } .single-education .single-post-container div.container .single-post-sidebar .single-post-sidebar-menu li.single-post-sidebar-menu-item a.menu-item-link,
.single-post .single-post-container div.container .single-post-sidebar .single-post-sidebar-menu li.single-post-sidebar-menu-item a.menu-item-link {
font-size: 14px;
line-height: 32px;
text-decoration-line: underline;
color: #241b46;
margin-bottom: 15px; } .single-education .single-post-container div.container .content-section-wrapper,
.single-post .single-post-container div.container .content-section-wrapper {
order: 2; }
@media (min-width: 61.25rem) { .single-education .single-post-container div.container .content-section-wrapper,
.single-post .single-post-container div.container .content-section-wrapper {
order: 1; } } .single-education .single-post-container div.container .content-section-wrapper .single-post-content,
.single-post .single-post-container div.container .content-section-wrapper .single-post-content {
margin-bottom: 24px; }
@media (min-width: 40rem) { .single-education .single-post-container div.container .content-section-wrapper .single-post-content,
.single-post .single-post-container div.container .content-section-wrapper .single-post-content {
margin-bottom: 64px; } } .single-education .single-post-container div.container .content-section-wrapper .single-post-content p,
.single-post .single-post-container div.container .content-section-wrapper .single-post-content p {
font-size: 16px;
line-height: 32px;
color: #534f62;
font-weight: 300; }
@media (min-width: 40rem) { .single-education .single-post-container div.container .content-section-wrapper .single-post-content p,
.single-post .single-post-container div.container .content-section-wrapper .single-post-content p {
font-size: 18px; } } .single-education .single-post-container div.container .content-section-wrapper .single-post-content blockquote p,
.single-post .single-post-container div.container .content-section-wrapper .single-post-content blockquote p {
font-size: 22px;
color: #000;
line-height: 1.2;
font-weight: 500;
letter-spacing: 2.7px;
text-align: center; } .single-education .single-post-container div.container .content-section-wrapper .single-post-content blockquote::before,
.single-post .single-post-container div.container .content-section-wrapper .single-post-content blockquote::before {
content: "";
width: 230px;
border-top: 2px solid #000;
display: block;
padding-top: 20px;
margin: 0 auto; } .single-education .single-post-container div.container .content-section-wrapper .single-post-subtitle-content,
.single-post .single-post-container div.container .content-section-wrapper .single-post-subtitle-content {
font-weight: 500;
font-size: 16px;
line-height: 24px;
margin-bottom: 24px;
color: #241b46; }
@media (min-width: 40rem) { .single-education .single-post-container div.container .content-section-wrapper .single-post-subtitle-content,
.single-post .single-post-container div.container .content-section-wrapper .single-post-subtitle-content {
font-size: 24px;
line-height: 48px;
margin-bottom: 0; } } .single-education .single-post-container div.container .content-section-wrapper ul.heateor_sss_follow_ul li.heateorSssSharingRound,
.single-education .single-post-container div.container .content-section-wrapper ul.heateor_sss_sharing_ul li.heateorSssSharingRound,
.single-post .single-post-container div.container .content-section-wrapper ul.heateor_sss_follow_ul li.heateorSssSharingRound,
.single-post .single-post-container div.container .content-section-wrapper ul.heateor_sss_sharing_ul li.heateorSssSharingRound {
margin-right: 24px !important; } .single-education .single-post-container div.container .content-section-wrapper ul.heateor_sss_follow_ul li.heateorSssSharingRound .heateorSssSharingSvg,
.single-education .single-post-container div.container .content-section-wrapper ul.heateor_sss_sharing_ul li.heateorSssSharingRound .heateorSssSharingSvg,
.single-post .single-post-container div.container .content-section-wrapper ul.heateor_sss_follow_ul li.heateorSssSharingRound .heateorSssSharingSvg,
.single-post .single-post-container div.container .content-section-wrapper ul.heateor_sss_sharing_ul li.heateorSssSharingRound .heateorSssSharingSvg {
border: 1px solid #f6e4f2 !important;
padding: 8px !important;
border-radius: 50%; } .single-education .single-post-container div.container .content-section-wrapper .heateor_sss_standard_follow_icons_container .heateorSssFacebookSvg,
.single-education .single-post-container div.container .content-section-wrapper .heateor_sss_horizontal_sharing .heateorSssFacebookSvg,
.single-education .single-post-container div.container .content-section-wrapper #heateor_sss_rearrange .heateorSssFacebookSvg,
.single-post .single-post-container div.container .content-section-wrapper .heateor_sss_standard_follow_icons_container .heateorSssFacebookSvg,
.single-post .single-post-container div.container .content-section-wrapper .heateor_sss_horizontal_sharing .heateorSssFacebookSvg,
.single-post .single-post-container div.container .content-section-wrapper #heateor_sss_rearrange .heateorSssFacebookSvg {
background: url(//panorama-test.hr/wp-content/themes/sage/resources/assets/images/facebook.png);
background-repeat: no-repeat;
background-position: center center; } .single-education .single-post-container div.container .content-section-wrapper .heateor_sss_standard_follow_icons_container .heateorSssCopyLinkSvg,
.single-education .single-post-container div.container .content-section-wrapper .heateor_sss_horizontal_sharing .heateorSssCopyLinkSvg,
.single-education .single-post-container div.container .content-section-wrapper #heateor_sss_rearrange .heateorSssCopyLinkSvg,
.single-post .single-post-container div.container .content-section-wrapper .heateor_sss_standard_follow_icons_container .heateorSssCopyLinkSvg,
.single-post .single-post-container div.container .content-section-wrapper .heateor_sss_horizontal_sharing .heateorSssCopyLinkSvg,
.single-post .single-post-container div.container .content-section-wrapper #heateor_sss_rearrange .heateorSssCopyLinkSvg {
background: url(//panorama-test.hr/wp-content/themes/sage/resources/assets/images/share-icon.png);
background-repeat: no-repeat;
background-position: center center; } .single-education .twins-what-section-wrapper,
.single-post .twins-what-section-wrapper {
margin-bottom: 80px; }
@media (min-width: 40rem) { .single-education .twins-what-section-wrapper,
.single-post .twins-what-section-wrapper {
margin-bottom: 120px; } } .single-education .similar-posts-container,
.single-post .similar-posts-container {
margin-bottom: 0; }
@media (min-width: 40rem) { .single-education .similar-posts-container,
.single-post .similar-posts-container {
margin-bottom: 120px; } } .single-education .similar-posts-container .title-container,
.single-post .similar-posts-container .title-container {
max-width: 1040px;
margin: 0 16px; }
@media (min-width: 40rem) { .single-education .similar-posts-container .title-container,
.single-post .similar-posts-container .title-container {
margin: 0 auto; } } .single-education .similar-posts-container .title-container .similar-posts-title-wrapper,
.single-post .similar-posts-container .title-container .similar-posts-title-wrapper {
display: flex;
justify-content: space-between;
flex-direction: column;
margin-bottom: 20px; }
@media (min-width: 40rem) { .single-education .similar-posts-container .title-container .similar-posts-title-wrapper,
.single-post .similar-posts-container .title-container .similar-posts-title-wrapper {
flex-direction: row;
margin-bottom: 54px; } } .single-education .similar-posts-container .title-container .similar-posts-title-wrapper .similar-posts-title,
.single-post .similar-posts-container .title-container .similar-posts-title-wrapper .similar-posts-title {
font-weight: 500;
font-size: 26px;
line-height: 32px;
color: #241b46; }
@media (min-width: 40rem) { .single-education .similar-posts-container .title-container .similar-posts-title-wrapper .similar-posts-title,
.single-post .similar-posts-container .title-container .similar-posts-title-wrapper .similar-posts-title {
font-size: 48px;
line-height: 64px; } } .single-education .similar-posts-container .title-container .similar-posts-title-wrapper .all-posts-button,
.single-post .similar-posts-container .title-container .similar-posts-title-wrapper .all-posts-button {
font-weight: 500;
font-size: 18px;
line-height: 32px;
color: #241b46;
padding: 8px 24px;
border: 1px solid #f6e4f2;
box-sizing: border-box;
border-radius: 24px;
margin: 8px 0;
display: none; }
@media (min-width: 40rem) { .single-education .similar-posts-container .title-container .similar-posts-title-wrapper .all-posts-button,
.single-post .similar-posts-container .title-container .similar-posts-title-wrapper .all-posts-button {
display: block; } } .single-education .similar-posts-container div.container,
.single-post .similar-posts-container div.container {
max-width: 1440px;
margin: 0 auto;
padding: 0; }
@media (min-width: 40rem) { .single-education .similar-posts-container div.container,
.single-post .similar-posts-container div.container {
padding: 0; } } .single-education .similar-posts-container div.container .post-item,
.single-post .similar-posts-container div.container .post-item {
margin: 1px 6px;
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.25));
border-radius: 8px;
padding: 32px 40px;
background: #fff;
overflow: visible; }
@media (min-width: 40rem) { .single-education .similar-posts-container div.container .post-item,
.single-post .similar-posts-container div.container .post-item {
margin: 1px 40px; } } .single-education .similar-posts-container div.container .post-item .post-text-wrapper,
.single-post .similar-posts-container div.container .post-item .post-text-wrapper {
display: grid;
grid-template-columns: 1fr;
gap: 8px; } .single-education .similar-posts-container div.container .post-item .post-text-wrapper .post-category-name,
.single-post .similar-posts-container div.container .post-item .post-text-wrapper .post-category-name {
font-weight: 500;
font-size: 12px;
line-height: 32px;
letter-spacing: 0.04em;
color: #f36f21;
margin-bottom: 8px; }
@media (min-width: 40rem) { .single-education .similar-posts-container div.container .post-item .post-text-wrapper .post-category-name,
.single-post .similar-posts-container div.container .post-item .post-text-wrapper .post-category-name {
margin-bottom: 0; } } .single-education .similar-posts-container div.container .post-item .post-text-wrapper .post-item-title,
.single-post .similar-posts-container div.container .post-item .post-text-wrapper .post-item-title {
font-weight: 500;
font-size: 24px;
line-height: 24px;
color: #241b46; } .single-education .similar-posts-container div.container .post-item .post-text-wrapper .post-item-excerpt,
.single-post .similar-posts-container div.container .post-item .post-text-wrapper .post-item-excerpt {
font-size: 15px;
line-height: 24px;
color: #534f62;
font-weight: 300;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 9;
-webkit-box-orient: vertical;
margin-bottom: 8px; }
@media (min-width: 40rem) { .single-education .similar-posts-container div.container .post-item .post-text-wrapper .post-item-excerpt,
.single-post .similar-posts-container div.container .post-item .post-text-wrapper .post-item-excerpt {
margin-bottom: 0;
-webkit-line-clamp: 7; } } .single-education .similar-posts-container div.container .post-item .post-text-wrapper .post-item-link,
.single-post .similar-posts-container div.container .post-item .post-text-wrapper .post-item-link {
font-size: 14px;
line-height: 32px;
text-decoration-line: underline;
color: #241b46;
font-weight: 300; } .single-education .similar-posts-container div.container .all-posts-button.mobile-button,
.single-post .similar-posts-container div.container .all-posts-button.mobile-button {
font-weight: 500;
font-size: 18px;
line-height: 32px;
color: #241b46;
padding: 8px 24px;
border: 1px solid #f6e4f2;
box-sizing: border-box;
border-radius: 24px;
display: block;
margin: 0 auto;
margin-top: 37px;
margin-bottom: 80px;
text-align: center;
max-width: 140px; }
@media (min-width: 40rem) { .single-education .similar-posts-container div.container .all-posts-button.mobile-button,
.single-post .similar-posts-container div.container .all-posts-button.mobile-button {
display: none; } } .hero-container {
height: 400px;
background: #f6e4f2;
background-repeat: no-repeat;
background-position-x: calc(100% - 250px);
background-position-y: 64px; }
@media (min-width: 40rem) { .hero-container {
height: 640px;
background-position-y: center;
background-position-x: 36px; } } .hero-container .background-grid {
background-repeat: no-repeat;
height: 100%;
background-position-x: -500%; }
@media (min-width: 40rem) { .hero-container .background-grid {
background-position-x: calc(100% - 256px);
background-position-y: calc(100% - 56px); } } .hero-container .background-grid .background-blob {
background-repeat: no-repeat;
height: 100%;
background-position-x: 0;
background-position-y: 0%; }
@media (min-width: 40rem) { .hero-container .background-grid .background-blob {
background-position-x: 146px;
background-position-y: calc(100% + 53px); } } .hero-container .background-grid .background-blob .container {
max-width: 1040px; } .hero-container .background-grid .background-blob .container h1 {
padding-top: 136px;
margin-bottom: 24px;
font-size: 26px;
line-height: 32px;
color: #241b46; }
@media (min-width: 40rem) { .hero-container .background-grid .background-blob .container h1 {
font-size: 48px;
line-height: 64px;
padding-top: 248px;
margin-bottom: 24px; } } .hero-container .background-grid .background-blob .container .buttons-wrapper {
display: flex;
flex-direction: row; } .hero-container .background-grid .background-blob .container .buttons-wrapper a {
padding: 4px 16px;
border: 1px solid #fcfdfe;
box-sizing: border-box;
border-radius: 24px;
font-weight: 500;
font-size: 14px;
line-height: 24px;
color: #241b46;
text-decoration: none; }
@media (min-width: 40rem) { .hero-container .background-grid .background-blob .container .buttons-wrapper a {
font-size: 18px;
line-height: 32px;
padding: 5px 24px; } } .hero-container .background-grid .background-blob .container .buttons-wrapper a.panel-button {
margin-right: 24px; } .contact .quiz-section .quiz-text-container .quiz-title a {
color: #f192ba; } .contact .first-section .container .two-column-section-inner {
align-items: baseline; } .contact .first-section .container .two-column-section-inner .column-left .contact-text p {
font-size: 16px;
line-height: 32px;
color: #534f62; } .contact .first-section .container .two-column-section-inner .column-left .contact-text p a {
color: #f192ba; } .contact .first-section .container .two-column-section-inner .column-right .contact-form-wrapper form input {
border: 1px solid #f6e4f2;
margin-bottom: 24px;
border-radius: 24px;
font-weight: 500;
font-size: 18px;
line-height: 32px;
padding: 8px 24px;
width: calc(100% - 48px); } .contact .first-section .container .two-column-section-inner .column-right .contact-form-wrapper form input[type=submit] {
width: max-content;
text-align: center;
margin: 0 auto;
color: #fcfdfe;
background: #f36f21;
border-radius: 24px;
cursor: pointer;
margin-top: 24px; } .contact .first-section .container .two-column-section-inner .column-right .contact-form-wrapper form textarea {
border: 1px solid #f6e4f2;
border-radius: 24px;
font-weight: 500;
font-size: 18px;
line-height: 32px;
padding: 8px 24px;
width: calc(100% - 48px);
resize: none;
height: 150px; } .test .quiz-section .quiz-text-container .quiz-title a {
color: #f192ba; } .test .first-section .container .two-column-section-inner {
align-items: baseline;
grid-template-columns: 1fr; } .test .first-section .container .two-column-section-inner .column-left {
width: 100%;
max-width: 100%; } .test .first-section .container .two-column-section-inner .column-left .contact-text p {
font-size: 16px;
line-height: 32px;
color: #534f62; } .test .first-section .container .two-column-section-inner .column-left .contact-text p a {
color: #f192ba; } .test .first-section .container .two-column-section-inner .column-left .contact-text p a.test-contact-button {
color: #fcfdfe;
padding: 8px 16px;
background: #f36f21;
border-radius: 20px;
margin-top: 48px;
text-decoration: unset; } .test .first-section .container .two-column-section-inner .column-right {
width: 100%;
max-width: 100%;
max-height: 0;
opacity: 0;
transition: all 0s linear 300ms, opacity 300ms;
overflow: hidden; } .test .first-section .container .two-column-section-inner .column-right.active {
opacity: 1;
max-height: 100%;
transition: all 0s linear 0s, opacity 300ms; } .test .first-section .container .two-column-section-inner .column-right .contact-form-wrapper form input {
border: 1px solid #f6e4f2;
margin-bottom: 24px;
border-radius: 24px;
font-weight: 500;
font-size: 16px;
line-height: 32px;
padding: 8px 24px;
color: #534f62; } .test .first-section .container .two-column-section-inner .column-right .contact-form-wrapper form input[type=submit] {
width: max-content;
text-align: center;
margin: 0 auto;
color: #fcfdfe;
background: #f36f21;
border-radius: 24px;
cursor: pointer;
margin-top: 24px; } .test .first-section .container .two-column-section-inner .column-right .contact-form-wrapper form input[type="text"] {
width: calc(100% - 48px); } .test .first-section .container .two-column-section-inner .column-right .contact-form-wrapper form .wpcf7-checkbox input {
width: auto; } .test .first-section .container .two-column-section-inner .column-right .contact-form-wrapper form textarea {
border: 1px solid #f6e4f2;
border-radius: 24px;
font-weight: 500;
font-size: 18px;
line-height: 32px;
padding: 8px 24px;
width: calc(100% - 48px);
resize: none;
height: 150px; } #wpsl-wrap #wpsl-result-list li {
display: block; } .map {
margin-bottom: 174px; } .map h2 {
margin-top: 38px;
margin-bottom: 44px; } .map label {
font-size: 14px;
width: auto; } .map #wpsl-search-wrap div label {
line-height: 39px; } .map #wpsl-search-input {
background-color: #fff;
font-weight: 500;
font-size: 16px;
line-height: 21px;
color: #241b46;
border-radius: 24px;
padding: 8px 24px;
text-decoration: none; } .map #wpsl-search-wrap {
font-size: 14px;
border-bottom: 1px solid white;
margin-bottom: 40px;
padding-bottom: 10px; } .map #wpsl-search-btn {
color: #fcfdfe;
padding: 8px 16px;
background: #f36f21;
border-radius: 20px;
font-size: 16px;
line-height: 21px;
text-decoration: unset; } .map .wpsl-search {
background: none;
padding: 0; } header {
padding: 16px;
position: absolute;
z-index: 99;
left: 0;
right: 0; } header.mobile.active {
z-index: 100;
background-color: #fff;
border-bottom: 1px solid #00000040;
position: fixed; }
@media (min-width: 40rem) { header {
padding: 16px 40px; } } header .container {
display: flex;
flex-direction: row;
justify-content: flex-end;
padding: 0; }
@media (min-width: 1658px) { header .container {
justify-content: normal; } }
@media (min-width: 1440px) and (max-width: 1657px) { header .container {
justify-content: center; } }
@media (min-width: 1280px) and (max-width: 1440px) { header .container {
justify-content: center; } }
@media (min-width: 1279px) and (max-width: 1350px) { header .container {
justify-content: center; } } header .container .brand {
position: absolute;
left: 16px;
top: 23px;
z-index: 2; }
@media (min-width: 40rem) { header .container .brand {
top: 16px; } }
@media (min-width: 61.25rem) { header .container .brand {
left: 40px; } } header .container .brand img {
width: 141px;
height: auto;
vertical-align: middle; }
@media (min-width: 40rem) { header .container .brand img {
width: auto; } } header .container .nav-secondary {
position: absolute;
right: 40px;
top: 16px; }
@media (min-width: 1230px) and (max-width: 1350px) { header .container .nav-secondary {
margin-top: 0; } } header .container nav div ul {
list-style-type: none;
display: flex;
flex-direction: row;
gap: 32px; }
@media (min-width: 40rem) { header .container nav div ul li.current_page_item {
text-decoration: underline; } } header .container nav div ul li a {
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #241b46;
text-decoration: unset; }
@media (min-width: 1230px) and (max-width: 1450px) { header .container nav div ul li a {
font-size: 13px; } } header .container nav div ul li:first-child a {
padding: 8px 16px;
background: transparent;
border-radius: 20px;
-webkit-transition: all 0s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease; } header .container nav.nav-secondary div ul li:last-child a {
color: #fcfdfe;
padding: 8px 16px;
background: #f36f21;
border-radius: 20px; } header .container nav.nav-secondary.nav--fixed {
position: fixed; } header .container nav.nav-secondary.nav--fixed div.menu-secondary-menu-container ul li:first-child a {
background: #fcfdfe;
padding: 8px 16px;
color: #f36f21;
border-radius: 20px;
filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.25)); } header .container nav.nav-primary,
header .container nav.nav-secondary {
display: none; }
@media (min-width: 1279px) { header .container nav.nav-primary,
header .container nav.nav-secondary {
display: block; } } #mobile-menu {
display: block;
width: 32px;
height: 32px;
position: relative;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
cursor: pointer; }
@media (min-width: 1279px) { #mobile-menu {
display: none; } } #mobile-menu span {
display: block;
position: absolute;
height: 3px;
width: 22px;
background: #241b46;
border-radius: 9px;
opacity: 1;
left: 5px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out; } #mobile-menu span:nth-child(1) {
top: 5px; } #mobile-menu span:nth-child(2),
#mobile-menu span:nth-child(3) {
top: 13px; } #mobile-menu span:nth-child(4) {
top: 21px; } #mobile-menu.open span:nth-child(1) {
top: 13px;
width: 0%;
left: 50%; } #mobile-menu.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); } #mobile-menu.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); } #mobile-menu.open span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%; } .mobile-menu {
display: none; } .mobile-menu.active {
overflow: scroll;
display: block;
position: fixed;
top: 40px;
left: 0;
height: 100vh;
width: 100%;
background: #fff;
z-index: 99;
background-repeat: no-repeat;
background-position: bottom right;
background-position-x: calc(100% - -180px);
background-position-y: calc(100% + 30px); } .mobile-menu.active .nav-primary-mobile {
margin-top: 64px;
padding-left: 16px; } .mobile-menu.active .nav-primary-mobile ul.nav {
display: flex;
flex-direction: column;
gap: 26px;
list-style-type: none; } .mobile-menu.active .nav-primary-mobile ul.nav .menu-item > * {
font-weight: 500;
font-size: 20px;
line-height: 40px;
color: #241b46;
text-decoration: none; } .mobile-menu.active .nav-primary-mobile ul.nav .menu-item > *:hover {
color: #f36f21; } footer {
padding-top: 45px;
padding-bottom: 19px;
background: #f6e4f2;
background-repeat: no-repeat;
background-position-y: 32px;
background-position-y: calc(100% - -70px);
background-position-x: calc(100% - -185px); }
@media (min-width: 40rem) { footer {
padding-top: 75px;
padding-bottom: 48px;
background-position-x: calc(100% - 32px);
background-position-y: 32px; } } footer .footer-logo-wrapper {
height: 38px;
margin-bottom: 8px; }
@media (min-width: 40rem) { footer .footer-logo-wrapper {
margin-bottom: 20px; } } footer .footer-logo-text {
font-weight: normal;
font-size: 14px;
line-height: 26px;
color: #534f62;
margin-bottom: 8px; }
@media (min-width: 40rem) { footer .footer-logo-text {
margin-bottom: 23px; } } footer .footer-logo-link {
font-weight: 500;
font-size: 14px;
line-height: 26px;
text-decoration-line: underline;
color: #241b46; } footer .container .footer-content-top-container {
display: grid;
grid-template-columns: 1fr;
gap: 48px;
margin-bottom: 48px; }
@media (min-width: 40rem) { footer .container .footer-content-top-container {
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 80px;
margin-bottom: 122px; } }
@media (min-width: 40rem) and (max-width: 61.25rem) { footer .container .footer-content-top-container {
grid-template-columns: 1fr 1fr 1fr;
gap: 40px;
margin-bottom: 122px; } } footer .container .footer-content-top-container .footer-content-left-third,
footer .container .footer-content-top-container .footer-content-left-fourth {
display: none; }
@media (min-width: 40rem) { footer .container .footer-content-top-container .footer-content-left-third,
footer .container .footer-content-top-container .footer-content-left-fourth {
display: block; } } footer .container .footer-content-top-container .footer-menu-class ul {
list-style-type: none; } footer .container .footer-content-top-container .footer-menu-class ul li a {
font-weight: 500;
font-size: 20px;
line-height: 40px;
color: #241b46;
text-decoration: none; } footer .container .footer-content-bottom-container {
display: grid;
grid-template-columns: 1fr; }
@media (min-width: 40rem) { footer .container .footer-content-bottom-container {
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 80px; } }
@media (min-width: 40rem) and (min-width: 40rem) and (max-width: 61.25rem) { footer .container .footer-content-bottom-container {
gap: 10px; } } footer .container .footer-content-bottom-container .footer-content-left-first {
grid-row-start: 2;
flex-direction: column-reverse;
grid-column-start: 1;
grid-column-end: 3;
display: flex; }
@media (min-width: 40rem) { footer .container .footer-content-bottom-container .footer-content-left-first {
grid-row-start: auto;
grid-column-start: 1;
grid-column-end: 3;
flex-direction: row; } }
@media (min-width: 40rem) and (max-width: 61.25rem) { footer .container .footer-content-bottom-container .footer-content-left-first {
grid-column-end: 4; } } footer .container .footer-content-bottom-container .footer-content-left-first .footer-legal {
display: inline;
font-weight: normal;
font-size: 14px;
line-height: 24px;
color: #241b46; } footer .container .footer-content-bottom-container .footer-content-left-first .footer-legal-menu-class {
display: inline;
margin-bottom: 48px; }
@media (min-width: 40rem) { footer .container .footer-content-bottom-container .footer-content-left-first .footer-legal-menu-class {
margin-bottom: unset; } } footer .container .footer-content-bottom-container .footer-content-left-first .footer-legal-menu-class ul {
list-style-type: none;
margin-left: unset;
display: grid;
gap: 16px; }
@media (min-width: 40rem) { footer .container .footer-content-bottom-container .footer-content-left-first .footer-legal-menu-class ul {
margin-left: 20px;
display: block; } } footer .container .footer-content-bottom-container .footer-content-left-first .footer-legal-menu-class ul li {
display: inline;
margin-right: 20px; } footer .container .footer-content-bottom-container .footer-content-left-first .footer-legal-menu-class ul li a {
color: #241b46;
font-weight: normal;
font-size: 14px;
line-height: 24px;
text-decoration-line: underline; } footer .container .footer-content-bottom-container .footer-content-left-second {
grid-column-start: 1;
margin-bottom: 16px; }
@media (min-width: 40rem) { footer .container .footer-content-bottom-container .footer-content-left-second {
grid-column-start: 4;
margin-bottom: unset; } } footer .container .footer-content-bottom-container .footer-content-left-second .footer-social-link {
font-weight: normal;
font-size: 14px;
line-height: 24px;
text-decoration-line: underline;
color: #241b46; } footer .container .footer-content-bottom-container .footer-content-left-second .footer-social-link img {
vertical-align: sub;
margin-left: 20px; } body#tinymce {
margin: 12px !important; }  .slick-carousel.slick-dotted.slick-slider {
margin-bottom: 41px; } .slick-carousel.slick-dotted.slick-slider .slick-dots {
bottom: -43px; } .slick-carousel.slick-dotted.slick-slider .slick-dots li {
height: 10px;
width: 10px;
margin: 0 4px;
padding-bottom: 2px; } .slick-carousel.slick-dotted.slick-slider .slick-dots li button {
background: #f6e4f2;
border-radius: 50%;
height: 10px;
width: 10px; } .slick-carousel.slick-dotted.slick-slider .slick-dots li button::before {
color: #f6e4f2;
display: none; } .slick-carousel.slick-dotted.slick-slider .slick-dots li.slick-active button {
background: #f192ba; } .slick-carousel.slick-dotted.slick-slider .slick-dots li.slick-active button::before {
color: #f192ba; } .slideout {
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 35em;
background-color: #fff;
border-right: 0.063em solid #f3f4f5;
z-index: 1000;
transform: translateX(100%);
transition: transform 0.3s ease, width 0.3s ease;
box-shadow: 1px 0 8px 0 rgba(0, 0, 0, 0.5); } .close {
position: absolute;
right: 32px;
top: 32px;
width: 32px;
height: 32px;
opacity: 0.3; } .close:hover {
opacity: 1; } .close::before,
.close::after {
position: absolute;
left: 15px;
content: " ";
height: 33px;
width: 2px;
background-color: #333; } .close::before {
transform: rotate(45deg); } .close::after {
transform: rotate(-45deg); } .slideout-content {
border-top: 0.063em solid #bdc1c5;
padding: 3.75em 3.75em 3.75em 3.75em; } .slideout-content a {
color: #000;
text-decoration: none;
cursor: pointer;
transition: color 0.3s ease;
text-transform: uppercase;
font-size: 0.875em; } .slideout-content a:hover,
.slideout-content a:focus {
color: #a80700;
text-decoration: none; } .slideout-section .section-title {
font-size: 1.125em;
text-transform: uppercase;
margin: 0 0 1.563em 0;
padding: 0; } .slideout-section .section-list {
margin: 0; } .slideout-section .section-list .section-list-item {
padding: 0 0 0.625em 0; } .slideout-mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
background-color: #000;
overflow: hidden;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease, visibility 0.3s ease; } .slideout-open .slideout-mask {
opacity: 0.7;
visibility: visible; } .slideout-open .slideout {
transform: translateX(0); }
@media (max-width: 768px) { .slideout-open .slideout {
width: 100vw; } }