/* Common CSS for All components : Start */
:root {
	--white:#fff;
	--black:#000;
   --dark:#0f0f1a;
   --pinkbg:#ED24A0;
   --yellowbg:#F2EA28;
   --skybg:#66CBCB;
   --lightsky:#a3a3b4;

}
*,
*::after,
*::before {
 margin: 0;
 padding: 0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

html { margin: 0; padding: 0; }
body { margin: 0; padding: 0;font-size: 16px; background: var(--white); line-height: normal;
   font-family: 'Neulis Sans';
   font-weight: 400;color: var(--dark); }

:focus { outline: none !important; }

a,
button,
input[type=submit] {
   outline: none;
   border: none;
   cursor: pointer;
   text-decoration: none !important;
   -webkit-transition: all ease-in-out 0.3s;
   -moz-transition: all ease-in-out 0.3s;
   transition: all ease-in-out 0.3s;
}
a:hover { text-decoration: none !important; }

img,
svg,
iframe {
   max-width:100%;
}


.center-block { width: 100%; margin: 0 auto; }
.input-text { display: flex; width: 100%; height: 43px; padding: 0; font-size: 18px;color: var(--white); background: none; border: none; border-bottom: solid 1px var(--white); border-radius: 0; align-items: center; }
.input-text::placeholder,
.input-text::-webkit-input-placeholder { color: var(--white); text-transform: uppercase; }
.textbox::placeholder,
.textbox::-webkit-input-placeholder { text-transform: uppercase; }
textarea.input-text { height: 180px; padding-top: 15px;color: rgba(0,25,42,0.70); align-items: flex-start; resize: none; }
body.open-nav { overflow: hidden; }

/* Common CSS for All components : End */

@media (min-width:576px) {
   .container { width:100%; max-width: 540px; }
}
@media (min-width: 768px) {
   .container { width:750px; max-width: 750px; }
}
@media (min-width: 992px) {
   .container { width:970px; max-width: 970px; }
}
@media (min-width:1200px) {
	.container {
		width: 1100px;
		max-width: 1100px;
	}  
 }
 @media (min-width:1300px) {
	.container {
		width: 1200px;
		max-width: 1200px;
	}  
}
@media (min-width:1400px) {
	.container {
		width: 1300px;
		max-width: 1300px;
	}  
}
 
@media (min-width:1500px) {
	.container {
		width: 1400px;
		max-width: 1400px;
	  }  
}
@media (min-width: 1600px) {
	.container {
		width: 1400px;
		max-width: 1400px;
	}
}
@media (min-width:1850px) {
	.container {
		width: 1750px;
		max-width: 1750px;
	}  
}


.container { padding-right: 15px;padding-left: 15px; }

.row { margin-left: -15px !important; margin-right: -15px !important; }
.row>* { padding-left: 15px !important; padding-right: 15px !important; }


h1, h2, h3, h4, h5, h6 {
   margin: 0;
   padding: 0;

   font-weight: 700;
   color: var(--dark);
   word-wrap: break-word;
}

h1 {
   font-size: 60px;
   line-height: 1.2;
}
h2 {
   font-size: 42px;
   line-height: 1.1111;
}
h3 {
   font-size: 28px;
   line-height: 1.1935;
}
h4 {
   font-size: 22px;
   line-height: 1.1818;
}
h5 {
   font-size: 20px;
   line-height: 1.1111;
}
h6 {
   font-size: 18px;
   line-height: 1.1111;
}
p { margin: 0; padding: 0; font-weight: 400;font-size: 18px;line-height: 1.44; color: var(--dark); }
p strong { font-weight: 700; }
p + p { margin-top: 25px; }
a,
a:hover { color: inherit; }
ul { margin: 0px; padding: 0px; }
ul li { list-style: none; }

.wrapper_main {
   position:relative;
   width:100%;
   min-height:100%;
	
}

.contain_wapper { position:relative; width:100%; }

/* Common style end */


.btnbox { display: flex; }

/* Header start */

.header_main { position: fixed; top: 0; z-index: 100; left: 0; width: 100vw; }
.header_wrap { position: relative; width: 100%; max-width: 1713px; height: 0; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start; }
.header_wrap .logo_wrap { position: relative; width: 161px; display: flex;align-items: flex-start; justify-content: flex-start; }
.header_wrap .logo_wrap a { display: flex; width: auto; padding: 46px 20px 28px; justify-content: center; background: var(--white); box-shadow: 0 3px 10px rgba(0,0,0,0.16); }
.header_wrap .logo_wrap a span { transition: all 0.3s ease-in-out; max-height: 190px; overflow: hidden; display: flex; align-items: flex-start; justify-content: center;}
.header_main.fixed .logo_wrap a span { max-height: 92px; }

.header_wrap .logo_wrap a img { display: flex; width: auto; height: 190px;transition: all 0.3s ease-in-out; }
@media (min-width: 1200px) {
   .header_main.fixed .logo_wrap a:hover span { max-height: 140px; }
}

.header_wrap .menu-btn { position: relative; display: flex; margin-top: 58px; }
.header_wrap .menu-btn a { display: flex; font-size: 28px; color: var(--dark); line-height: 1.2142; font-weight: 500; text-transform: uppercase; }
.header_wrap .menu-btn a span { display: flex; }
.header_wrap .menu-btn a .icon { display: none; }
.header_wrap .menu-btn a .icon img { filter: brightness(100) invert(100); transition: all ease-in-out 300ms; }
.header_main.header-white .header_wrap .menu-btn a .icon img { filter: brightness(0) invert(1); }
.header_main.fixed .header_wrap .logo_wrap a img { height: 130px; }
.header_main.header-white .header_wrap .menu-btn a { color: var(--white); }
/* .single-post .header_main.header-white .header_wrap .menu-btn a,
.page-template-about_tpl .header_main.header-white .header_wrap .menu-btn a,
.page-template-vita_tpl .header_main.header-white .header_wrap .menu-btn a,
.tax-our_artwork_type .header_main.header-white .header_wrap .menu-btn a,
.page-template-ros_live_tpl .header_main.header-white .header_wrap .menu-btn a { color: var(--dark); } */


.megamenu { position: fixed; top: 0; left: 0; z-index: 1000; width: 100vw; height: 100vh; height: calc(var(--vh,1vh)*100); background: var(--dark); overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; transition: all ease-in-out 300ms; }
.megamenu.slide { opacity: 1; visibility: visible; pointer-events: all; }
.megamenu .menuwrap { position: relative; width: 100vw; height: calc(var(--vh,1vh)*100); max-height: 100%; padding: 0 107px 0 100px; overflow-y: auto; }
.megamenu .menu_cta { position: absolute; top: 0; left: 0; z-index: 10; display: flex; width: 100%; padding: 0 107px 0 100px; justify-content: space-between; }
.megamenu .menu_cta .logobox { position: relative; display: flex; transition: all ease-in-out 300ms; }
.megamenu .menu_cta .logobox a { position: absolute; display: flex; width: 111px; padding: 63px 0 17px; background: var(--white); justify-content: center; }
.megamenu .menu_cta .logobox a span { display: flex; max-width: 85px; max-height: 85px; overflow: hidden; align-items: flex-start; transition: all ease-in-out 300ms; }
.megamenu .menu_cta .logobox a img { display: inline-flex; width: 100%; height: auto; object-fit: cover; transition: all ease-in-out 300ms; }
.megamenu .menu_cta .close-btn { position: relative; display: flex; margin-top: 63px; }
.megamenu .menu_cta .close-btn a { display: flex; }
.megamenu .menu_cta .close-btn a img { display: inline-flex; }
.megamenu .navwrap { position: relative; padding: 14.815vh 0 50px; height: 100%; }
.megamenu .navlinks { position: relative; }
.megamenu .navlinks ul { display: block; }
.megamenu .navlinks ul li { display: flex; width: 100%; justify-content: center; }
.megamenu .navlinks ul li + li { margin-top: 35px; }
.megamenu .navlinks ul li a { position: relative; display: flex; padding-bottom: 15px; font-size: 34px; color: var(--white); font-weight: 100; font-style: italic; line-height: normal; text-transform: uppercase; }
.megamenu .navlinks ul li a:before,
.megamenu .navlinks ul li a:after { position: absolute; width: 0; height: 2px; content: ''; pointer-events: none; transition: all ease-in-out 300ms; }
.megamenu .navlinks ul li a:before { right: 0; bottom: 8px; background: var(--yellowbg); }
.megamenu .navlinks ul li a:after { bottom: 0; left: 0; background: var(--skybg); }
.megamenu .navlinks ul li.current-menu-item a:before,
.megamenu .navlinks ul li.current-menu-item a:after { width: calc(100% - 36px); }
.megamenu .navlinks ul li a strong { display: inline-flex;font-weight: 400; font-style: normal; }
.megamenu .navlinks ul li a span { position: relative; display: inline-flex; padding-left: 28px; }
.megamenu .navlinks ul li a span:before { position: absolute; left: 10px; content: "|"; }
.megamenu .social_links { position: relative; width: 100%; min-height: 40px; margin-top: 47px; display: flex; justify-content: center; align-items: center; column-gap: 25px; }
.megamenu .social_links a { display: flex; }
.megamenu .social_links a img { display: inline-flex; width: 36px; height: auto; transform-origin: center center; transition: all ease-in-out 300ms; }
.megamenu .white-line { position: absolute; bottom: 0; left: 50%; width: 14px;height: 100%; max-height: calc(24vh - 136px); padding-top: 50px; margin: 0 0 0 -7px; pointer-events: none; display: flex; align-items: center; justify-content: center; } 
.megamenu .white-line  span { height: 100%; width: 3px; position: relative; display: block; background: #E2E2E2; }
body.open-nav { overflow: hidden; }

@media (min-width: 1200px) {

   .header_main.fixed .header_wrap .logo_wrap a,
   .header_main.fixed .header_wrap .logo_wrap a:hover { padding: 40px 10px 10px; }
   .header_main.fixed .header_wrap .logo_wrap a:hover { padding-bottom: 20px; }
   
   .megamenu .menu_cta .logobox a:hover span { max-height: 133px; }
   .megamenu .navlinks ul li a:hover:before,
   .megamenu .navlinks ul li a:hover:after { width: calc(100% - 36px); }
   .megamenu .social_links a:hover img { transform: scale(1.056); }
}

/* Header end */


/* Banner start */

.front_banner_main { position: relative; width: 100%; overflow: hidden; }
.front_banner_main .banner_image { position: relative; width: 100%; display: flex; }
.front_banner_main .banner_image img { width: 100%; height: 100vh; height: calc(var(--vh,1vh)*100); object-fit: cover; }
.banner_video { position: relative; width: 100%; }
.banner_video:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(70, 24, 24, 0.20); content: ''; pointer-events: none; }
.banner_video .video { position: relative; width: 100%; display: flex; }
.banner_video video { width: 100%; height: 100vh; height: calc(var(--vh,1vh)*100); object-fit: cover; }
.banner_video .video_cta { position: absolute; bottom: 61px; left: 0; z-index: 2; width: 100%; display: flex; justify-content: center; }

.video_cta .buttons_wrap { position: relative; display: flex; width: 100%; max-width: 1713px; margin: 0 auto; justify-content: flex-end; column-gap: 20px; }
.video_cta .buttons_wrap a,
.video_cta .buttons_wrap button { position: relative; display: flex; width: 48px; height: 48px; align-items: center; justify-content: center; background: none; border: none; }
.video_cta .buttons_wrap a img,
.video_cta .buttons_wrap button img { position: absolute; display: flex; transition: all ease-in-out 300ms; }
.video_cta .buttons_wrap .audio-btn .unmute,
.video_cta .buttons_wrap .audio-btn.active .mute { opacity: 0; visibility: hidden; }
.video_cta .buttons_wrap .audio-btn.active .unmute { opacity: 1; visibility: visible; }
.video_cta .buttons_wrap .action-btn .pause,
.video_cta .buttons_wrap .action-btn.active .play{ opacity: 0; visibility: hidden; }
.video_cta .buttons_wrap .action-btn.active .pause { opacity: 1; visibility: visible; }

.video_parent.unsound .video_cta .buttons_wrap .audio-btn { display: none; }


/* Banner end */



/* Homepage start */

.front_main { position: relative; width: 100%; padding-bottom: 18.90vh; }
.front_main .red-line.bottom-line { height: 106px; width: 14px; position: absolute; bottom: 0; left: 50%; margin: 0 0 0 -7px; width: 14px; pointer-events: none; display: flex; align-items: center; justify-content: center; } 
.front_main .red-line.bottom-line  span { height: 100%; width: 3px; position: relative; display: block; background: var(--pinkbg); }

.welcome_sec { position: relative; width: 100%; text-align: center; padding: 196px 0 0; }
.welcome_sec .red-line { height: 9.722vh; width: 14px; position: absolute; top: 0; left: 50%; margin: 0 0 0 -7px; width: 14px; pointer-events: none; display: flex; align-items: center; justify-content: center;} 
.welcome_sec .red-line  span{ height: 100%; width: 3px;  position: relative; display: block; background: var(--pinkbg); }
.welcome_sec .center-block { max-width: 710px; }
.welcome_sec .subheading { display: block; width: 100%; font-size: 16px; color: var(--dark); font-weight: 700; font-style: italic; text-transform: uppercase; }
.welcome_sec p { font-size: 34px; line-height: 1.4117; font-weight: 300; }
.welcome_sec p strong { font-weight: 300; font-style: italic;}


.front_about_sec { position: relative; width: 100%; padding: 14.815vh 0 17.222vh; margin-top: 8.519vh; }
.front_about_sec .content_wrap { position: relative; width: 100%; min-height: 600px; display: flex; max-width: 1540px; margin: 0 auto; justify-content: space-between; align-items: flex-end; }
.front_about_sec .about_links { position: relative; width: 50%; max-width: 590px; }
.front_about_sec .about_links .links_inner { position: relative; width: 100%; }
.front_about_sec .about_links ul { display: block; width: 100%; }
.front_about_sec .about_links ul li { display: flex; width: 100%; justify-content: flex-end; }
.front_about_sec .about_links ul li + li { margin-top: 40px; }
.front_about_sec .about_links ul li a { position: relative; display: flex; font-size: 80px; color: var(--dark); line-height: normal; font-weight: 400; letter-spacing: 0.07em; text-transform: uppercase; }
.front_about_sec .about_links ul li a:after { position: absolute; top: 100%; right: 0; left: auto; width: 0; height: 4px; content: ''; transition: all ease-in-out 300ms; background: var(--dark); }

.front_about_sec .about_summary { position: relative; width: 50%; max-width: 620px; padding-bottom: 10.463vh; }
.front_about_sec .about_summary .summary_inner { position: relative; width: 100%; }
.front_about_sec .double_line { position: absolute; top: 0; bottom: 0; left: 50%; margin-left: -7px; width: 14px; height: 100%; display: flex; justify-content: space-between; align-items: flex-start; pointer-events: none; }
.front_about_sec .double_line span.bg-line-1 { width: 3px; position: absolute; left: 0; top: 66px; bottom: 0; display: block; background: var(--skybg); }
.front_about_sec .double_line span.bg-line-2 { width: 3px; position: absolute; right: 0; top: 0; bottom: 0; display: block; background: var(--yellowbg); }
@media (min-width: 1200px) {
   .front_about_sec .about_links ul li a:hover { letter-spacing: 0.1em; }
   .front_about_sec .about_links ul li a:hover:after { right: auto; left: 0; width: 100%; }
}


.about_artist { position: relative; width: 100%; padding: 17.222vh 0 18.796vh; margin-bottom: 18.519vh; }
.about_artist .content_wrap { position: relative; width: 100%; max-width: 1475px; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start; }
.about_artist .textblock { position: relative; width: 50%;max-width: 620px; }
.about_artist .media_wrap { position: relative; width: 50%;max-width: 585px; }
.about_artist .media_wrap .media_image { position: relative; width: 100%; display: flex; }
.about_artist .media_wrap .media_image img { width: 100%; height: 100vh; height: calc(var(--vh,1vh)*100); object-fit: cover; }
.about_artist .media_wrap .media_video { position: relative; width: 100%; }
.about_artist .media_wrap .media_video .video { position: relative; width: 100%; /*height: 878px;*/ display: flex; }
.about_artist .media_wrap .media_video .video:after { position: relative; display: block; width: 100%; padding-top: 150.088%; content: ''; pointer-events: none; }
.about_artist .media_wrap .media_video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.about_artist .media_wrap .video_cta { position: absolute; bottom: 27px; right: 20px; width: 100%; display: flex; justify-content: center; }
.about_artist .double_line { position: absolute; top: 0; bottom: 0; left: 50%; margin-left: -7px; width: 14px; height: 100%; display: flex; justify-content: space-between; align-items: flex-start; pointer-events: none; }
.about_artist .double_line span.bg-line-1 { width: 3px; position: absolute; left: 0; top: 0; display: block; height: 39.88vh; background: var(--skybg); }
.about_artist .double_line span.bg-line-2 { width: 3px; position: absolute; right: 0; top: 0; bottom: 0; display: block; background: var(--yellowbg); }


.media_two_column { position: relative; width: 100%; /*padding: 0 0 114px;*/ margin-bottom: 114px; }
.media_two_column .red-line { height: 106px; width: 14px; position: absolute; bottom: 100%; left: 50%; margin: 0 0 0 -7px; pointer-events: none; display: flex; align-items: center; justify-content: center;} 
.media_two_column .red-line  span{ height: 100%; width: 3px;  position: relative; display: block; background: var(--pinkbg); }
.media_two_column .slider_wrap { position: relative; width: 100%; }
.slider_wrap .arrows { position: absolute; top: 50%; left: 0; z-index: 5; width: 100%; height: 50px; margin-top: -25px; display: none; justify-content: space-between; }
.slider_wrap .arrows a { width: 68px; height: 50px; display: flex; padding: 0 0 0 18px;background: rgba(15, 15, 26, 0.90); align-items: center; }
.slider_wrap .arrows a.swiper-button-disabled { display: none; }
.slider_wrap .arrows a.media-double-prev,
.slider_wrap .arrows a.media-triple-prev { margin-left: auto; }
.slider_wrap .arrows a span { display: flex; width: 13px; height: 21px; background: url('../images/sld-right-arrow.svg') no-repeat center center; }
.slider_wrap .arrows a.media-double-prev span,
.slider_wrap .arrows a.media-triple-prev span { transform: rotate(180deg); }
.media_two_column .swiper-slide { height: auto; }
.media_block { position: relative; width: 100%; height: 100%; overflow: hidden; }
.media_block a { position: relative; display: flex; width: 100%; height: 100%; }
.media_block .imgbox { position: relative; display: flex; width: 100%; height: 100%; }
.media_block .imgbox img { display: flex; width: 100%; height: auto; object-fit: cover; transition: all ease-in-out 300ms; transform-origin: center center; }

.media_block .media_caption { position: absolute; top: 0; left: 0; display: flex; width: 100%; height: 100%; align-items: flex-end; }
.media_block .media_caption:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: '';opacity: 0.48;mix-blend-mode: multiply;background-image: linear-gradient(to bottom, rgba(15, 15, 26, 0) 41%, var(--dark)); }
.media_block .inner_block { position: relative; z-index: 2; width: 100%; padding: 0 70px 62px 72px; transition: all ease-in-out 300ms; }

