/* Form */ /* Form Elements --------------------------*/ input:focus, input:active, select:focus, select:active, button.btn:focus, button.btn:active { outline: none; } /* Icons ------------------------*/ .chevron-arrow-left { display: inline-block; border-right: 2px solid #a8a8a8; border-bottom: 2px solid #a8a8a8; width: 8px; height: 8px; transform: rotate(-225deg); } .chevron-arrow-right { width: 5px; height: 5px; display: inline-block; transform: rotate(-45deg); border-right: 1px solid #a8a8a8; border-bottom: 1px solid #a8a8a8; } /*Fonts - sizes --------------------------*/ body { font-size: 16px; line-height: 1.25; color: #212121; overflow-x: hidden; } .page-wrapper, .default-page-style, [id="__next"] { max-width: 100%; width: 100%; margin: 0 auto; overflow: hidden; } @media (min-width: 1800px) { .page-wrapper, .default-page-style, [id="__next"] { display: contents; } } @media (max-width: 1365px) { .page-wrapper, .default-page-style, [id="__next"] { width: 100%; } } @media (max-width: 991px) { .page-wrapper, .default-page-style, [id="__next"] { width: auto; } } @media (max-width: 767px) { .page-wrapper, .default-page-style, [id="__next"] { width: 100%; } } /* Heading Stylng */ h1, h2, h3, .title, .title2, .title3, h4, h5, h6 { font-weight: normal; line-height: 1.25; font-style: normal; font-stretch: normal; font-family: 'Playfair Display', serif; font-weight: 900; margin: 0 0 7px 0; padding: 0; } h2 { font-size: calc(34px + var(--font-size-pixel)); } @media (max-width: 767px) { h2 { font-size: 32px; } } h3, .title, .title2, .title3 { font-size: 36px; } @media (max-width: 767px) { h3, .title, .title2, .title3 { font-size: 28px; } } h4, .h4 { font-size: 24px; font-weight: 400; } h5, .h5 { font-size: 20px; } h6 { font-size: 16px; } .bg-white { background-color: #ffffff !important; } .bg-gray { background-color: #eeeeee !important; } .bg-grey-01 { background-color: #EFEFEF; } .bg-yellow { background-color: #f2bd12 !important; } .color-white { color: #ffffff !important; } .color-gray { color: #212121 !important; } .color-yellow { color: #f2bd12 !important; } .title div { font-family: 'Playfair Display', serif; position: relative; display: inline-block; z-index: 1; transition: all 0.25s; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; } @media (max-width: 767px) { .title div { display: inline; } } .title div:after { content: ''; position: absolute; top: 0; right: -10px; bottom: 0; z-index: -1; transition: all 0.25s; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; width: 0; } @media (max-width: 767px) { .title div:after { content: none; } } .title span { font-family: 'Playfair Display', serif; } .title.subHeading-red span { background-color: #EF6D41; color: #ffffff; } @media (max-width: 767px) { .title.subHeading-red span { color: #212121; } } .title.white div { color: #ffffff; } .title.white:after { background: url("/assets/images/white-arrow-lg.svg") no-repeat center; background-size: contain; } .title.red div { color: #ffffff; } .title.red span { color: #ffffff; } .title.red:after { background: url("/assets/images/white-arrow-lg.svg") no-repeat center; background-size: contain; } .title.gray div { color: #909090; } .title.gray:after { background: url("/assets/images/white-arrow-lg.svg") no-repeat center; background-size: contain; } .title2 { margin-bottom: 60px; } @media (max-width: 767px) { .title2 { margin-bottom: 20px; } } .title3 { font-size: 32px; margin-bottom: 40px; } @media (max-width: 767px) { .title3 { margin-bottom: 20px; font-size: 28px !important; } } .title4 { font-size: 24px; margin-bottom: 40px; font-weight: 900; } @media (max-width: 767px) { .title4 { margin-bottom: 20px; } } .pm-stiac-page .title span:empty { display: none; } @media (max-width: 767px) { .pm-stiac-page .title { max-width: 100%; } } @media (max-width: 767px) { .pm-stiac-page .title:after { content: none; } } strong { font-weight: 700; } .readmore { cursor: pointer; display: inline-block; font-size: 14px; line-height: 1.2; text-transform: uppercase; font-weight: 700; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; color: #EF6D41; } .readmore:after { content: ''; width: 11px; height: 10px; background: url("/assets/images/red-arrow.svg") no-repeat center; background-size: contain; display: inline-block; position: relative; right: -8px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .readmore:hover:after { right: -15px; } .readmore.blue { color: #4454a4; } .readmore.blue:after { background: url("/assets/images/blue-arrow.svg") no-repeat center; background-size: contain; } .readmore.black { color: #212121; } .readmore.black:after { background: url("/assets/images/black-arrow.svg") no-repeat center; background-size: contain; } .readmore.white { color: #ffffff; } .readmore.white:after { background: url("/assets/images/white-arrow.svg") no-repeat center; background-size: contain; } .btn-row { margin-top: 30px; } @media (max-width: 767px) { .btn-row { margin-top: 20px; } } .btn { transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; display: inline-block; font-size: 12px; line-height: 1.2; text-transform: uppercase; background-color: #FFBE00; padding: 12px; font-weight: 700; color: #212121; position: relative; overflow: hidden; } @media (max-width: 767px) { .btn { vertical-align: middle; } } .btn:after { content: ''; width: 11px; height: 10px; background: url("/assets/images/black-arrow.svg") no-repeat center; background-size: contain; display: inline-block; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; right: 0; position: relative; } .btn.white { background-color: #ffffff; color: #212121; } .btn.black { background-color: #212121; color: #ffffff; } .btn.black:after { background: url("/assets/images/white-arrow.svg") no-repeat center; background-size: contain; } .btn span { position: relative; display: inline-block; left: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; margin-right: 10px; } .btn:hover span { left: -5px; } .btn:hover:after { right: -5px; } .btn.style2 { background-color: #212121; color: #EF6D41; font-size: 14px; text-align: center; transition: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } .btn.style2:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transform: translateY(100px); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); } .btn.style2:after { background: url("/assets/images/red-arrow.svg") no-repeat center; background-size: contain; } .btn.style2:hover { color: #212121; } .btn.style2:hover:before { transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); background-color: #ffffff; } .btn.style2:hover:after { background: url("/assets/images/black-arrow.svg") no-repeat center; background-size: contain; } .downloadBtn { position: relative; font-size: 14px; line-height: 1.1; text-transform: uppercase; font-weight: 700; font-family: 'Montserrat', sans-serif; display: inline-block; color: #212121; } .downloadBtn:after { content: ''; width: 9px; height: 9px; background: url("/assets/images/download-icon.svg") no-repeat center; background-size: 9px; display: inline-block; margin-left: 10px; border-bottom: 2px solid #212121; } mark { display: inline-block; background-color: #e96c40; font-size: 10px; line-height: 1; text-transform: uppercase; color: #ffffff; padding: 5px 7px; font-weight: 700; } @media (max-width: 767px) { mark { font-size: 8px; line-height: 1.2; } } .image-center img { display: table; margin: 0 auto; } .show-mobile { display: none !important; } @media (max-width: 767px) { .show-mobile { display: block !important; } } @media (max-width: 767px) { .hide-mobile { display: none !important; } } .readblue { cursor: pointer; display: inline-block; font-size: 16px; line-height: 1.2; text-transform: uppercase; font-weight: 700; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; color: #EF6D41; color: #4454a4; } .readblue:after { content: ''; width: 11px; height: 10px; background: url("/assets/images/blue-arrow.svg") no-repeat center; background-size: contain; display: inline-block; position: relative; right: -8px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } .readblue:hover:after { right: -15px; } @media (max-width: 767px) { .readblue { font-size: 14px; } } .border-container-right { border-left: 10px solid #FFBE00; margin-left: 100px; margin-top: 24px; margin-bottom: 24px; padding-right: 100px; } @media (max-width: 991px) { .border-container-right { margin-left: 20px; padding-right: 20px; } } @media (max-width: 767px) { .border-container-right { padding: 0 20px; border-right: 10px solid #FFBE00; margin: 0 20px 30px 20px; } } .border-container-left { border-right: 10px solid #FFBE00; margin-right: 100px; margin-top: 24px; margin-bottom: 24px; padding-left: 100px !important; } @media (max-width: 1365px) { .border-container-left { margin-right: 90px; padding-left: 90px !important; } } @media (max-width: 991px) { .border-container-left { padding: 30px; margin-right: 20px; } } @media (max-width: 767px) { .border-container-left { margin: 0; width: 100%; border-right: 10px solid #FFBE00; border-bottom: 0; } } .from_psa { padding: 60px 0; background-color: #ffffff; position: relative; z-index: 2; } @media (max-width: 991px) { .from_psa { padding: 60px 0; } } .from_psa .mob-title { text-align: center; margin: auto; padding: 0 20px; max-width: 85%; } .from_psa .data_section { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; display: none; } @media (max-width: 767px) { .from_psa .data_section { -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; } } .from_psa .data_section .left_section { min-width: 325px; max-width: 325px; position: absolute; top: 50%; left: 0; z-index: 999; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); margin-top: 45px; } @media (max-width: 767px) { .from_psa .data_section .left_section { position: relative; top: 0; left: 0; margin: 0 auto; max-width: 100%; min-width: initial; transform: none; z-index: 1; } } .from_psa .data_section .from_psa_date { width: 560px; height: 550px; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; margin-left: -300px; -webkit-transform: Scale(1.1); -moz-transform: Scale(1.1); -ms-transform: Scale(1.1); -o-transform: Scale(1.1); transform: Scale(1.1); } @media (max-width: 767px) { .from_psa .data_section .from_psa_date { margin: 0; position: relative; left: 50%; top: 40px; transform: rotate(-90deg) scale(1) translateY(-50%); -webkit-transform: rotate(-90deg) scale(1) translateY(-50%); -moz-transform: rotate(-90deg) scale(1) translateY(-50%); -ms-transform: rotate(-90deg) scale(1) translateY(-50%); -o-transform: rotate(-90deg) scale(1) translateY(-50%); } } .from_psa .data_section .from_psa_date .timeline-orbit { width: inherit; height: inherit; position: absolute; top: auto; left: auto; z-index: 1; } .from_psa .data_section .from_psa_date .timeline-orbit img { width: 100%; height: 100%; } .from_psa .data_section .from_psa_date ul { position: relative; width: 100%; height: 100%; } .from_psa .data_section .from_psa_date ul li { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; color: #212121; font-weight: 700; width: 50px; height: 50px; text-align: right; font-size: 13px; line-height: 1.25; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; cursor: pointer; } .from_psa .data_section .from_psa_date ul li div { position: relative; width: inherit; height: inherit; } .from_psa .data_section .from_psa_date ul li div:before { content: ''; width: 7px; height: 7px; border-radius: 50%; background-color: #212121; position: absolute; top: -18px; left: 50%; z-index: 2; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } .from_psa .data_section .from_psa_date ul li span { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; position: relative; display: block; opacity: 0.6; } @media (max-width: 767px) { .from_psa .data_section .from_psa_date ul li span { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } } .from_psa .data_section .from_psa_date ul li.class1 { transform: rotate(285deg) translate(253px) rotate(-285deg); -webkit-transform: rotate(285deg) translate(253px) rotate(-285deg); -moz-transform: rotate(285deg) translate(253px) rotate(-285deg); -ms-transform: rotate(285deg) translate(253px) rotate(-285deg); -o-transform: rotate(285deg) translate(253px) rotate(-285deg); } .from_psa .data_section .from_psa_date ul li.class1 div:before { top: -18px; } .from_psa .data_section .from_psa_date ul li.class1.active div:before { top: -20px; } .from_psa .data_section .from_psa_date ul li.class1.active span { top: 15px; left: 0; } .from_psa .data_section .from_psa_date ul li.class2 { transform: rotate(315deg) translate(231px) rotate(-315deg); -webkit-transform: rotate(315deg) translate(231px) rotate(-315deg); -moz-transform: rotate(315deg) translate(231px) rotate(-315deg); -ms-transform: rotate(315deg) translate(231px) rotate(-315deg); -o-transform: rotate(315deg) translate(231px) rotate(-315deg); } .from_psa .data_section .from_psa_date ul li.class2 div:before { top: 14px; right: -26px; left: auto; } .from_psa .data_section .from_psa_date ul li.class2.active div:before { top: 10px; right: -37px; } .from_psa .data_section .from_psa_date ul li.class3 { transform: rotate(-6deg) translate(201px) rotate(6deg); -webkit-transform: rotate(-6deg) translate(201px) rotate(6deg); -moz-transform: rotate(-6deg) translate(201px) rotate(6deg); -ms-transform: rotate(-6deg) translate(201px) rotate(6deg); -o-transform: rotate(-6deg) translate(201px) rotate(6deg); } .from_psa .data_section .from_psa_date ul li.class3 div:before { top: 14px; right: -33px; left: auto; } .from_psa .data_section .from_psa_date ul li.class3.active div:before { top: 10px; right: -43px; } @media (max-width: 767px) { .from_psa .data_section .from_psa_date ul li.class3.active div:before { top: 14px; right: -44px; } } .from_psa .data_section .from_psa_date ul li.class4 { transform: rotate(-330deg) translate(208px) rotate(330deg); -webkit-transform: rotate(-330deg) translate(208px) rotate(330deg); -moz-transform: rotate(-330deg) translate(208px) rotate(330deg); -ms-transform: rotate(-330deg) translate(208px) rotate(330deg); -o-transform: rotate(-330deg) translate(208px) rotate(330deg); } @media (max-width: 767px) { .from_psa .data_section .from_psa_date ul li.class4 { transform: rotate(-322deg) translate(210px) rotate(321deg); -webkit-transform: rotate(-322deg) translate(210px) rotate(321deg); -moz-transform: rotate(-322deg) translate(210px) rotate(321deg); -ms-transform: rotate(-322deg) translate(210px) rotate(321deg); -o-transform: rotate(-322deg) translate(210px) rotate(321deg); } } .from_psa .data_section .from_psa_date ul li.class4 div:before { top: 12px; right: -25px; left: auto; } .from_psa .data_section .from_psa_date ul li.class4.active div:before { top: 8px; right: -35px; } .from_psa .data_section .from_psa_date ul li.class5 { transform: rotate(-285deg) translate(253px) rotate(284deg); -webkit-transform: rotate(-285deg) translate(253px) rotate(284deg); -moz-transform: rotate(-285deg) translate(253px) rotate(284deg); -ms-transform: rotate(-285deg) translate(253px) rotate(284deg); -o-transform: rotate(-285deg) translate(253px) rotate(284deg); } .from_psa .data_section .from_psa_date ul li.class5 div { bottom: 36px; } .from_psa .data_section .from_psa_date ul li.class5 div:before { top: 46px; } .from_psa .data_section .from_psa_date ul li.class5.active div:before { top: 41px; } .from_psa .data_section .from_psa_date ul li.class5.active span { top: -15px; left: 0; } .from_psa .data_section .from_psa_date ul li.active div:before { width: 15px; height: 15px; background-color: #FFBE00; -webkit-transform: Scale(1.5); -moz-transform: Scale(1.5); -ms-transform: Scale(1.5); -o-transform: Scale(1.5); transform: Scale(1.5); margin-right: 7px; } .from_psa .data_section .from_psa_date ul li.active span { -webkit-transform: Scale(1.5); -moz-transform: Scale(1.5); -ms-transform: Scale(1.5); -o-transform: Scale(1.5); transform: Scale(1.5); opacity: 1; left: -15px; } @media (max-width: 767px) { .from_psa .data_section .from_psa_date ul li.active span { transform: rotate(90deg) scale(1.5); -webkit-transform: rotate(90deg) scale(1.5); -moz-transform: rotate(90deg) scale(1.5); -ms-transform: rotate(90deg) scale(1.5); -o-transform: rotate(90deg) scale(1.5); } } @media screen and (min-width: 768px) { .from_psa .data_section .from_psa_date ul.single_list li { transform: rotate(-6deg) translate(201px) rotate(6deg); -webkit-transform: rotate(-6deg) translate(201px) rotate(6deg); -moz-transform: rotate(-6deg) translate(201px) rotate(6deg); -ms-transform: rotate(-6deg) translate(201px) rotate(6deg); -o-transform: rotate(-6deg) translate(201px) rotate(6deg); } .from_psa .data_section .from_psa_date ul.single_list li div:before { top: 14px; right: -33px; left: auto; } .from_psa .data_section .from_psa_date ul.single_list li div span { top: 0 !important; left: -10px !important; } .from_psa .data_section .from_psa_date ul.single_list li.active div:before { top: 10px; right: -43px; } } @media screen and (min-width: 768px) and (max-width: 767px) { .from_psa .data_section .from_psa_date ul.single_list li.active div:before { top: 14px; right: -44px; } } @media (max-width: 767px) { .from_psa .data_section .from_psa_date ul.single_list li { transform: rotate(-9deg) translate(218px); -webkit-transform: rotate(-9deg) translate(218px); -moz-transform: rotate(-9deg) translate(218px); -ms-transform: rotate(-9deg) translate(218px); -o-transform: rotate(-9deg) translate(218px); } } @media (max-width: 767px) { .from_psa .data_section .from_psa_date ul.single_list li div { -webkit-transform: rotate(98deg); -moz-transform: rotate(98deg); -ms-transform: rotate(98deg); -o-transform: rotate(98deg); transform: rotate(98deg); } } @media (max-width: 767px) { .from_psa .data_section .from_psa_date ul.single_list li div span { transform: rotate(0) scale(1.5); -webkit-transform: rotate(0) scale(1.5); -moz-transform: rotate(0) scale(1.5); -ms-transform: rotate(0) scale(1.5); -o-transform: rotate(0) scale(1.5); } } .from_psa .data_section .right_section { margin-left: auto; width: -moz-calc(100% - 325px); width: -webkit-calc(100% - 325px); width: calc(100% - 325px); padding-left: 60px; position: relative; z-index: 1; } @media (max-width: 767px) { .from_psa .data_section .right_section { width: 100%; padding: 0; margin-top: -380px; height: 600px; background-color: #ffffff; position: relative; } } .from_psa .data_section .right_section .custom-slider-buttons { position: absolute; top: 50%; left: 35%; z-index: 2; } .from_psa .data_section .right_section .custom-slider-buttons span { cursor: pointer; } .from_psa .data_section .right_section .sliderContainer { padding-top: 20px; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media (max-width: 767px) { .from_psa .data_section .right_section .sliderContainer { padding: 0; } } .from_psa .data_section .right_section .sliderContainer .slick-slider { margin-left: -400px; } @media (max-width: 767px) { .from_psa .data_section .right_section .sliderContainer .slick-slider { margin: 0; z-index: 1; } } .from_psa .data_section .right_section .sliderContainer .slick-track { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .from_psa .data_section .right_section .sliderContainer .slick-slide { width: 400px; pointer-events: none; margin-left: 30px; z-index: -1; } @media (max-width: 767px) { .from_psa .data_section .right_section .sliderContainer .slick-slide { margin: 0; width: 280px; z-index: 1; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; } } .from_psa .data_section .right_section .sliderContainer .slick-slide.slick-active { z-index: 1; } @media (max-width: 767px) { .from_psa .data_section .right_section .sliderContainer .slick-slide.slick-active { margin-top: 20px; } } .from_psa .data_section .right_section .sliderContainer.single_slide .slick-slide { margin-left: 0; } @media (max-width: 767px) { .from_psa .data_section .right_section .sliderContainer.single_slide .slick-slider { margin: auto; width: 308px; position: relative; left: -35px; } } .from_psa .customSliderBtn { pointer-events: all; position: absolute; top: 50%; right: -65px; z-index: 100; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); } .from_psa .slide_content { outline: none; border: 20px solid transparent; opacity: 0.5; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } @media (max-width: 767px) { .from_psa .slide_content { width: 240px !important; margin: 0 20px; height: 554px; border: none; } } .from_psa .slide_content figure { height: 203px; margin-bottom: 5px; max-width: 360px; } @media (max-width: 767px) { .from_psa .slide_content figure { height: 158px; } } .from_psa .slide_content figure .playIcon { width: 40px; height: 40px; } .from_psa .slide_content figure img { object-fit: cover; width: 100%; height: 100%; max-width: 100%; object-fit: unset; } .from_psa .slide_content .content_section { padding: 20px 0; padding-right: 50px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } @media (max-width: 767px) { .from_psa .slide_content .content_section { padding: 20px !important; text-align: center; } } .from_psa .slide_content .content_section .infoTitle, .from_psa .slide_content .content_section p, .from_psa .slide_content .content_section .link { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; } .from_psa .slide_content .content_section .infoTitle { font-size: 24px; line-height: 1.4; color: #212121; font-family: 'Playfair Display', serif; font-weight: 700; margin: 20px 0 15px 0; max-width: 80%; height: 66px; overflow: hidden; } @media (max-width: 767px) { .from_psa .slide_content .content_section .infoTitle { max-width: 100%; word-break: break-word; margin: 15px 0 10px 0; } } .from_psa .slide_content .content_section .link { font-size: 16px; line-height: 1.3; color: #212121; word-break: break-all; margin-bottom: 40px; } .from_psa .slide_content .content_section .link span { text-transform: uppercase; display: block; } .from_psa .slide_content .content_section .details { color: #212121; font-size: 16px; line-height: 1.45; margin: 0 0 15px 0; height: 185px; overflow: hidden; } @media (max-width: 767px) { .from_psa .slide_content .content_section .details { height: 208px; margin-bottom: 10px; } } .from_psa .slide_content .content_section .details p { font-size: calc(16px + var(--font-size-pixel)); line-height: 1.45; margin: 0; } .from_psa .slide_content .content_section .details span { font-size: 14px; line-height: 1.3; text-transform: uppercase; display: block; padding-top: 30px; } .from_psa .slide_content .content_section .details a { font-size: 14px; line-height: 1.3; word-break: break-all; margin-bottom: 40px; color: inherit; } .from_psa .slide_content .content_section .readmore { color: #212121; } .from_psa .slide_content .content_section .readmore:after { background: url("/assets/images/gray-arrow.svg") no-repeat center; background-size: contain; } .from_psa .single_slide, .from_psa .slick-current { pointer-events: unset !important; } .from_psa .single_slide .slide_content, .from_psa .slick-current .slide_content { opacity: 1; } .from_psa .single_slide .slide_content .content_section, .from_psa .slick-current .slide_content .content_section { padding-left: 20px; } .from_psa .single_slide .slide_content .content_section .infoTitle, .from_psa .single_slide .slide_content .content_section p, .from_psa .single_slide .slide_content .content_section .link, .from_psa .slick-current .slide_content .content_section .infoTitle, .from_psa .slick-current .slide_content .content_section p, .from_psa .slick-current .slide_content .content_section .link { color: #ffffff; } .from_psa .single_slide .slide_content .readmore, .from_psa .slick-current .slide_content .readmore { color: #FFBE00; } .from_psa .single_slide .slide_content .readmore:after, .from_psa .slick-current .slide_content .readmore:after { background: url("/assets/images/yellow-arrow.svg") no-repeat center; background-size: contain; } .bg-black-block { background-color: #000000; width: 100%; height: 631px; margin-top: 20px; z-index: -1; max-width: 400px; position: absolute; min-width: 400px; } @media (max-width: 767px) { .bg-black-block { max-width: 280px; min-width: 280px; height: 560px; position: absolute; top: 0; left: 50%; z-index: -1; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); } } .default_slide_content { max-width: 400px; min-width: 400px; border: 20px solid #08102d; height: 631px; position: relative; z-index: 4; pointer-events: none; } @media (max-width: 767px) { .default_slide_content { max-width: 280px; min-width: 280px; height: 594px; position: absolute; top: 0; left: 50%; z-index: 4; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); } }