@charset "utf-8";
/*..............Custom fonts..............*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

@font-face {
  font-family: 'Ethereal Demo';
  src: url('../fonts/EtherealDemo-Regular.eot');
  src: url('../fonts/EtherealDemo-Regular.eot?#iefix') format('embedded-opentype'),
      url('../fonts/EtherealDemo-Regular.woff2') format('woff2'),
      url('../fonts/EtherealDemo-Regular.woff') format('woff'),
      url('../fonts/EtherealDemo-Regular.ttf') format('truetype'),
      url('../fonts/EtherealDemo-Regular.svg#EtherealDemo-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}



/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */


:root {

    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    --body-font: "DM Sans", sans-serif;
    --ff-ethereal: "Ethereal Demo", sans-serif;
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */




    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL: 100px;
    --f-size-XXL: 100px;
    --f-size-XL: 72px;
    --f-size-L: 52px;
    --f-size-M: 36px;
    --f-size-S: 24px;
    --f-size-xs: 16px;
    --f-size-Body: 20px;
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */



    /* ~-~-~-~-~ colors ~-~-~-~-~ */
    --color-white: #ffffff;
    --color-black: #000000;
    --color-heading: #7A6D5D;
    --color-body: #777777;
    --clr-gray:#9A9A9A;
    --clr-black-bg:#111111;
    --clr-blue:#20B9CE;
    /* ~-~-~-~-~ colors ~-~-~-~-~ */
   
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */
    --common-transition: all 0.8s ease;
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */


}


/* html { overflow-x: hidden; } */
body { background: var(--clr-black-bg); font-size: var(--f-size-Body);margin: 0; padding: 0; font-family: var(--body-font); line-height: 1.2; font-weight: 400; color: var(--color-body); transition: var(--common-transition); }
h1, h2, h3, h4, h5, h6 { font-family: var(--body-font) ; margin: 0 0 20px; padding: 0; line-height: 1.1; font-weight: 600; }

h1 {font-size: var(--f-size-XXXL);}
h2 {font-size: var(--f-size-XXL);}
h3 {font-size: var(--f-size-XL);}
h4 {font-size: var(--f-size-L);}
h5 {font-size: var(--f-size-M);}
h6 {font-size: var(--f-size-S);}
  
p{ margin: 0 0 40px; padding: 0; }

img { max-width: 100%; }
a, img { border: 0; text-decoration: none; outline: none; }
a, a:link, a:visited, a:focus, a:hover { color: var(--color-acent); outline: none; text-decoration: none; transition: var(--transition-common); }
a:hover{  text-decoration: none; transition: var(--transition-common); }