.media_block .title { width: 100%; display: flex; align-items: flex-end; }
.media_block .title span { display: flex;min-width: 80px; margin-right: 30px; font-size: 18px; color: var(--white); font-weight: 700; line-height: 1.44; text-transform: uppercase; }
.media_block .title h3 { font-size: 40px; color: var(--white); font-weight: 300; line-height: 1.11; }
.media_block .inner_block p { font-size: 28px; color: var(--white);font-weight: 300; line-height: normal; }
.media_block .inner_block .btnbox { position: relative; margin-top: 21px; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all ease-in-out 300ms; }

.media_block .inner_block .btnbox span { display: flex; font-size: 18px; color: var(--white); font-weight: 400; letter-spacing: 0.01em; line-height: 1.44; }
@media (min-width: 1200px) {
   .media_block:hover .imgbox img { transform: scale(1.1); }
   .media_block:hover .inner_block { padding-bottom: 88px; }
   .media_block:hover .inner_block .btnbox { opacity: 1; visibility: visible; transform: translateY(0); }
}

.media_three_column { position: relative; width: 100%; /*padding: 0 0 97px;*/ margin-bottom: 97px; }
.media_three_column .slider_wrap { position: relative; width: 100%; }
/*.slider_wrap .arrows { position: absolute; top: 50%; left: 0; z-index: 5; width: 100%; margin-top: -25px; display: flex; justify-content: space-between; }
.slider_wrap .arrows a { position: relative; display: flex; width: 68px; height: 50px; background: rgba(15, 15, 26, 0.90); align-items: center; }*/
.media_three_column .red-line { height: 114px; width: 14px; position: absolute; bottom: 100%; left: 50%; margin: 0 0 0 -7px; pointer-events: none; display: flex; align-items: center; justify-content: center;}
.media_three_column .red-line  span{ height: 100%; width: 3px;  position: relative; display: block; background: var(--pinkbg); }
.media_three_column .swiper-slide { height: auto; }

