/* 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; } } .about-video-gallery { position: relative; background-color: #ffffff; padding: 140px 0; } @media (max-width: 767px) { .about-video-gallery { padding: 60px 0; } } @media (max-width: 767px) { .about-video-gallery .title2 { display: none; } } .about-video-gallery .video_gallery_wrapper { padding: 0 15px; width: 100%; } @media (max-width: 767px) { .about-video-gallery .video_gallery_wrapper { padding: 0; } } .about-video-gallery.homeStyle { padding-top: 135px; padding-bottom: 0; } @media (max-width: 767px) { .about-video-gallery.homeStyle { padding: 40px 0; } } .about-video-gallery.homeStyle:before { content: ''; position: absolute; top: -1px; right: 0; left: 0; z-index: 1; background-color: #08102d; height: 135px; width: 100%; } @media (max-width: 767px) { .about-video-gallery.homeStyle:before { height: 40px; } } .about-video-gallery.homeStyle .video_gallery_wrapper { margin-top: -130px; } @media (max-width: 767px) { .about-video-gallery.homeStyle .video_gallery_wrapper { margin-top: -40px; } } .about-video-gallery.homeStyle .gallery-slider-row .gallery-slider-info { height: 175px; padding: 0 40px; padding-left: 0; } .about-video-gallery.homeStyle .gallery-slider-row .gallery-slider-info h3, .about-video-gallery.homeStyle .gallery-slider-row .gallery-slider-info .title, .about-video-gallery.homeStyle .gallery-slider-row .gallery-slider-info .title2, .about-video-gallery.homeStyle .gallery-slider-row .gallery-slider-info .title3 { line-height: 1.2; height: auto; max-height: 130px; } .about-video-gallery.homeStyle .gallery-slider-row .gallery-slider-info .date-icon { padding-left: 16px; width: 100%; font-size: 12px; font-weight: 500; background: url("/assets/images/calendar.svg") no-repeat left 2px; background-size: 12px; } .about-video-gallery.homeStyle .sm-slider-container { top: 215px; } .about-video-gallery.homeStyle .about-gallery-container .customSliderBtn { bottom: 120px; } .about-video-gallery.homeStyle .pm-section-layer { position: absolute; bottom: -145px; left: -70px; z-index: 1; } @media (max-width: 767px) { .about-video-gallery.homeStyle .pm-section-layer { display: none; } } .gallery-slider-flex { outline: none; } .about-gallery-container { width: 100%; position: relative; } @media (max-width: 767px) { .about-gallery-container { z-index: 1; } } @media (max-width: 767px) { .about-gallery-container .lg-slider-container { display: none; } } .about-gallery-container .sm-slider-container { position: absolute; top: 300px; right: 0; bottom: 0; z-index: 2; padding-top: 18px; padding-left: 5px; width: 450px; background-color: #ffffff; } @media (max-width: 767px) { .about-gallery-container .sm-slider-container { position: static; padding: 0 !important; background: transparent; width: 100%; } } @media (max-width: 767px) { .about-gallery-container .sm-slider-container .slick-list { padding-left: 20px; } } @media (max-width: 767px) { .about-gallery-container .sm-slider-container .slick-list .slick-track { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } } .about-gallery-container .customSliderBtn { position: absolute; right: -55px; bottom: 45px; z-index: 3; } .inner-gallery .gallery-slider-row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; position: relative; z-index: 2; outline: none; } .inner-gallery .gallery-slider-row .gallery-slider-image { position: relative; } .inner-gallery .gallery-slider-row .gallery-slider-image figure { position: relative; height: 450px; width: 717px; } .inner-gallery .gallery-slider-row .gallery-slider-image figure .videoBlock { height: inherit; width: inherit; } .inner-gallery .gallery-slider-row .gallery-slider-image figure .videoBanner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .inner-gallery .gallery-slider-row .gallery-slider-image figure .videoBanner:after { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); left: 0; top: 0; z-index: 1; } .inner-gallery .gallery-slider-row .gallery-slider-image figure .videoBanner img { object-fit: cover; width: 100%; height: 100%; max-width: 100%; object-fit: unset; } .inner-gallery .gallery-slider-row .gallery-slider-image img { object-fit: cover; width: 100%; height: 100%; max-width: 100%; } .inner-gallery .gallery-slider-row .gallery-slider-info { padding: 40px; padding-left: 0; background-color: #eaeaea; min-width: 450px; max-width: 450px; height: 260px; z-index: 1; margin-top: 40px; position: relative; -webkit-align-self: flex-start; -moz-align-self: flex-start; -ms-align-self: flex-start; align-self: flex-start; } .inner-gallery .gallery-slider-row .gallery-slider-info:before { content: ''; width: 42px; height: 100%; position: absolute; top: 0; bottom: 0; left: -38px; z-index: 1; background-color: #eaeaea; } .inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-flow: wrap; -moz-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; height: 100%; position: relative; z-index: 1; } .inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info h3, .inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info .title, .inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info .title2, .inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info .title3 { height: 138px; overflow: hidden; margin-bottom: 0; } .inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info div { margin-top: 20px; } .inner-gallery .gallery-slider-row .gallery-slider-info .gallery_sub_info .date-icon { padding-left: 16px; width: 100%; font-size: 12px; font-weight: 500; background: url("/assets/images/calendar.svg") no-repeat left 2px; background-size: 12px; } .inner-gallery .sm-slider-details { outline: none; padding-left: 12px; } @media (max-width: 767px) { .inner-gallery .sm-slider-details { padding: 0; margin-right: 20px; max-width: 315px; min-width: 315px; } } .inner-gallery .sm-slider-details figure { margin-bottom: 20px; height: 132px; position: relative; } .inner-gallery .sm-slider-details figure .videoBlock { display: none; } @media (max-width: 767px) { .inner-gallery .sm-slider-details figure .videoBlock { display: block; } } @media (max-width: 767px) { .inner-gallery .sm-slider-details figure { height: 197px; margin-bottom: 15px; } } .inner-gallery .sm-slider-details figure .videoBanner { cursor: pointer; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .inner-gallery .sm-slider-details figure .videoBanner:after { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); left: 0; top: 0; z-index: 1; } .inner-gallery .sm-slider-details figure .videoBanner .playIcon { display: none !important; } @media (max-width: 767px) { .inner-gallery .sm-slider-details figure .videoBanner .playIcon { display: block; } } .inner-gallery .sm-slider-details figure img { object-fit: cover; width: 100%; height: 100%; max-width: 100%; object-fit: unset; } .inner-gallery .sm-slider-details p { font-size: 20px; line-height: 1.5; font-weight: 600; max-height: 60px; overflow: hidden; } @media (max-width: 767px) { .inner-gallery .sm-slider-details p { font-size: 20px !important; max-height: inherit; overflow: visible; font-family: 'Playfair Display', serif; font-weight: 900; } }