body { font-family: 'Roboto'; 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 { 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;}
.headLogo{ width: 100%; display: inline-block; text-align: center;}

/*Header*/ 
.page-header .container{ max-width: 940px !important;} 
.page-header{position: relative; float: left; background: #fff; z-index: 1;}
.logo { width: 160px; float: none; display: inline-block; }
.logo img{ width: auto; max-width: 100%;}
.mainheader{ padding:10px 0;}
.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link{ padding: 0 10px; color: rgb(40,41,115);  font-size: 14px; display: inline-block;  text-transform: inherit;
	/* line-height: 30px; font-weight: 400;*/
	line-height:2; font-weight:390;     letter-spacing: -0.55px; 
	
}

.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: 0px;}
.nav-item.dropdown .dropdown-menu{ background: #fff; border: none; min-width: auto;}
.navbar-nav a:hover{ color: rgb(40,41,115);}
.headTopBtn{ width: auto; position: absolute; top: 0px; right: 0px; z-index: 1;}
.navbar{ padding: 0px; margin-top: 31px;}
.navbar-collapse { margin-left: 0; justify-content: center !important; padding-right:0px;}
.headSos{ position: absolute; top: -11px; right: 0px;}
.headSos li{ display: inline-block; margin-left: 5px;}
.headSos li a.linkbtn, #cartDropDown{ width: 40px; height: 40px; background: #4c68b1; display: inline-block; border-radius:0 0 5px 5px; color: #fff;padding: 0px !important; font-size: 14px !important; display: flex; align-items: center; justify-content: center; border: none; box-shadow: none !important;}
.mini-cart button.dropdown-toggle{ margin: 0px !important;}
.headSos li a:hover, .headSos li a.linkbtn:hover, #cartDropDown:hover{ background: #000;}
.drop-arw{ display: none;}
.mini-cart .dropdown-menu { left: 0 !important; right: inherit !important; }

/*Header*/  
.page-footer{ width: 100%; float: left; background: #282973; padding: 60px 0; color: #fff; }
.footTopIn h2{ color: #fff; text-align: center; line-height: 1.35em; font-size: 40px; padding-bottom: 20px; margin: 0px;}
.page-footer .container{ max-width: 940px !important;}
.footTopIn p{ text-align: center; line-height: 1.875em; font-size: 15px;}
.footTopIn p a{ color: #fff;}
.powered-by-container p, .privacy li, .textPara p{ text-align: center; line-height: 1.875em; font-size: 14px; color: #fff;}
.powered-by-container p a, .privacy li a{ color: #fff;}
.privacy li{ display: inline-block;}
.footerBottmInn{text-align:center;padding:35px 0 0;border-top:1px solid rgba(255,255,255,0.1);margin-top:35px;}
.footTopIn li{display:inline-block;}
.footTopIn li a{display:flex;color:#fff;width:32px;height:32px;text-align:center;align-items:center;justify-content:center;}
.footTopIn ul{ width: 100%; text-align: center; margin-bottom: 20px;}
.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;}
.linkBtns:hover{ background:rgb(255,0,0); color: #fff; }
.footmobTop{ padding-bottom: 40px; display: none;}

/* new style */
.headLogo{ padding-top:20px;}
.mainheader { padding: 10px 0 30px; }
.logo img{ margin-left:-1px;}
.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link{ /*font-family: 'helvetica'; */ font-family: "Space Grotesk", sans-serif;}
.nav-item.dropdown .dropdown-menu { background: #fff !important;}
.page-body .page-title-bar{     background-color: #4c68b1 !important;}
.page-body .page-title-bar .page-bar-title { color: #fff !important; }
.details-body .page-body .page-title-bar{background-color: #f2f2f2 !important;}
.page-footer{ padding: 60px 0 40px;}
.mini-cart button.dropdown-toggle .cart-counter:hover{ color: #4c68b1 !important;}
.mini-cart-item-list .mini-cart-item .remove-item{ line-height:1.2 !important;}


/*theme*/
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: #4c68b1 !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: #4c68b1 !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: #4c68b1 !important; color: #fff !important; }

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

.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; border: none;}
	.navbar-toggler .icon-bar{width:100%;height:3px;background:#4c68b1;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{position:fixed;top:0px;left:0px;height:100%;overflow:auto;background:#fff !important; width:100%;border:none;margin:0px;z-index:111; transition: all 0.3s ease;}
	.navbar-collapse.show{ left: 0px;}
	.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;}

	.headSos { position: absolute; top: -11px; right: inherit; left: 0px; }
	.navbar { padding: 0px; margin-top: 0; }
	.navbar { padding: 0px; margin-top: 0; position: absolute; top: 0px; right: 0px; }
	.navbar-toggler{ margin: 0 15px;position: relative; z-index: 1111;}
	.navbar-collapse{ text-align: center;}
	.navbar-collapse .navbar-nav { padding: 0px; height: 100%; display: flex; align-items: center; justify-content: center; }
	.navbar-nav a, .navbar-collapse .navbar-nav .nav-item .nav-link{ padding: 9px 25px; font-size: 18px;}
	.drop-arw{ display: flex;width: 13px; height: 26px;}
	.drop-arw::after {color: rgb(40,41,115);}
	.navbar-nav li.nav-item.dropdown.show .drop-arw:after{ content: "\f106";}
	.navbar-collapse.show{ top: 0px;}
	.navbar-collapse{align-items: center; justify-content: center; display: flex !important; top: -100%;} .mini-cart .dropdown-menu{ z-index: 111111;}

}

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

}

@media screen and (max-width:575px)
{
	.footTopIn h2{ font-size: 25px;}
	.logo{ width: 115px;}
	.headSos li a.linkbtn, #cartDropDown { width: 35px; height: 35px;}

}

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

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