@media (min-width: 1200px) {

.media_two_column .swiper-slide:nth-child(1) { width: 52.604vw; }
.media_two_column .swiper-slide:nth-child(2) { width: 47.5vw; }

.media_three_column .swiper-slide:nth-child(1) { width: 32.76vw; }
.media_three_column .swiper-slide:nth-child(2) { width: 34.479vw; }
.media_three_column .swiper-slide:nth-child(3) { width: 32.76vw; }

}

.media_single { position: relative; width: 100%; padding: 0 0 106px; }
.media_single .media_wrap { position: relative; width: 100%; }
.media_single .red-line { width: 14px; position: absolute; left: 50%; margin: 0 0 0 -7px; pointer-events: none; display: flex; align-items: center; justify-content: center;}
.media_single .red-line.top { bottom: 100%;height: 97px; }
.media_single .red-line.bottom { bottom: 0;height: 106px; }
.media_single .red-line  span{ height: 100%; width: 3px;  position: relative; display: block; background: var(--pinkbg); }
.media_single .media_block .imgbox { height: 69.36vh; }


.front_live_sec { position: relative; width: 100%; margin-top: 15.833vh; padding: 20.741vh 0 16.296vh; }
.front_live_sec .content_wrap { position: relative; width: 100%; margin: 0 auto; display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: flex-start; }
.front_live_sec .textblock { position: relative; width: 50%; max-width: 630px; padding-top: 100px; }
.front_live_sec .media_wrap { position: relative; width: 50%; max-width: 768px; }
.front_live_sec .media_wrap .media_image { position: relative; width: 100%; display: flex; height: 529px; }
.front_live_sec .media_wrap .media_image img { width: 100%; height: auto; object-fit: cover; }
.front_live_sec .media_wrap .media_video { position: relative; width: 100%; }
.front_live_sec .media_wrap .media_video .video { position: relative; width: 100%; /*height: 529px;*/ display: flex; }
.front_live_sec .media_wrap .media_video .video:after { position: relative; display: block; width: 100%; padding-top: 68.881%; content: ''; pointer-events: none; }
.front_live_sec .media_wrap .media_video video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.front_live_sec .media_wrap .video_cta { position: absolute; bottom: 27px; right: 20px; width: 100%; display: flex; justify-content: center; }
.front_live_sec .double_line { position: absolute; top: 0; bottom: 0; left: 50%; margin-left: -7px; width: 14px; height: 100%; display: flex; justify-content: space-between; align-items: flex-start; pointer-events: none; }
.front_live_sec .double_line span.bg-line-1 { width: 3px; position: absolute; left: 0; top: -73px; bottom: 37.491vh; display: block; background: var(--skybg); }
.front_live_sec .double_line span.bg-line-2 { width: 3px; position: absolute; right: 0; top: 0; bottom: 0; display: block; background: var(--yellowbg); }


/* Homepage end */

.cat_detail_main { position: relative; width: 100%; padding: 0 0 135px; }
.cat_detail_banner { position: relative; width: 100%; height: 100vh; overflow: hidden; }
.cat_detail_banner .banner_image { position: relative; width: 100%; height: 100%; display: flex; }
.cat_detail_banner .banner_image img { display: flex; width: 100%; height: 100%; object-fit: cover;transition: all ease-in-out 300ms; }

