@charset "utf-8";
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }
*, *:hover, *:focus, *:before, *:after { behavior: url(../img/backgroundsize.min.htc); -moz-behavior: url(../img/backgroundsize.min.htc); -ms-behavior: url(../img/backgroundsize.min.htc); -webkit-behavior: url(../img/backgroundsize.min.htc); -o-behavior: url(../img/backgroundsize.min.htc); }
img { vertical-align: middle; max-width: 100%; }
p { margin: 0 0 10px; line-height: 1.54; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0; margin-bottom: 10px; }
h1, .h1 { font-size: 45px; line-height: normal; }
h2, .h2 { font-size: 40px; line-height: normal; }
h3, .h3 { font-size: 24px; line-height: normal; }
h4, .h4 { font-family: 'Inter'; font-style: normal; font-weight: 700; font-size: 22px; line-height: 27px; color: #000000; }
h5, .h5 { font-size: 18px; }
h6, .h6 { font-size: 16px; }
ul, ol { margin: 0; padding: 0; line-height: normal; }
ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; line-height: normal; }
.list-unstyled { padding-left: 0; list-style: none; }
a { color: #767676; text-decoration: none; transition: all 0.3s ease 0s }
a:hover, a:focus { text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus { outline: none; text-decoration: none; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;
}
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
.outer-width { margin-right: auto; margin-left: auto; width: 100%; float: left; }
.outer-width:before, .outer-width:after { content: " ";  /* 1 */ display: table;  /* 2 */ }
.outer-width:after { clear: both; }
/**Body CSS**/
html { height: 100%; }
body { position: relative; overflow-x: hidden; font-size: 16px; background: #ffffff; color: #222222; font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; height: 100%; line-height: 1.54 }
/**Wrapper CSS**/
#wrapper { margin: 0 auto; position: relative; width: 100%; float: left; padding: 0; overflow-x: hidden; }
/*font-family: 'Brandon_reg';*/
/*font-family: 'Brandon_med';*/

.wow {
    visibility: hidden;
}
/**header**/
#header { float: left; position: relative; z-index: 99; }
.home #header { background: none; left: 0; position: absolute; top: 0; width: 100%; z-index: 999; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; background: transparent; }
.navbar-brand { height: auto; transition: all 0.5s ease 0s; }
#navigation {position: static; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border: none; margin-bottom: 0; margin-top: 10px; }
.nav-top { background: #4ab0da; position: relative; border-radius: 0 0 5px 0; -webkit-border-radius: 0 0 5px 0; -moz-border-radius: 0 0 5px 0; -ms-border-radius: 0 0 5px 0; -o-border-radius: 0 0 5px 0; padding: 0 10px 0 20px; float: right; }

#navigation .nav li {display: inline-block; vertical-align: top; margin: 15px 0px; width:auto; text-align: left;}

#navigation .navbar-header { transition: all 0.5s ease 0s; z-index: 9999;}
.nav-top:before { content: ""; width: 30px; height: 35px; position: absolute; bottom: 0; left: -29px; background: url(../img/top-nav-left.png) no-repeat left center; }
.nav-top a { color: #fff; }
.nav-top > li { min-width: 96px; padding: 0 13px 0 11px; position: relative; }
.nav-top>li:after { content: ""; width: 1px; height: 21px; position: absolute; left: 0; background: #fff; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); margin-top: -3px; }
.nav-top > li:first-child::after { display: none; }
.nav-top > li > a { float: left; font-size: 14px; min-height: 35px; padding: 5px 7px; }
.nav-top>li>a:focus, .nav-top>li>a:hover { background-color: #1e93c3; }
.nav-top>li>a span { margin-left: 7px; }
.navbar-brand { line-height: 20px; padding: 0; margin: 0 }
.navbar-collapse { clear: right; float: right; margin-top: 0; padding: 0; justify-content: center; }
.innerHeader .main-nav {
    display: flex;
    max-width: 100%;
  -webkit-box-pack: end;-ms-flex-pack: end;justify-content: end;
     padding: 0px 15px 0px 15px;
    width: 100%;
      -webkit-box-orient: inherit;    -webkit-box-direction: inherit;    -ms-flex-direction: inherit;    flex-direction: inherit;
}

.main-nav>li>a {color: #ffffff;font-size: 18px;padding: 7px 5px;text-transform: uppercase;font-weight: 500;margin: 0px 15px;}
.main-nav>li>a:hover, .main-nav>li>a:focus, .main-nav > li.active > a { color: #ffcb00; background: none; text-decoration: none; }
.request-btn { margin-left: 75px; padding: 8px 18px; text-align: center; vertical-align: top; }
.btn { border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; text-transform: uppercase; display: inline-block; padding: 6px 20px; font-size: 16px; }
.btn-yellow-border { background: none; border: 2px solid #FFCB00; color: #000; background: #FFCB00; font-weight: 600; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; padding: 15px 30px; min-width: 144px; letter-spacing: 0.4px; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; }
.btn-yellow-border:hover, .btn-yellow-border:focus { background: #FFCB00; border-color: #FFCB00; color: #000000; }
.btn.btn-yellow { background: #F5DC00; border-color: #F5DC00; color: #060606; text-transform: none; font-weight: 400;z-index:999; }
.btn.btn-yellow:hover, .btn.btn-yellow:focus { background: #060606; border-color: #060606; color: #F5DC00;
    border: 1px solid #F5DC00; }
.btn.btn-special { background: #FFCB00; color: #060606; border-radius: 0; font-size: 45px; text-transform: none; font-weight: 500; position: relative; transform: skew(21deg); padding: 15px 50px; line-height: 1; }
.btn.btn-special span { transform: skew(-21deg); display: block; }
.btn.btn-blue { background: #381082; border-color: #381082; color: #ffffff; text-transform: none; font-weight: 400; font-size: 18px; border-radius: 4px; padding: 17px 32px; line-height: 1.3; width: 232px; }
.btn.btn-blue:hover, .btn.btn-blue:focus { background: #060606; border-color: #060606; color: #FFCB00; }
.nav .fa { font-size: 18px; vertical-align: middle; }
#navigation .nav li.login1 { padding: 0; }
#navigation .nav li.login1 a { border-radius: 0 0 4px; -webkit-border-radius: 0 0 4px; -moz-border-radius: 0 0 4px; -ms-border-radius: 0 0 4px; float: none; margin-right: -9px; margin-top: -4px; padding: 9px 29px 9px 18px; }
#navigation .nav li.social-iconhead a { min-height: 0; padding-bottom: 6px; padding-top: 4px; }


.top-header {text-align: right;padding: 30px 0 30px;transition: all 0.5s ease 0s; display: flex; height: 100%;}
.top-header .container { display: flex; align-items: center; justify-content: flex-end; padding-right:0px; }
/**Slider CSS**/
#banner-wrap { padding-top: 128px; min-height: 600px; }
.banner { background-size: cover; background-position: center center; display: block; position: relative; min-height: 600px; max-height: 1000px; height: 100vh; background-position: center center; background-attachment: fixed; padding: 0 0 130px;overflow: hidden; }
.banner .flexslider { color: #ffffff; left: 50%; max-width: 90%; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); width: 624px; z-index: 99999; padding-top: 30px; background-repeat: no-repeat; }
.banner-caption h2 { font-size: 45px; line-height: 1.2; }
.read-more { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 2px solid #ffffff; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; color: #ffffff; display: inline-block; font-size: 16px; font-weight: 500; line-height: 1; margin: 46px 0 0; min-width: 178px; padding: 15px 18px; text-transform: uppercase; vertical-align: top; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; }
.read-more:hover { background: #ffffff none repeat scroll 0 0; color: #1e93c3; text-decoration: none; }
.banner-caption { display: block; }
.flex-control-nav { display: none; }
/**************************/
.btm_go span { border: 1px solid #ffffff; display: block; height: 10px; left: 0; margin: 0 auto; position: absolute; right: 0; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; width: 1px; z-index: 99; top: 20px; background: #ffffff; }
.btm_go { border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; bottom: 47px; content: ""; display: block; height: 60px; left: 0; margin: 0 auto; position: absolute; right: 0; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; width: 140px; z-index: 99; color: #ffffff; font-size: 12px; text-align: center; }
.btm_go:hover, .btm_go:focus { color: #ffffff; text-decoration: none; }
.btm_go h5 { font-size: 12px; margin: 0 0 15px; }

.secpd100{padding: 100px 0px}

.headerBtn {
    position: relative;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
}
.innerHeader .headerBtn {margin-top: 0px;}
.headerIn .innerHeader .headerBtn {margin-top:0px;}
.innerHeader.fixed-header .headerBtn{margin-top:0px;}
.headerBtn a {
    margin: 0px 7px;
    display: inline-block;
}
.headerBtn a:last-child {
   margin-left: 0;
    margin-right: 0;
}
#header #navigation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
#header .container{position: relative;}


.home.headerIn #header {
    position: relative;
    float: none;
    background: #000;
    height: 110px;
}
.home.headerIn #navigation .navbar-header {
    width: 115px;
    top:0px;
}
.home.headerIn.fixed-header #navigation .navbar-header{ top:0px;}
.home.headerIn #header.fixed-header {
      position: fixed;
      z-index: 999;
}

.menuMain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

/*menu left to right*/
#togglemenu {
    display: inline-block;
    padding: 0px;cursor: pointer;
}
.bar {
    height: 2px;
    background: #F5DC00;
    width:28px;
    display: block;
    margin-bottom:7px;
}
.submenu_icon, .desktop-search {
    position: absolute;
    left:15px;
    top:40px;
}


.moveleft .bottomMenu {width:250px;}
.bottomMenu {
    display: block;
    text-align: left;
    z-index: 99;
    transition: .5s ease all;
    width: 100%;
    padding:30px 0;
}





/* ==========================================================================
   11 - Animation
   ========================================================================== */
 
.scrollanimation { animation: scrollanimation 2s infinite; -webkit-animation: scrollanimation 2s infinite; -moz-animation: scrollanimation 2s infinite; -o-animation: scrollanimation 2s infinite; }
 @-webkit-keyframes scrollanimation { 0% {
height:10px
}
50% {
height:50px
}
100% {
height:10px
}
}
 @-moz-keyframes scrollanimation { 0% {
height:5px
}
50% {
height:60px
}
100% {
height:5px
}
}
 @-o-keyframes scrollanimation { 0% {
height:5px
}
50% {
height:60px
}
100% {
height:5px
}
}
@keyframes scrollanimation { 0% {
height:6px
}
50% {
height:52px
}
100% {
height:6px
}
}
/*****track***/

/******** ~~ Slider ~~ ************/

.darkGray{background:#1E1E1E;}

.BanPattern:after,
.BanPattern:before{ content: ""; position: absolute; z-index: 2;bottom: 0px;  width: 22%;
    height: 65%; }

.BanPattern:after {
    left: 0px;
    background: url(../img/soundLeft.png) center bottom no-repeat;
    right: auto;
}

.BanPattern:before {
    right: 0px;
    background: url(../img/soundRight.png) center bottom no-repeat;
    left: auto;
}

.bannerCaption { color: #fff; left: 0; margin: 0 auto; max-width: 1170px; position: absolute; right: 0; text-align: left; top: 57%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; z-index: 99; padding: 0 15px; text-align: center }
.img-slider.owl-theme .owl-controls { margin: 0; }
.img-slider .item > img { width: 100%; }
.bannerCaption h2 { font-size: 70px; text-transform: uppercase; margin: 0; margin-bottom: 25px; line-height: 85px; font-weight: 800; }
.bannerCaption p { font-size: 20px; line-height: 32px; margin-bottom: 40px; padding-right: 0; font-weight: 300; max-width: 1018px; }
.btn-info.btn-white { border: 2px solid #ffffff; color: #ffffff; padding: 12px 38px; }
.bannerCaption .btn.btn-slide { display: block; }
.btn.btn-slide:hover, .btn.btn-View:hover { background: #6d6d6d none repeat scroll 0 0; border-color: #6d6d6d; color: #fff; }
.img-slider .item::after { background: rgba(18, 23, 28, 0.6); bottom: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; }
/********** Slider navigation and bullets *****/
.img-slider.owl-theme .owl-controls .owl-page span, .img-slider2.owl-theme .owl-controls .owl-page span, .img-slider3.owl-theme .owl-controls .owl-page span { background: #fff; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; display: block; height: 14px; margin: 0 9px; opacity: 1; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 15px; }
.img-slider.owl-theme .owl-controls .owl-page.active span, .img-slider.owl-theme .owl-controls.clickable .owl-page:hover span, .img-slider3.owl-theme .owl-controls .owl-page.active span, .img-slider3.owl-theme .owl-controls.clickable .owl-page:hover span { background: #80bb35; }
.img-slider .owl-pagination, img-slider2 .owl-pagination, img-slider3 .owl-pagination { bottom: 50px; left: 50%; position: absolute; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.img-slider .owl-buttons { position: absolute; top: 50%; width: 100%; margin-top: 0; }
.owl-theme.img-slider .owl-controls .owl-buttons div { background: rgba(0, 0, 0, 0); border: 1px solid #fff; border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; font-size: 0; height: 52px; width: 52px; line-height: 52px; border-color: #fff; opacity: 1; }
.owl-theme.img-slider .owl-controls.clickable .owl-buttons div:hover { background: #fff; }
.owl-theme.img-slider .owl-controls.clickable .owl-buttons div:hover::after { color: #373737; }
.owl-theme.img-slider .owl-controls .owl-buttons div { position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); margin: 0; }
.banner .owl-theme .owl-controls .owl-nav [class*=owl-] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: none; display: inline-block; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; top: 50%; transform: translateY(-50%); position: absolute; font-size: 0; width: 40px; height: 70px; background-repeat: no-repeat; background-position: center center; }
.banner .owl-theme .owl-controls .owl-nav .owl-next { right: 30px; background-image: url(../img/next.png) }
.banner .owl-theme .owl-controls .owl-nav .owl-prev { left: 30px; background-image: url(../img/prev.png) }
.main-heading-outer { margin: 0 0 40px; }
.main-heading { font-size: 60px; text-transform: uppercase; line-height: 70px; font-weight: 800; margin: 0 0 20px; }
.banner-video {
    position: absolute;
    width: 120%;
    height: 120%;
    overflow: hidden;
    left: -10%;
    right: 0;
    bottom: 0;
    top: -10%;
    z-index: 1;
    opacity: 1;
    visibility: visible;
    transition: all 0.4s linear;
}
.banner-video video , .banner-video iframe {
    pointer-events: none;
    cursor: pointer;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(13, 13, 13,0.8);
    z-index: 2;
    display: block;
}
.features { padding: 120px 0; background: url(../img/highlights2019-bg.jpg) no-repeat center center; position: relative; background-size: cover; background-attachment: fixed; }
.features::before { content: ""; width: 100%; height: 100%; background: #ffffff; position: absolute; left: 0; bottom: 0; top: 0; position: absolute; opacity: 0.7; }
.features .container { position: relative; z-index: 1; }
.pricing { padding: 65px 0; background: url(../img/ticket-bg.jpg) no-repeat right center; background-size: cover; color: #ffffff; }
.pricing_l { background: url(../img/ticketing-img2.png) no-repeat center top; width: 250px; height: 510px; color: #000000; padding: 145px 15px 0; text-align: center; margin: 0 auto 60px; }
.pricing_l.small_p { transform: scale(0.85); }
.white-box { background: #ffffff; box-shadow: 0 0 15px 2px rgba(0,0,0,0.04); -webkit-box-shadow: 0 0 15px 2px rgba(0,0,0,0.04); -moz-box-shadow: 0 0 15px 2px rgba(0,0,0,0.04); -ms-box-shadow: 0 0 15px 2px rgba(0,0,0,0.04); padding: 80px 20px; text-align: center; margin: 40px 0 0; }
.pricing_l p { font-size: 17px; line-height: 1.5; margin: 0 0 15px; min-height: 25px; }
.pricing_l p:first-child { min-height: 45px; }
.pricing_l h3 { font-size: 20px; font-weight: 800; line-height: 1; margin: 0 0 5px; }
/*.pricing .main-heading { color: #000; }*/
.pricing_l h4 { font-size: 16px; line-height: 1; color: #000000; padding: 0 40px; }
.pricing-amount { font-size: 18px; line-height: 1.5; width: 100%; display: block; min-height: 60px; font-weight: 700; margin-bottom: 15px; padding: 0 50px; }
.pricing-amount small { display: block; font-size: 14px; font-weight: normal; line-height: 1.2; }
.feature-box { text-align: center; padding-top: 0; }
.feature-box h2 { font-size: 20px; line-height: 1.4; font-weight: 600; text-transform: uppercase; }
.round-img { margin: 0 0 15px; display: inline-block; width: 120px; height: 120px; line-height: 120px; /*background: #FDE300;*/ border-radius: 5px; /*transform: rotate(45deg);*/ position: relative; vertical-align: top; }
.round-img span { display: inline-block; vertical-align: top; /*transform: rotate(-45deg);*/ }
.yellow-box { background: #FDE300 !important; }
.pink-box { background: #F46197 !important; }
.green-box { background: #2CA58D !important; }
.event-section { min-width:50%; background: rgba(6, 6, 6, 0.85); }
.for-trainer { float: right; width: 800px; color: #fff; padding: 90px 130px 90px 0; font-size: 18px; font-weight: 300; line-height: 28px; }
.traine-bok { max-width: 41%; }
.for-trainer li { list-style: none; line-height: 1.4; margin: 0 0 14px; position: relative; font-size: 24px; font-weight: 600; text-transform:capitalize; }
.trainer .row { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; }
.traine-img { margin-left: -140px; float: left; width: 820px; position: relative; z-index: 1; margin-top: 70px; }
.traine-img::before { position: absolute; content: ""; left: 70px; right: 140px; top: -70px; bottom: 0; background: #42484f; z-index: -1; }
.traine-img::after { position: absolute; background: url(../img/bg.png); content: ""; left: 340px; right: -60px; top: 50%; bottom: -70px; z-index: -1; }
.trainer { background: #f5f5f5; }
/*.event-venue { display: flex; align-items: center; }*/
.event-location { color: #FDE300; }
.event-location a {text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.event-location h4 {color: #FDE300; font-size:24px; text-transform:capitalize; line-height: 1.3;margin: 0 0 0px 15px; font-weight: 600; }
.event-address h5 { font-size: 18px; text-transform: capitalize; line-height: 1.3; margin: 0; font-weight: 600; }
.event-datelist { margin: 0 0 60px; }
.event-address {margin-top: 30px;}
.event-address h4 {font-size: 24px;}
.event-address h5 {font-size: 16px;font-weight: normal;line-height: 28px;margin-bottom: 5px;}

/**********************/

.get-started { font-size: 20px; line-height: 28px; color: #ffffff; padding: 30px 0 30px; background: #000000; }
.get-started p { font-size: 14px; line-height: 1.6; opacity: 0.8; }
.get-started .social-icons { justify-content: flex-end; margin: 0 -7px 15px 0; }
.social-icons a { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: #F5DC00; border-radius: 50%; text-align: center; line-height: 36px; }
.social-icons { display: flex; flex-wrap: wrap; }
.social-icons-white { display: flex; flex-wrap: wrap; margin-right: 20px; }
.social-icons-white li { list-style: none; margin: 0 7px; }
.social-icons-white a { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: transparent; border-radius: 50%; text-align: center; line-height: 31px; border: 1px solid #ffffff; transition: all 0.3s ease 0s; }
.social-icons-white a:hover { background: rgba(0, 0, 0, 0.4); }
.social-icons li { list-style: none; margin: 0 7px; }
#footer { background: #2a2a2a; text-align: center; color: #8d8d8d; }
.footer-nav a { color: #a3a3a3; font-size: 15px; }
.footer-nav a:hover { color: #005cb9; text-decoration: none; }
.footer-nav li { display: inline-block; margin: 0 28px; }
.footer-logo { margin: 40px 0 40px; }
.copy-right { padding: 16px; font-size: 14px; border-top: 1px solid #363636; margin: 40px 0 0; }
.get-started h2.main-heading { margin: 0 0 17px; }
.get-started .btn-info { margin: 50px 0 0; min-width: 180px; font-weight: 400; font-size: 16px; }
.inner-banner { height: 407px; background-repeat: no-repeat; background-size: cover; position: relative; background-position: center; margin: 0 0 100px; }
.inner-banner::after { background: rgba(18, 23, 28, 0.6); bottom: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; }
.heading-inner { text-align: center; position: absolute; left: 50%; top: 50%; z-index: 1; transform: translate(-50%, -50%); color: #ffffff; min-width: 250px; max-width: 100%; }
.heading-inner .main-heading { font-size: 50px; margin: 0; letter-spacing: 2px; }
.breadcrumb { color: #ffffff; font-size: 24px; font-weight: 300; background: none; }
.breadcrumb a { color: #ffffff; }
.breadcrumb>.active, .breadcrumb>li+li:before { color: #ffffff; }
.trainer { background: #000000 center center; background-attachment: fixed; background-size: cover; position:relative; }


.trainer:after,
.trainer:before{ content: ""; position: absolute; z-index: 2;  }
.trainer:after {
    width: 175px;
    height: 365px;
    left: 0px;
    background: url(../img/Bottleleft.png) center bottom no-repeat;
    right: auto;
    top: -24%;
    bottom: auto;
}

.trainer:before {
    width: 217px;
    height: 299px;
    right: 0px;
    background: url(../img/Mugright.png) center bottom no-repeat;
    left: auto;
    bottom: -17%;
    top: auto;
}

.cnt_img { float: left; width: 100%; position: relative; z-index: 1; margin-top: 0; }
.cnt_img::after { position: absolute; background: url(../img/bg.png); content: ""; left: 340px; right: -60px; top: 50%; bottom: -70px; z-index: -1; }
.address li { display: inline-block; width: 100%; }
.cnt_img::after { position: absolute; background: url(../img/bg.png); content: ""; right: 150px; left: -99px; top: 150px; bottom: -70px; z-index: -1; }
.downarrow { width: 64px; height: 64px; text-align: center; background: #005cb9; display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; line-height: 64px; margin: 40px 0 0; }
.downarrow:hover { background: #303030; }
.contact-left { margin-top: 50px; padding-right: 0; }
.address { background: #005cb9; padding: 57px 80px 57px 80px; margin: 150px 0 0 -95px; position: relative; z-index: 1; color: #ffffff; font-size: 20px; font-weight: 300; letter-spacing: 0.2px; }
.address li { display: inline-block; width: 100%; margin: 0 0 25px; line-height: 1.3; border-bottom: 2px solid #196cbf; padding: 0 0 26px 40px; position: relative; }
.address li::before { content: ""; display: inline-block; position: absolute; left: -10px; top: 0; background: url(../img/map.png) no-repeat center center; width: 30px; height: 30px; }
.address li.contac-num::before { background-image: url('../img/phone.png') }
.address li.contac-email::before { background-image: url('../img/email.png') }
.address li span { display: block; margin: 0 0 5px; }
.address strong { font-weight: 400; font-size: 22px; }
.address li a { color: #ffffff; }
.address li:last-child { margin: 0; border: none; padding-bottom: 0; }
.contact-section { width: 100%; display: inline-block; padding: 0 0 90px; border-bottom: 1px solid #ededed; }
.have-qution { display: inline-block; vertical-align: top; width: 100%; padding: 100px 0; }
.contact-form .form-control { border: 1px solid #e2e2e2; }
.contact-form { margin: 85px 0 0; }
.form-control { border: 1px solid #e2e2e2; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; height: 58px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; padding: 10px 30px; font-size: 15px; color: #555555; }
 ::-webkit-input-placeholder {
 color: #555555 !important;
}
 :-moz-placeholder {
color: #555555 !important;
}
 ::-moz-placeholder {
color: #555555 !important;
opacity: 1 !important;
}
 :-ms-input-placeholder {
 color: #555555 !important;
opacity: 1 !important;
}
input:-moz-placeholder {
 color: #555555 !important;
opacity: 1 !important;
}
placeholder { color: #555555; opacity: 1 !important; }
textarea.form-control { height: 150px; resize: none; padding-top: 15px; }
.form-group { margin-bottom: 40px; }
.gallery_list { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; }
.gallery_item { width: 25%; list-style: none; }
.gallery_span { width: 100%; position: relative; padding-top: 67%; list-style: none; display: block; overflow: hidden; }
.gallery_span img { width: 100%; position: absolute; left: 0; top: -0.5%; height: 101%; object-fit: cover; }
.about-img { min-width: 45%; display: flex; }
.client-img { width: 100%; display: flex; }
.client-img img { width: 100%; object-fit: cover; }
.client { background: url('../img/ornament3.png') no-repeat right bottom; }
.about-content { max-width: 55%; background: url('../img/ornament4.png') no-repeat -27px bottom; background-size: 400px; }
.for-client { padding: 117px 40px 160px 95px; max-width: 845px; }
.mainHead_strip { width: 133px; height: 7px; background: #F5DC00; display: block; margin: 0 0 35px; }
.text-center .mainHead_strip { margin-left: auto; margin-right: auto; }
.about-content p { font-size: 17px; line-height: 2; }
.about-right-img { margin: 20px 0 20px; }
.about-right-img img { width: 200px; }
.client{position: relative;}
.client:after{ content: ""; position: absolute; z-index: 2; }
.client:after {
    width: 312px;
    height: 325px;
    left: 60%;
    background: url(../img/Rye.png) center bottom no-repeat;
    top: auto;
    bottom: 0px;
    margin: 0;
}

.client .row { display: flex; flex-wrap: wrap; }
.custom-humburger { width: 30px; height: 20px; position: relative; cursor: pointer; display: inline-block; margin: 0; z-index: 99; transition: all 0.5s ease 0s; top: 0; }
.custom-humburger span { background-color: #fff; position: absolute; border-radius: 2px; transition: .5s cubic-bezier(.8, .5, .2, 1.4); width: 100%; height: 2px; transition-duration: 500ms }
.custom-humburger span:nth-child(1) { top: 0px; left: 0px; }
.custom-humburger span:nth-child(2) { top: 8px; left: auto; opacity: 1; width: 65%; right: 0; }
.custom-humburger span:nth-child(3) { bottom: 0px; left: 0px; }
.custom-humburger.collapsed:hover span:nth-child(1) { transform: scaleX(.8); }
.custom-humburger.collapsed:hover span:nth-child(2) { transform: scaleX(.5); }
.custom-humburger.collapsed:hover span:nth-child(3) { transform: scaleX(.8); }
.custom-humburger:not(.collapsed) span:nth-child(1) { transform: rotate(45deg); top: 13px; }
.custom-humburger:not(.collapsed) span:nth-child(2) { opacity: 0; }
.custom-humburger:not(.collapsed) span:nth-child(3) { transform: rotate(-45deg); top: 13px; }
.custom-humburger::before { position: absolute; left: -4px; top: -4px; bottom: -7px; right: -4px; content: ""; display: block; }
.sticky-icon {
    z-index: 999;
    position: fixed;
    top: 40%;
    right: 0%;
    width: 180px;
    display: flex;
    flex-direction: column;
}
.sticky-icon a { transform: translate(120px, 0px); border-radius: 50px 0px 0px 50px; text-align: left; margin: 2px; text-decoration: none; text-transform: uppercase; padding: 10px; font-size:16px;  transition: all 0.8s;    background: #222222; display: flex;
    align-items: center;}
.sticky-icon a span{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: #F5DC00;
    border-radius: 50%;
    text-align: center;
    line-height: 36px;
    margin-right:10px;
}
.sticky-icon a:hover { color: #FFF; transform: translate(0px, 0px); }
.sticky-icon a:hover i { transform: rotate(360deg); }

/*JOIN MAILING LIST START*/


.mailJoinSec {
    padding:100px 0; padding-bottom: 180px;
    background: url(../img/mailJoinBg.jpg) no-repeat right center;
    background-size: cover;
    color: #ffffff;
}

.form-design-1 .form-group {
  margin-bottom: 29px;
}
.form-design-1 .form-group .form-control,
.rfBlock .rfControl .form-design-1 .form-group .form-control {
  border-radius: 0px;
  height: auto;
  padding: 9px 15px;
  font-size: 16px;
  border: 1px solid #C7C7C7;
  color: #000000;
  width: 100%;
}
.form-design-1 .form-group .form-control:focus,
.rfBlock .rfControl .form-design-1 .form-group .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.form-design-1 .form-group label {
  font-size: 18px;
}
.form-design-1 .form-group .checkbox-1 {
  position: relative;
  cursor: pointer;
  font-size: 16px;
  padding-left: 35px;
  min-height: 30px;
}
.form-design-1 .form-group .checkbox-1 .markbox {
  display: inline-block;
  position: absolute;
  width: 22px;
  height: 22px;
  border: 1px solid #929292;
  top: 3px;
  left: 0;
  margin-top: 0;
  background: #ffffff;
  border-radius: 4px;
}
.form-design-1 .form-group .checkbox-1 .markbox:before {
  width: 11px;
  height: 6px;
  content: "";
  position: absolute;
  top: 5px;
  left: 4px;
  border: 2px solid #000;
  border-style: none none solid solid;
  -webkit-transform: rotate(-45deg) scale(0.8);
  transform: rotate(-45deg) scale(0.8);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-animation: all 0.3s ease;
  -ms-animation: all 0.3s ease;
  -o-animation: all 0.3s ease;
  transition: all 0.3s ease;
}
.form-design-1 .form-group .checkbox-1 input {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.form-design-1 .form-group .checkbox-1 input:checked ~ span.markbox {
  background: #FFCB00;
  border-color: #FFCB00;
}
.form-design-1 .form-group .checkbox-1 input:checked ~ span.markbox:before {
  -webkit-transform: rotate(-50deg) scale(1);
  transform: rotate(-50deg) scale(1);
  opacity: 1;
}
.form-design-1 .form-group .custom-select,
.rfBlock .rfControl .form-design-1 .form-group .custom-select {
  background: #fff url("data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAICAQAAABn7dZ6AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQflAwYMHjb6d1a/AAAAWElEQVQI123LMQrCQBhE4e8CaSWdXkHIDSRgZxEQNSaQnD9XkD/Fgq7LvmrmDcPJRclZQ+fj8adXm2MK4fnVb2HJS5om4Z7fX0LvWmoYhHBTYTaq0jr8yg6I1xE2uVXddAAAAABJRU5ErkJggg==") no-repeat right 0.75rem center;
  border: 1px solid #C7C7C7;
  border-radius: 0px;
  color: #000000;
  padding: 9px 15px;
  font-size: 16px;
  height: auto;
  box-shadow: none;
}
.btn-1 {
    background-color: #FFCB00;
    border-color: #FFCB00;
    color: #ffffff;
    font-size: 14px;
    padding: 14px 20px;
    border-radius: 10px;
    display: inline-block;
    border-radius: 4px;
    text-decoration: none;
}
.btn-1:hover {
    background-color: #f5c403;
    color: #ffffff;
}
.form-design-1 ::-webkit-input-placeholder {
  /* Edge */
  color: #000000;
}
.form-design-1 :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #000000;
}
.form-design-1 ::placeholder {
  color: #000000;
}
.form-design-1 .full-name-block {
  display: flex;
}
.form-design-1 .full-name-block .custom-select {
  -webkit-flex: 0 0 140px;
  flex: 0 0 140px;
  max-width: 140px;
}
.form-design-1 .full-name-block .full-name-input {
  -webkit-flex: 0 0 calc(100% - 140px);
  flex: 0 0 calc(100% - 140px);
  max-width: calc(100% - 140px);
  padding-left: 20px;
}
.form-design-1 .form-title,
.form-title {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 10px;
}
.form-design-1 .form-inline .checkbox-1 {
  margin-right: 15px;
  padding-left: 30px;
}
.form-design-1 .btn {
  min-width: 170px;
}

.mailJoinSec .validate a {
    color: #ccc;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}
.mailJoinSec .validate a:hover {color:#FFCB00;}

.CopyrightSec{position: relative; padding-left: 200px; padding-right: 200px;}
.CopyrightSec:after{ content: ""; position: absolute; z-index: 1;  }
.CopyrightSec:after {
    width: 100%;
    height: 149px;
    left: 0px;
    background: url(../img/footerFrame.png) center top no-repeat;
    right: auto;
    top: auto;
    bottom: 100%;
}


.footerPattern:after,
.footerPattern:before{ content: ""; position: absolute; z-index: 2;  }
.footerPattern:after {
    width: 175px;
    height: 320px;
    left: 0px;
    background: url(../img/SpeakersLeft.png) center bottom no-repeat;background-size: cover;
    right: auto;
    top:auto;
    bottom:0px;
}

.footerPattern:before {
       width: 175px;
    height: 320px;
    right: 0px;
    background: url(../img/SpeakersRight.png) center bottom no-repeat;background-size: cover;
    left: auto;
    bottom: 0px;
    top: auto;
}

/*JOIN MAILING LIST END*/


/*breadcrumb start*/
.breadcrumbMain {
    background:#1E1E1E;
}
.breadcrumbMain .breadcrumb>.active, .breadcrumb>li+li:before {
    color: #F5DC00; font-size:16px;
}

.breadcrumbMain .breadcrumb a {
    color: #ffffff;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
}
.breadcrumbMain .breadcrumb a:hover{color: #F5DC00;}
/*breadcrumb end*/


/*beers page start*/

.innerBanner {
    position: relative;
    background-size: cover;
    height: 300px;
}

.bannerDetails {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.innerBanner .main-heading{color:#fff;margin-bottom: 10px;}

.bannerDetails p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 20px;
}

/*fillter start*/
.fillterSec{padding: 50px 0px; background: #1E1E1E;padding-bottom: 180px; position: relative;}
.fillterSec.trainer:before {
    left: auto;
    bottom: auto;
    top: 6%;
}
.fillterSec.trainer:after {
    top:35%;
    bottom: auto;
}

.fillterHead{
    color: #fff;
}
.fillterHead h5{
    font-size: 20px; margin-bottom: 20px;
}
.fillterIn {
    -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
    width: 100%;
    padding-bottom:15px; margin-bottom: 30px;
    border-bottom: 1px solid rgba(113, 109, 109, 0.4);
}
.fillterIn button {
    width: 100%;
    text-align: left;
    background: transparent;
    border-radius: 5px;
    outline: none;
    border: 1px solid #fff;
}

.fillterIn button span {
    color: #fff;
    text-transform: capitalize;
}
.button-group{position: relative;}
.fillterIn .dropdown-menu{width: 100%;}
.fillterIn .dropdown-menu li {
    padding: 7px 15px 7px 15px;
}
.fillterIn .dropdown-menu li a {
    outline: none;
    color: #444444;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    word-break: break-word;
    text-transform: capitalize;
        display: -webkit-box;    display: -ms-flexbox;    display: flex;
}
.fillterIn .dropdown-menu li:hover {
    background: #F5DC00;
}
.fillterIn .dropdown-menu li:hover a{outline: none; text-decoration: none;}
.fillterIn button {
    width: 100%;
        height: 48px;
    text-align: left;
    background: transparent;
    border-radius: 5px;
    outline: none;
    border: 1px solid #fff;
        margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.dropdown-toggle::after {
    content: "\f107";
    font-family: "fontAwesome";
    color: #fff;
    font-size: 24px;
    line-height: 24px;
    border: none;
    height: auto;
    padding-right: 10px;
}

.fillterIn .dropdown-menu li a input {
    width: 18px;min-width: 18px;
    height: 18px;margin-right: 8px;
}
.searchBox{position:relative;} 
.searchBox input {
      height: 48px;
    background: #070707;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 4px;
    width: 100%;
    padding-left: 45px;
    color: #fff;
    font-size: 16px;
    outline: none;
  
}
.searchBox i {
    position: absolute;
    left: 20px;
    top: 15px;
    color: #999;
}

.searchBox input:focus-visible {
    border: 1px solid #fff;
}


.fillterIn input[type=checkbox] {
  position: relative;
    border: 2px solid #000;
    border-radius: 2px;
    background: none;
    cursor: pointer;
    line-height: 0;
    margin: 0 .6em 0 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 20px;
    width: 20px;
    -webkit-appearance: none;
  opacity: 1;
}
.fillterIn .dropdown-menu{max-height:420px; overflow-y: auto;}


.fillterIn input[type=checkbox]:checked {
  background-color: #000;
  opacity: 1;
}

.fillterIn input[type=checkbox]:before {
  content: '';
  position: absolute;
  right: 50%;
  top: 50%;
  width: 5px;
  height: 10px;
  border: solid #FFF;
  border-width: 0 2px 2px 0;
  margin: -1px -1px 0 -1px;
  transform: rotate(45deg) translate(-50%, -50%);
  z-index: 2;
}

.mainTop {
    text-decoration: none;
    border-radius: 7px;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    height: 100%;
    background:#fff;
    -webkit-transition: all 0.5s ease;
  -moz-animation: all 0.5s ease;
  -ms-animation: all 0.5s ease;
  -o-animation: all 0.5s ease;
  transition: all 0.5s ease;
}

.mainTop:hover {
    transform: translate(0px, -10px);
}

.fillterSec .beersDetails{-ms-flex-wrap: wrap;
 flex-wrap: wrap;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex; width: 100%}
.beersDetails .col-sm-3{margin-bottom:30px;}

.beersDetails .imageBox {
  border-radius: 3px 3px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 15px 15px 15px;
    height: 280px;
    max-height: 100%;
}
.beersDetails .imageBox img {
    width: 100%; height: 100%;object-fit:contain;
}

.beersDetails .contentBox {
    background: #fff;
    padding: 20px 15px;
    padding-bottom: 50px;
}

.beersDetails .contentBox h5 {
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 21px;
    color: #222222;
    text-align:center;
    min-height:80px;
}
.beersDetails .contentBox .descriptionBox {
    /* min-height: 100px; */
    display: block;
    display: -webkit-box;
    line-clamp: 3;
    box-orient: vertical;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.beersDetails .contentBox.showtxt .descriptionBox {
    display: block;
line-clamp: initial;
box-orient: initial;
-webkit-line-clamp: initial;
-webkit-box-orient: initial;
overflow: hidden;
}
.readmore-btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 5px;
    padding: 15px;
        cursor: pointer;
}
.readmore-btn a{
    margin-top: 5px;
    font-weight: 600;
    color: #616161;
    text-decoration: none;
}
.readmore-btn a:hover {
    text-decoration: none;
}
.beersDetails .contentBox h5 span{display: block;font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
text-align: center;
text-transform: capitalize;

color: #222222;}
.beersDetails .contentBox ul {
    padding: 0;
    margin: 0;
}
.beersDetails .contentBox ul li {
    list-style: none;
    margin: 10px 0px;
        color: #333;
}
.beersDetails .contentBox p{color:#222;}

.MusicIn .imageBox{position: relative;}
.MusicIn .mainTop {
    position: relative;
    margin-bottom: 0px;
    text-decoration: none;
    border-radius: 7px;
    overflow: hidden;
    display: block;
    width: 100%;
}
.MusicIn .mainTop:hover {
    transform: translate(0px, 0px);
}
.musicInner {
    position: absolute;
    left: 0;
    right: 0;
    top:80%;
    bottom:auto;
    text-align: center;
    transition: all 0.3s;
    height: 100%;
}
.musicInner .midContent p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-transform: capitalize;
    color: #fff;
}
.yellowbtn {
    background: #F5DC00;
    padding: 12px 35px;
    border-radius: 5px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-transform: capitalize;
    color: #000000;
}
.MusicH .yellowbtn {
    margin-top: 5px;
    display: inline-block;
}
.MusicH img {
    margin-right: 10px;
}
.MusicH h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-transform: capitalize;
    color: #222222;
}
.MusicH p {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-transform: capitalize;
    color: #222222;
}


.beersDetails .imageBox .musicInner img {
    width: auto;
    margin-top: -4px;
}
.MusicIn .mainTop:hover .musicInner {
    padding:30px;
    top:0;
    display: flex;
    justify-content:center;
    align-items: center;
      -webkit-transition: all 0.5s ease;
  -moz-animation: all 0.5s ease;
  -ms-animation: all 0.5s ease;
  -o-animation: all 0.5s ease;
  transition: all 0.5s ease;
}

.MusicIn .mainTop:hover .musicInner:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: url(../img/musicbg.jpg)center top no-repeat;
    width: 100%;
    height: 100%;
}
.MusicIn .mainTop:hover .musicInner:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(256,256,256,0.95);
    z-index: 9;
}

.midContent {
    position: relative;
    z-index: 9;
}
.MusicIn .mainTop:hover .musicInner h3,
.MusicIn .mainTop:hover .musicInner h4,
.MusicIn .mainTop:hover .musicInner p{ color:#222222;} 


.MusicIn .mainTop:hover .musicInner h3{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
   
}


.musicInner h3, p.musicInner p {
    margin: 5px 0px 0px 0px;
    color: #fff;
}
.MusicH {
    opacity: 0;
    visibility: hidden;
    display: none;
}

.mainTop:hover .MusicH {
    visibility: visible;
    opacity: 1;
    display: block;
    margin-top:10px;
}


/*wine list page start*/
.WineListSec{background: #1E1E1E; color: #fff;}
.WineListSec.trainer:before {
    left: auto;
    bottom: auto;
    top: 15%;
}
.WineListSec.trainer:after {
    right: auto;
    top: auto;
    bottom: 5%;
}

.listHead {
    background: #000;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.listHead h3 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 50px;
    color: #FFFFFF;
}


.sortList {
    padding-left: 75px;
    height: 48px;
    position: relative;
    max-width: 270px;
    width: 100%;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    font-weight: 500;
font-size: 16px;
}
.sortList span {
    font-weight: 500;
    font-size: 16px;
    line-height: 250%;
    text-align: center;
    text-transform: capitalize;
    color: rgba(255, 255, 255, 0.4);
    position: absolute;
    left: 10px;
    top: 3px;
}

.List select {
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    height: 46px;
    color: #fff;
     -webkit-appearance: none;
}


.List:after {
    content: "\f107";
    font-family: 'FontAwesome';
    position: absolute;
    left: auto;
    right: 10px;
    font-size: 28px;
    pointer-events: none;
    top: 4px;
}


.List select {
    padding: 10px;
}

.List select option {
    color: #000;
}

.wineListIn table {
    border-collapse: collapse;
    background: #2C2B2B;
  table-layout: fixed;
}
.wineListIn tbody {
  display: block;
  width: 100%;

}
.wineListIn table thead {
    background: #373737;
}
.wineListIn table tr td {
    padding: 20px;
    text-align: left;width: 25%; 
}


.wineListIn table tr td:nth-child(2) {
    width:70%;
}
.priceBtn.btn-1 {
    min-width: 160px;
    text-align: center;
}
.wineListIn table tr td h4,
.wineListIn table tr td p{ 
  font-family: 'Inter';
    font-style: normal; color: #FFFFFF;
  }

.wineListIn table tr td h4 {
   
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
   
}
.wineListIn table tr td p {
    font-weight: 400;
    font-size: 14px;
    opacity: 0.7;
}

.wineListIn .price {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 50px;
    color: #FFFFFF;
}
.wineListIn table tr:nth-child(even) {background-color: #373737;display: block;}

.wineListIn table tr th:first-child, .wineListIn table tr td:first-child{text-align: center;} 

.wineListIn .btn-1{ text-decoration: none;   font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-transform: capitalize;
    color: #000000;}
    .wineListIn .btn-1:hover {
    text-decoration: none;
}

.SpiritsWine .listHead h3 {font-size: 30px}

/*slider section*/

.spiritsSlider {background-repeat:no-repeat;background-position: center; width: 100%; height: 100%;    background-size: 100%;}
.spiritsSlider .owl-carousel .owl-item  img{width: auto;}
.spiritsSlider .main-heading{color:#fff;}

.slideContent {background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
            border-radius: 5px;
}
.slideContent .imageBox,
.slideContent .contentBox {padding: 20px; position: relative;}

.slideContent .imageBox {position: relative;
    max-width: 195px;
    width: 100%;
    margin-right: 30px;
}

.slideContent .contentBox:after {
    content: "";
    width: 1px;
    height: 100%;
    background: #ccc;
    position: absolute;
    left:-15px;
    top: 0;
}


.slideContent .contentBox h4,
.slideContent .contentBox p,
.slideContent .contentBox a{ font-family: 'Inter';font-style: normal;}
.slideContent .contentBox h4 {font-weight: 700; font-size: 22px; line-height: 27px; color: #000000; }

.slideContent .contentBox p {
font-weight: 400;
font-size: 14px;
line-height: 26px;
color: #444444;margin-bottom: 15px;}
.slideContent .contentBox a{
font-weight: 400;
font-size: 16px;
line-height: 19px;
text-transform: capitalize;
color: #000000; text-decoration: none;
}


.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot{outline: none;}

.spiritsSlider .owl-carousel .owl-dots,
.awardSliderMain .owl-carousel .owl-dots {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 35px;
}

.spiritsSlider .owl-carousel .owl-dots .owl-dot span,
.awardSliderMain .owl-carousel .owl-dots .owl-dot span {
    width: 40px;
    height: 3px;
    background: #555;
    display: block;
    border-radius: 3px;
    margin: 0px 5px;
}
.spiritsSlider .owl-carousel .owl-dots .owl-dot.active span,
.awardSliderMain .owl-carousel .owl-dots .owl-dot.active span{background:#F5DC00;}


.spiritsSlider .owl-carousel .owl-nav,
.awardSliderMain .owl-carousel .owl-nav {display: block; position: absolute; top: 45%; width: 100%; }

.spiritsSlider .owl-carousel .owl-nav .owl-next,
.spiritsSlider .owl-carousel .owl-nav .owl-prev,
.awardSliderMain .owl-carousel .owl-nav .owl-next,
.awardSliderMain .owl-carousel .owl-nav .owl-prev{
  width: 32px;
    height: 32px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
    border-radius: 4px;background: #FFFFFF;
border: 1px solid #D9D9D9;
box-shadow: 6px 6px 40px rgba(0, 0, 0, 0.12);
border-radius: 4px;
transform: matrix(-1, 0, 0, 1, 0, 0);outline: none;  position: absolute; top: 0;}

.spiritsSlider{display:none;}

.spiritsSlider .owl-carousel .owl-nav .owl-next:hover,
.spiritsSlider .owl-carousel .owl-nav .owl-prev:hover,
.awardSliderMain .owl-carousel .owl-nav .owl-next:hover,
.awardSliderMain .owl-carousel .owl-nav .owl-prev:hover{background:#FFCB00; border:1px solid #FFCB00;}

.spiritsSlider .owl-carousel .owl-nav .owl-next,
.awardSliderMain .owl-carousel .owl-nav .owl-next {left:-15px }

.spiritsSlider .owl-carousel .owl-nav .owl-prev,
.awardSliderMain .owl-carousel .owl-nav .owl-prev {right: -15px; }

.spiritsSlider .owl-carousel .owl-nav .owl-next span,
.spiritsSlider .owl-carousel .owl-nav .owl-prev span,
.awardSliderMain .owl-carousel .owl-nav .owl-next span,
.awardSliderMain .owl-carousel .owl-nav .owl-prev span {pointer-events: none; }


/*food details page*/
.foodSec {background: #1E1E1E;}

.foodSec.trainer:before {
    left: auto;
    bottom: auto;
    top: 15%;
}
.foodSec.trainer:after {
    right: auto;
    top: auto;
    bottom: 27%;
}
.foodContent {
  background:#fff; border-radius:4px;margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.foodContent .logoBox {
    max-width: 375px;
    width: 100%;
    padding:15px 30px;
    text-align: center;
}
.foodContent .contentBox {
       padding: 15px 45px;
    position: relative;
    max-width: 50%;
    width: 100%;
}

.foodContent .contentBox:after {
    content: "";
    background: #ccc;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
}
.foodContent:hover{text-decoration: none;}
.foodContent p{font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 26px;
color: #444444;
}

.foodContent .imageBox {
    max-width: 350px;
    width: 100%;
    padding: 30px;
}
.awardsSec{padding-bottom:180px;}

.awardsSec.trainer:before {
    left: auto;
    bottom: auto;
    top: 15%;
}
.awardsSec.trainer:after {
    right: auto;
    top: auto;
    bottom: -7%;
}

.awardSliderMain {
    margin-top: 30px;
}
.awardsSec .main-heading {
    margin-bottom: 80px;
}

.awardshead p {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 180%;
    text-transform: capitalize;
}
.awardContact {
    max-width:100%;
    margin: 0 auto;
    width: 100%;
    margin-top: 30px;
}
.awardContact h5,
.awardContact ul li,
.awardContact ul li a {
    color: #fff;
    font-size: 20px;
}

.awardContact ul {
    margin: 0px -15px;
    padding: 0;
    display: flex;
}
.awardContact ul li {
    list-style: none;
    padding: 5px 15px;
    width: 33.33%;
}

.awardWinner {
    background: #fff;
    min-height: 275px;
    padding: 15px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 1px 1px 8px;
}

.awardWinner > h3 {
    color: #F46197;font-weight: 600; font-size: 30px;margin-bottom:15px;
}


.awardedPic {
    background: url('/ui/frontend/img/awardSlidBg.jpg')center top no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
   padding: 55px 15px 40px 15px;
    text-align: center;
}
.awardContact ul li .awardedPic h2 {
    font-size: 30px;
    font-weight: bold;
    min-height: 75px;
}

.nameTitle h5 {
    font-style: normal;
    font-weight: 800;
    font-size: 22px;
    line-height: 27px;
    text-align: center;
    text-transform: uppercase;
    color: #F5DC00;
}
.nameTitle p{font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
text-transform: capitalize;
color: #FFFFFF;margin: 0px 0px 5px 0px;}

.awardSliderMain .awardedPic img {
    width: 157px;
    margin: 35px auto;
}

.awardContact ul li .awardedPic {
    height:250px;background: url(/ui/frontend/img/awardBg.jpg)center top no-repeat;
    border-radius: 5px;
}

.winnerList h3 {
    color: #000;
    font-weight: 600;
}
.winnerList h4{color: #000;font-weight:500; font-size:20px; margin: 0px;}
.winnerList .awardWinner {
    background: transparent;
    box-shadow: none;
    min-height: auto;
}
.winnerList .awardWinner h3 {
    font-size: 25px;
}
.winnerList {margin-top: 50px;}
.winnerList table tr th,
.winnerList table tr td {
    font-size:18px;
    background: #fff;width:25%; text-align: center; vertical-align: middle;
}


.winnerList table tr th:first-child,    
.winnerList table tr td:first-child {
    width: 25%; text-align: left;font-size: 20px;
    font-weight: 600; 
}
.winnerList table tr th:nth-child(2),
.winnerList table tr td:nth-child(2) {
    background:#dbb904; color:#fff;font-size: 24px;
}
.winnerList table tr th:nth-child(3),
.winnerList table tr td:nth-child(3) {
    background:#C0C0C0;color:#fff;font-size: 24px;
}

.winnerList table tr th:nth-child(4),
.winnerList table tr td:nth-child(4) {
    background:#964B00;color:#fff;font-size: 24px;
}

.winnerList table tr th:first-child{font-size: 25px;}


/*aisa awards section start*/
.asiaAward{background:url('/ui/frontend/img/asiaAwardbg.jpg') center top no-repeat; width: 100%; min-height:800px; height: 100%;  background-size: cover;}

.asiaAward .main-heading-outer p {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 180%;
    text-transform: capitalize;
    color: #FFFFFF;
}



.paneljudges .imageBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 25px;
}
.paneljudges .imageBox span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: rgba(256,256,256,0.1);
    border-radius: 50%;
    width: 282px;
    height: 282px;
    padding: 10px;
         -webkit-transition: all 0.5s ease;
  -moz-animation: all 0.5s ease;
  -ms-animation: all 0.5s ease;
  -o-animation: all 0.5s ease;
  transition: all 0.5s ease;
}
.paneljudges .judgesIn:hover span {
    background: #FDE300;
}
.paneljudges .contentBox h5 {
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 27px;
    text-transform: capitalize;
    color: #FFFFFF;
}

.paneljudges .contentBox p{
  font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
text-transform: capitalize;
color: #FFFFFF;
    margin-bottom: 5px;
}


.tableMain.table-responsive {
    background: #313131;
    padding: 30px;
}
.tableMain table {
    margin: 0;
}
.pastWinners {
    padding-bottom: 250px;
}

.pastWinners table.fold-table > tbody > tr td,
.pastWinners table.fold-table > thead > tr th {
    border-style: none;
   padding: 10px 30px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 34px;
}
.pastWinners table.fold-table > thead > tr th {
    background: #313131;
}
.pastWinners table.fold-table > tbody > tr td{border: 1px solid #131313;}
.pastWinners table.fold-table > tbody > tr td:first-child {
    border-right: 1px solid #4A4A4A;
}

.pastWinners table tr:nth-child(odd) {background-color: #131313;}
.yellow-text {
    color: #FDE300;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 50px;
}
.pink-text {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 50px;
    color: #F46197;
}


.bannerDetails.bannerSize {
    position: relative;
    top: 0;
    left: 0;
    transform: unset;
    padding-top: 240px;
}
.innerBannerHeight{    
    height: 500px;
    background-position: center;
}


.mainContact{ background: #000; padding-bottom: 220px}
.contactUs {
    padding: 50px 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.contactUs a {
        background: #ffffff;
    color: #000;
    font-size: 18px;
    padding: 12px 30px;
    border-radius: 5px;
    text-decoration: none;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
}
.contactUs a:hover {
    background: #FFCB00;
    color: #fff;
}

.beerfest-pagination {
    margin-bottom: 50px;
    margin-top: 30px;
}

.beerfest-pagination a.page-link {
    font-size: 18px;
}

.beerfest-pagination .pagination {
    justify-content: center;
}

.beerfest-pagination .pagination .page-item {
    margin: 0 5px;
}
.beerfest-pagination .pagination a.page-link {
    background: transparent;
    border-color: transparent;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
}

.beerfest-pagination .pagination .page-link {
    color: #ffffff;
}

.beerfest-pagination .pagination .page-item.active a.page-link {
    background: #fcef00;
    color: #000000;
}
.beerfest-pagination .pagination .page-item:not(.active) a.page-link:hover {
    background: #333333;
}
section#wrapper {
    transition: .5s ease padding;
}
.moveleft section#wrapper {
    padding-left: 249px;z-index: 9;

}

.eventBg {
    position: absolute;
    right: -15px;
    left: auto;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
}
.eventBg img {
    height: 100%;
    width: 100%;object-fit: contain;
}



/*Header css start*/

.mobile-nav {
    cursor: pointer;
    margin-right: auto;
    position: relative;
    z-index: 1;
}

.bar1, .bar2, .bar3 {
    background-color: #fff;
    cursor: pointer;
    height: 2px;
    margin: 7px 0;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 24px;
}

.bar2 {
    width: 20px;
}

.closeIcn {
    background: #1e1e1e;
    text-align: right;
    padding: 5px 10px;
    border-bottom: 1px solid rgb(255 255 255 / 21%);
    margin-bottom: 10px;
}

.closeIcn>span {
    display: inline-block;
    width: 34px;
    height: 32px;
    position: relative;
    cursor: pointer;
}

.closeIcn>span:before, .closeIcn>span:after {
    content: "";
    display: block;
    position: absolute;
    top: 13px;
    left: 0;
    right: 0;
    height: 2px;
    background: #fff;
    margin: 4px;
}

.closeIcn>span:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.closeIcn>span:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    display: none;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
}

.open-menu .overlay {
    display: block;
}



/*exhibitors*/
.exhibitorsIn .musicInner {top: 100%;}
.exhibitorsIn .imageBox{ height:330px }
.exhibitorsModal .model-image.imageBox a {word-wrap: break-word;}
.exhibitorsIn .imageBox img {width: auto; height:100%; max-width:100%; object-fit:contain;}
.exhibitorsIn .musicInner h3{margin-bottom:15px;}
.exhibitorImg { max-width:100%; width: 100%;}
.exhibitorsModal .model-image.imageBox {text-align: left;}
.exhibitorsModal .model-image {max-width: 250px;}
.exhibitorsModal h3 {margin-bottom: 30px;}
.exhibitorsModal h4 {margin:25px 0px;margin-top:0px;margin-bottom: 15px; font-size: 18px;font-weight: normal;}
.exhibitorsModal .model-wrap {max-width: 65%;width: 100%;}
.Alphabet ul {margin-top: 5px; display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.Alphabet ul li {list-style: none; margin: 0px 4px}
.Alphabet ul li a {display: inline-block;padding: 5px;font-size:20px;font-weight:600;color:#fff;}
.Alphabet ul li a:hover{color:#F5DC00;}
.yellowBg {
    background: #F5DC00;
    margin: 0;
    padding: 15px;
}

/*Sponsors Partners*/
.SponsorsLogo.organizedLogo {
    margin-bottom: 50px;
}

.SponsorsPartners .main-heading-outer h2,
.SponsorsPartners .main-heading-outer p{color:#fff}
.SponsorsPartners { background:#000;
    padding: 100px 0px;
}
.SponsorsLogo h3 {
    font-size:34px;
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
    font-weight:500;
}
.SponsorsLogo ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    justify-content: center;
}
.SponsorsLogo ul li {
    list-style: none;
    width:25%; padding: 0px 15px;margin-bottom: 30px;
}
.SponsorsLogo ul li a {
    background:#fff;
    text-decoration: none;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
    display: block;
    padding:15px;
        height: 100%;
}   
.SponsorsLogo ul li a h4 {
    text-align: center;
}

.SponLogo {
        margin: 0 auto;
    max-width:100%;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.SponsorsLogo ul li a h4 {
    text-align: center;font-size:22px;
}

/*instagram*/
.instagramMain{padding: 100px 0px}

.instagramMain ul li {
    width: 25%;
}
.instagramMain ul li a{padding:5px; position: relative;}

.instagramMain ul li{list-style: none;}



.instagramMain .midContent {
    position: absolute;
    animation: 9;
    top: 0;
    left: 0;
    right: 0;
    padding: 15px;
    height: 100%;
        visibility: hidden;
    opacity: 0;
}
.InstaArea ul li a:hover .midContent {
    visibility: visible;
    opacity: 1;
    transition: all 0.5s;
    z-index: 1;
}

.InstaArea ul li a:hover .midContent:after{content:""; position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 15px;
    height: 100%;
    text-align: left;
    opacity:0.8;
    visibility: visible;
        z-index: -1;
    transition: all 0.5s;
    background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%,); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );}


.InstaArea ul li a:hover .midContent {
    visibility: visible;
    opacity: 1;
     transition: all 0.5s;
}
.instagramMain .loadMore {
    margin-top: 30px;
}
.instagramMain .loadMore a:hover{background:#e3b70b;border: 2px solid #e3b70b;}
.instagramMain .midContent span i {
    font-size: 25px;
    margin-bottom: 10px; color:#fff;
}

.instagramMain .midContent h3,
.instagramMain .midContent p {
    color: #fff;
}
.instagramMain .midContent h3 {
    font-size: 18px;
    font-weight: 500;
}
.instagramMain .midContent p {
    font-size:14px;
}


/*error page*/

.errorMain {
    padding: 50px 0px 150px 0px;
}
.errorMain .wrapper {
  max-width: 960px;
  width: 100%; 
  margin: 30px auto;
  transform: scale(0.8);
}
.errorMain .landing-page {
  max-width: 960px;
  height: 475px;
  margin: 0;
  box-shadow: 0px 0px 8px 1px #ccc;
  background: #fff;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.errorMain svg {
  width: 50%;
  max-height: 225px;
  height: auto;
  margin: 0 0 15px;
}
.errorMain h2 {
  font-size: 70px;
  margin: 0;
}
.errorMain p {
  font-size: 25px;
  width: 70%; 
  margin: 16px auto 24px;
  text-align: center;
}

/*tabs*/
.ProgramsMain{background:#000}
.ProgramsMain .main-heading {
    color: #fff;
}

.ProgramsMain .card-body {
    margin: 50px 0px; padding: 0px;
}
.ProgramsMain .nav-tabs .nav-item {
    display: block;
    text-align: center;
    width: 25%;
    margin: 0px;
}


.ProgramsMain .nav-tabs .nav-item a strong {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #000000;
}
.ProgramsMain .nav-tabs .nav-item a span {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #000000;
}
.ProgramsMain .nav-tabs .nav-link {
    border: 0px solid transparent;
    padding: 20px 25px;
    border-radius: 0px;    background: #fff;
}
.ProgramsMain .nav-tabs .nav-item.show .nav-link,
.ProgramsMain .nav-tabs .nav-link.active{
   background: #FFCB00;
    position: relative;
}

.ProgramsMain .nav-tabs .nav-link.active:after {
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-top: 24px solid #ffcb00;
    position: absolute;
    content: "";
    z-index: 9;
      top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
  
}


.schedulemain table tr th,
.schedulemain table tr td{border: 1px solid #A6A6A6;}
.schedulemain table tr th:first-child,
.schedulemain table tr td:first-child{width: 100px; text-align: center;padding: 15px;vertical-align: middle;}

.schedulemain table tr th:nth-child(2),
.schedulemain table tr td:nth-child(2),
.schedulemain table tr th:nth-child(3),
.schedulemain table tr td:nth-child(3),
.schedulemain table tr th:nth-child(4),
.schedulemain table tr td:nth-child(4) {
    text-align: center;
    width: 30%; padding: 15px;    vertical-align: middle;    border-top: 1px solid #ccc;

}

.schedulemain table tr th {
    font-size: 22px;
    font-weight: 700;
}
.schedulemain table tr th:first-child {
    background: #F5F5F5; 
}
/*.schedulemain table tr td:first-child {
    border-bottom: 1px solid #ccc;
}
.schedulemain table tr th:nth-child(2),
.schedulemain table tr td:nth-child(2) {
    background: #CEF5EB;
}
.schedulemain table tr th:nth-child(3),
.schedulemain table tr td:nth-child(3) {
    background: #F5EBFF;
}
.schedulemain table tr th:nth-child(4),
.schedulemain table tr td:nth-child(4) {
    background: #FFF9C9;
}*/
.lightgray{background: #F5F5F5;}
.skyBlue{background: #CEF5EB;}
.lightPur{background: #F5EBFF;}
.lightYell{background: #FFF9C9;}
.schedulemain table tr td.lightgray {
    background: #F5F5F5;
}



.schedulemain table {margin: 0px;}
.schedulemain table tr td p {
    display: block;
    font-style: normal;
    font-weight:600;
    font-size: 20px;
    line-height: 28px;
    color: #000000;
    margin: 0px;
}
.schedulemain table tr td p span {
    display: block;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: #000000;
}

.SpiritsWine .wineListIn table tr td .contentBox p {
 display: -webkit-box;
    -webkit-line-clamp: 3;
    padding: 0;
    -webkit-box-orient: vertical;
    overflow: hidden;opacity: 1;
}
.SpiritsWine .wineListIn table tr td .contentBox.showtxt p {
    display: -webkit-box;
    -webkit-line-clamp: inherit;
    padding: 0;
    -webkit-box-orient: inherit;
}
.SpiritsWine .wineListIn table tr td:nth-child(2)span {
    font-weight: 400;
    font-size: 14px;
    opacity: 0.7;
}

.SpiritsWine .wineListIn table tr td .contentBox{
   position: relative;
} 
.SpiritsWine .wineListIn .contentBox ul li {
    list-style: none;
    margin: 15px 0px;
}

.SpiritsWine .contentBox .readmore-btn {
  position: static; padding: 0px;
}
.SpiritsWine .sortList {padding-left:5px;}

.awardGallery{padding-bottom: 180px; background:#1E1E1E; }

@media screen and (min-width: 768px){
 .mobile-nav, .closeIcn {   
    display: none;
}   
}

@media screen and (max-width: 767px){
#header .container{ align-items: center; }

.bottomMenu {
    position: fixed;
    width: 250px;
    padding: 0px !important;
    top: 0px;
    bottom: 0px;
    left: -250px;
    height: 100%;
    z-index: 10000; 
    padding: 0px !important;
    border-right: 0px;
    display: block;
    background-color: #1e1e1e !important;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.open-menu .bottomMenu {left: 0px;}

#header .container { padding: 0px 15px; }
#header .container .main-nav {padding: 0 !important;flex-direction: column;}
.main-nav>li>a { padding: 5px 10px !important; display: block; font-size: 22px !important}

.fillterSec .beersDetails [class*='col-']{ margin-bottom: 30px }


}



/*new-css*/
.wow.animated u {
    font-size: 19px;
}
.fillterSec .beersDetails .col-sm-4 {
    margin: 10px 0;
}
.targetblock {
    display: block;
}


.viewMusicModal .modal-lg {
    max-width:1000px;width: 100%;z-index:9999;
}

.viewMusicModal .modal-content{margin: 0px 15px;}

.model-box-content small {
    padding: 0 0px 0px 10px;
    font-size: 16px;
}


.model-box-content {
    text-align: center;
    display: flex;
}
.model-box-content .date {
    padding: 5px 0 0 0;
}

.model-box-content .time {
 padding: 5px 0 0 0;
}

.model-wrap {
    text-align: left;
    max-width:55%;
}

#exampleModalCenter .model-wrap {
    max-height:550px;height:500px;
    overflow-y: scroll;
}

.model-box-content .date,
.model-box-content .time {
    padding: 5px 0 0 0;
    text-align: left;
}
.model-box-content .date{
    font-weight: bold;
    font-size: 20px;
    margin: 10px 0px; margin-bottom: 0px;
}
.model-box-content .time {
    font-weight: bold;
    font-size: 16px;
    margin:5px 0px 15px 0px;
}

.model-wrap p {
    font-size: 16px;
}
.model-wrap .boi_description {
    line-height: 30px;
    font-size: 16px;
        word-wrap: break-word;
}
.model-image.imageBox p{text-align: left;}
.model-image.imageBox p strong small {
    font-weight: bold;
    font-size: 25px;
}

.model-image {
    max-width:400px;
    width: 100%;
    margin-right: 30px;
}
    .custom-model .modal-header {
    border: none;
    padding: 0;
}



.modal-header .close {
    background:#F5DC00;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    opacity: 1;
    display: flex;
    align-items: center;
}

.modal-header .close span {
    text-shadow: none;
    color: #000;
    font-size: 30px;
    font-weight: normal;
    line-height: 18px;
}
.disclaimer p {
    font-size: 18px;
    color: #fff;
    margin-bottom: 100px;
    margin-top: -40px;
}
.ProgramModal h3 {
    font-size: 30px;
    font-weight: 600;
    text-align: left;
}