body { /* font-family: 'Europa'; font-size: 16px; line-height: 25px; */}
body::after, .page-wrapper::after {height: 0px;}

.close-mini-cart{ display: none;}
.mini-cart button.dropdown-toggle .cart-counter { color: #000 !important; top: 0px; right: 0; left: inherit; background: #fff !important; padding: 0px !important; width: 14px; height: 14px; line-height: 14px; font-size: 10px;}
.mini-cart .dropdown-menu{ left: inherit !important; right: 0px !important;}
/*Header*/ 
.page-header .container{ max-width: 1920px !important;}
.page-header{position: relative; float: left; background: #000000;  z-index: 1; min-height: auto;}
.logo { width: 245px; float: left; position: absolute; left: 50%; top: -9px; transform: translateX(-50%); }
.logo img{ width: auto; max-width: 100%;}
.mainheader{ position: relative; z-index: 2; width: 100%; box-sizing: border-box; padding-top: 2vw; padding-bottom: 2vw; padding-left: 4vw; padding-right: 4vw; pointer-events: auto;}
.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link{ padding: .1em 0; color: #fff !important;font-family: 'Europa'; font-weight: 400; font-size: 19px; display: inline-block; line-height: 27px; text-transform: inherit; border-bottom: 1px solid transpatent;}
.navbar-collapse .navbar-nav .nav-item.actv .nav-link{ border-bottom: 1px solid #fff;}
.drop-arw:after{ border: none; content: "\f107"; font-family: "Font Awesome 6 Free"; font-weight: 900; color: #fff;}
.drop-arw{ top: 14px; position: absolute; right: 4px;}
.navbar-nav li.nav-item{ margin: 0 10px;}
.nav-item.dropdown .dropdown-menu{ background: #090c45;}
.navbar-nav a:hover{ color: #ccc;}
.headTopBtn{ width: auto; position: absolute; top: 0px; right: 0px; z-index: 1;}
.navbar{ padding:9px 0px;}
.navbar-collapse { margin-left: 10px;}
.navbar-collapse .navbar-nav .nav-item{ margin-right: 1.5vw;margin-left: 0px;}

.headSos{ position: absolute; top: 10px; right: 0px;}
.headSos li{ display: inline-block; margin-left: 5px;}
.headSos li.soslst a, .headSos li a.linkbtn, #cartDropDown{ width: 30px; height: 30px; background: none; display: inline-block; border-radius: 100%; color: #fff;padding: 0px !important; font-size: 18px !important; display: flex; align-items: center; justify-content: center; box-shadow: none !important;}
.mini-cart button.dropdown-toggle{ margin: 0px !important;}
.headSos li a:hover, .headSos li a.linkbtn:hover, #cartDropDown:hover{ background: none;}
#cartDropDown{ position: relative; top: 1px;}
/*Header*/  
    
.page-footer{ width: 100%; float: left; background: #803d25;padding-top: calc(40vmax / 10); padding-bottom: calc(40vmax / 10);padding-right: 4vw; padding-left: 4vw;}
.page-footer .container{ max-width: 1800px !important;}
.fotTpMenu{ width: 100%; text-align: center;}
.fotTpMenu li{ display: inline-block; position: relative; color: #e89045; font-size: 1.5rem; text-transform: uppercase; font-family: 'Commuters Sans'; padding: 0 18px 0 1px; margin: 5px 0;}
.fotTpMenu li a{ color: #e89045; border-bottom: 1px solid;}
.fotTpMenu li::after { content: "|"; font-family: 'Open Sans'; font-weight: 800; position: absolute; top: -3px; right: 0px; }
.fotTpMenu li:last-child:after{ display: none;}
.newsletr{ width: 100%; padding:60px 17px 17px; text-align: center;}
.newsletr h2{ margin: 0 0 1rem 0; font-size: 2.2rem; text-transform: uppercase; font-family: 'Commuters Sans'; color: #fff; letter-spacing: .01em;}
.newsletr p{ margin: 1rem 0; color: #fff; font-size: 1.2rem;}
.newsForm{ max-width: 800px; margin: 20px auto;}
.newsForm input[type="email"]{ width:100%; padding: 1.4rem 2rem !important; line-height: 1.2rem !important; border: 1px solid rgba(0,0,0,.12); background: #fff; transition: background .3s ease-out,border .3s ease-out; color: #000; font-family: 'Europa'; font-size: 1.2rem; margin: 1rem 0 0 0;}
.newsForm input[type="email"]::placeholder{ opacity: 0.5;}
.footTop p{ color: #fff; padding: 10px 0; text-align: center;opacity: .8; margin: 1rem 0;}
.genLogo{ width: 100%; text-align: center; margin-top: 30px;}
.genLogo img{ max-width: 178px;}
.footerBottm{ margin-top: 30px; border-top: 1px solid rgba(255,255,255,0.3); text-align: center; padding: 20px 0 0;}
.powered-by, .privacy li { color: #fff; }
.powered-by a, .privacy li a{ color: #fff;}
.privacy li{ display: inline-block;}

/* new style */
.logo{ width:260px; top: -3px;}
.navbar{ min-height:73px;}
.page-header .container{ padding:0;}
.navbar-collapse { margin-left: 0; }
.headSos{ top:20px;}
.headSos li a.linkbtn { font-size: 17px !important; }
.headSos li.soslst a { font-size: 20px !important; }
.footTop p{     font-family: 'Europa'; font-size: 1.2em;}
.fotTpMenu li{ margin:0;}
.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link{ font-size: 20px; line-height: 1.2; letter-spacing: 0.4px;}


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
{ background-color: #000 !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: #000 !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: #000 !important; color: #fff !important; }

.list-container .list-image .list-image-wrapper, 
.page-title-bar .list-container .list-image .list-image-wrapper { border-color: #000; }

.filter-bar .btn{ padding:7px 12px;}
@media screen and (max-width: 1250px)
{
	.filter-bar .btn{ padding:7px 11px;}
}

@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;}
}


@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(max-width:992px) and (min-width:9000px) 
{
}

@media screen and (max-width:1360px)
{
}

@media screen and (max-width:1300px)
{
}

@media(max-width:1199px) and (min-width:992px) 
{
}

@media screen and (max-width:1199px)
{
	.cmspages p, .cmspages li, body{ font-size: 14px;}
}

@media screen and (max-width:991px)
{
	/*Menu*/
	.navbar-toggler{ width: 40px; height: 50px; background: none;}
	.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:7px 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 .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:20px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
	.page-header{z-index:111;}
	/* .mainheader{ padding-left: 0px; padding-right: 0px;} */
	.logo { width: 175px; float: left; position: inherit; left: inherit; top: inherit; transform: inherit; }
	.navbar { padding: 0; }
	.headSos { position: absolute; top: 10px; right: 57px; }
	.navbar-toggler { margin: 0; width: 46px;font-size: 0px; line-height: 0px; position: absolute; right: 0px; top: 0px; border: none; position:relative; z-index:1111; }
	.navbar-toggler .icon-bar { width: 100%; height: 1px; background: #fff !important; display: flex; }
	.navbar-toggler .icon-bar { margin: 0px !important; }
	.navbar-toggler .icon-bar { transition: transform 250ms cubic-bezier(.2,	.6,.3,1),width 250ms cubic-bezier(.2,.6,.3,1); will-change: transform,width; }


	.events-list .navbar-toggler .icon-bar:nth-child(1){ transform: translate(0px, -3px) rotate(0deg); background-color:#fff !important;}
	.events-list .navbar-toggler .icon-bar:nth-child(2){ transform: translate(0, 0px); opacity:0;}
	.events-list .navbar-toggler .icon-bar:nth-child(3){ transform: translate(0px, 3px) rotate(0deg); background-color:#fff !important;}
	
	.events-list.hide-scroll .navbar-toggler .icon-bar:nth-child(1){ transform: translate(-1px, -5px) rotate(-45deg); background-color:#000 !important;}
	.events-list.hide-scroll .navbar-toggler .icon-bar:nth-child(2){ transform: translate(0, 0px); opacity:0;}
	.events-list.hide-scroll .navbar-toggler .icon-bar:nth-child(3){ transform: translate(-1px, -2px) rotate(45deg); background-color:#000 !important;}
	
	
	.navbar-toggler.showactv .icon-bar:first-child { transform: translatex(3.5px) rotate(-135deg); }  
	.navbar-toggler.showactv .icon-bar:nth-child(3) { transform: translatex(3.5px) rotate(135deg); }  
	.showactvov .logo { z-index: 111; }
	.showactvov .headSos, .showactvov .navbar-toggler { z-index: 11; }
	.navbar-collapse { height: 100% !important; padding-top: 100px !important; }
	.navbar-collapse { position: fixed; z-index: 1; display: block !important; flex-direction: column; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; visibility: hidden; will-change: opacity,visibility; user-select: none; text-align: center; pointer-events: auto; transition: visibility 600ms cubic-bezier(.4,0,.2,1),opacity 400ms cubic-bezier(.4,0,.2,1); background: #f4e8d7;margin: 0px; }
	.navbar-collapse.show { opacity: 1; visibility: visible; }
	.navbar-toggler.showactv .mnu{ position: relative; left: -11px;}
	.navbar-toggler.showactv .icon-bar{ background: #000 !important;}
	.mainheader.showactvov .headSos li.soslst a, .mainheader.showactvov .headSos li a.linkbtn, .mainheader.showactvov #cartDropDown{ color: #000 !important;}
	.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link { width: auto; }
	.navbar-collapse .navbar-nav .nav-item{ margin: 1vw 5vw;}
	.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link{ font-size: 6.6vmin; color: #000 !important;}
	.navbar-collapse .navbar-nav .nav-item.actv .nav-link { border-bottom: 1px solid #000 !important; }

	.header-menu-actions.d-none{ display: inline-block !important;}
	.header-menu-actions { display: flex; align-items: center; justify-content: center; margin: 0 20px; margin-bottom: 0px; flex-grow: 0; flex-shrink: 1; margin-bottom: 6vw; }
	.header-menu-actions a{ color: #000; font-size: 18px;}
	.navbar-collapse .navbar-nav { position: relative; display: flex; width: 100%; flex-grow: 1; flex-shrink: 0; justify-content: center; flex-direction: column; min-height: 50vh; }
	.headSos li.soslst{ display: none;}
	.fotTpMenu li{ font-size: 16px;}

	/* new style */
	.navbar-toggler{ background-color: transparent !important;}
	.navbar-toggler .icon-bar{         position: relative; z-index: 11111111111;}
	.headSos{ top:20px;}
	
	
}

@media screen and (max-width:767px)
{
	.container{ max-width: 100%;}
	.close-mini-cart{display:block;position:absolute;top:0px;right:0px;}
}

@media screen and (max-width:575px)
{
}

@media screen and (max-width:480px)
{
}

@media screen and (max-width:400px)
{
	.headSos li.soslst a, .headSos li a.linkbtn, #cartDropDown { width: 25px; height: 25px;font-size: 13px !important;}
	.headSos { position: absolute;  right: 56px; }
	.logo { width: 145px;}
	.navbar-toggler{ height: 43px;}
	.fotTpMenu li { line-height: 1.5; }
}