.cat_detail_banner .banner_wrap { position: relative; z-index: 5; width: 100%; height: 100%; margin: 0 auto; padding: 0 30px; display: flex; align-items: flex-end; }
.cat_detail_banner .banner_caption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.cat_detail_banner .banner_caption:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: '';opacity: 0.48;mix-blend-mode: multiply;background-image: linear-gradient(to bottom, rgba(15, 15, 26, 0) 41%, var(--dark)); }
.cat_detail_banner .inner_block { position: relative; z-index: 2; width: 100%; padding: 0 70px 47px 0; transition: all ease-in-out 300ms; }
.cat_detail_banner .inner_block .title { width: 100%; display: flex; align-items: flex-end; }
.cat_detail_banner .inner_block .title span { display: flex;min-width: 80px; margin-right: 30px; font-size: 18px; color: var(--white); font-weight: 700; line-height: 1.44; text-transform: uppercase; }
.cat_detail_banner .inner_block .title h3 { font-size: 48px; color: var(--white); font-weight: 700; line-height: 1.11; }
.cat_detail_banner .inner_block p { margin-top: 5px; font-size: 28px; color: var(--white);font-weight: 300; line-height: normal; }
.cat_detail_banner .inner_block .btnbox { position: relative; margin-top: 21px; transform: translateY(10px); transition: all ease-in-out 300ms; }
.cat_detail_banner .inner_block .btnbox { opacity: 0; visibility: hidden; }

.cat_detail_banner .inner_block .btnbox span { display: flex; font-size: 18px; color: var(--white); font-weight: 400; letter-spacing: 0.01em; line-height: 1.44; }
.cat_detail_banner > .btn-scroll { position: absolute; z-index: 6; width: 100%; height: 100%; display: block; }

@media (min-width: 1200px) {
   .cat_detail_banner:hover .banner_image img { transform: scale(1.02); }
   .cat_detail_banner:hover .inner_block .btnbox { opacity: 1; visibility: visible; transform: translateY(0); }
}

.cat_detail_banner .banner_video .video_cta { z-index: 7; }
.cat_detail_banner .down_arrow { position: absolute; left: 0; bottom: 0; z-index: 10; display: none; width: 100%; justify-content: flex-end; padding: 0 36px; }
.cat_detail_banner .down_arrow a { display: flex; width: 50px; height: 65px; padding: 20px 0 0; background: rgba(15, 15, 26, 0.90); justify-content: center; }
.cat_detail_banner .down_arrow a img { display: inline-flex; width: 11px; height: 19px; transform: rotate(90deg); }

.cat_detail_desc { position: relative; width: 100%; padding: 196px 0 251px; }
.cat_detail_desc .red-line { height: 106px; width: 14px; position: absolute; top: 0; left: 50%; margin: 0 0 0 -7px; pointer-events: none; display: flex; align-items: center; justify-content: center;} 
.cat_detail_desc .red-line span{ height: 100%; width: 3px; position: relative; display: block; background: var(--pinkbg); }
.cat_detail_desc .container { max-width: 1510px; }
.cat_detail_desc .sec_title { width: 100%; text-align: center; }
.cat_detail_desc .sec_title h6 { display: flex;font-size: 16px; color: var(--dark); font-style: italic; text-transform: uppercase; justify-content: center; align-items: center; }
.cat_detail_desc .sec_title h6 strong { position: relative; display: flex;font-style: italic; }
.cat_detail_desc .sec_title h6 strong:after { display: inline-flex; margin: 0 5px 0 5px; content: '|'; }
.cat_detail_desc .sec_title h1 { font-weight: 300;text-transform: uppercase; }
.cat_detail_desc .content_wrap { position: relative; width: 100%; margin: 17.13vh 0 0; display: flex; justify-content: space-between; align-items: flex-start; }
.cat_detail_desc .image_block { position: relative; width: 50%; max-width: 585px; height: 813px; display: flex; }
.cat_detail_desc .image_block:before { display: block; width: 100%; padding-top: 75.278vh;/* padding-top: 138.975%; content: '';*/ }
.cat_detail_desc .image_block img { /*position: absolute;*/ display: flex; width: 100%; height: auto; object-fit: cover; }
.cat_detail_desc .right_text { width: 50%; max-width: 620px; padding-top: 142px; }
.cat_detail_desc .double_line { position: absolute; top: 0; bottom: 0; left: 50%; margin-left: -7px; width: 14px; height: 100%; display: flex; justify-content: space-between; align-items: flex-start; pointer-events: none; }
.cat_detail_desc .double_line span.bg-line-1 { width: 3px; position: absolute; left: 0; top: 44px; bottom: 0; display: block; background: var(--skybg); }
.cat_detail_desc .double_line span.bg-line-2 { width: 3px; position: absolute; right: 0; top: -22px; height: 304px; display: block; background: var(--yellowbg); }

.feature_sec { position: relative; width: 100%; padding: 0 0 123px; /*overflow: hidden;*/ }
.feature_sec .feat_media_wrap { position: relative; width: 100%;overflow: hidden; background: var(--dark); }
.feature_sec .img_scale_wrap { position: relative; width: 100%; display: none; }
.feature_sec .image_container { position: relative; display: flex; width: 100%; height: 100vh; max-height: 1030px; }
.feature_sec .image_container img { display: flex; width: 100%; min-height: 774px; height: auto; object-fit: cover; }
.feature_sec .zoom_wrapper { overflow: hidden; }

