/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

@font-face {
    font-family: 'airstrikeregular';
    src: url('../fonts/webfontkit-airstrike/airstrike-webfont.woff2') format('woff2'),
         url('../fonts/webfontkit-airstrike/airstrike-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Graduate&display=swap');

.air-font {
	font-family: airstrikeregular;
	letter-spacing: 3px;
}
	

.airstrike-f{
	font-family: airstrikeregular;
	letter-spacing: 3px;
}

.blue-header{
	background: -webkit-linear-gradient(#0090e6, #003ac3);
	-webkit-background-clip: text;
 	-webkit-text-fill-color: transparent;
}

h1.air-font {
	letter-spacing: 5px
}

h1.air-font {
	letter-spacing: 4px
}

.fw-700{
	font-weight: 700;
}

#header {
	background-color: #000;
	border-bottom-color: #000;
}

#header-wrap {
	background-color: #000;
}

.sticky-header #header-wrap {
	background-color: #000;
}

.sticky-header.full-header #header-wrap {
    border-bottom: 1px solid #000;
}

#header.full-header:not(.transparent-header) {
    border-bottom-color: #000;
}

.menu-link {
	color: #0099e6;
}

.slider_logo {
	width: 200px;
	height: auto;
}

.primary-color {
	color: #0099e6 !important;
}

.primary-color-dark {
	color: #dfbe07 !important;
}

.dark-orange {
	color: #cc5200 !important;
}

.delivery-link {
	color: #cc5200 !important;
}

.text-dark {
	color: #000;
}

.error-color{
	color: red;
}

.error-text{
	color: red;
}

.success-color {
	color: green;
}

.success-text {
	color: green;
}

.heading-block {
	margin-bottom: 30px;
}

.button {
	background-color: #e67300;
	color: #fff;
}

.button:hover {
	background-color: #b35900 !important;
	color: #fff !important;
}

.related-button {
	background-color: #dfbe07;
	padding: 8px 2px;
}

.basket-button {
	color: #cc5200;
	background-color: #fff;
	border: solid 1px #ddd;
	text-shadow: 0px 0px 0px #4a3904;
}

.basket-button:hover {
	color: #fff !important;
	background-color: #cc5200 !important;
	border-color: #cc5200;
}

.preorder-button {
	color: #fff;
	background-color: #cc5200;
	border: solid 1px #ddd;
	text-shadow: 0px 0px 0px #4a3904;
}

.preorder-button:hover {
	color: #fff !important;
	background-color: #993d00 !important;
	border-color: #993d00;
}

.buy-now-button {
	width: 200px;
	background-color: #d7ad07;
	color: #fff;
	text-shadow: 1px 1px 2px #7c6404;
	border-color: #d7ad07;
}

.buy-now-button:hover {
	background-color: #ad8c05 !important;
	text-shadow: 1px 1px 2px #635003;
}

#gotoTop:hover {
	background-color: #0099e6;
}

.services li {
  background: url(../images//tick2.png) no-repeat left top; /* <-- change `left` & `top` too for extra control */
  padding: 7px 0px 5px 25px;
  /* reset styles (optional): */
  list-style: none;
  margin: 0;
}

a:hover {
	color: #66ccff !important;
}

::selection:{
	background-color: #bfa206;
}

.owl-carousel .owl-dots .owl-dot.active, .owl-carousel .owl-dots .owl-dot:hover{
	background-color: #fff;
}

.owl-carousel .owl-dots .owl-dot{
	background-color: #cdc8ea;
	opacity:1;
}

.footer-logo {
	width: 200px;
	height: auto;
}

.purple_bdr {
	border-top: solid 3px #31266A;
}

.black_bdr {
	border-top: solid 3px #000;
}

#logo img {
	height: 70px !important;
}

.slider-caption h2{
	font-size: 3rem;
}

.gas_safe {
	width: 100px;
	height: auto;
}

.footer-list{
	list-style: none;
}

.about-margin {
	margin-top: -100px;
	margin-bottom: 100px;
}

.homepage-icon {
	font-size: 70px;
}

.svg-trigger {
	width: 60px;
	height: 60px;
}

.svg-trigger path {
	stroke: #f7d308;
}

.content-wrap {
	padding-bottom: 0px;
}

.footer-ul {
	list-style-type: none;
}

.footer-text {
	color: rgba(255,255,255,0.75) !important;
}

#footer .footer-widgets-wrap {
	padding-bottom: 20px;
}

.top-right-section{
	padding-top: 20px;
	display: flex;
	justify-content: flex-end;
}

.menu-link {
	padding: 20px 10px;
}

#logo {
	margin-top: -25px;
	padding-bottom: 0px;
}

.full-header .primary-menu .menu-container{
	padding-right: 0px;
	margin-right: 0px;
}

.menu-container:not(.mobile-primary-menu){
	align-items: flex-end;
}

.primary-menu{
	align-items: flex-end;
}

.dropdown-menu{
	background-color: #000;
	padding: 10px;
	transition-duration: 1s;
}

.dropdown-item{
	color: #0099e6;
	font-weight: 700;
	font-family: 'Poppins', sans-serif !important;
	font-size: 0.9rem;
	padding: 10px;
}

