@import url("https://fonts.googleapis.com/css?family=Jost:300,400,500,700&display=swap|Poppins:300,400,500,600,700,800&display=swap"); .tuc { text-transform: uppercase; } .tdn { text-decoration: none; } .tdu { text-decoration: underline; } .tac { text-align: center; } .ls1 { letter-spacing: 1px; } .ls2 { letter-spacing: 2px; } .a1x1, .ar1x1 { aspect-ratio: 1; } .a169, .ar169 { aspect-ratio: 1.7777777777778; } .tx { color: #ba00ba; } .tl { color: #ff6eff; } .bn { border: none; } .bgn { background: none; } .sr-only { position: absolute; left: -9999px; } body { font-family: "Poppins", sans-serif; font-weight: normal; font-style: normal; color: #222222; background: #fff4ff; } * { margin: 0; padding: 0; box-sizing: border-box; } img { max-width: 100%; } a:focus, input:focus, textarea:focus, button:focus { text-decoration: none; outline: none; } a:focus, a:hover { text-decoration: none; } i, span, a { display: inline-block; } audio, canvas, iframe, img, svg, video { vertical-align: middle; } h1, h2, h3, h4, h5, h6 { font-family: "Jost"; font-weight: 500; letter-spacing: 1px; color: #ff21ff; margin: 0px; } h1 { font-size: 48px; } h2 { font-size: 36px; } h3 { font-size: 28px; } h4 { font-size: 22px; } h5 { font-size: 18px; } h6 { font-size: 16px; } ul, ol { margin: 0px; padding: 0px; list-style-type: none; } p { font-size: 18px; font-weight: 400; line-height: 26px; color: #222222; margin: 0px; } .bg_cover { background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; } .slick-slide { outline: 0; } .main-btn { display: inline-block; font-weight: 500; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 2px solid #ba00ba; padding: 0 40px; font-size: 16px; line-height: 46px; border-radius: 5px; color: #ffffff; cursor: pointer; z-index: 5; transition: all 0.4s ease-out 0s; background-color: #ba00ba; box-shadow: 0px 15px 40px 0px rgba(255,33,255,0.3); } .main-btn:hover { background-color: #ff6eff; color: #ba00ba; border-color: #ff6eff; } .main-btn.main-btn-2 { background-color: #c061cb; color: #ffffff; border-color: #c061cb; } .main-btn.main-btn-2:hover { background-color: #ba00ba; border-color: #ba00ba; color: #ffffff; } .section_title .title { font-size: 45px; color: #ff21ff; } @media (max-width: 767px) { .section_title .title { font-size: 34px; } } .section_title .icb { margin-top: 10px; font-size: 40px; color: #c061cb; } .section_title p { font-size: 30px; line-height: 38px; color: #222222; } @media (max-width: 767px) { .section_title p { font-size: 24px; } } .section_title .text { font-size: 16px; line-height: 26px; color: #222222; margin-top: 30px; } .preloader { position: fixed; top: 0; left: 0; display: table; height: 100%; width: 100%; background: #fff4ff; z-index: 99999; } .preloader .loader { display: table-cell; vertical-align: middle; text-align: center; } .preloader .loader .ytp-spinner { position: absolute; left: 50%; top: 50%; width: 64px; margin-left: -32px; z-index: 18; pointer-events: none; } .preloader .loader .ytp-spinner .ytp-spinner-container { pointer-events: none; position: absolute; width: 100%; padding-bottom: 100%; top: 50%; left: 50%; margin-top: -50%; margin-left: -50%; animation: ytp-spinner-linspin 1568.23529647ms linear infinite; } .preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator { position: absolute; width: 100%; height: 100%; animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4,0,0.2,1) infinite both; } .preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator .ytp-spinner-left { position: absolute; top: 0; left: 0; bottom: 0; overflow: hidden; right: 50%; } .preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator .ytp-spinner-right { position: absolute; top: 0; right: 0; bottom: 0; overflow: hidden; left: 50%; } .preloader .loader .ytp-spinner-circle { box-sizing: border-box; position: absolute; width: 200%; height: 100%; border-style: solid; border-color: #ffa1ff #ffa1ff #ff21ff; border-radius: 50%; border-width: 6px; } .preloader .loader .ytp-spinner-left .ytp-spinner-circle { left: 0; right: -100%; border-right-color: #ff21ff; animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4,0,0.2,1) infinite both; } .preloader .loader .ytp-spinner-right .ytp-spinner-circle { left: -100%; right: 0; border-left-color: #ff21ff; animation: ytp-right-spin 1333ms cubic-bezier(0.4,0,0.2,1) infinite both; } @-webkit-keyframes ytp-spinner-linspin { to { transform: rotate(360deg); } } @keyframes ytp-spinner-linspin { to { transform: rotate(360deg); } } @-webkit-keyframes ytp-spinner-easespin { 12.5% { transform: rotate(135deg); } 25% { transform: rotate(270deg); } 37.5% { transform: rotate(405deg); } 50% { transform: rotate(540deg); } 62.5% { transform: rotate(675deg); } 75% { transform: rotate(810deg); } 87.5% { transform: rotate(945deg); } to { transform: rotate(1080deg); } } @keyframes ytp-spinner-easespin { 12.5% { transform: rotate(135deg); } 25% { transform: rotate(270deg); } 37.5% { transform: rotate(405deg); } 50% { transform: rotate(540deg); } 62.5% { transform: rotate(675deg); } 75% { transform: rotate(810deg); } 87.5% { transform: rotate(945deg); } to { transform: rotate(1080deg); } } @-webkit-keyframes ytp-spinner-left-spin { 0% { transform: rotate(130deg); } 50% { transform: rotate(-5deg); } to { transform: rotate(130deg); } } @keyframes ytp-spinner-left-spin { 0% { transform: rotate(130deg); } 50% { transform: rotate(-5deg); } to { transform: rotate(130deg); } } @-webkit-keyframes ytp-right-spin { 0% { transform: rotate(-130deg); } 50% { transform: rotate(5deg); } to { transform: rotate(-130deg); } } @keyframes ytp-right-spin { 0% { transform: rotate(-130deg); } 50% { transform: rotate(5deg); } to { transform: rotate(-130deg); } } .header_navbar { position: absolute; top: 0; left: 0; width: 100%; z-index: 99; transition: all 0.3s ease-out 0s; background: rgba(255,255,255,0); } .sticky { position: fixed; z-index: 99; background-color: #fff4ff; box-shadow: 0px 20px 50px 0px rgba(34,34,34,0.3); transition: all 0.3s ease-out 0s; } .sticky .navbar { padding: 10px 0; } .navbar { padding: 15px 0; border-radius: 5px; position: relative; transition: all 0.3s ease-out 0s; } .navbar-brand { padding: 0; color: #ffffff; } .navbar-brand .icb-shpc { font-size: 40px; } .navbar-brand .icb-kmllogo { font-size: 30px; } .navbar-toggler { padding: 0; } .navbar-toggler .toggler-icon { width: 30px; height: 2px; background-color: #ffffff; display: block; margin: 5px 0; position: relative; transition: all 0.3s ease-out 0s; } .navbar-toggler.active .toggler-icon:nth-of-type(1) { transform: rotate(45deg); top: 7px; } .navbar-toggler.active .toggler-icon:nth-of-type(2) { opacity: 0; } .navbar-toggler.active .toggler-icon:nth-of-type(3) { transform: rotate(135deg); top: -7px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .navbar-collapse { position: absolute; top: 100%; right: -15px; width: 98%; background-color: #fff4ff; z-index: 9; box-shadow: 0px 15px 20px 0px rgba(34,34,34,0.1); padding: 12px 30px 24px 12px; } } @media (max-width: 767px) { .navbar-brand .icb-kmllogo { font-size: 20px; } .navbar-collapse { position: absolute; top: 100%; right: -15px; width: 98%; background-color: #fff4ff; z-index: 9; border-bottom-left-radius: 15px; box-shadow: 0px 15px 20px 0px rgba(34,34,34,0.1); padding: 12px 30px 24px 12px; } } .navbar-nav .nav-item { margin-right: 30px; position: relative; text-align: right; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .navbar-nav .nav-item { margin-left: 15px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .navbar-nav .nav-item { margin: 0; } } @media (max-width: 767px) { .navbar-nav .nav-item { margin: 0; } } .navbar-nav .nav-item a { font-size: 20px; font-weight: 400; color: #ffffff; transition: all 0.3s ease-out 0s; padding: 10px 0; position: relative; font-family: "Poppins", sans-serif; } @media only screen and (min-width: 768px) and (max-width: 991px) { .navbar-nav .nav-item a { display: block; padding: 4px 0; color: #222222; } } @media (max-width: 767px) { .navbar-nav .nav-item a { display: block; padding: 4px 0; color: #222222; } } .navbar-nav .nav-item.active > a span, .navbar-nav .nav-item:hover > a span { opacity: 1; visibility: visible; width: 60%; } .navbar-nav .nav-item.active > a span::before, .navbar-nav .nav-item:hover > a span::before { width: 20%; } .navbar-nav .nav-item.active > a span::after, .navbar-nav .nav-item:hover > a span::after { width: 15%; } .navbar-nav .nav-item:hover .sub-menu { top: 100%; opacity: 1; visibility: visible; } @media only screen and (min-width: 768px) and (max-width: 991px) { .navbar-nav .nav-item:hover .sub-menu { top: 0; } } @media (max-width: 767px) { .navbar-nav .nav-item:hover .sub-menu { top: 0; } } .navbar-nav .nav-item .sub-menu { width: 200px; background-color: #ffffff; box-shadow: 0px 0px 20px 0px rgba(34,34,34,0.1); position: absolute; top: 110%; left: 0; opacity: 0; visibility: hidden; transition: all 0.3s ease-out 0s; } @media only screen and (min-width: 768px) and (max-width: 991px) { .navbar-nav .nav-item .sub-menu { position: relative; width: 100%; top: 0; display: none; opacity: 1; visibility: visible; } } @media (max-width: 767px) { .navbar-nav .nav-item .sub-menu { position: relative; width: 100%; top: 0; display: none; opacity: 1; visibility: visible; } } .navbar-nav .nav-item .sub-menu li { display: block; } .navbar-nav .nav-item .sub-menu li a { display: block; padding: 8px 20px; color: #222222; } .navbar-nav .nav-item .sub-menu li a.active, .navbar-nav .nav-item .sub-menu li a:hover { padding-left: 25px; color: #ff21ff; } .navbar-nav .sub-nav-toggler { display: block; } @media only screen and (min-width: 768px) and (max-width: 991px) { .navbar-nav .sub-nav-toggler { display: block; position: absolute; right: 0; top: 0; background: none; color: #222222; font-size: 18px; border: 0; width: 30px; height: 30px; } } @media (max-width: 767px) { .navbar-nav .sub-nav-toggler { display: block; position: absolute; right: 0; top: 0; background: none; color: #222222; font-size: 18px; border: 0; width: 30px; height: 30px; } } .navbar-nav .sub-nav-toggler span { width: 8px; height: 8px; border-left: 1px solid #222222; border-bottom: 1px solid #222222; transform: rotate(-45deg); position: relative; top: -5px; } .sticky .navbar-toggler .toggler-icon { background-color: #222222; } .sticky .navbar-nav .nav-item a { color: #222222; } .sticky .navbar-nav .nav-item.active > a, .sticky .navbar-nav .nav-item:hover > a { color: #ff21ff; } .single_slider { display: flex; height: 100vh; flex-direction: column; position: relative; align-items: stretch; justify-content: space-between; } @media only screen and (min-width: 1400px) { .single_slider { height: 100vh; } } @media (max-width: 767px) { .single_slider { height: 100vh; } } .single_slider::before { position: absolute; content: ''; background: rgba(0,0,0,0.2); width: 100%; height: 100%; left: 0; top: 0; } .slider_content { padding-top: 80px; } .slider_content .slider_sub_title { font-size: 30px; font-family: "Poppins", sans-serif; font-weight: 400; color: #ff6eff; text-shadow: 0px 0px 5px rgba(0,0,0,0.5); } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider_content .slider_sub_title { font-size: 24px; } } @media (max-width: 767px) { .slider_content .slider_sub_title { font-size: 18px; } } .slider_content .slider_title { font-size: 86px; letter-spacing: 8px; color: #fff4ff; margin-top: 15px; text-shadow: 0px 0px 10px rgba(0,0,0,0.5); } .slider_content .slider_title span { display: inline-block; color: #fff4ff; } .slider_content .slider_title span :first-of-type { color: #ff6eff; margin: 0px 3px 0px 10px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .slider_content .slider_title { font-size: 92px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider_content .slider_title { font-size: 82px; } } @media (max-width: 767px) { .slider_content .slider_title { font-size: 48px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .slider_content .slider_title { font-size: 60px; } } .slider_content .location { font-size: 30px; font-weight: 600; color: #ffffff; margin-top: 35px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider_content .location { font-size: 24px; } } @media (max-width: 767px) { .slider_content .location { font-size: 18px; } } .slider_content p { font-size: 25px; color: #ffffff; margin-top: 30px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider_content p { font-size: 20px; } } @media (max-width: 767px) { .slider_content p { font-size: 16px; } } .slider_content p img { display: inline-block; } @media (max-width: 767px) { .slider_content p img { width: 40px; } } .single_slider .social { align-self: flex-end; display: flex; flex-direction: row; width: 100%; align-items: center; justify-content: center; z-index: 10000; } .single_slider .social li a { margin: 17px; width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; border: 2px solid rgba(255,244,255,0.65); color: rgba(255,244,255,0.7); font-size: 20px; border-radius: 50%; transition: all 0.3s ease-out 0s; cursor: pointer; } .single_slider .social li a:hover { border-color: #fff4ff; background-color: #fff4ff; color: #ba00ba; } .slider-active .slick-dots { position: absolute; left: 50%; bottom: 50px; transform: translateX(-50%); } .slider-active .slick-dots li { display: inline-block; margin: 0 3px; } .slider-active .slick-dots li button { width: 15px; height: 15px; background: none; border: 2px solid #ffffff; border-radius: 50%; font-size: 0; transition: all 0.3s ease-out 0s; transform: translateX(-50%); } .slider-active .slick-dots li.slick-active button { background-color: #ffffff; border-color: #ff21ff; } .slider-active .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); left: 0; z-index: 9; transition: all 0.3s ease-out 0s; opacity: 0; } .slider-active .slick-arrow i { width: 50px; height: 50px; line-height: 46px; text-align: center; border: 2px solid rgba(255,255,255,0.6); font-size: 26px; color: rgba(255,255,255,0.6); border-radius: 50%; cursor: pointer; transition: all 0.3s ease-out 0s; } .slider-active .slick-arrow:hover i { color: #c061cb; border-color: #c061cb; } .slider-active .slick-arrow.next { right: 0; left: auto; } .slider-active:hover .slick-arrow { left: 30px; opacity: 1; } @media only screen and (min-width: 1400px) { .slider-active:hover .slick-arrow { left: 130px; } } .slider-active:hover .slick-arrow.next { left: auto; right: 30px; } @media only screen and (min-width: 1400px) { .slider-active:hover .slick-arrow.next { right: 130px; } } .single_about .about_image { overflow: hidden; border-radius: 10px; } .single_about .about_image img { width: 100%; transition: all 0.3s ease-out 0s; } .single_about .about_content { width: 90%; margin: 0 auto; background-color: #ffffff; box-shadow: 0px 3px 32px 0px rgba(34,34,34,0.15); padding: 30px; border-radius: 10px; position: relative; margin-top: -70px; transition: all 0.3s ease-out 0s; z-index: 5; } @media only screen and (min-width: 768px) and (max-width: 991px) { .single_about .about_content { padding: 15px; } } @media (max-width: 767px) { .single_about .about_content { padding: 15px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .single_about .about_content { padding: 30px; } } .single_about .about_content .shape { position: absolute; top: 5px; left: 50%; transform: translateX(-50%); width: 70px; z-index: -1; opacity: 0.26; } .single_about .about_content .about_name { font-size: 40px; color: #ff21ff; } @media only screen and (min-width: 768px) and (max-width: 991px) { .single_about .about_content .about_name { font-size: 30px; } } @media (max-width: 767px) { .single_about .about_content .about_name { font-size: 30px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .single_about .about_content .about_name { font-size: 40px; } } .single_about .about_content p { margin-top: 25px; } .single_about .about_content .social { margin-top: 30px; } .single_about .about_content .social li { display: inline-block; margin: 0 3px; } .single_about .about_content .social li a { width: 42px; height: 42px; line-height: 42px; text-align: center; border: 1px solid #ba00ba; color: #ba00ba; font-size: 20px; border-radius: 50%; transition: all 0.3s ease-out 0s; } .single_about .about_content .social li a:hover { border-color: #ff21ff; background-color: #ff21ff; color: #ffffff; } .single_about:hover .about_image img { transform: scale(1.1); } .single_about:hover .about_content { box-shadow: 0px 3px 50px 0px rgba(34,34,34,0.3); } .coming_soon_area { background: #ff6eff; background: linear-gradient(180deg,#ff6eff 0%,#fff4ff 80%,#fff4ff 100%); position: relative; overflow: hidden; z-index: 5; } .coming_soon_area .coming_soon_title { color: #ba00ba; } .coming_soon_shape_1 { position: absolute; bottom: 0px; left: 0; z-index: -1; opacity: 0.31; } .coming_soon_shape_1 img { width: 130px; opacity: 0.31; } .coming_soon_shape_2 { position: absolute; top: -30px; right: 0; z-index: -1; } .coming_soon_shape_2 img { width: 130px; opacity: 0.31; } .coming_soon_count .single_count { width: 150px; height: 150px; aspect-ratio: 1; text-align: center; background-color: #ffffff; border-radius: 50%; margin-right: 10px; margin-bottom: 10px; border: 2px dotted #ff21ff; position: relative; transition: all 0.3s ease-out 0s; } .coming_soon_count .single_count:hover { background: rgba(255,110,255,0.15); } @media only screen and (min-width: 992px) and (max-width: 1199px) { .coming_soon_count .single_count { width: 120px; height: 120px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .coming_soon_count .single_count { width: 130px; height: 130px; } } @media (max-width: 767px) { .coming_soon_count .single_count { width: 60px; height: 60px; margin-bottom: 5px; margin-right: 5px; } } @media (max-width: 767px) { .coming_soon_count .single_count { width: 70px; height: 70px; margin-bottom: 10px; margin-right: 10px; } } .coming_soon_count .single_count::before { position: absolute; content: ''; border-radius: 50%; width: 100%; height: 100%; background: rgba(255,110,255,0.2); top: 10px; left: 10px; } @media (max-width: 767px) { .coming_soon_count .single_count::before { top: 5px; left: 5px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .coming_soon_count .single_count::before { top: 10px; left: 10px; } } .coming_soon_count .single_count .count_content .count { font-size: 50px; font-family: "Jost"; font-weight: 600; color: #ba00ba; line-height: 45px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .coming_soon_count .single_count .count_content .count { font-size: 50px; } } @media (max-width: 767px) { .coming_soon_count .single_count .count_content .count { font-size: 30px; line-height: 30px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .coming_soon_count .single_count .count_content .count { font-size: 46px; line-height: 50px; } } .coming_soon_count .single_count .count_content .times { font-size: 15px; color: #707070; line-height: 25px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .coming_soon_count .single_count .count_content .times { font-size: 22px; } } @media (max-width: 767px) { .coming_soon_count .single_count .count_content .times { font-size: 12px; line-height: 20px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .coming_soon_count .single_count .count_content .times { font-size: 18px; line-height: 30px; } } .work_video { position: relative; margin-top: 30px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .work_video { margin-top: 0; } } @media (max-width: 767px) { .work_video { margin-top: 0; } } .work_video::before { position: absolute; content: ''; left: 50%; transform: translateX(-50%); top: 0; width: 2px; height: 100%; background-color: #ba00ba; } @media only screen and (min-width: 768px) and (max-width: 991px) { .work_video::before { display: none; } } @media (max-width: 767px) { .work_video::before { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .single_video { margin-top: 25px; } } @media (max-width: 767px) { .single_video { margin-top: 25px; } } .single_video .video_title { display: flex; flex-direction: column; width: 46%; } .single_video .video_title.order-first { align-items: flex-end; } @media only screen and (min-width: 768px) and (max-width: 991px) { .single_video .video_title, .coming_soon .title { width: 100%; } } @media (max-width: 767px) { .single_video .video_title { width: 100%; align-items: center; margin-top: 20px; } .single_video .video_title.order-first { align-items: center; } } .single_video .video_title .title, .coming_soon .title { font-size: 25px; color: #ba00ba; font-weight: 500; } @media (max-width: 767px) { .single_video .video_title .title, .coming_soon .title { font-size: 20px; } } .single_video .video_title p, .coming_soon_titl { color: #ff21ff; font-size: 18px; font-weight: 400; margin-top: 10px; } @media (max-width: 767px) { .single_video .video_title p, .coming_soon_titl { font-size: 15px; } } .single_video .video_title .date, .coming_soon_date { font-size: 18px; font-weight: 400; color: #222222; margin-top: 10px; } @media (max-width: 767px) { .single_video .video_title .date { font-size: 15px; } } .single_video .video_number { width: 8%; text-align: center; } @media only screen and (min-width: 768px) and (max-width: 991px) { .single_video .video_number { display: none; } } @media (max-width: 767px) { .single_video .video_number { display: none; } } .single_video .video_number span { margin: 0px; width: 55px; height: 55px; text-align: center; line-height: 55px; border: 2px solid #ba00ba; font-size: 26px; font-family: "Open Sans", sans-serif; color: #ba00ba; border-radius: 50%; transition: all 0.3s ease-out 0s; background-color: #fff4ff; } .single_video .video_content { box-shadow: 0px 3px 32px 0px rgba(34,34,34,0.15); padding: 0px; border-radius: 10px; cursor: pointer; background-color: #ffffff; overflow: hidden; border: none; width: 46%; position: relative; transition: all 0.3s ease-out 0s; } .single_video .video_content iframe, .single_video .video_content img { border-radius: 10px; aspect-ratio: 1.7777777777778; } .single_video .video_content img:hover { transition: all 0.4s ease-out 0s; transform: scale(1.2); } .single_video .video_content:hover { box-shadow: 0px 3px 50px 0px rgba(34,34,34,0.3); } @media only screen and (min-width: 768px) and (max-width: 991px) { .single_video .video_content { width: 100%; margin-top: 30px; } } @media (max-width: 767px) { .single_video .video_content { width: 100%; margin-top: 30px; margin-bottom: 30px; } } .single_video .video_content p { transition: all 0.3s ease-out 0s; } .single_video:hover .video_number span { background-color: #ba00ba; color: #ffffff; } .single_video:hover .video_content { background-color: #ba00ba; } .single_video:hover .video_content p { color: #ffffff; } .gallery_wrapper { margin-top: 30px; } .single_gallery { position: relative; } .gallery_image { overflow: hidden; aspect-ratio: 1; background-position: center center; background-repeat: no-repeat; } .single_gallery .gallery_content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .single_gallery .gallery_content::before { position: absolute; content: ''; width: 100%; height: 0; top: 0; left: 0; background: rgba(186,0,186,0.7); transition: all 0.3s ease-out 0s; } .single_gallery .gallery_content .gallery_icon { position: absolute; top: 50%; width: 100%; text-align: center; transform: translateY(-50%); } .single_gallery .gallery_content .gallery_icon li { display: inline-block; margin: 0 5px; transition: all 0.3s ease-out 0s; opacity: 0; visibility: hidden; } .single_gallery .gallery_content .gallery_icon li:first-child { transform: translateX(-100%); } .single_gallery .gallery_content .gallery_icon li:last-child { transform: translateX(100%); } .single_gallery .gallery_content .gallery_icon li a { width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 26px; color: #ffffff; border: 2px solid #ffffff; border-radius: 50%; } .single_gallery .gallery_content .gallery_icon li a:hover { transition: all 0.3s ease-out 0s; transform: scale(1.5); background: rgba(255,110,255,0.5); } .single_gallery:hover .gallery_content::before { height: 100%; } .single_gallery:hover .gallery_content .gallery_icon li { transform: translateX(0); transition-delay: 0.3s; opacity: 1; visibility: visible; } .single_event { cursor: pointer; } .single_event .event_image { overflow: hidden; border-top-left-radius: 10px; border-top-right-radius: 10px; aspect-ratio: 1; } .single_event .event_image .ebld { background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; width: 100%; height: 100%; transition: all 0.3s ease-out 0s; } .single_event .event_image .ebld:hover { transition: all 0.3s ease-out 0s; transform: scale(1.3); } .single_event .event_content { padding: 25px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: #ffffff; box-shadow: 0px 3px 6px 0px rgba(34,34,34,0.3); transition: all 0.3s ease-out 0s; } .single_event .event_content .date { font-size: 16px; color: #707070; } .single_event .event_content .event_title a { font-size: 30px; color: #ff21ff; margin-top: 20px; transition: all 0.3s ease-out 0s; } .single_event .event_content .event_title a:hover { color: #ba00ba; } .single_event .event_content p { margin-top: 15px; } .single_event .event_content .more { color: #c061cb; margin-top: 15px; transition: all 0.3s ease-out 0s; } .single_event .event_content .more:hover { color: #ff21ff; } .single_event:hover .event_image img { transform: scale(1.1); } .single_event:hover .event_content { box-shadow: 0px 3px 16px 0px rgba(34,34,34,0.3); } .single_testimonial .testimonial_author img { border-radius: 50px; border-bottom-right-radius: 0; } @media (max-width: 767px) { .single_testimonial .testimonial_author img { width: 120px; border-radius: 30px; border-bottom-right-radius: 0; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .single_testimonial .testimonial_author img { width: 120px; border-radius: 30px; border-bottom-right-radius: 0; } } .single_testimonial .testimonial_content { padding-left: 30px; position: relative; } @media (max-width: 767px) { .single_testimonial .testimonial_content { padding-left: 0; margin-top: 25px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .single_testimonial .testimonial_content { padding-left: 25px; margin-top: 0; } } .single_testimonial .testimonial_content .author_name { font-size: 18px; font-weight: 600; font-family: "Open Sans", sans-serif; } .single_testimonial .testimonial_content .sub_title { font-size: 14px; color: #ff21ff; margin-top: 5px; } .single_testimonial .testimonial_content p { font-size: 16px; margin-top: 20px; } .single_testimonial .testimonial_content .review { position: absolute; top: 0; right: 0; } .single_testimonial .testimonial_content .review li { display: inline-block; font-size: 14px; color: #c061cb; margin: 0 2px; } .testimonial_active .slick-dots { width: 100%; text-align: center; margin-top: 46px; } .testimonial_active .slick-dots li { display: inline-block; margin: 0 3px; } .testimonial_active .slick-dots li button { font-size: 0; width: 13px; height: 13px; border: 2px solid rgba(34,34,34,0.15); border-radius: 50%; background: none; transition: all 0.3s ease-out 0s; } .testimonial_active .slick-dots li.slick-active button { background-color: #22cc00; border-color: #22cc00; } .slick-initialized .slick-slide { outline: 0; } p.form-message.success, p.form-message.error, p.letter-message.success, p.letter-message.error { border-radius: 6px; text-align: center; font-size: 16px; border: 2px solid #1d9107; color: #1d9107; padding: 10px 0px; margin-top: 15px; } p.form-message.success.form-message.error, p.form-message.error.form-message.error, p.letter-message.success.letter-message.error, p.letter-message.error.letter-message.error { border: 2px solid #e01b24; color: #e01b24; } .contact_wrapper { padding: 80px 110px; border-radius: 10px; box-shadow: 0px 3px 32px 0px rgba(34,34,34,0.15); background-color: #fff4ff; } @media only screen and (min-width: 768px) and (max-width: 991px) { .contact_wrapper { padding: 30px 50px; } } @media (max-width: 767px) { .contact_wrapper { padding: 30px; } } .single_form { margin-top: 30px; } .single_form textarea, .single_form input { padding: 0 25px; border: 2px solid rgba(255,110,255,0.5); border-radius: 5px; height: 55px; width: 100%; color: #222222; } .single_form textarea:focus, .single_form input:focus { border: 2px solid #ba00ba; } .single_form textarea { padding-top: 15px; resize: none; height: 185px; } .footer_area { background-color: #ba00ba; position: relative; z-index: 9; overflow: hidden; } .footer_shape_1 { position: absolute; bottom: -30px; left: 0; z-index: -1; } .footer_shape_1 img { width: 130px; opacity: 0.31; } .footer_widget .footer_logo .icb { animation: rotateGradient 10s linear infinite; } @keyframes rotateGradient { to { transform: rotate(360deg); } } .footer_widget .footer_logo .icb { color: rgba(255,110,255,0.4); font-size: 280px; } @media (max-width: 767px) { .footer_widget .footer_logo .icb { font-size: 160px; } } .footer_widget .footer_title { margin-top: 30px; } .footer_widget .footer_title .title { font-size: 52px; color: #fff4ff; text-transform: uppercase; } @media (max-width: 767px) { .footer_widget .footer_title .title { font-size: 28px; } } .footer_widget .footer_title .title span { color: #ff6eff; margin: 0px 3px 0px 8px; } .footer_widget .footer_menu { margin-top: 30px; } .footer_widget .footer_menu li { display: inline-block; margin: 0 20px; } .footer_widget .footer_menu li a { font-size: 16px; color: #ffffff; transition: all 0.3s ease-out 0s; } .footer_widget .footer_menu li a:hover { color: #222222; } .footer_widget .footsocial { max-width: 50vw; margin: 30px auto 0 auto; display: flex; flex-direction: row; justify-content: space-around; font-size: 14px; } .footer_widget .footsocial a { transition: all 0.3s ease-out 0s; color: #ff6eff; } .footer_widget .footsocial a .icb { font-size: 2rem; color: #ffffff; } .footer_widget .footsocial a:hover { color: #222222; } .footer_widget .footsocial a:hover .icb { color: #ff6eff; } @media (max-width: 767px) { .footer_widget .footsocial { max-width: 100vw; } .footer_widget .footsocial a { font-size: 12px; } .footer_widget .footsocial a .icb { font-size: 1.5rem; } } .footer_copyright { border-top: 2px solid #ff6eff; padding: 40px 0; } .footer_copyright a { font-size: 12px; } #legalbox { display: grid; background: white; overflow: hidden; width: 100%; height: 70vh; } #legalbox #legalhead { display: flex; flex-direction: row; align-self: stretch; justify-content: space-between; font-size: 1.2rem; background: #ff6eff; } #legalbox #legalhead .lft { text-transform: uppercase; padding: 15px; font-weight: 600; } #legalbox #legalhead .rit { padding: 15px; } #legalbox #legalhead #closlegal { cursor: pointer; font-size: 1.5rem; color: #ba00ba; } #legalbox #legalhead #closlegal:hover { background: white; } #legalbox #legaltxt { display: flex; flex-direction: column; overflow: scroll; justify-content: flex-start; align-items: flex-start; padding: 15px 25px 25px 25px; } #legalbox #legaltxt p { min-height: 20px; } #legalbox #legaltxt div { padding-bottom: 15px; } #moreevent p { min-height: 20px; } #moreevent a { color: #ba00ba; } #moreevent a:hover { text-decoration: underline; } #moreevent #etext { position: relative; } #moreevent #etext #eclos { position: absolute; top: -30px; right: 0px; padding: 15px; cursor: pointer; font-size: 2rem; color: #ba00ba; } #moreevent #etext #eclos:hover { transform: rotate(90deg); transition: all 0.3s ease-out 0s; } @media (max-width: 767px) { #moreevent #etext #eclos { top: -60px; } } #moreevent #ebilder { display: flex; flex-direction: row; flex-wrap: wrap; } #moreevent #ebilder .ebild { margin: 0 2% 2% 0; height: 200px; border-radius: 10px; box-shadow: 0px 3px 6px 0px rgba(34,34,34,0.3); overflow: hidden; } #moreevent #ebilder .ebild img { border-radius: 10px; } #moreevent #ebilder .ebild img:hover { transform: scale(1.2); transition: all 0.3s ease-out 0s; } @media (max-width: 767px) { #moreevent #ebilder .ebild { margin: 1%; } } #herovideobox { border-radius: 10px; position: relative; aspect-ratio: 1.7777777777778; padding: 10px; } #herovideobox img { border-radius: 10px; box-shadow: 0px 3px 6px 0px rgba(34,34,34,0.3); } #herovideobox #herovideoover { position: absolute; left: 10px; top: 10px; bottom: 10px; right: 10px; display: flex; justify-content: center; align-items: center; aspect-ratio: 1.7777777777778; border-radius: 10px; background: rgba(0,0,0,0.2); overflow: hidden; color: #ff0000; font-size: 4rem; } #herovideobox .hvdeko { position: absolute; left: -10px; top: -40px; font-size: 4rem; color: #ff6eff; } @media (max-width: 767px) { #herovideobox .hvdeko { font-size: 4rem; left: 0px; right: 0px; margin-left: auto; margin-right: auto; text-align: center; } } #herovideobox .hvshap { position: absolute; right: 30px; bottom: -60px; font-size: 8rem; color: #ff6eff; opacity: 0.5; } @media (max-width: 767px) { #herovideobox .hvshap { display: none; } } #herovideobox .hvtext { position: absolute; left: 30px; bottom: -50px; color: #c061cb; font-size: 2rem; } @media (max-width: 767px) { #herovideobox .hvtext { font-size: 1rem; bottom: -30px; } } #pressbut { text-align: center; font-size: 1.2rem; cursor: pointer; color: #ba00ba; background: none; border: none; } #pressbut:hover { color: #c061cb; } #pressres { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } #pressres .presshead { display: flex; align-self: stretch; color: #c061cb; padding: 10px; border-bottom: 1px dotted #c061cb; } #pressres .pressdl { font-family: "Jost", sans-serif; display: flex; align-self: stretch; flex-direction: row; cursor: pointer; text-decoration: none; color: black; border-bottom: 1px dotted #CCCCCC; } #pressres .pressdl i { align-self: stretch; display: flex; padding: 10px; font-size: 1.5rem; color: #ba00ba; } #pressres .pressdl div { align-self: stretch; display: flex; padding: 10px; justify-content: flex-start; text-align: left; } #pressres .pressdl div.rr { justify-content: flex-end; } #pressres .pressdl div.dnlinfo { padding: 0px; flex: 9; flex-direction: row; } @media (max-width: 767px) { #pressres .pressdl div.dnlinfo { flex-direction: column; } } #pressres .pressdl div .dlh { flex: 3; font-weight: medium; } @media (max-width: 767px) { #pressres .pressdl div .dlh { flex: auto; } } #pressres .pressdl div .dld { flex: 6; } @media (max-width: 767px) { #pressres .pressdl div .dld { flex: 1; } } #pressres .pressdl:hover { background: #ff6eff; } .back-to-top { font-size: 20px; color: #ffffff; position: fixed; right: 20px; bottom: 20px; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background-color: #ff21ff; text-align: center; z-index: 99; transition: all 0.3s ease-out 0s; display: none; } .back-to-top:hover { color: #ff21ff; background: rgba(255,33,255,0.2); } .video_content, #herovideobox { position: relative; } .video_content .cookieok, #herovideobox .cookieok { display: none; position: absolute; inset: 0; background: rgba(0,0,0,0.85); color: #fff; padding: 20px; text-align: center; font-size: 15px; align-items: center; justify-content: center; flex-direction: column; } .video_content .cookieok span, #herovideobox .cookieok span { color: #ff21ff; } #cookie-triangle { position: fixed !important; bottom: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; border-left: 180px solid rgba(255,255,255,0.5); border-top: 180px solid transparent; z-index: 999999 !important; } #cookie-triangle .precook { position: absolute; top: -125px; left: -160px; background: #FFFFFF; background: linear-gradient(180deg,#FFFFFF 60%,#ff21ff 60%); color: #000; border: none; cursor: pointer; font-size: 14px; border-radius: 50%; aspect-ratio: 1; display: flex; flex-direction: column; width: 100px; height: 100px; z-index: 1000000; box-shadow: 0px 3px 6px 0px rgba(34,34,34,0.3); } #cookie-triangle .precook:hover { transition: all linear 0.5s; background: linear-gradient(180deg,#ff21ff 60%,#FFFFFF 60%); } #cookie-triangle button { display: flex; align-self: stretch; align-items: flex-end; justify-content: center; padding-bottom: 5px; color: #000; border: none; width: 100px; height: 60px; background: none; background-color: transparent; background-image: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; } #cookie-triangle button:hover, #cookie-triangle button:focus { background: transparent !important; background-image: none !important; color: white; } #cookie-triangle .cmore { display: flex; align-self: stretch; align-items: center; justify-content: center; color: white; border: none; width: 100px; height: 40px; font-size: 20px; } #cookie-triangle .cmore:hover, #cookie-triangle .cmore:focus { color: #ff21ff; } #cookie-triangle button:hover { background: #f0f0f0; } #cookie-reset { display: none; color: #ff6eff; margin-top: 30px; } #cookie-reset:hover { color: white; text-decoration: underline; }