body { /* font-family: 'Inter'; font-size: 14px; line-height: 20px; font-weight: 400; */}
body::after, .page-wrapper::after {height: 0px;}

.close-mini-cart{ display: none;}
.mini-cart .dropdown-menu{ left: inherit !important; right: 0px !important;}
.headLogo{ width: 100%; display: inline-block; text-align: center;}
/*Header*/ 
.page-header{position: relative; float: left; background: #fff; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3); z-index: 1; min-height: auto;}
.logo { width: 90px; float: none; display: inline-block;padding:0;position: relative; }
.logo img{ width: auto; max-width: 100%;}
.mainheader{ padding:0px;}
.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link{ padding:21px 36px; color:#000 !important; font-family:'Inter'; font-weight: 400; font-size: 16px; display: inline-block; line-height: 20px; text-transform: inherit; text-transform: capitalize; letter-spacing: 0px; transition: .4s;}
.navbar-collapse .navbar-nav .nav-item .nav-link{ border-top: 1px solid #CCD3DD; border-bottom: none; border-right: 1px solid #CCD3DD; }
.navbar-collapse .navbar-nav .nav-item .nav-link:hover{ background: #f0811b; color: #fff !important;}
.navbar-collapse .navbar-nav .nav-item.actv .nav-link{ background: #f0811b; color: #fff !important;}
.navbar-collapse .navbar-nav .nav-item:last-child .nav-link{ border-right: none;}

.drop-arw:after{ border: none; content: "\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: rgb(47, 51, 60);}
.navbar-nav li.nav-item{ padding:0px; }
.nav-item.dropdown .dropdown-menu{ background:#170973; border: none; min-width: auto;}
.navbar-nav a:hover{ color: #000;  text-shadow: none; background: none;}
.headTopBtn{ width: auto; position: absolute; top: 0px; right: 0px; z-index: 1;}
.navbar{ padding: 0px; margin-top: 0px;}
.headSos{ position: absolute; top: 0px; right: 15px; z-index: 1;}
.headSos li{ display: inline-block; margin-left: 18px;}
.headSos li a.linkbtn, #cartDropDown{ width: auto; height: auto; background: none !important; display: inline-block; border-radius:0; display: flex; align-items: center; justify-content: center; border: none; box-shadow: none !important; font-weight: normal; text-transform: uppercase; padding: 0px !important;}
.mini-cart button.dropdown-toggle{ margin: 0px !important;}
.mini-cart .dropdown-menu { left: inherit !important; right: 0 !important; }
.headerTop{ width: 100%; background: #fff; padding: 0;} 
.headerTopIn{ display: inline-block;}
.socials-list li{ display: inline-block; margin-left: 5px;}
.socials-list li a{ width: 24px; display: inline-block;}
.socials-list li a img{ max-width: 100%;}
.headerTopIn { display: flex; width: 100%; justify-content: space-between; background-color: #E1E1E1; }
.headSos { position: relative; top: 0px; right: inherit; z-index: 1; display: inline-block; }
.linkbtn img{ width: 28px;}
.headRt ul{ display: inline-block;}
.navbar-nav li.nav-item.menu-none-d{ display: none;}
.headRt{ width: 100%; text-align: right;} 
.mainheader{ background: #fff; position: relative;}
.mainheader .menu_sec .dropdown-toggle::after{ display: none;}
.mainheader .menu_sec .dropdown-menu { min-width: 100%; width: 100%; background: #fff; display: none; font-size: 12px; position: absolute; z-index: 999; left: 0px; margin: 0px; padding: 0px !important; text-align: center; }
.mainheader .menu_sec .dropdown-menu li a{ text-decoration: inherit; text-transform: inherit; width: 100%; line-height: 33px; font-size: 15px; color: rgb(0,36,66); text-transform: inherit;} 
.mainheader .menu_sec .dropdown-menu li{ margin: 0px !important; line-height: 20px;}
.mainheader .menu_sec .dropdown-menu li:last-child{ border: none; } 
.mainheader .menu_sec .dropdown-menu li a:hover{ color: rgb(102,255,0) !important; background-color: none;} 
.headRt li a:hover{ color: #FA0000;}
.menusos li img{ max-width: 100%;}
.menusos li a{ display: inline-block; width: 42px; padding: 0px 5px;} 
.menusos{ position: absolute; right: 0px; top: 0px;}
.menuRight { width: auto; float: right; padding-right: 141px; }
.menusos li a:hover{ background: none;} 
.menusos li a img{ -webkit-transform: translateZ(0); transform: translateZ(0);}
.menusos li a:hover img{ -webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}
.menuLeft{ padding-left: 28px;}
.navbar-collapse { margin-left: 0; justify-content: flex-start !important; }
#cartDropDown img{ width: 100%;}
.mini-cart button.dropdown-toggle .cart-counter { top: -6px; right: 0; left: inherit; background: none !important; padding: 0px !important; width: 20px; height: 20px; line-height: 20px; color: #fff !important; font-size: 11px !important; position: inherit; text-align: center; position: absolute; display: flex; justify-content: center; align-items: center; background: #000 !important; }
.headRt { position: relative; top: 0; right: 0px; width: 100% !important; background: #312783; text-align: center;padding: 4px 0 0px; }
.mini-cart{ top: -3px;}
.headSos li { display: inline-block; float: left; margin: 3px; }
.soshed { position: absolute; top: 25px; left: 156px; width: auto; }
.soshed li{ display: inline-block;}
.soshed li a{ display: inline-block; color: #000; padding: 7px;}
.page-header .container{ max-width: 100% !important;}
.logobox{ width: 25%; text-align: center; border-left: 1px solid #CCD3DD;}
.logo{ width: 300px; padding: 6px 0;}
.logobox img{width: 68%; max-width: 67%;}

.hedRtPnl{ width: 75%; position: relative;}
.hicon, #cartDropDown{ background:#FFFFFF2B !important; width: 32px; height: 32px; display: flex;align-items: center; border:1px solid #FFFFFF2B; justify-content: center; color: #fff !important;}
#cartDropDown{ top:3px;}
.hicon:hover, #cartDropDown:hover{ background: #dd7825 !important; border-color:#fff; color: #fff !important;}
.hicon:hover, #cartDropDown:hover { animation-name:elementor-animation-pop; animation-duration:.3s; animation-timing-function:linear; animation-iteration-count:1 }

@keyframes elementor-animation-pop 
{
  50% {
    transform:scale(1.2)
  }
}

/*Header*/  
.page-footer{ width: 100%; float: left; padding:0;}
.page-footer .container{ max-width: 1280px !important;}
.foot-priv li{ display: inline-block; margin-right: 14px;}
.foot-priv li a{ color: #666666;}
.foot-priv li a:hover{ opacity: 0.8;}
.footTopIn h2{ color: #666666; text-align: center; line-height: 1.35em; font-size: 40px; padding-bottom: 20px; margin: 0px;}
.footbopy{ width: 100%; padding: 11px 0; text-align: center;}
.page-footer p{ margin-bottom: 7px; font-size:13px; line-height: 20px;}
.footTopIn p{ text-align: center; line-height: 20px; font-size: 14px; margin-bottom: 0px !important;display: flex;flex-wrap: wrap; align-items: center; justify-content: center;}
.footTopIn p a{ color: #555555;}
.txtRt p a{ text-decoration: underline;}
.powered-by-container p, .privacy li, .textPara p, .footBotm p { text-align: center; line-height: 24px; font-size: 13px; color: #fff; }
.powered-by-container p a, .privacy li a{ color: #fff;}
.privacy li{ display: inline-block;}
.footerBottmInn{text-align:center;padding:11px 0;border-top:1px solid rgba(255,255,255,0.2);margin-top:0px;}
.fontsos li{display:inline-block; margin-left: 10px;}
.fontsos li img{ max-width: 100%;}
.fontsos li a{display:flex;color:#666666;width:32px;height:32px;text-align:center;align-items:center;justify-content:center;}
.fontsos ul{ width: auto; text-align: center; margin-bottom: 0px;}
.linkBtns{ color: rgb(255,0,0); border: 1px solid rgb(255,0,0); display: inline-block; font-size: 15px; padding: 9px 20px; border-radius: 30px; margin: 20px 0 0;}
.fontsos li a:hover{ opacity: 1;}
.linkBtns:hover{ background:rgb(255,0,0); color: #666666; }
.footmobTop{ padding-bottom: 40px; display: none;}
.powered-by-container{ display: inline-block; justify-content: space-between;}
.footTopIn{ padding:17px 0; font-size: 13px; line-height: 15px;}
.footTopIn li{ display: inline-block;}
.fontsos li a{ width: 24px; height: 24px; color: rgba(255,255,255,1); display: flex; justify-content: center; font-size: 20px; align-items: center; position: relative;}
.powered-by-container p a:hover, .privacy li a:hover{ text-decoration: underline;}
.text-mob{ display: none;}
.logo-image{   margin-left: 16px !important;}

.backTops{ background: #170973 !important; border: none; width: 30px; height: 30px; font-size: 18px;border-radius: 100px; color: #fff; right: 75px; bottom: 44px; cursor: pointer; position: fixed; visibility: hidden;}
.footBotm{ width: 100%; background: #312783; text-align: center; padding: 18px 10px;}
.footTop{ width: 100%; position: relative; padding: 3em 0em 3em 0em;}
.footTop:before{ width: 100%; background: url(../images/afternoon.jpg) no-repeat center center; content: ""; position: absolute; top: 0px; left: 0px; height: 100%; background-size: cover;opacity: 0.05;}
.foologo{ width: 100%; padding: 1em;}
.foologo img{ width: 60%;}
.fooMid { width: 100%; text-align: center; padding: 1em 0; }
.fooMid h3{ color: #f0811b;font-family: 'BebasNeue'; font-size: 44px; font-weight: 400; line-height: 1.2em; margin: 0px;}
.footTop .row{ margin: 0 -1em; align-items: center;}
.footTop .col-md-4{ padding: 0 1em;}
.fooSos li a{ background: #f0811b; width: 32px; height: 32px; display: flex;align-items: center; justify-content: center; color: #fff;}
.fooSos li { display: inline-block; margin: 3px; float: left; }
.fooSos ul{ display: flex;justify-content: center;}
.fooSos li a:hover{ background: #433b8e;}
.fooSos li a:active,
.fooSos li a:focus,
.fooSos li a:hover { animation-name:elementor-animation-pop; animation-duration:.3s; animation-timing-function:linear; animation-iteration-count:1 }

@keyframes elementor-animation-pop 
{
  50% {
    transform:scale(1.2)
  }
}


/* new style */
.container{ max-width:1020px !important;}
.page-header .container { max-width: 100% !important; padding-left: 16px; padding-right: 16px; }
.logo { padding: 8px 0;}
.logobox img { margin-left:7px; }
.headRt{ padding:6.8px 10px 6px;}
.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link{ font-weight: 600; line-height: 1.5em; padding: 21.6px 37.87px;}
.navbar-toggler { background-color: #f0811b !important; }
.card-heading img { width: 100%; max-width: 400px; }
.mini-cart button.dropdown-toggle .cart-counter { top: -8px; right: -4px; width: 18px; height: 18px; line-height: 18px;}
.foologo img{ max-width:200px;}
.page-body .page-title-bar { background-color: #eee !important; }

.footBotm p, .powered-by-container, .powered-by-container p,  .footBotm p, .privacy li a, .powered-by-container p a {font-family: 'Inter'; font-size:13px;}

/*
.logobox{ text-align: right; padding-right: 80px;}
*/
.page-header .container{ max-width:1500px !important;}
a.badge.badge-info.season-badge.btn,
button.btn.btn-solid.addtocartbutton.add-to-cart,
button.btn.btn-md.search-btn,
button.btn.reset-btn.btn-warning.btn-warning-custom.btn-md,
button.btn.filter-toggle,
a.btn.btn-danger.btn-block.btn-lg,
.card.flat-card .card-header, 
.page-tab-content, .panel .panel-heading,
a.btn.btn-badge.btn-warning.d-inline-block,
a.btn.btn-badge.btn-warning.d-inline-block.all--events,
button.btn.location-btn,
button.btn.btn-sm.ml-auto.close-mini-cart,
.page-checkout a.link.btn.btn-block.btn-warning,
a.btn.btn-warning.btn-md.upcoming-btn
{ background-color: #F0811B !important; color: #fff !important; }

.nav-tabs .nav-item .nav-link { color: #fff !important; }
.nav-tabs .nav-item .nav-link.active { color: #36454f !important;}
.panel .panel-heading { background-color: #F0811B !important; color: #fff !important; }
.panel .panel-heading:after{ color:#fff !important;}
.team-list .panel .panel-heading{ background-color:#fff !important;}
.team-list ul li a, .sub-panel .panel-heading small{ color:#000;}

button.btn.btn-lg.btn-block { background-color: #F0811B !important; color: #fff !important; }

.list-container .list-image .list-image-wrapper, 
.page-title-bar .list-container .list-image .list-image-wrapper { border-color: #F0811B !important; border:0 !important;}

.filter-bar .btn{ padding:7px 8px;}

@media(max-width:1199px) and (min-width:992px) 
{
	.filter-bar .btn{ padding:7px 8px;}
}
@media(max-width:991px) and (min-width:768px) 
{
	.filter-bar .btn{ padding:6px 3px;}
}

.desk-none{ display: none;}
@media(min-width:992px)
{
	.nav-item.dropdown .dropdown-menu{ display: block !important; opacity: 0;text-shadow: none; transform: scaleY(0); transform-origin: top;transition: .24s; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out; }
	.nav-item.dropdown:hover .dropdown-menu {display: block !important; opacity: 1; transform: initial;pointer-events: all; transform: translateY(0px) !important;}
}

@media screen and (max-width:1360px)
{
	/*.logobox{ text-align: center; padding-right:0px;} */
}

@media screen and (max-width:1260px)
{
	.logobox img { width: 68%; max-width: 62.5%; }
}

@media screen and (max-width:1199px)
{
	.fooMid h3{ font-size: 31px;}
	.footTop .col-md-4{ -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
	.footTop .col-md-4:last-child{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.logobox img { margin-left: 0; }
	
}

@media(max-width:1100px) and (min-width:992px) 
{
	.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link{ padding: 20px 30px;}
	.logobox img{ max-width:150px;}
}

@media screen and (max-width:991px)
{
	.navbar-toggler{ width: 42px; height: 42px; background: #f0811b; border: none; border-radius: 0px; padding: 0 7px;}
	.navbar-toggler .icon-bar{width:100%;height:3px;background:#fff;display:inline-block;border-radius:10px;float:left;-webkit-transform-origin:21px;-ms-transform-origin:21px;transform-origin:21px;-webkit-transition:-webkit-transform 0.2s,opacity 0.1s;transition:transform 0.2s,opacity 0.1s;}
	.navbar-toggler .icon-bar + .icon-bar{margin:4px 0 0;}
	.navbar-toggler.showactv .icon-bar:nth-child(1){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
	.navbar-toggler.showactv .icon-bar:nth-child(2){opacity:0;}
	.navbar-toggler.showactv .icon-bar:nth-child(3){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
	.navbar-toggler.showactv .icon-bar{margin:1px 0 !important;}
	.navbar-collapse{position:absolute;top:0px;left:0px;background: #fff !important; border:none;margin:0px;z-index:111;width: 100%; top: 100%; left: 0px; }

	.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link{padding:10px 20px; font-size: 13px; font-weight:400; line-height: 1.1em; background: none; }
	.navbar-collapse .navbar-nav .nav-item .nav-link { border-top: none; border-bottom: none; border-right: none; }
	.navbar-collapse .navbar-nav { padding: 0; }
	.navbar-collapse .navbar-nav{padding:0px;}
	.navbar-nav a,.navbar-collapse .navbar-nav .nav-item .nav-link{width:100%;}
	.drop-arw{top:0;position:absolute;right:0;width:40px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
	.page-header{z-index:111;}
	body.hide-scroll{ overflow: inherit !important;}
	.logo { width: 200px; padding: 0; }
	.page-header .container { max-width: 100% !important; padding: 0px; }
	.logobox{ padding: 10px;}
	.navbar { padding: 0px; margin-top: 0px; align-items: flex-start; }
	.hedRtPnl { width: 75%; position: relative; min-height: 115px; }
	.navbar-toggler{ position: absolute; bottom: 0px; right: 0px;}
	/**/
	.navbar-toggler{ border-radius:5px; bottom:5px; right: 5px;}
}

@media screen and (max-width:767px)
{
	.container{ max-width: 100%;}
	.close-mini-cart{display:block;}
	.close-mini-cart{position:absolute;top:0px;right:0px;}
	.fooMid h3{ font-size: 25px;}
	.footTop .col-md-4{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.footTop .col-md-4:last-child{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.foologo{   text-align: center;}
	.fooSos{ padding: 2em; margin: 10px 0;}
	.hedRtPnl{ width: 100%;}
	.logobox { width: auto; text-align: left; border-left: none; }
	.logo { width: auto; padding: 0; max-width:180px; }
	.mob-none{ display: none;}  
	.desk-none{ display: inline-block;} 
	.logobox img { width: 100%; max-width: 100%; }  
	.navbar-toggler { position: inherit; bottom: inherit; right: inherit; border-radius: 5px; }  
	.hedRtPnl { width: 100%; display: flex; align-items: center; justify-content: space-between;padding-top: 48px; }  
	.headRt { position: absolute;}
	.navbar-toggler{ margin-right: 15px;}  
}

@media screen and (max-width:480px)
{
	.logo { width: auto; padding: 0; max-width: 160px; }
}