.form-group { margin: 0 0 15px;}
.form-group label { margin: 0 0 10px;}
textarea, select, .form-control, input { background-color: transparent; font-family: var(--ff-primary-font); font-size: 16px; padding: 10px 20px; width: 100%; border-radius: 12px; border: 1px solid #FFFFFFB2; outline: none; box-shadow: none; color: var(--color-white);}
textarea.form-control { padding: 18.5px 20px; height: 100px; resize: none; }
input[type="submit"] { font-family: var(--ff-primary-font); font-weight: 500; transition: all 0.3s ease 0s; outline: none; width: auto; }
textarea:focus, select:focus, .form-control:focus { background-color: transparent; outline: none ; box-shadow: inherit; color: var(--color-white); }

select { background-image: url(../images/ic-select-dropdown.svg); background-repeat: no-repeat; background-position: calc(100% - 15px) center; background-size: 12px; }
input:focus, input:focus-visible { border: none; outline: none; box-shadow: none; border: 1px solid #616D92; }

label {color: var(--color-white); font-weight: 400;}


/* --- for placeholder color --- */
input::-moz-placeholder , .form-control::-moz-placeholder { color: #616D92; opacity: 1; }
input:-ms-input-placeholder, .form-control:-ms-input-placeholder { color: #616D92; }
input::-webkit-input-placeholder, .form-control::-webkit-input-placeholder { color: #616D92; }
/* --- for placeholder color --- */
   

.btn, a.btn { font-family: var(--body-font); font-size: var(--f-size-Body); font-weight: 600; line-height: 1; color: var(--color-white);  background: transparent; display: inline-flex; align-items: center; border-radius: 0; border: 1px solid transparent; padding: 5px 10px; transition: var(--common-transition); text-transform: capitalize;  box-shadow: none; letter-spacing: 0;border-radius: 30px;  }
.btn span, a.btn span{width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;background: var(--color-white);border-radius: 50%;margin-left: 16px;}
.btn:hover, a.btn:hover, :not(.btn-check)+.btn:active, input[type="submit"].btn:hover { color: var(--color-black); background: var(--color-white);padding-left: 25px;}
.btn-check:focus+.btn, .btn:focus { box-shadow: inherit;}
.btn.black, a.btn.black{color: var(--color-black);}
.btn.black span, a.btn.black span{background: var(--color-black);}
.btn.black span img, a.btn.black span img{filter: invert(1);}
.btn.black:hover, a.btn.black:hover{background: var(--color-black);color: var(--color-white);}




.common-padding{ padding-top: 100px; padding-bottom: 100px; }



/* -- Container adjustment -- */
@media screen and (min-width: 1600px) {  
    .container{ max-width: 1430px; }    
}
/* -- Container adjustment -- */


/* ~-~-~-~-~-~-~-~-~-~ global adjustments ~-~-~-~-~-~-~-~-~-~ */


body.fixed{overflow: hidden;}


/* -- Header -- */

.main-header { position: absolute; top: 0; right: 0; left: 0; z-index: 999; padding: 30px 0 0; transition: var(--transition-common);}

.custom-header-wrap { display: flex; align-items: center; justify-content: space-between; }

.hdr-flex { display: flex; align-items: center; width: 25%; justify-content: flex-end;}

.hdr-logo { width: 50%; }
.hdr-logo a img{width: 100%; max-width: 330px;}

.main-menu ul { display: flex; list-style: none; padding: 0; justify-content: center; flex-direction: column; align-items: flex-end; max-width: 1300px; margin: 0 auto;}
.main-menu ul li { position: relative; }
.main-menu ul li:not(:last-child) { margin-bottom: 30px; }
.main-menu ul li a { text-transform: capitalize; color: var(--color-primary); font-weight: 400; position: relative; display: block; }
.main-menu ul li.current-menu-item a, .main-menu ul li:hover a { color: var(--color-white);font-weight: 600;transition: 0.3s ease; }

.hdr-btn { width: 25%; text-align: right; }


.main-menu { position: absolute; left: 0; top: 0; z-index: 999; width: 100%; max-width: 100%; background-color: rgb(17 17 17 / 50%); backdrop-filter: blur(20px); padding: 20vh 30px 0; margin: 0; overflow: auto; height: 100vh; display: none;}
.main-menu>ul>li a { display: block; color: #FFFFFF66;font-size: var(--f-size-L);width: max-content; font-weight: 250; }


.hdr-wrap .language-list ul{display: flex;align-items: center;padding: 0;margin: 0;list-style: none;}
.hdr-wrap .language-list ul li:not(:last-child){margin-right: 30px;}
.hdr-wrap .language-list ul li a{text-transform: uppercase;color: var(--clr-gray);position: relative;font-size: var(--f-size-xs);transition: 0.3s ease;}
.hdr-wrap .language-list ul li.active a , .hdr-wrap .language-list ul li a:hover{color: var(--color-white);font-weight: 600;transition: 0.3s ease;}
.hdr-wrap .language-list ul li.active a::after , .hdr-wrap .language-list ul li a:hover::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 2px;background: var(--color-white);transition: 0.3s ease;}

.gtranslate_wrapper { display: flex; align-items: center; flex-direction: row-reverse; } 
.gtranslate_wrapper a { margin-right: 30px; color: var(--clr-gray); letter-spacing: 2px; font-size: 16px; font-weight: 400;} 
a.gt-current-lang { border-bottom: 1px solid var(--color-white); color: var(--color-white); font-weight: 600 !important; }


.nav_btn { display: block; cursor: pointer; position: relative; margin-left: 50px; width: 60px; height: 12px; z-index: 999; }
.nav_btn::before {content: "";position: absolute;width: 100%;height: 2px;background: var(--color-white);top: 0;right: 0;transition: ease-in-out 0.4s;}
.nav_btn span {width: 100%;height: 2px;background: var(--color-white);display: block;position: absolute;top: 50%;transform: translateY(-50%);}
.nav_btn::after {content: "";position: absolute;width: 100%;height: 2px;background: var(--color-white);right: 0;bottom: 0;transition: ease-in-out 0.4s;}

.nav_btn.sidebar_active span {display: none;}
.nav_btn.sidebar_active::after{transform: rotate(45deg);bottom: 14px;}
.nav_btn.sidebar_active::before{transform: rotate(135deg);top: 23px;}

.nav_btn.sidebar_active { height: 40px; margin: 0; }

/* dropdown */
li.menu-item-has-children{position: relative;display: inline-block;}
.main-menu ul li.menu-item-has-children a { margin-right: 40px;margin-left: auto; }
li.menu-item-has-children > a::after { position: absolute; top: 50%; transform: translate(0%, -50%); content: "\f078"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 30px; margin-left: 20px; transition: var(--common-transition); }
li.menu-item-has-children > ul.sub-menu {display: none;position: relative;padding: 40px 0px 20px;list-style: none;transition: var(--common-transition);}
li.menu-item-has-children ul.sub-menu li:not(:last-child){padding-bottom: 10px;}
li.menu-item-has-children ul.sub-menu a{display: block;color: var(--color-white);font-weight: 400;margin-right: 0;font-size: var( --f-size-M);margin-left: auto;font-weight: 250;}
li.menu-item-has-children > ul.sub-menu > li:hover > a{color: var(--clr-blue); font-weight: 500; }
li.menu-item-has-children:hover ul.sub-menu {display: block;transition: var(--common-transition);}
li.menu-item-has-children:hover a::after { transform: translate(0%, -50%) rotate(180deg); color: var(--green); }
li.menu-item-has-children > ul.sub-menu li { margin: 0; }
li.menu-item-has-children ul.sub-menu li{margin-right: 0;width: 100%;padding: 0;}
li.menu-item-has-children ul.sub-menu li:last-child{border: 0;}

.minus, .plus{display: none;} 

.hdr-btn a.btn {font-family: var(--body-font);}



@-webkit-keyframes slide-down { 

  0% {transform: translateY(-100%); 
  -moz-transform: translateY(-100%); 
  -webkit-transform: translateY(-100%); 
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%); } 

  100% { 
  transform: translateY(0); 
  -moz-transform: translateY(0); 
  -webkit-transform: translateY(0); 
  -o-transform: translateY(0); 
  -ms-transform: translateY(0); } 
  }



.header-sticky  { left: 0; position: fixed; top: 0; width:100%; transition: all 0.7s; -webkit-animation: slide-down 10s; z-index: 9;}

.header-sticky .main-header { background: #4a4a4acb; margin: 0; padding: 30px 0; }
.header-sticky .hdr-logo a img{max-width: 330px;}


/* -- Header -- */

/* Banner */

.banner-sec { min-height: 1240px; text-align: center; position: relative; }
.banner-sec:after { content: ''; background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0) 42.22%, rgba(17, 17, 17, 0.7) 64.82%, #111111 100%); position: absolute; top: 40%; right: 0; bottom: -1px; left: 0; z-index: 3; }
.banner-sec .banner-portrait { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3;}
.banner-sec .banner-light { mix-blend-mode: lighten; position: absolute; left: 0; top: 0; z-index: 2; }

.banner-sec .banner-name { position: absolute; right: 0; bottom: 0; left: 0; z-index: 5; margin: 0 auto; max-width: 1380px; padding:0 20px 50px; text-align: left; }
.banner-sec .banner-name h1 { font-family: var(--ff-ethereal); color: var(--color-white); font-size: 10.4vw; font-weight: 400; line-height: 1; margin: 0 0 45px; }
.banner-sec .banner-name h1 span { display: block; }
.banner-sec .banner-name h1 span + span { text-align: right; }

.banner-sec .banner-name ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; justify-content: center; }
.banner-sec .banner-name ul li { font-size: 28px; padding: 0 25px; border-left: 1px solid var(--color-white); line-height: 1; color: var(--color-white); font-weight: 200; }
.banner-sec .banner-name ul li:first-child { border-left: 0; }

.banner-sec .banner-logo { position: absolute; width: 240px; height: 240px; top: 25%; right: 12%; z-index: 3;}
.banner-sec .banner-logo img {  -webkit-animation: rotation 10s infinite linear;}


@-webkit-keyframes rotation {
  0% {
      -webkit-transform: rotate(0deg);
  }
  100% {
      -webkit-transform: rotate(359deg);
  }
}



/* Banner */



/* continues slider section */

.dark-bg{background: var(--clr-black-bg);}
/*.dark-bg * { color: var(--color-body);}*/

.continue-sec{overflow-x: hidden;}
.continue-sec .continue-slider .slick-track { display: flex; align-items:center; }
.continue-sec .continue-slider{background: linear-gradient(180deg, #20B9CE 20.97%, #1E5B5C 92.9%);padding: 10px 0;transform: rotate(3deg); margin: 0 -10px;}
.continue-sec .continue-slider h3{margin: 0;color: var(--color-white);font-weight: 700;font-size: 60px; line-height: 1; text-transform: uppercase;}
.continue-sec .continue-slider .slider-wrap{text-align: center;}
.continue-sec .continue-slider .slider-wrap img{max-width: fit-content;margin: 0 auto; width: 55px;}

/* continues slider section */



/* About Section */

.about-sec{position: relative;}
.about-sec::after{content: '';background: url(../images/about-bg-sphape.png);position: absolute;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;z-index: 2;background-position: center;background-size: cover;background-repeat: no-repeat;}
.about-sec .container{position: relative;z-index: 3;}

.about-tab .about-img {position: sticky; top: 120px; }
.about-content h6{color: rgba(255, 255, 255, 0.7); opacity: 0.4;text-transform: uppercase;letter-spacing: 4px;margin: 0 0 20px; font-size: 18px; font-weight: 500;}
.about-content h4 { color: var(--color-white); margin: 0 0 30px; max-width: 700px; }
.about-content p{color: rgba(255, 255, 255, 0.6);margin-bottom: 30px;}

/* About Section */


/* Upcoming Section */

.upcoming-sec {background: var(--color-white); }
.upcoming-head{text-align: center;}
.upcoming-head h2{color: var(--color-black);font-weight: 700; margin-bottom: 35px;}

.events-wrap a{display: flex;align-items: center;flex-wrap: wrap;position: relative;padding: 30px 0;border-bottom: 1px solid #DADADA; margin: 0 -10px;}
.events-wrap a::after{content: '';background: #111111;position: absolute;bottom: 0;left: 0;width: 0;height: 1px;transition: var(--common-transition);}

.events-wrap .event-info{width: 31%; padding: 0 10px;}
.events-wrap .time-wrap{display: flex;align-items: center; width: 38%;}
.events-wrap .time-wrap h5{margin-bottom: 0;margin-right: 10px;font-weight: 600; width: calc(100% - 82px);}
.events-wrap .time-wrap span{width: 82px;height: 82px;background: radial-gradient(46.36% 55.45% at 61.36% 35.45%, #20B9CE 0%, #237C7D 100%);border-radius: 50%;display: flex;justify-content: center;align-items: center;flex: 0 0 auto;opacity: 0;transition: var(--common-transition);}
.events-wrap .desc-1 h6{margin: 0;font-weight: 500;}
.events-wrap .desc-2 p{margin: 0;color: #878787;}
.events-wrap .desc-2 p strong{color: var(--color-black);font-weight: 400;text-decoration: underline;}

.events-wrap a:hover::after{width: 100%;transition: var(--common-transition);}
.events-wrap a:hover .time-wrap span{opacity: 0;transition: var(--common-transition);}

/*.events-wrap a:hover {cursor:url(../images/custom-curor-icon.png), auto;}*/

.upcoming-sec .btm-button{padding: 30px 0 0;text-align: center;}

/* Upcoming Section */



/* Moments Section */

.moments-sec .container{position: relative;z-index: 2;}


.moments-title{text-align: center;margin-bottom: 50px;}
.moments-title h2{color: var(--color-white);font-weight: 700;margin: 0;}

.moments-list ul{display: block;padding: 0;margin: 0;list-style: none;}
.moments-list ul li:first-child .moment-wrap{ position: relative;}
.moments-list ul li .moment-wrap::after{content: '';background: var(--color-white);position: absolute;left: 0;width: 0;bottom: 0;height: 1px;transition: var(--common-transition);}
.moments-list ul li .moment-wrap{padding: 26.5px 0;display: flex;justify-content: space-between;border-bottom:1px solid #ffffff33;position: relative;}
.moments-list ul li .moment-wrap .title h5{color: var(--color-white);margin: 0 0 10px;font-weight: 600;}
.moments-list ul li .moment-wrap .title p{margin: 0;color: #FFFFFF66;}

.moments-list ul li .moment-wrap a img{width: 100%;height: 100%;}
.circle { position: relative; width: 56px; height: 56px;overflow: hidden; } 
.circle svg { position: absolute; width: 100%; height: 100%; } 
.circle img { max-width: 100%; max-height: 100%; border-radius: 100%; } 
.inner { overflow: hidden;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%; } 
.inner img { width: 13px !important; height: 15px !important; margin-left: 5px; margin-top: 3px; }
.circle svg.circleFill { z-index: 1; stroke-dasharray: 342; stroke-dashoffset: 322; transition: all 2s; transform: rotate(341deg);} 
.circle svg.circleFill.filled { stroke-dashoffset: 10.5; opacity: 0;} 
.circle svg.circleTrack { z-index: 0;}

.circle > svg.circleFill.filled{opacity: 1;}

.audio-wrapper .inner {width: 56px;height: 56px;  border: 1px solid var(--clr-gray); border-radius: 50%; } 
.audio-wrapper .inner img { margin-left: 3px; margin-top: 0; }


.moments-list ul li .moment-wrap:hover::after{width: 100%;transition: var(--common-transition);}


.moment-img { position: relative; padding: 63% 0 0; margin-left: 80px; }
.moment-img img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;object-fit: cover;opacity: 0;transition: var(--common-transition);}
.moment-img img.show{opacity: 1;transition: var(--common-transition);}

.moments-img-wrap .view-btn { position: absolute; width: 139px; height: 139px; display: flex; border-radius: 50%; align-items: center; justify-content: center; color: var(--color-white); background: radial-gradient(46.36% 55.45% at 61.36% 35.45%, #20B9CE 0%, #237C7D 100%); bottom: 0; right: -70px; z-index: 3;transition: var(--common-transition); padding: 10px; text-align: center;}
.moments-img-wrap .view-btn:hover{background: var(--color-white);color: var(--clr-blue);transition: var(--common-transition);}

body.modal-open {padding-right: 0 !important; }

.modal-video-wrap{padding: 56.2% 0 0;position: relative;}
.modal-video-wrap video, .modal-video-wrap iframe {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;object-fit: cover;}

.video-modal .btn-close { position: absolute; top: -20px; right: -20px; width: 30px; height: 30px; background-color: var(--color-white); opacity: 1; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 12px 1px; border-radius: 50%; z-index: 9;}

.video-modal .modal-dialog{max-width: 1200px;}

.video-modal .modal-body{padding: 0;}


/* Moments Section */

/* Newsletter Section */

.newsletter-sec{ text-align: center; position: relative; }
.newsletter-sec::after { content: ''; background: url(../images/newsletter-shape.png) no-repeat center / cover; width: 670px; height: 600px; position: absolute; top: -80px; left: 20%; z-index: 1; }
.newsletter-sec .container{position: relative;z-index: 2;}
.newsletter-sec h2{color: var(--color-white);font-weight: 700;}
.newsletter-sec h5{color: var(--color-white);font-weight: 600;margin-bottom: 30px;}
/*.newsletter-wrap{display: flex;align-items: center;max-width: 696px;margin: 30px auto;padding: 0;padding-bottom: 20px;border-bottom: 1px solid #FFFFFF33;}
.newsletter-wrap input.form-control{border: none;font-size: 18px;color: var(--color-white);padding-left: 0;}
.newsletter-wrap input.form-control::placeholder{color: #FFFFFF66;}
.newsletter-wrap input.form-control:focus{background: transparent;}
.newsletter-wrap input.btn { background: url(../images/submit-bg.svg); background-repeat: no-repeat; background-position: center right; padding-right: 60px; padding: 13px 50px 13px 13px; }
.newsletter-wrap input.btn:hover{background:url(../images/submit-bg.svg); background-repeat: no-repeat; background-position: center right;color: var(--color-white);}*/


.newsletter-wrap form{display: flex;align-items: center;max-width: 696px;margin: 30px auto 0;padding: 0 0 20px !important;border-bottom: 1px solid #FFFFFF33;}
.newsletter-wrap form span.mailpoet_form_loading{display: none;}
.newsletter-wrap .form-control{border: none;font-size: 18px;color: var(--color-white);padding-left: 0;margin-bottom: 0 !important;}
.newsletter-wrap .form-control input{background: transparent !important;border: none !important;padding-left: 0 !important;font-size: 18px;}
.newsletter-wrap .form-control input::placeholder{color: #FFFFFF66;}
.newsletter-wrap input.form-control:focus{background: transparent;}
.newsletter-wrap input[type=submit] { background: url(../images/submit-bg.svg); background-repeat: no-repeat; background-position: center right; padding: 13px 50px 13px 13px !important; flex: 0 0 auto; min-width: 210px; background-color: transparent !important; border: none !important; color: var(--color-white) !important; font-size: 18px; display: inherit; }
/* .newsletter-wrap .btn{padding-right: 0;} */
.newsletter-wrap input[type=submit]:hover{background:url(../images/submit-bg.svg); background-repeat: no-repeat; background-position: center right;color: var(--color-white);     overflow: hidden;}
.newsletter-wrap .btn:hover{padding: 5px 10px;background: transparent;color: var(--color-white);}

#mailpoet_form_1 .mailpoet_message {width: 100%; color: #fff; }
#mailpoet_form_1 .mailpoet_message .mailpoet_validate_error {color: red; position: absolute; left: 0; top: -40px; margin: 0; font-size: 16px; }

.newsletter-wrap .mailpoet_message{position: absolute;}


.social-wrap{padding: 30px 0 40px;border-bottom: 1px solid #3A3A3A;}
.social-wrap ul{display: flex;align-items: center;list-style: none;margin: 0;padding: 0;justify-content: center;}
.social-wrap ul li{width: fit-content;position: relative;}
.social-wrap ul li:first-child{padding-right: 40px;}
.social-wrap ul li:first-child::after{content: '';background: var(--color-white);top: 0;bottom: 0;right: 0;width: 1px;position: absolute;}
.social-wrap ul li:last-child{padding-left: 40px;}
.social-wrap ul li a{color: var(--color-white);font-size: 18px;transition: var(--common-transition);font-weight: 300;}
.social-wrap ul li a:hover{color: var(--clr-blue);transition: var(--common-transition); color: var(--color-white);}

/* Newsletter Section */


/* Footer */

.main-ftr .ftr-top{padding:50px 0;border-bottom: 1px solid #3A3A3A;}
.main-ftr .ftr-top .ftr-logo-wrap .logo{max-width: 333px;margin-bottom: 20px;}
.main-ftr .ftr-top .ftr-logo-wrap .logo a{display: block;}
.main-ftr .ftr-top .ftr-desc p{color: #666666;margin-bottom: 68px;}
.main-ftr .ftr-top .ftr-social ul{display: flex;align-items: center;justify-content: flex-start;list-style: none;padding: 0;margin: 0;}
.main-ftr .ftr-top .ftr-social ul li{width: fit-content;}
.main-ftr .ftr-top .ftr-social ul li:not(:last-child){padding-right: 8px;}
.main-ftr .ftr-top .ftr-social ul li a{width: 56px;height: 56px;border-radius: 50%;background: #FFFFFF0D;display: flex;align-items: center;justify-content: center;color: var(--color-white);font-size: 20px;transition: var(--common-transition);}
.main-ftr .ftr-top .ftr-social ul li a:hover{background: var(--clr-blue);transition: var(--common-transition);}
.main-ftr .ftr-top .ftr-social ul li a svg path { fill: var(--color-white); }


.ftr-menu ul{display: flex;align-items: center;padding: 0;margin: 0;list-style: none;flex-wrap: wrap;justify-content: space-between;margin: -10px;}
.ftr-menu ul li{width:50%;padding: 10px;}
.ftr-menu ul li a{color: var(--color-white);transition: var(--common-transition);}
.ftr-menu ul li a:hover{color: var(--clr-blue);transition: var(--common-transition);}


.ftr-contact ul{display: block;padding: 0;margin: 0;list-style: none;}
.ftr-contact ul li{display: flex;color: var(--color-white);}
.ftr-contact ul li:not(:last-child){padding-bottom: 20px;line-height: 1.4;}
.ftr-contact ul li a{display: flex; color: var(--color-white);}
.ftr-contact ul li svg path, .ftr-contact ul li a svg path { fill: var(--color-white); }
.ftr-contact ul li i, .ftr-contact ul li svg{margin-right: 10px;margin-top: 5px;}
.ftr-contact ul li p{margin: 0; color: var(--color-white);}
.ftr-contact ul li p strong{display: block;color: #666666;font-weight: 400;}

.ftr-contact ul li:hover a , .ftr-contact ul li:hover , .ftr-contact ul li:hover p , .ftr-contact ul li:hover p strong{color: var(--clr-blue);transition: var(--common-transition);}


.ftr-btm{padding: 20px 0;}
.ftr-btm-list ul{display: flex;align-items: center;padding: 0;margin: 0;list-style: none;}
.ftr-btm-list ul li{width: fit-content;}
.ftr-btm-list ul li:not(:last-child){padding-right: 50px;}
.ftr-btm-list ul li a{color: #666666;}
.ftr-btm-list ul li a:hover{color: var(--color-white);transition: var(--common-transition);}

.ftr-btm-desc{text-align: end;}
.ftr-btm-desc p{color: #666666;margin: 0;}
.ftr-btm-desc p strong{color: var(--color-white);font-weight: 400;}

/* Footer */

/* Inner banner */

.inner-banner{padding: 219px 0 90px;text-align: center;}
.inner-banner h1{color: var(--color-white);font-weight: 700;margin: 0;}

/* Inner banner */


/* About Page */

.about-sec.abt::after{content: none;}
.about-sec.abt .container{position: relative;z-index: 2;}
.about-sec.abt .about-content p{ }
.about-sec.abt .about-content p a{color: var(--clr-blue);text-decoration: underline;}

/* About Page */



/* Contact Page */

.contact-sec .container{position: relative;z-index: 2;}

.contact-info-list ul{display: flex;padding: 0;margin: 0;list-style: none;flex-wrap: wrap;}
.contact-info-list ul li{width: 33.33%;}
.contact-info-list ul li .contact-box{border: solid #FFFFFF1A;border-width: 0 1px 1px 1px; height: 100%;}
.contact-info-list ul li .contact-box a{padding: 40px 50px;display: flex;align-items: center;justify-content: space-between;}
.contact-info-list ul li .contact-box a .info h6{color: var(--color-body);margin-bottom: 16px;}
.contact-info-list ul li .contact-box a .info p{color: var(--color-white);margin-bottom: 0;min-height: 48px;}
.contact-info-list ul li .contact-box a .icon-wrap{width: 56px;height: 56px;flex: 0 0 auto;border-radius: 50%;background: var(--color-white);display: flex;align-items: center;justify-content: center;margin-top: 16px;}

.contact-form .form-title{text-align: center;margin-bottom: 80px;}
.contact-form .form-title h3, .contact-form .form-title h4{color: var(--color-white);margin: 0;font-weight: 600;}

.contact-form form{max-width: 936px;margin: 0 auto;}
.contact-form form .form-group{margin-bottom: 40px;}
.contact-form form .form-group .form-control{border-radius: 0;border: solid #FFFFFF33;border-width: 0 0 1px 0;padding: 30px 0;font-size: 16px; color: var(--color-white);}
.contact-form form .form-group .form-control::placeholder{color: #FFFFFF66;}

.contact-form form .form-submit{text-align: center;}
.contact-form form .form-submit .btn{background: url(../images/submit-bg.svg); background-repeat: no-repeat; background-position: center right; padding-right: 60px; padding: 13px 50px 13px 13px;}
.contact-form form .form-submit .btn:hover{color: var(--color-white);}


.wpcf7-not-valid-tip { font-size: 14px; }
.wpcf7-not-valid { }
.wpcf7 form .wpcf7-response-output { color: #f00; text-align: center; }
.wpcf7 form.sent .wpcf7-response-output { color: #46b450; }
.wpcf7-spinner { position: absolute; }



/* Contact Page */


/* Concert Pianist */

blockquote.small-qt-box { border: 1px solid #FFFFFF33; padding: 30px; color: var(--color-white); font-weight: 600; background: url(../images/bxs_quote-left.svg) no-repeat 5px 0; }

.dedicated-piano-sec { overflow: hidden; background-image: url(../images/ConcertPianist-bg-elemnt-rt.svg); background-repeat: no-repeat; background-position: right bottom; text-align: center; color: var(--color-body); }
.dedicated-piano-sec h4 { color: var(--color-white);}
.dedicated-piano-images { position: relative; margin: 0 0 40px; }
.dedicated-piano-images .imgbox { position: relative; }
.dedicated-piano-images .imgbox img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; width: 100%; height: 100%; }
.dedicated-piano-images .image-1 { max-width: 935px; width: 100%; margin: 0 auto; position: relative; padding: 0 0 35%; }
.dedicated-piano-images .image-2 { max-width: 350px; width: 100%; padding: 0 0 20%; position: absolute; bottom: 0; left: 0; z-index: 2; }
.dedicated-piano-images .image-3 { max-width: 350px; width: 100%; position: absolute; padding: 0 0 20%; right: -17%; top: 0; }

/* Concert Pianist */


/* Agenda */
ul.nav.nav-pills li a { border: 1px solid #D6D6D64D; gap: 10px; border-width: 1px; padding-top: 15px; padding-right: 60px; padding-bottom: 15px; padding-left: 60px; border-radius: 100px; background: rgba(255,255,255,0.06); font-weight: 500; color: var(--color-body); }
ul.nav.nav-pills { justify-content: center; margin-bottom: 60px; }
ul.nav.nav-pills li { padding: 0 10px; }
ul.nav.nav-pills li a.nav-link.active { background: rgba(255,255,255,0.06); border: 1px solid #20B9CE; color: var(--color-white); }

.agenda-event-tab .events-wrap { margin: 0 0 45px;}
.agenda-event-tab .events-wrap a h5, .agenda-event-tab .events-wrap a h6, .agenda-event-tab .events-wrap .desc-2 p strong { color: var(--color-white); }
.agenda-event-tab .btm-button { text-align: center; position: relative; z-index: 2; }


.event-list-row {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-bottom: 1px solid #FFFFFF33; padding: 0 0 50px; margin: 0 0 50px; }
.event-list-row .date-time-box {width: 140px; background: rgba(255,255,255,0.1); text-align: center; padding: 5px; }
.event-list-row .date-time-box dt {padding: 15px; }
.event-list-row .date-time-box dt span {display: block; }
.event-list-row .date-time-box dt span.months {font-size: 36px; color: var(--color-white); font-weight: 600; padding: 12px 0; }
.event-list-row .date-time-box dt span.days {color: var(--color-white); }
.event-list-row .date-time-box dt span.year {color: var(--color-body); }
.event-list-row .date-time-box dd {background: var(--clr-black-bg); color: var(--color-white); padding: 14px; margin: 0; text-transform: uppercase; font-size: 15px;}
.event-list-row .evnt-image {width: 30%; /*padding: 0 0 22%;*/ position: relative; }
 .event-list-row .evnt-image img {/*position: absolute; */top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
.event-list-row .evnt-link-ttl {width: 55%; padding: 0 15px; }
.event-list-row .evnt-link-ttl h5 a {color: var(--color-white); }

.no-info { text-align: center; padding: 15px 0; color: var(--color-white);}



.event-details {padding-top: 150px; }
.event-details h1 { font-size: 52px; color: var(--color-white); }

.evnt-info-right {color: var(--color-body); }
.evnt-info-right .meta-info {padding: 0 0 15px; }
.evnt-info-right .meta-info ul {padding: 0; list-style: none; }
.evnt-info-right .meta-info ul li {  color: var(--color-white); }


/* Agenda */


/* Media */
.video-list { margin: 0 0 20px;}
.video-list .moment-wrap::after{content: '';background: var(--color-white);position: absolute;left: 0;width: 0;bottom: 0;height: 1px;transition: var(--common-transition);}
.video-list .moment-wrap{padding: 30px 0;display: flex;justify-content: space-between; position: relative;}
.video-list .moment-wrap .title {width: calc(100% - 56px); padding-right: 5px; }
.video-list .moment-wrap .title h5{color: var(--color-white);margin: 0 0 10px;font-weight: 600;}
.video-list .moment-wrap .title p{margin: 0;color: #FFFFFF66;}

.video-list .vid-thumb { padding: 0 0 72%; position: relative; }
.video-list .vid-thumb img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; width: 100%; height: 100%; }

.img-gal-thumb { padding: 0 0 100%; position: relative; margin: 0 0 24px; }
.img-gal-thumb img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; object-fit: cover; width: 100%; height: 100%; }

.media-tab .btm-button { text-align: center; padding-top: 30px; position: relative; z-index: 3; }

/* Media */


.error-page {padding-top: 150px; min-height: 70vh; display: flex; align-items: center; }
.error-page h1, .error-page h4 { color: var(--color-white); }
.error-page .btn {position: relative; z-index: 2; }

.error404 .newsletter-sec {
    display: none;
}

.common-pg-sec { padding-top: 150px; }
.common-pg-sec h1 { color: var(--color-white);  font-size: 52px;}


.singlmail-poet {padding-top: 150px; }

.parsley-required, .parsley-custom-error-message, .parsley-errors-list {color: #f00 !important; }

.moments-img-wrap {position: relative; }

html[lang="de"] .upcoming-head h2 { font-size: 100px; }



/* -- Body Adjustment -- */


@media only screen and (min-width:2000px){
  .banner-sec .banner-name h1 { font-size: 7.4vw; }
  .banner-sec .banner-light { left: 15%; }
}


@media only screen and (max-width:1799px){

.continue-sec .continue-slider h3 { font-size: 45px; }
    
}


@media only screen and (max-width:1599px){

  :root {
    --f-size-XXXL: 70px;
    --f-size-XXL: 70px;
    --f-size-XL: 50px;
    --f-size-L: 42px;
    --f-size-M: 28px;
    --f-size-S: 20px;
    --f-size-xs: 16px;
    --f-size-Body: 16px;
  }

  .common-padding {padding-top: 80px; padding-bottom: 80px; }

  .main-menu ul { max-width: 1110px; }

  .banner-sec { min-height: 950px; }
  .banner-sec .banner-name { max-width: 1140px; }
  .banner-sec .banner-portrait img {max-width: 580px; width: 100%; }
  .banner-sec .banner-logo { width: 170px; height: 170px; }


  .events-wrap .time-wrap h5 { width: calc(100% - 60px); }
  .events-wrap .time-wrap span {width: 60px; height: 60px;}
  .events-wrap .time-wrap span img {width: 24px; }


  .moments-img-wrap .view-btn { width: 100px; height: 100px; right: -30px; }


  .main-ftr .ftr-top .ftr-social ul li a { width: 45px; height: 45px; }

  .contact-info-list ul li .contact-box a { padding: 20px 30px; }

  html[lang="de"] .upcoming-head h2 { font-size: 70px; }
    

}

@media only screen and (max-width:1399px){


}

@media only screen and (max-width:1359px){

  .common-side-padding { padding-left: 80px; padding-right: 80px; }
   
}

@media only screen and (max-width:1199px){

  :root {
    --f-size-XXXL: 55px;
    --f-size-XXL: 55px;
    --f-size-XL: 40px;
    --f-size-L: 32px;
    --f-size-M: 26px;
  }

  .main-header { padding: 15px 0; }
  .header-sticky .main-header { padding: 15px 0; }

  .mobile-menu { position: fixed; right: -100%; list-style: none; background: var(--color-dark-blue); padding: 25px 45px; transition: right 1s ease-in; top: 106px; bottom: 0; margin: 0; z-index: 5; min-height: calc(100vh - 106px); overflow-y: auto; } 
  .mobile-menu.visible { right: 0; transition: right 0.75s ease;  width: 100%; }

  .main-menu ul { flex-direction: column; }
  .main-menu ul li:not(:last-child) { margin-right: 0; }
  .main-menu ul li a { padding: 12px 0; text-transform: uppercase; color: var(--color-white); }
  .main-menu ul li.current-menu-item a, .main-menu ul li:hover a {  background: none; }


    
  .hdr-rt { margin-left: auto; width: auto; }
  .hdr-mid { width: auto; order: 2; margin: 5px 0 0 20px; }


  .mobile-menu-btn { position: relative; width: 40px; height: 40px; background: var(--color-white); cursor: pointer; z-index: 999; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0px 5px 10px 0px #00081C1A; }
  .mobile-menu-btn svg { width: 20px; }
  .mobile-menu-btn span { display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); width: 18px; height: 2px; background-color: var(--white); opacity: 1; transition: opacity 0.5s ease; } 
  .mobile-menu-btn:before, .mobile-menu-btn:after { content: ""; display: inline-block; width: 22px; height: 2px; background-color: var(--color-dark-blue); position: absolute; opacity: 1; } 
  .mobile-menu-btn:before { top: 15px; transform: rotate(0deg); transition: transform 0.25s ease, top 0.25s ease 0.25s; } 
  .mobile-menu-btn:after { bottom: 15px; transform: rotate(0deg); transition: transform 0.25s ease, bottom 0.25s ease 0.25s; } 
  .mobile-menu-btn.open span { opacity: 0; transition: opacity 0.5s ease; } 
  .mobile-menu-btn.open:before { top: 19px; transform: rotate(45deg); transition: transform 0.25s ease 0.25s, top 0.25s ease; opacity: 1;} 
  .mobile-menu-btn.open:after { bottom: 19px; transform: rotate(-45deg); transition: transform 0.25s ease 0.25s, bottom 0.25s ease; opacity: 1; }

  .banner-sec {min-height: 760px; }
  .banner-sec .banner-portrait img {max-width: 460px; }

  .continue-sec .continue-slider h3 {font-size: 34px; }
  .continue-sec .continue-slider .slider-wrap img { width: 30px; }

  .about-content h6 { font-size: 16px; }

  .contact-info-list ul li .contact-box a { padding: 20px 20px; }
  .contact-info-list ul li .contact-box a .icon-wrap { width: 45px; height: 45px; }

  .ftr-btm-desc p { font-size: 15px; }

  html[lang="de"] .upcoming-head h2 { font-size: 60px; }
    
}

@media only screen and (max-width:991px){
    
  :root {
    --f-size-XXXL: 40px;
    --f-size-XXL: 40px;
    --f-size-XL: 30px;
    --f-size-L: 28px;
    --f-size-M: 24px;
  }

  .hdr-flex { width: 35%; }
  .nav_btn { margin-left: 0; }

  .banner-sec .banner-logo {width: 120px; height: 120px; top: 15%; right: 8%; }
  .banner-sec .banner-name ul li { font-size: 18px; }
      
  .continue-sec .continue-slider h3 {font-size: 24px; }

  .moments-img-wrap .view-btn { right: 0; }

  .about-img { margin: 0 0 25px; text-align: center;}

  .events-wrap a { padding: 20px 0; }

  .video-modal .modal-dialog { max-width: 90%; margin: 0 auto; }


  .main-ftr .ftr-top .ftr-desc p { margin-bottom: 30px; }
  .ftr-menu {padding: 30px 0; }

  .ftr-btm-list ul { margin: 0 0 15px; justify-content: center; }
  .ftr-btm-desc {text-align: center; }


  .event-list-row .evnt-link-ttl {width: 48%; }
  .event-list-row .date-time-box dt span.months {font-size: 26px; }

  .newsletter-sec::after {left: 10%; }

  .btn span, a.btn span {width: 34px; height: 34px; }

  .contact-info-list ul li {width: 100%; }
  .contact-info-list ul li .contact-box a .info p { min-height: inherit; }
  .contact-info-list ul li:first-child .contact-box { border-top: 1px solid #FFFFFF1A;  }

  .contact-form form .form-submit .btn { background-size: 34px; }


  .singlmail-poet {padding-top: 120px; }

  .moment-img {margin: 20px 0; }

  .common-pg-sec h1 {font-size: 32px; word-break: break-word; }

   html[lang="de"] .upcoming-head h2 { font-size: 40px; }

   ul.nav.nav-pills {justify-content: center; margin-bottom: 30px; flex-wrap: nowrap; overflow-x: auto; }
   ul.nav.nav-pills li a.nav-link {white-space: nowrap; padding: 12px 40px }


}

@media only screen and (max-width:767px){

  p {margin: 0 0 20px; }


  .gtranslate_wrapper a { margin-right: 10px; font-size: 14px; }
  .nav_btn { width: 30px; }

  .main-menu ul li:not(:last-child) {margin-bottom: 10px; }
  .main-menu ul li a { font-size: 20px; }

  .common-padding { padding-top: 60px; padding-bottom: 60px; }
  .container { max-width: 95%;}

  .banner-sec {min-height: 680px; }
  .banner-sec .banner-logo {width: 100px; height: 100px; top: 8%; right: 5%; }
  .banner-sec .banner-light img {height: 70vh; }
  .banner-sec .banner-portrait img {max-width: 360px; }

  .continue-sec .continue-slider h3 {font-size: 14px; }
  .continue-sec .continue-slider .slider-wrap img {width: 14px; }

  .events-wrap .time-wrap { width: 100%; }
  .events-wrap .time-wrap h5 {width: calc(100% - 40px); }
  .events-wrap a:hover { cursor: pointer; }
  .events-wrap a:hover .time-wrap span{opacity: 1; }
  .events-wrap .time-wrap span {width: 40px; height: 40px; opacity: 1; }
  .events-wrap .time-wrap span img {width: 18px; }
  .events-wrap .event-info { width: 100%; margin: 0 0 10px; }

  .newsletter-sec::after {width: 320px; height: 320px; left: 50%; transform: translateX(-50%); }
  .newsletter-wrap form { flex-direction: column; justify-content: center; }
  .newsletter-wrap .form-control { padding: 10px 20px !important; }
  .newsletter-wrap .form-control input { text-align: center; }

  .moment-img { margin-left: 0; margin-top: 25px; }
  .moments-img-wrap .view-btn {width: 70px; height: 70px; font-size: 14px; }

  .inner-banner {padding: 120px 0 60px; text-align: center; }

  .about-content p {margin-bottom: 20px; }

  ul.nav.nav-pills {justify-content: flex-start;}
  ul.nav.nav-pills li a.nav-link { padding: 12px 30px }

  .dedicated-piano-images .image-1 { padding: 0 0 56%; }

  .event-list-row .date-time-box { width: 100px; order: 2; }
  .event-list-row .evnt-link-ttl {width: calc(100% - 100px); order: 3; }
  .event-list-row .date-time-box dd { padding: 12px; font-size: 12px; }
  .event-list-row .date-time-box dt {padding: 10px; }
  .event-list-row .date-time-box dt span.months { font-size: 20px; padding: 8px 0; }
  .event-list-row .evnt-image {width: 100%; padding: 0 0 56%; order: 1; margin: 0 0 20px; }

  #evnts-photos .col-lg-4.col-md-6 {width: 50%; }

  .singlmail-poet {padding-top: 120px; }
  .event-details h1 { font-size: 32px; }

  .ftr-btm-list ul li:not(:last-child) { padding-right: 20px; }

  .contact-info-list ul li .contact-box a { flex-direction: column-reverse; text-align: center;}
  .contact-info-list ul li .contact-box a .icon-wrap { margin-top: 0; margin-bottom: 15px; }

  .parsley-required, .parsley-custom-error-message, .parsley-errors-list { text-align: center; }

}

@media only screen and (max-width:359px){

}