#ros-art { position: relative; width: 100vw; height: 100vh; max-height: 95.463vh; }
.zoom_butons { position: absolute; right: 0; bottom: 4px; z-index: 10; display: flex; width: 100%; height: 22px; padding: 0 12px; justify-content: space-between; align-items: center; }
.zoom_butons a { display: flex !important; width: 15px; height: 15px; align-items: stretch; justify-content: center; }
.zoom_butons a img { display: inline-flex; width: 100%; height: auto; }
.openseadragon-container + div { position: absolute !important; right: 0; bottom: 0; padding: 0 107px 64px 0 !important; display: flex !important; justify-content: flex-end; align-items: flex-end; pointer-events: none; }
.zoom_wrapper .navigator { position: relative; width: 299px; height: 214px; background: var(--dark); border: solid 4px #0F0F1A !important; pointer-events: all; }
.zoom_wrapper .navigator_wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.navigator .displayregioncontainer { position: relative !important; z-index: 10;height: calc(100% - 22px) !important; overflow: hidden; }
.navigator .openseadragon-container { height: calc(100% - 22px) !important; }

.feature_sec .red-line { width: 14px; position: absolute; left: 50%; margin: 0 0 0 -7px; pointer-events: none; display: flex; align-items: center; justify-content: center;}
.feature_sec .red-line.top { bottom: 100%;height: 111px; }
.feature_sec .red-line.bottom { bottom: 0;height: 123px; }
.feature_sec .red-line  span{ height: 100%; width: 3px;  position: relative; display: block; background: var(--pinkbg); }
.feature_sec .img_navigation_box { position: absolute; right: 107px; bottom: 64px; width: 300px; padding: 4px; background: var(--dark); }
.img_navigation_box .img-thumb { position: relative; width: 100%; height: 177px; display: flex; }
.img_navigation_box .img-thumb img { display: flex; width: 100%; height: auto; }
.img_navigation_box .scale_buttons { position: relative; display: flex; width: 100%; padding: 6px 12px 9px; justify-content: space-between; align-items: center; }
.img_navigation_box .scale_buttons a { display: flex; width: 15px; height: 15px; align-items: center; justify-content: center; }
.feature_sec .feat_media_wrap .feature_video { position: relative; width: 100%; }
.feature_sec .feat_media_wrap .feature_video .video { position: relative; width: 100%;display: flex; }
.feature_sec .feat_media_wrap .feature_video .video:after { position: relative; display: block; width: 100%; padding-top: 54.18%; pointer-events: none; content: ''; }
.feature_sec .feat_media_wrap .feature_video video { position: absolute; width: 100%; height: 100%; object-fit: cover; }
.feat_text_audio { position: relative; width: 100%; background: var(--dark); }
.feat_text_audio .content_wrap { position: relative; width: 100%; padding: 45px 30px; margin: 0 auto; }
.feat_text_audio .inner_wrap { position: relative; width: 100%;display: flex; justify-content: space-between; }
.feat_text_audio .content_wrap .leftblock { width: 50%; max-width: 534px; }
.feat_text_audio .content_wrap .textblock p { font-size: 18px; color: var(--white); font-weight: 300; }
.feat_text_audio .content_wrap .textblock p strong { display: block; font-weight: 500; }


.feature_sec .video_cta { position: absolute; bottom: 61px; left: 0; width: 100%; display: flex; justify-content: center; }
.feature_sec .feature_video .video_cta { bottom: 44px; }
.feature_sec .feature_video .video_cta .controls_wrap { position: relative; width: 100%; margin: 0 auto; padding: 0 30px; display: flex; align-items: center; }
.feature_sec .feature_video .video_cta .buttons_wrap { justify-content: space-between; }
.feat_text_audio .content_wrap .rightblock { width: 50%; }
.feat_text_audio .content_wrap .rightblock .audiowrap { position: relative; width: 100%; display: flex; justify-content: flex-end; }
.audio-player { height: 77px;width: 350px; font-family: arial; color: white; font-size: 0.75em; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.audio-player .timeline { width: 100%; height: 9px; position: relative; cursor: pointer; background: rgba(255,255,255,0.23);border: solid 1px var(--white); border-radius: 20px; }
.audio-player .timeline .progress { position: absolute; top: -1px; bottom: -1px; left: -1px; background: var(--white); border: solid 1px #707070; width: 0%;transition: 0.25s;border-radius: 20px; transition: all linear 300ms; }
.audio-player .controls { display: flex; justify-content: space-between; align-items: stretch; }
.audio-player .cta-buttons { display: flex; column-gap: 13px; }
.audio-player .controls > * { display: flex; justify-content: center; align-items: center; }
.audio-player .controls .toggle-play { position: relative; display: flex; width: 48px; height: 48px; align-items: center; justify-content: center; }
.audio-player .controls .toggle-play span { position: absolute; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; background-position: center center; background-repeat: no-repeat; cursor: pointer; }
.audio-player .controls .toggle-play.play span { background-image: url('../images/play-icon.svg'); }
.audio-player .controls .toggle-play.pause span { background-image: url('../images/pause-icon.svg'); }

.audio-player .controls .time { display: flex; }
.audio-player .controls .time > * { padding: 2px; }
.audio-player .controls .volume-container { cursor: pointer; position: relative; z-index: 2; }
.audio-player .controls .volume-container .volume-button { height: 48px; display: flex; align-items: center; }
.audio-player .controls .volume-container .volume-button .volume { display: flex; width: 48px; height: 48px; align-items: center; justify-content: center; background-position: center center; background-repeat: no-repeat; cursor: pointer; }
.audio-player .controls .volume-container .volume-button .volume.unmute { background-image: url('../images/unmute-icon.svg'); }
.audio-player .controls .volume-container .volume-button .volume.mute { background-image: url('../images/mute-icon.svg'); }
.audiowrap .audio_player { display: none; }
 /* .audio-player .controls .volume-container .volume-slider { position: absolute; left: -3px; top: 15px; z-index: -1; width: 0; height: 15px; background: white; box-shadow: 0 0 20px #000a; transition: 0.25s; }
 .audio-player .controls .volume-container .volume-slider .volume-percentage { background: coral; height: 100%; width: 75%; }
 .audio-player .controls .volume-container:hover .volume-slider { left: -123px; width: 120px; } */


/* Custom video start */

.video-progress { position: absolute; left: 0; display: flex; align-items: center; width: 100%; padding: 0 84px 0 70px; height: 9px; }
.video-progress .progress_main { position: relative;z-index: 3; width: 100%; height: 100%; display: flex; align-items: center; background: rgba(255,255,255,0.23);box-shadow: 0 0 0 1px var(--white); border-radius: 20px; }
.video-progress progress { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0 none; background: transparent; border-radius: 20px; -webkit-appearance: none;appearance: none; }
.video-progress progress::-webkit-progress-bar { background: transparent; }
.video-progress progress::-webkit-progress-value { border-radius: 20px; background: var(--white); box-shadow: 0 0 0 1px #707070; /*transition: all linear 300ms;*/ }
.video-progress span { position: absolute; bottom: 0;color: #fff; height: 9px; width: auto; display: none; }


/* Custom video end */


.related_sec { position: relative; width: 100%; padding: 86px 0 0; }
.related_sec .sec_title { position: relative; width: 100%; margin-bottom: 57px; text-align: center; }
.related_sec .sec_title h6 { font-size: 16px; color: var(--dark); font-weight: 700; text-transform: uppercase; }
.related_sec .media_two_column { padding-top: 118px; margin-bottom: 108px; }
.related_sec .media_two_column .red-line { top: 0; bottom: auto; height: 118px; }
.related_sec .media_single .red-line.top { height: 108px; }
.related_sec .media_single { padding-bottom: 123px; }
.related_sec .media_single .red-line.bottom { height: 123px; }


/*==== art page css start ========*/

.art-section-1{ padding: 0 0 124px; position: relative; width: 100%; overflow: hidden; justify-content: space-between; display: flex; }
.art-section-1 .art-left-colum{ width: calc(50% - 7px);padding: 0 87px 0 0; }
.art-section-1 .art-left-colum .art-left-couml-inner{ width: 100%; display: block;}
.art-section-1 .art-left-colum .art-left-couml-inner .art-image-block{ position: relative;  height: 100vh; height: calc(var(--vh,1vh)*100); width: 100%; display: flex;}
.art-section-1 .art-left-colum .art-left-couml-inner .art-image-block img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.art-section-1 .art-right-colum{ width: calc(50% - 7px);padding: 42.407vh 0px 0 0px; }
.art-right-couml-inner-main{ min-height: calc(100vh - 42.407vh - -16vh); width: 100%; display: block; position: relative; padding: 0 0 0 116px; }
.art-section-1 .art-right-colum .art-right-couml-inner{ max-width: 618px; width: 100%; } 
.art-right-couml-inner h3{ text-transform: uppercase; padding: 0 0 10px; font-style: italic; font-size: 16px; font-weight: 300; }
.art-right-couml-inner h3 strong{  position: relative; display: inline-block; align-items: center; font-style: normal; font-weight: 700; } 
.art-right-couml-inner h3 strong::after{ margin: 0 5px 0 9px; content: '|'; }
.art-right-couml-inner h1,
.art-right-couml-inner h2 { text-transform: uppercase; line-height: normal; font-size: 42px; font-weight: 700; }
.art-right-couml-inner .section-title{ padding: 0 0 79px; }
.text  p{margin: 0; padding: 0; font-weight: 400;font-size: 18px;line-height: 1.44; color: var(--dark);}
.text  ul li strong,
.text  ol li strong,
.text  p strong{ font-weight: 600; }
.text  p img{ max-width: 100%; display: block; margin: 16px  auto; }
.text  p + p{ padding-top: 24px; }
.text  ul li a,
.text  ol li a,
.text  p a{ margin: 0; padding: 0; font-weight: 400;font-size: 18px;line-height: 1.44; color: var(--dark);   text-decoration: underline; }
.text  ol li a:hover,
.text  ul li a:hover,
.text  p a:hover{ opacity: 0.5; }
.text  ul{ margin: 0px; padding: 24px 0 0px  18px;  }
.text  ul li{ margin: 0; padding: 0; font-weight: 400;font-size: 18px;line-height: 1.44; color: var(--dark); display: list-item; list-style-type: disc; list-style-position: outside; } 
.text  ul li + li{ margin-top:12px; }
.text  ol{ margin: 0px; 	  padding: 24px 0 0px  18px;  }
.text  ol li{margin: 0; padding: 0; font-weight: 400;font-size: 18px;line-height: 1.44; color: var(--dark); display: list-item; list-style-type: decimal; list-style-position: outside; } 
.text  ol li + li{ margin-top: 12px; }
.text .heading-tag:first-child{ padding-top: 0px;; }
.text  ol + p,
.text  ul + p,
.text   p + ul,
.text   p + ol,
.text   ol + ul,
.text   ul + ol{ padding-top: 24px; }
.text p + p{ padding-top: 24px; }

.art-section-1 .red-line{ height: 20vh; width: 14px; position: absolute;  left: 50%; margin: 0 0 0 -7px; width: 14px; pointer-events: none; display: flex; align-items: center; justify-content: center;} 
.art-section-1 .red-line  span{ height: 100%; width: 3px;  position: relative; display: block; background: var(--pinkbg); }

.art-right-colum .duble-line{ width: 14px; position: absolute; left: -14px; height: 100%; top: 0; display: flex ;align-items: flex-start; justify-content: space-between;   } 
.art-right-colum .duble-line span.bg-line-1{   width: 3px; position: absolute; left: 0; top:66px; bottom: 90px;  display: block; background: var(--skybg);  }
.art-right-colum .duble-line span.bg-line-2{ width: 3px; position: absolute; right: 0; top:0px; bottom:calc(90px + 177px); display: block; background: var(--yellowbg);  }

.max-width-div{ max-width: 1720px; margin: 0 auto; display: block; width: 100%; }
.gallery-image-listing .row{ position: relative; z-index: 2; margin: 0 -23px !important;  }
.gallery-image-listing .row>*{ padding: 0 23px !important; }
.gallery-box-main{ width: 100%; display: flex; align-items: center;  justify-content: center;  }
.gallery-box-main .img-box { display: block; position: relative; width:100%;}
.gallery-box-main .img-box a{ display: block; position: relative; width:100%;}
.gallery-box-main .img-box .hover-block { opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; display: flex ;align-items: flex-end;  }
.gallery-box-main .img-box .img-in{ overflow: hidden; z-index: 1; max-width: 100%; width: 100%; min-height: 420px; position: relative; }
.gallery-box-main .img-box .img-in img{ transition: all 0.3s ease-in-out; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.gallery-box-main .img-box .hover-block::after{ position: absolute; left: 0; top: 0; z-index: 1; content: ''; width: 100%; height: 100%; background: linear-gradient(to bottom,  rgba(15,15,26,0) 0%,rgba(15,15,26,0.65) 100%); mix-blend-mode: multiply; opacity: 0.48; }
.gallery-box-main .img-box .hover-block .hover-block-inner{ position: relative; z-index: 2; width: 100%; padding: 0 33px 30px; }
.gallery-box-main .img-box .hover-block .hover-block-inner h4{  font-weight: 300; font-size: 28px; color: var(--white);}
.gallery-box-main .img-box .hover-block .hover-block-inner h4 span {font-size: 15px; font-weight: 700; text-transform: uppercase;} 
.gallery-box-main .img-box .hover-block .hover-block-inner .more-link-text{ padding: 5px 0 0 0; font-size: 18px; font-weight: 300; color: var(--white);}
.gallery-image-listing .row .col-md-4:nth-child(odd) .gallery-box-main .img-box  {  width: 420px;}
.gallery-image-listing .row .col-md-4:nth-child(odd) .gallery-box-main .img-box .img-in {width: 420px; height: 540px;} 

.gallery-box-main .img-box a .play-icon{ position: absolute; right: 22px; bottom: 22px; z-index: 4; display: flex; align-items: center; justify-content: center; }
.gallery-box-main .img-box a .play-icon span{ display: flex; align-items: center; justify-content: center;}
.gallery-box-main .img-box a .play-icon span img{ width: 48px; height: auto;}
.gallery-image-listing{ padding: 0 0 31px; position: relative; }

@media (min-width: 1200px) {
   .gallery-box-main .img-box a:hover .hover-block{ opacity: 1; visibility: visible; }
   .gallery-box-main .img-box a:hover .img-in img{ transform: scale(1.1); transform-origin: bottom bottom; }
}

.art-section-2{ padding: 0 0 134px; }
.art-section-2 .row .img-in {   justify-content: center;display: flex;}
.art-section-2 .row {row-gap: 30px;align-items: center;justify-content: center;}
.gallery-image-listing .red-line{  z-index: 1; top: -60px; bottom: 0;  width: 14px; position: absolute;  left: 50%; margin: 0 0 0 -7px; width: 14px; pointer-events: none; display: flex; align-items: center; justify-content: center;} 
.gallery-image-listing .red-line  span{ height: 100%; width: 3px;  position: relative; display: block; background: var(--pinkbg);  }
.art-block-main{ display: block ;width: 100%; position: relative;}
.load-more-block{ padding: 150px 0 0 0; display: block; width: 100%;}
.more-link{  display: flex ;align-items: center; justify-content: center;}
.more-link a { line-height: 1;display:block;z-index: 4; padding: 9px 8px; color: var(--dark);letter-spacing: 0.18px; font-size: 18px; text-transform: uppercase; position: relative;width: auto; display: flex ;align-items: center; justify-content: center; }

.more-link a.loading {opacity: 0.6;pointer-events: none;}

.more-link a span{   position: relative; z-index: 5; }
.more-link a::after{ z-index: 1;  left: 8px; right: 8px; height: 1px; content: ''; background: var(--dark); position: absolute;   bottom: 3px;  }
.more-link a::before { opacity: 0;   transform-origin: left center; transition: all 0.3s ease-in-out;   width: 100%; height: 100%; background: var(--dark); content:''; position: absolute; left: 0; top: 0; z-index: 2; width: 0px;transform-origin: left center; }

.load-more-block .load-more-text { padding: 19px 0 0 0; width: 100%; font-size: 18px; font-weight: 300; text-align: center; color: var(--lightsky); }
.art-block-main .load-more-title h4{ display: block; width: 100%; text-align: center; font-size: 16px; text-transform: uppercase; font-weight: 700; color: var(--dark); }
.art-block-main .load-more-title h4 span{ font-weight: 200; font-style: italic; }
.art-block-main.load-more-hidden{ padding: 150px 0 0 0; }
.art-block-main .load-more-title { padding: 0 0 159px; }
.impressions-section{ padding:120px 0 109px; color: var(--white); background: var(--dark);  display: block; width: 100%; position: relative;  overflow: hidden; }

@media (min-width: 1200px) {

   .more-link a:hover{ color: var(--white); }
   .more-link a:hover::before{ width: 100%; opacity: 1; }
}


.imp-box-main  {  width: 100%; min-height: 489px; display: flex; align-items: center;  justify-content: center;  }
.imp-box-main .img-box { display: block; position: relative; width:100%;}
.imp-box-main .img-box a{ display: block; position: relative; width:100%;}
.imp-box-main .img-box .hover-block{ opacity: 0; visibility: hidden; transition: all 0.3s ease-in-out; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; display: flex ;align-items: flex-end;  }
.imp-box-main .img-box .img-in{ overflow: hidden; z-index: 1; max-width: 100%; width: 100%; min-height:489px; position: relative; }
.imp-box-main .img-box .img-in img{ transition: all 0.3s ease-in-out; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.imp-box-main .img-box .hover-block::after{ position: absolute; left: 0; top: 0; z-index: 1; content: ''; width: 100%; height: 100%; background: linear-gradient(to bottom,  rgba(15,15,26,0) 0%,rgba(15,15,26,0.65) 100%); mix-blend-mode: multiply; opacity: 0.48; }
.imp-box-main .img-box .hover-block .hover-block-inner{ position: relative; z-index: 2; width: 100%; padding: 0 18px 18px; }
.imp-box-main .img-box .hover-block .hover-block-inner h4{  font-weight: 300; font-size: 28px; color: var(--white);}
.imp-box-main .img-box .hover-block .hover-block-inner h4 span {font-size: 15px; font-weight: 700;display: block; text-transform: uppercase;} 
.imp-box-main .img-box .hover-block .hover-block-inner .more-link-text{ padding: 5px 0 0 0; font-size: 18px; font-weight: 300; color: var(--white);}
.impressions-slider-block .swiper-slide {width: 346px;}
.impressions-slider-block .swiper-slide:nth-child(even){ width: 289px;}
.impressions-slider-block .swiper-slide:nth-child(even) .imp-box-main .img-box .img-in {  min-height: 401px;} 

.impressions-slider-block .swiper-scrollbar{ width: 76vw; left: 50%; transform: translateX(-50%); border-radius: 0; height: 11px; background: none; } 
.impressions-slider-block .swiper-scrollbar::after{ width: 100%; height: 1px; top: 5px; left: 0; position: absolute; content: ''; background-color: rgba(226, 226, 226, 0.31);}
.impressions-slider-block .swiper-scrollbar .swiper-scrollbar-drag {border-radius: 0; background: none }
.impressions-slider-block .swiper-scrollbar .swiper-scrollbar-drag::after{ width: 100%; height: 1px; top: 5px; left: 0; position: absolute; content: ''; background: var(--white);}
.impressions-slider-block { padding: 0 100px; }
.impressions-slider-block .swiper{ overflow: visible; padding: 0 0 106px; }
.impressions-slider-block  .block-title{ padding: 0 0 45px; }
.block-title { display: flex; }
.block-title h2{ font-size: 18px; font-weight: 600; text-transform: uppercase; color: var(--white); }

@media (min-width: 1200px) {
   .imp-box-main .img-box a:hover .hover-block{ opacity: 1; visibility: visible; }
   .imp-box-main .img-box a:hover .img-in img{ transform: scale(1.1);   transform-origin: bottom bottom;}
}


.art-right-couml-inner .more-link{ justify-content: flex-start; margin:47px 0 0 -8px; }
.live-block-main{ display: block ;width: 100%; position: relative;}
.live-block-listing .row { position: relative; z-index: 2; row-gap: 122px; margin: 0 -25px !important; }
.live-block-listing .row>*{ padding: 0 25px !important; }
.ros-live-box-main{ width: 100%; display: block;}
.ros-live-box-main .img-in{ width: 100%; display: flex; padding: 77.782% 0 0 0; position: relative; overflow: hidden;  }
.ros-live-box-main .img-in img{ position: absolute; left: 0; top: 0; height: 100%; object-fit: cover;  width: 100%; display: block;}
.ros-live-box-main .ros-live-box-sub{ padding: 47px 0 0 0; width: 100%; display: block;}
.ros-live-box-main .ros-live-box-sub h5{ padding: 0 0 10px; font-size: 16px; font-weight: 300; font-style: italic; text-transform: uppercase; width: 100%; display: block;}
.ros-live-box-main .ros-live-box-sub h5 span{ font-weight: 700; font-style: normal; } 
.ros-live-box-main .ros-live-box-sub h3{ font-size: 42px; color: var(--dark); font-weight: 700; text-transform: uppercase; }
.ros-live-box-main .ros-live-box-sub .text{  padding: 49px 0 0 0; }
.ros-live-box-main .ros-live-box-sub .more-link { justify-content: flex-start; margin:32px 0 0 -8px; }
.live-block-main{ padding: 20px 0 0 0; }
.live-block-listing{ padding:0px 0 0 0 ; position: relative; width: 100%; display: block; }
.live-block-listing .red-line{  z-index: 1; top: -124px; height: 124px;  width: 14px; position: absolute;  left: 50%; margin: 0 0 0 -7px; width: 14px; pointer-events: none; display: flex; align-items: center; justify-content: center;} 
.live-block-listing .red-line  span{ height: 100%; width: 3px;  position: relative; display: block; background: var(--pinkbg);  }
.ros-live-section-2{ padding: 0 0 198px; position: relative; }
.ros-live-section-2 .load-more-block{ padding: 120px 0 0 0; }
.ros-live-section-2 .red-line.bottom-align{  z-index: 1; bottom: 0px; height: 97px;  width: 14px; position: absolute;  left: 50%; margin: 0 0 0 -7px; width: 14px; pointer-events: none; display: flex; align-items: center; justify-content: center;} 
.ros-live-section-2 .red-line  span{ height: 100%; width: 3px;  position: relative; display: block; background: var(--pinkbg); }
.year { position: sticky; top: 10px; font-size: 48px; }
.history-block-main{ padding: 0 64px 102px 0; position: relative; display: flex; align-items: stretch; width: 100%; }
.vita-page .art-section-1{ padding: 0 0 55px; }
.history-outer-main{ padding: 37px 0 114px 0; }
.history-block-main .pink-line{ position: absolute; left: 443px; width: 3px; top: 0; bottom: 0;  background: var(--pinkbg); pointer-events: none; }
.history-block-main .left-colum{ height: 100%; width: 223px; padding: 0 0 60px;  display: block; position: sticky; top: 20px; }
.history-block-main .left-colum .year{ text-align: right; font-size: 80px; font-weight: 300;}
.history-block-main .right-colum{ width: calc(100% - 223px); padding: 0 0 0 23px;}
.history-row-main{ min-height: 166px; padding: 0 0 64px; width: 100%; display: flex ;align-items: flex-start; }
.history-row-main .histrory-years{ width: 336px; display: block; font-weight: 500; font-size: 80px; }
.history-row-main .history-row-inner{ width: calc(100% - 336px);}
.history-row-main .history-row-inner h5{ font-size: 18px; font-weight: normal; }
.history-row-inner .hide-text{ max-width: 400px; display: flex ;min-height: 80px; align-items: center; }
.history-row-main .history-row-inner h6{ padding: 0 0 5px; font-size: 16px; text-transform: uppercase; font-style: italic; font-weight: 300; }
.history-row-main .history-row-inner h2{ font-weight: bold; font-size: 42px; text-transform: uppercase; }
.history-text-contain{ padding: 38px 0 0px; }
.history-text-contain .row{ margin: 0 -43px !important; }
.history-text-contain .row>*{ padding: 0 43px !important; }
.history-row-inner .image{ padding: 40px 0 0 0; max-width: 524px; display: flex; } 
.history-row-inner .image img{ width: auto; height: auto; max-width: 100%; }

/* about page css start */
.about-block-main{ padding: 0 0 138px; position: relative; display: block; width: 100%; z-index: 1; }
.max-width-1475{ max-width: 1475px; z-index: 1; position: relative; margin: 0 auto; display: block; width: 100%; }
.about-block-inner{ position: relative; display: flex; align-items: flex-start; width: 100%; justify-content: space-between; }
.about-block-inner .about-left-colum{ width: 617px; display: block;}
.about-block-inner .about-right-colum{ width: 585px; display: block;}
.custom-vedio-block{ width: 100%; display: block;}
.custom-vedio-block .img {width: 100%; display: flex;}
.custom-vedio-block .img img{ width: 100%;display: block; height: auto;}
.about-block-inner .about-left-colum .art-right-couml-inner .more-link{ margin-top: 60px; }
.about-block-main   .duble-line{ width: 14px; position: absolute; left: 50%; margin: 0 0 0 -7px; height: 100%; top: 0; display: flex ;align-items: flex-start; justify-content: space-between;   } 
.about-block-main .duble-line span.bg-line-1{   width: 3px; position: absolute; left: 0; top:-214px; bottom: 0;  max-height:594px ;  display: block; background: var(--skybg);  }
.about-block-main .duble-line span.bg-line-2{ width: 3px; position: absolute; right: 0; top:0px; bottom:0; display: block; background: var(--yellowbg);  }

.art-section-2.about-section-3{ padding: 204px 0 109px 0; }
.about-section-3 .gallery-image-listing .red-line{ top: -64px; }
.about-section-3 .gallery-image-listing{ padding: 0 0 126px; }
/* about page css End */

.art-section-1 .art-left-colum .art-left-couml-inner .inner_banner_video { position: relative;  height: 100vh; height: calc(var(--vh,1vh)*100); width: 100%; display: flex;}
.art-section-1 .art-left-colum .art-left-couml-inner .inner_banner_video video,
.art-section-1 .art-left-colum .art-left-couml-inner .inner_banner_video iframe{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.art-section-1 .art-left-colum .art-left-couml-inner .inner_banner_video .video {position: absolute; left: 0; top: 0; width: 100%; height: 100%; position: relative; width: 100%; display: flex; }
.art-section-1 .art-left-colum .art-left-couml-inner .inner_banner_video .video_cta { position: absolute; bottom: 0px; left: 0; width: 100%; display: flex; justify-content: center; }
.art-section-1 .art-left-colum .art-left-couml-inner .inner_banner_video .video_cta .buttons_wrap{ width: 100%; padding: 0 41px 33px; max-width: 100%; }
.custom-vedio-block .about_video { position: relative;  height:878px; width: 100%; display: flex;}
.custom-vedio-block .about_video video,
.custom-vedio-block .about_video iframe{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.custom-vedio-block .about_video .video {position: absolute; left: 0; top: 0; width: 100%; height: 100%; position: relative; width: 100%; display: flex; }
.custom-vedio-block .about_video .video_cta { position: absolute; bottom: 0px; left: 0; width: 100%; display: flex; justify-content: center; }
.custom-vedio-block .about_video .video_cta .buttons_wrap { width: 100%; padding: 0 41px 33px; max-width: 100%; }

.about-block-inner .about-left-colum{ position: relative; }

.contact-page{ position: relative; padding: 292px 0 215px 0; min-height: 100vh; }
.contact-block{ max-width: 600px; margin: 0 auto; display: block; width: 100%; }
.contact-page .red-line { height: 216px; width: 14px; position: absolute; top: 0; left: 50%; margin: 0 0 0 -7px; width: 14px; pointer-events: none; display: flex; align-items: center; justify-content: center;} 
.contact-page .red-line  span{ height: 100%; width: 3px;  position: relative; display: block; background: var(--pinkbg); }
.contact-block .ct-title{ padding: 0 0 74px; }
.contact-block .ct-title h1{ font-size: 42px;  text-align: center; text-transform: uppercase; }
.contact-data .contact-address{ text-align: center; display: block ; width: 100%; }
.contact-data .contact-address p {font-weight: 500;}
.contact-data .contact-address p a{ font-weight: 400; text-decoration: underline !important;}

.contact-social{ padding: 66px 0 0 0; gap: 24px; display: flex; align-items: center; justify-content: center;}
.contact-social a{ display: flex ;align-items: center; justify-content: center;} 
.contact-social a img {width: 36px; height: auto;}
.contact-social a img{ transition: all 0.3s ease-in-out;  }


@media (min-width: 1200px) {
   .contact-social a:hover,
   .contact-data .contact-address p a:hover{ opacity: 0.5; }
   .contact-social a:hover{ opacity: 1; }
   .contact-social a:hover img{ transform: scale(1.1); }
}

.header_wrap .logo_wrap a { box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.16);}

.wrapper_main.no-footer-brand .footer-top-outer { background: var(--dark); min-height: 88px; }
.wrapper_main.no-footer-brand .footer-top-outer>*{ display: none;}
.contact-page { min-height: 0; } 
.wrapper_main .contain_wapper{ min-height: calc(100vh - 181px); }
.four-zero-page{padding: 0px 0 0 0; display: block; width: 100%; position: relative; min-height: calc(100vh - 181px); }
.four-zero-page  .red-line { height: 216px; width: 14px; position: absolute; top: 0; left: 50%; margin: 0 0 0 -7px; width: 14px; pointer-events: none; display: flex; align-items: center; justify-content: center;} 
.four-zero-page .red-line  span{ height: 100%; width: 3px;  position: relative; display: block; background: var(--pinkbg); }
.four-zero-black-outer{ position: relative;   padding: 90px 0 0 0; display: block; width: 100%;  min-height: calc(50vh - 90px); background: var(--dark);}
.four-zero-white-outer{  display: flex; align-items: flex-end; padding:298px 0 72px; justify-content: center;  width: 100%;  min-height: calc(50vh - 90px); background: var(--white);}
.four-zero-block{ width: 100%; text-align: center; justify-content: center; }
.four-zero-block h5{ text-transform: uppercase; padding: 0 0 10px; font-size: 16px; color: var(--black); font-weight: 300; font-style: italic; }
.four-zero-block h1{ line-height:1; font-weight: normal; text-transform: uppercase;letter-spacing: 5.6px; font-size: 80px;}
.four-zero-black-outer  .more-link a{ color: var(--white); }
.four-zero-black-outer  .more-link a::after{ background: var(--white); }
.four-zero-black-outer  .more-link a::before{ background: var(--white); }
.four-zero-black-outer  .more-link a:hover{ color: var(--dark);}
.four-zero-black-outer .red-line{ z-index: 10; top: 197px; height: calc(100% - 197px + 88px);  }
.contact-page.defult-page{ padding-bottom: 100px; }
.defult-page-block { max-width: 1096px; display: block; margin: 0 auto; }
.defult-page-block .ct-title{ padding: 0 0 74px; }
.defult-page-block .ct-title h1{ font-size: 42px;  text-align: center; text-transform: uppercase; }
.defult-page-block .text { text-align: center; }
.defult-page-block .text p {font-weight: 400;}
.defult-page-block .text p  strong{ font-weight: 500;}
.defult-page-block .text a{ font-weight: 400; text-decoration: underline !important;}
.defult-page-block .text a:hover{ opacity: 0.5; }

.defult-page-block .text .heading-tag{ font-weight: 600; padding: 54px 0 30px; }
.defult-page-block .text .heading-tag + .heading-tag{ padding-top: 0; }
.defult-page-block .text h1{  font-size: 40px;  }
.defult-page-block .text h2{ font-size: 30px;   }
.defult-page-block .text h3{  font-size: 24px;  }
.defult-page-block .text h4{ font-size: 18px; text-transform: uppercase; color: var(--black);   }
.defult-page-block .text h5{ font-size: 18px;   }
.defult-page-block .text h6{  font-size: 18px;    }

.custom-modal-outer{ transition:  all 0.3s ease-in-out; opacity: 0; pointer-events: none; visibility: hidden; position: fixed; left: 0; top: 0; width: 100%; display: flex; align-items: center; justify-content: center; height: 100%; z-index: 101;  }
.custom-modal-outer .overlay-bg { position: fixed; left: 0;  background-image: linear-gradient(to bottom, #0f0f1a, #0f0f1a); opacity: 0.85; top: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; }
.main-popup-block{ width: 100%; display: block; position: relative; z-index: 2; }
.popup-slider{ width: 100%; display: block; position: relative; }
 
.popup-slider .slider-image{ display: flex; align-items: center; justify-content: center; }
.popup-slider .slider-image img{ max-width: 100%; max-height: calc(100vh - 64px); width: auto; height: auto; }
.popup-slider .slider_video { position: relative; display: flex; align-items: center; justify-content: center; }
.popup-slider .slider_video video{ max-width: 100%; max-height: calc(100vh - 64px); width: auto; height: auto; object-fit: cover; }
.popup-slider .slider_video .feature_video { position: relative; }
.popup-slider .btn-wrap{ padding: 30px 0 0 0; display: flex; align-items: center; justify-content: center; }
.popup-slider .btn-wrap .prev-btn{ margin: 0 14px; background: url(../images/right-arrow-w.svg) no-repeat center center; width: 14px; height: 20px; font-size: 0; }
.popup-slider .btn-wrap .next-btn{ margin: 0 14px;background: url(../images/left-arrow-w.svg) no-repeat center center; width: 14px; height: 20px; font-size: 0; }
.popup-slider .btn-wrap .pagingInfo{ font-size: 18px; color: var(--white);}
body.modal-open{ overflow: hidden; }
.custom-modal-outer.active-modal{ opacity: 1; visibility: visible; pointer-events: all;  }
.custom-modal-outer .modal-close  { position: absolute ;right: 20px; top: 20px;  z-index: 3;   }
.custom-modal-outer .modal-close a{ display: flex; align-items: center; justify-content: center;}
.custom-modal-outer .modal-close a svg {width: 36px; height: auto; transition: all 0.3s ease-in-out;}

.popup-slider .slider_video .video_cta { position: absolute; bottom: 44px; left: 0; width: 100%; display: flex; justify-content: center; }
.popup-slider .slider_video .video_cta .controls_wrap { position: relative; width: calc(100% - 74px); margin: 0 37px; margin: 0 auto; display: flex; align-items: center; }
.popup-slider .slider_video .video_cta .buttons_wrap { justify-content: space-between; }

@media (min-width: 1200px) {
   .custom-modal-outer .modal-close a:hover { transform: scale(1.15); }
   .custom-modal-outer .modal-close a:hover line{ stroke: #fff;}
}

.header_wrap { align-items: flex-start; max-width: 100%; padding: 0 107px 0 100px; }

.brand-logo-block{ max-width: 1475px; margin: 0 auto; }
.gallery-image-listing .row .col-md-4:nth-child(odd) .gallery-box-main .img-box{ max-width: 100%; }
.history-row-main:last-child{ padding-bottom: 0; }


/* Footer start */

.footer_main { position: relative; width: 100%; overflow: hidden; }
.footer-top-outer{ display: block; width: 100%; background-color: #efeff4; }
.brand-logo-block{ display: flex;  width: 100%; align-items: center;} 
.brand-logo-block ul{ min-height: 184px; display: flex;align-items: center; justify-content: space-between; width: 100%;}
.brand-logo-block ul li{ display: flex; align-items: center;} 
.brand-logo-block ul li a{ display: flex; align-items: center; justify-content: center;  }
.brand-logo-block ul li a img{ max-width: 285px; max-height: 74px; width: auto; height: auto; }
.footer-link ul{ padding: 0 0 18px; gap: 28px; display: flex; align-items: center; justify-content: center;}
.footer-link ul li a{ text-transform: uppercase; color: var(--dark); font-size: 14px; font-weight: 300; }
.footer-link ul li a:hover{ opacity: 0.5; }
.footer-bottom-outer{ padding: 27px 0 18px; }
.copyright{ width: 100%; text-align: center;  color: #a3a3b4; font-size: 14px; font-weight: 300;}

/* Footer end */