.dropdown-item:hover {
	background-color: #000;
	color: #bfa206;
}

.menu-item:not(:first-child){
	border-top: 0px;
}

.product-card {
	border: solid 1px #e6e6e6;
}

.product-card:hover {
	border: solid 1px #ccc;
}

.font-20 {
	font-size: 20px;
}

.font-30 {
	font-size: 30px;
}

.related-prod-card {
	border: solid 1px #e6e6e6;
}

.related-prod-card:hover {
	border: solid 1px #ccc;
}

.font-norm {
	font-weight: 400;
	letter-spacing: 0px;
}

.dropdown-menu.show {
    top: -5px !important;
}

.product-header {
	height: 80px;
}

.related-header {
	height: 80px;
}

.i-rounded, .i-circled{
	background-color: #cc5200;
}

.i-rounded:hover, .i-circled:hover{
	background-color: #bfa206;
}
 
.signin-icon {
	position: relative;
	top: -12px;
	width: 40px !important;
	height: 40px !important;
	line-height: 40px !important;
}

.forgot_p_word:hover {
	font-weight: 900;
	color: red !important; 
}

.modal-bg {
	background-color: rgb(25, 25, 25);
	border: solid 1px #dfbe07;
}

.close {
	color: #fff;
}

.close:hover {
	color: #fff;
	font-weight: 900;
}

.modal-header {
	border-bottom: 1px solid #dfbe07;
}

.modal-footer {
	border-width: 0px;
}

.basket-image {
	max-width: 40px;
}

.orange-bdr {
	border-bottom: solid 2px #cc5200;
}

#logo a.retina-logo {
	position: relative;
	top: -8px;
}

.basket-card {
	border: solid 1px #ccc;
}

.staff-login-box {
	border: solid 2px #ccc;
	border-radius: 5px;
}

#copyrights {
	padding: 20px 0;
}

.stretched #gotoTop {
    bottom: 80px;
}

.green-text {
	color: #33cc33;
}

.bg-red {
	background-color: #ff0000;
}

.padding-stock {
	padding: 4px 0px 2px 0px;
}

.button-add {
	background-color: #33cc33;
}

.button-add:hover {
	background-color: #1f7a1f !important;
}

.button-rem {
	background-color: #ff0000;
}

.button-rem:hover {
	background-color: #990000 !important;
}

.login-admin-btn:hover {
	color: #fff !important;
}

.bdr-left-orange {
	border-left: solid 2px #cc5200;
}

.checkbox-pl {
	padding-left: 35px;
}

.modal-basket-table {
	border-top: 0px !important;
}

.primal42_link {
	color: #994d00;
}

.primal42_link:hover {
	color: #e67300 !important;
}

#card-error {
	font-weight: 900;
	color: red !important;
}

.pymnt_logo1{
	max-width: 200px;
	height: auto;
}

.pymnt_logo2{
	max-width: 200px;
	height: auto;
}

.dark-text {
	color: #495057 !important;
}

.order-border {
	border-top: solid 1px #999;
}

.close-terms-modal {
	color: #000;
}

.button {
	padding: 8px 15px;
}

.swiper_wrapper {
	height: 500px;	
}

.basket-side {
	position: fixed;
    top: 200px;
    right: 0px;
    color: #212529;
    z-index: 9999;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 10px 12px 10px 10px;
    font-size: 2rem;
    border-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border: solid 2px #000;
    border-right: 0px;
}

.basket-side:hover {
    color: #fff;
    background-color: #0099e6;
    border: solid 2px #0099e6;
}

.close:hover {
    color: #cc5200;
    font-weight: 900;
}


.cookie-startup-body {
	background-color: #000;
	border: solid 2px #dfbe07;
    border-radius: 5px;
}

.cookie-btn{
	max-width: 100px;
}

.basket-row{
	border-bottom: solid 1px #ccc;
}

.basket-header-row {
	border-bottom: solid 2px #aaa;
}

.mobile-basket-desc {
	display: none;
}

.text-black {
	color: #000 !important;
}

.basket-row-total {
	font-size: 1rem;
}

.checkout-header {
	border-bottom: solid 2px #aaa;
}

.checkout-row {
	border-bottom: solid 1px #ccc;
}

.top-right-icon{
	font-size: 22px;
}

#primary-menu-trigger, #page-menu-trigger{
	width: 56px;
	height: 56px;
}

#top-right-cart {
	z-index: 999;
}

#top-right-login {
	z-index: 999;
}

.bg-yellow{
	background-color: #f7d308;
}

.bg-orange{
	background-color: #cc5200;
}

.bg-green {
	background-color: #00cc00;
}

.white-text {
	color: #fff;
}

.menu-item:hover > .menu-link, .menu-item.current > .menu-link {
    color: #66ccff !important;
}
.about-section{
	background: url(../images/who_are_we.jpg) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.text-white{
	color: #fff !important;
}

.ft-email{
	position: relative;
	top: 4px;
}

.bg-black{
	background-color: #333;
	color: #ccc;
}

.text-white{
	color: #fff !important
}