/*
Theme Name:     Weapon store
Template:		storefront
Author:         Yaroslav Ch
rersion:        1.1.2
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
AMP: 						false
WordPress Available:  yes
Requires License:     no
Tags: blog, custom-logo, e-commerce, rtl-language-support, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles, footer-widgets, portfolio, left-sidebar, right-sidebar
*/
.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-left:calc(var(--bs-gutter-x)*-.5);margin-right:calc(var(--bs-gutter-x)*-.5);margin-top:calc(var(--bs-gutter-y)*-1)}.row>*{flex-shrink:0;margin-top:var(--bs-gutter-y);max-width:100%;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:100%}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media(min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media(min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media(min-width:1024px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}

body {
  --h1fontfamily:  'Public Sans', sans-serif;
}

body, button, input, textarea {
    font-family: 'Public Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'PT Serif Caption', serif;
}

.widgets-top .widget ul {
  margin: 0;
}

.site-header {
  padding-top: 0.75rem;
}

.fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; 
  z-index: 999;
}

.storefront-product-pagination a {
  background: #fff;
}


.nav-menu-primary .nav-ul {
  font-family: var(--h1fontfamily);
}

.nav-ul li a {
  color: var(--secondarybtnhovercolor);
}

.nav-ul li:hover>.wrap .caret, .nav-ul li:hover>.wrap>a {
  color: var(--primarybtnhovercolor);
}

.nav-ul li.nv-active>.wrap .caret, .nav-ul li.nv-active>.wrap>a {
  color: var(--primarybtnhovercolor);
}

.btn-main a {
	background: none !important;
	border: 2px solid var(--nv-primary-accent);
}

.portfolio.type-portfolio {
	margin-top: 2rem;
}

.btn, .button, .wp-block-button__link, button, input[type=button], input[type=reset], input[type=submit] {
  font-family: var(--h1fontfamily);
}

.d-inline > * {
	display: inline-block;
	float: left;
}

.position-relative {
	position: relative;
}


.wpcf7-spinner {
  position: absolute;
  bottom: 20px;
  left: calc(50% - 32px);
}

.flex-column {
	flex-direction: column;
}

.justify-content-start {
	justify-content: flex-start !important;
}

.wp-block-themeisle-blocks-advanced-column-50 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    border-width: 0;
    border-style: solid;
    border-radius: 0;
    flex-basis: 50%;
}

.has-neve-link-color-background-color {
	transition: all 0.25s ease-out;
}

.has-neve-link-color-background-color:hover {
  background-color: var(--primarybtnhoverbg)!important;
}

.d-flex {
	display: flex;
}

.h-100 {
	height: 100%;
}

.w-100 {
	width: 100%;
}

.padding-mid a {
	font-weight: 500 !important;
	padding: 0.5rem 1rem;
}

.d-none {
	display: none !important;
}

.btn, .button.button-primary, .is-style-primary .wp-block-button__link, .wp-block-search .wp-block-search__button, button, input[type=button], input[type=reset], input[type=submit] {
	font-weight: 500 !important;
}

@media (min-width:1280px) {
  .glide__arrow--right {
      right: -2rem;
  }

  .glide__arrow--left {
      left: -2rem;
  }  
}

.wp-block-themeisle-blocks-slider .wp-block-themeisle-blocks-slider-item-wrapper figure img {
    object-fit: contain;
}

.mb-1 {
	margin-bottom: 1rem !important;
}

.footer-menu.nav-ul {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.mb-2 {
	margin-bottom: 2rem !important;
}

.builder-item--widget-area-6 .icon {
	margin-right: 0.5rem;
}

.wp-block-gallery {
	margin-bottom: 4rem;
}

.h-375r {
	height: 3.75rem;
}

.portfolio .nv-meta-list {
	display: none;
}

.bg-lighter {
	background: #202020;
	max-width: 100%;
	margin-left: 0;
  margin-right: 0;
}

.gr-scl img {
	filter: grayscale(100%);
  position: relative;
	z-index: 9;
	transition: all 0.5s ease-out;
}

#secondary-menu .current-lang {
	font-weight: bold;
}

#secondary-menu .current-lang a {
	color: #fff;
}

.column {
 align-items: flex-start;
 flex-direction: column;
}

.ml-0 {
	margin-left: 0 !important;
}

.gr-scl img:hover {
	filter: none;
}

.yell-animated {
  position: relative;
	width: fit-content;
	height: fit-content;
}

.yell-animated img {
	position: relative;
	z-index: 9;
}

.is-type-video.is-provider-youtube {
	position: relative;
}

.is-type-video.is-provider-youtube::before, .yell-animated::before {
	content: '';
	position: absolute;
  top: -15px;
  left: -15px;
	width: 100%;
	height: 100%;
	border-width: 3px;
	background-position: center center;
	border-color: #ffdc17;
	border-style: solid;
}


.hover-anim::before {
	width: calc(100% + 6px);
	height: calc(100% + 6px);
}

.unhovered-anim::before {
	top: -3px;
  left: unset;
}

.pos-right.unhovered-anim::before {
	top: -3px;
  left: unset;
}

.yell-animfig figure {
	position: relative;
}

.yell-animfig figure {
	width: fit-content;
}

.yell-animfig figure img {
	position: relative;
	z-index: 9;
}

.yell-animfig figure::before {
	content: '';
	position: absolute;
  top: -15px;
	width: 100%;
	height: 100%;
	border-width: 3px;
	background-position: center center;
	border-color: #ffdc17;
	border-style: solid;
}

.pos-leftfig figure::before {
  left: -15px;
}

.pos-rightfig figure::before {
  right: -15px;
}

.reverse .pos-leftfig figure::before {
  left: 15px;
}

.reverse .pos-rightfig figure::before {
  right: 15px;
}

.footer-menu.nav-ul {
	flex-direction: column;
}

.btn, .button.button-primary, .is-style-primary .wp-block-button__link, .wp-block-search .wp-block-search__button, button, input[type="button"], input[type="reset"], input[type="submit"] {
  transition: all 0.25s ease-out;
}

.glide__bullets {
  bottom: -35px;
}

.builder-item .item--inner {
  color: #ffffff;
}

.caret-wrap span {
    font-size: 1.25rem;
}

.table-price tr:first-child td {
  font-weight: bold;
}

.table-price tr::first-child {

}

.table-price tr td {
  font-family: var(--h1fontfamily);
  font-size: 1rem;
}

.wp-element-caption > a {
  text-decoration: none;
  font-weight: bold;
  font-family: var(--headingsfontfamily),var(--nv-fallback-ff);
}

@media (max-width:959.99px) {
  footer .footer-top {
    padding-top: 2rem;
  }
  footer .footer-main {
    padding-bottom: 2rem;
  }
  .header-top {
    display: block !important;
  }
  .has-center .row--wrapper {
    grid-template-columns: auto;
    justify-content: center !important;
  }
  .main-bnr .wp-block-buttons .wp-block-button a {
    font-size: 1.25rem !important;
  }
  .main-bnr h1, .main-bnr p {
    padding: 2.25rem 0.5rem;
  }
  .main-bnr h1 {
    font-size: 2.75rem !important;
    line-height: 3.5rem;
  }
  .main-bnr p {
    font-size: 1.25rem !important;
  }
}

.main-navigation .contact-btn a:hover, .main-navigation .contact-btn:hover, .main-navigation .wp-block-button__link:hover > a {
  color: #fff !important;
}

@media (max-width:600.99px) {

  .help-earn .wp-block-themeisle-blocks-advanced-column {
    border-right: unset !important;
  }

  .order-xs-1 {
    order: 1;
  }

  .order-xs-2 {
    order: 2;
  }

  .yell-animfig .alignright, .yell-animfig .alignleft {
	margin: 2rem 0;
 }

	footer .footer--row-inner .row {
    grid-template-columns: 1fr;
 }

 #wp-block-themeisle-blocks-advanced-column-311d4b3f {
   background: #00000045;
 }

 #wp-block-themeisle-blocks-advanced-column-311d4b3f h1 {
   font-size: 2.25rem !important;
 }

 .hfg-slot.center:not(.nv-footer-content .hfg-slot.center) {
   display: none;
 }
 .main-bnr {

 }
 .wp-container-core-buttons-layout-1.wp-container-core-buttons-layout-1 {

 }
 .main-bnr .wp-block-buttons {
   justify-content: space-between !important;
 }
 .main-bnr .wp-block-buttons .wp-block-button a {
   font-size: 1rem !important;
   padding: 0.75rem 1.15rem;
 }
 .main-bnr h1, .main-bnr p {
   padding: 1.15rem 0.5rem;
 }
 .main-bnr h1 {
   font-size: 1.85rem !important;
   line-height: 2.25rem;
 }
 .main-bnr p {
   font-size: 1.15rem !important;
 }

}

.nv-contact-list.left {
  display: flex;
  justify-content: center !important;
}

.nv-contact-list.left {

}

.nv-contact-list li {
  margin-right: 1rem;
}

.nv-contact-list li span {
  margin-right: 0.5rem;
}

.nv-contact-list li svg {
  fill: #347658;

}



/* @media (min-width: 601px) {
  .pr-up-xs-2 {
    padding-right: 2rem;
  }
  .pl-up-xs-2 {
    padding-left: 2rem;
  }
}


@media (min-width: 601px) and (max-width:800.99px) {

	.footer-menu.nav-ul {
    display: grid;
    grid-template-columns: 1fr;
 }

} */


/* @media (min-width: 601px) and (max-width:959.99px) {

	footer .footer--row-inner .row {
    grid-template-columns: 1fr 1fr 1fr;
  }

} */


@media (min-width:961px) {

 .builder-item {
  margin: 0;
 }
	
  .neve-main > .single-post-container .nv-single-post-wrap.col {
   max-width: 85% !important;
  }
	
	.mw-90 {
		max-width: 90%;
	}
	
	.nv-post-cover {
    --height: 30vh !important;
  }
  .main-bnr p {
    line-height: 2.25rem;
  }
}

@media (min-width:1199.99px) {
  .right-img img {
		position: absolute;
		bottom: -430px;
		z-index: 9;
	}
}

.hover-anim::before {
	animation-name: moveDiagonallyTo;
  animation-duration: 0.5s;
	animation-fill-mode: forwards;
}

.unhovered-anim::before {
	animation-name: moveDiagonallyFrom;
  animation-duration: 1s;
	animation-fill-mode: forwards;
}

.pos-right.hover-anim::before {
	animation-name: moveDiagonallyFromRightTo;
  animation-duration: 0.5s;
	animation-fill-mode: forwards;
}

.pos-right.unhovered-anim::before {
	animation-name: moveDiagonallyFromRight;
  animation-duration: 1s;
	animation-fill-mode: forwards;
}


@keyframes moveDiagonallyTo {
    0% {
        transform: translatex(0px) translatey(0px)
    }
    100% {
        transform: translatex(12px) translatey(12px);
    }
}

@keyframes moveDiagonallyFrom {
    0% {
        transform: translatex(0px) translatey(0px)
    }
    100% {
        transform: translatex(-12px) translatey(-12px);
    }
}

@keyframes moveDiagonallyFromRightTo {
    0% {
        transform: translatex(0px) translatey(0px)
    }
    100% {
        transform: translatex(-18px) translatey(12px);
    }
}

@keyframes moveDiagonallyFromRight {
    0% {
        transform: translatex(0px) translatey(0px)
    }
    100% {
        transform: translatex(18px) translatey(-12px);
    }
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
	border-color: #a90707;
}

.builder-item--social_icons_2 {
  margin-top: 0 !important;
}

 .pos-right::before {
  left: 15px !important;
}

 .pos-right.unhovered-anim::before {
  left: 0 !important;
}

.bg-blue {
  background: url('assets/images/bitmap.svg') no-repeat;
  margin-top: -1px;
}


.site-header .site-logo-anchor, .site-header .site-logo-link, .site-header .custom-logo-link {
  max-width: 110px;
}


/* woocommerce.css | http://localhost/weapon/wp-content/themes/storefront/assets/css/woocommerce/woocommerce.css?ver=4.5.4 */

@media (min-width: 768px) {
  .woocommerce-tabs ul.tabs {
    /* width: 29.4117647059%; */
    width: 100%;
  }
  .woocommerce-tabs .panel {
    /* width: 64.7058823529%; */
    width: 100%;
  }
  .woocommerce-tabs ul.tabs li.active::after {
    /* right: 1em; */
    left: 1rem;
  }
  .woocommerce-active .site-header .main-navigation {
    width: calc(100% - 4.347826087% - 140px);
    margin-right: 0;
    /* float:left;
    margin-right:4.347826087%;
    clear:both */
  }

  .main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {
    padding: 0.25rem 1rem;
    font-size: 1.125rem;
  }

  .main-navigation .wp-block-button__link {
    padding: 0.4rem 1.15rem;
    float: right;
    border-radius: 1.25rem;
    margin-top: -0.4rem;

  }

  .main-navigation .wp-block-button__link a {
    color: #fff;
  }

  .primary-navigation {
    margin-top: 1.5rem;
  }

  .ml-up-md-2 {
    margin-left: 2rem !important;
  }

}

.footer-widget-2 .contact-btn {
  display: none;
}

.d-flex {
  display: flex;
}

.d-column {
  flex-direction: column;
}

.woocommerce-tabs ul.tabs li {
  /* display: block; */
  display: inline-block;
  padding: 0 2rem;
}

/* style.css | http://localhost/weapon/wp-content/themes/storefront/style.css?ver=4.5.4 */

@media (min-width: 768px) {
  .product-template-default .content-area {
    /* width: 73.9130434783%; */
    width: 100% !important;
  }
  .storefront-breadcrumb {
    margin: 0 0 1rem;
  }

  .woocommerce-active .site-header .site-branding {
    width: 140px;
  }

}

a:focus, input:focus, textarea:focus, button:focus {
  /* outline: 2px solid #7f54b3; */
  outline: none;
}

.site-info {
  /* padding: 2.617924em 0; */
  padding: 1.5rem 0;
}

.woocommerce-ordering {
  min-width: 350px;
  position: relative;
}

select {
  appearance: none;
  /*  safari  */
  -webkit-appearance: none;
  /*  other styles for aesthetics */
  width: 100%;
  font-size: 1rem;
  padding: 0.175em 1.05em 0.075em 0.5em;
  background-color: #fff;
  border: 1px solid #caced1;
  border-radius: 0.25rem;
  color: #000;
  cursor: pointer;
}

.woocommerce-ordering::before,
.woocommerce-ordering::after {
  --size: 0.3rem;
  content: "";
  position: absolute;
  right: 3.3rem;
  color: #347658;
  pointer-events: none;
}

.woocommerce-ordering::before {
  border-left: var(--size) solid transparent;
  border-right: var(--size) solid transparent;
  border-bottom: var(--size) solid black;
  top: 40%;
}

.woocommerce-ordering::after {
  border-left: var(--size) solid transparent;
  border-right: var(--size) solid transparent;
  border-top: var(--size) solid black;
  top: 55%;
}


/* Inline #13 | http://localhost/weapon/ */

.wc-block-grid__product-onsale, .onsale, .woocommerce-pagination .page-numbers li .page-numbers:not(.current) {
  /* color: #6d6d6d; */
  color: #347658;
  position: absolute;
  top: 10px;
  right: 25px;
  transform: rotate(12deg);
}

.wc-block-grid__product-onsale, .onsale {
  /* border-color: #6d6d6d; */
  border-color: #347658;
}


.single-product .onsale {
  /* top: 10px; */
  top: -40px;
}


@media (max-width: 767.99px) {
  .woocommerce-tabs ul.tabs li {
    padding: 0 1.4rem;
    padding-left: 0;
    margin-right: 1.25rem;
  }

  .woocommerce-tabs ul.tabs {
    display: flex;
  }


  .single-product .onsale {
    /* top: -40px; */
    top: -45px;
    position: absolute;
    z-index: 99;
  }

  .wc-block-grid__product-onsale, .onsale, .woocommerce-pagination .page-numbers li .page-numbers:not(.current) {
    /* right: 25px; */
    /* transform: rotate(12deg); */
    right: 5px;
    transform: rotate(9deg);
  }

  .storefront-breadcrumb {
    margin: 0 0 3rem;
  }

  .footer-widgets {
    padding-top: 2rem;
  }

  .widgets-top .widget ul {
    flex-direction: column;
    margin-right: -0.65rem;
  }


  .row.widgets-top {
    margin-bottom: 1.25rem;
  }

  .main-navigation {
    margin-top: -70px;
  }

  .handheld-navigation {
    background: #fff;
  }

  .wp-block-button__link:last-child a {
    color: #fff;
  }

  .wp-block-button__link:last-child {
    padding: 0;
    margin-left: calc(50% - 75px);
    margin-top: 1.25rem;
  }


  #modal-container {
    /* width: 100%; */
    width: 400px;
  }

  #modal-container .modal-background .modal {
    /* padding: 50px; */
    padding: 2rem 1rem !important;
  }

  #modal-container .modal-background .modal p {
    /* font-size: 18px; */
    font-size: 1rem !important;
    max-width: 292px;
  }

  /* storefront-style.css | http://localhost/weapon/wp-content/themes/weapon/css/storefront-style.css?ver=1.0.2 */

  input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], textarea, .input-text {
    max-width: 270px;
  }

  p {
    /* margin: 0 0 1.41575em; */
    margin: 0 0 1.416em;
  }

  /* Element | http://localhost/weapon/ */

  #wpcf7-f84-o1 {
    max-width: 100%;
  }

  /* styles.css | http://localhost/weapon/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.9.3 */

  .wpcf7-spinner {
    /* position: relative; */
    position: absolute;
    bottom: 10px;
    left: calc(50% - 12px);
  }

  .modal .close {
    right: 12px;
    top: 12px;
  }


  .woocommerce-ordering {
    /* min-width: 350px; */
    min-width: 100%;
  }


  .woocommerce-ordering select {
    height: 38px;
  }

  .slideshow-button {
    width: 100%
  }

  .slideshow-button a {
    padding: 0.25rem 1.5rem !important;
  }

  .nv-contact-list a, .nv-contact-list li {
    font-size: 0.85rem;
  }

}

@media (min-width: 768px) {
}

.storefront-breadcrumb {
  background: transparent;
}

.single-product div.product {
  overflow: visible;
}

footer .footer-widgets {
  width: 100%;
}

/* Modal start */

#modal-container {
  position: fixed;
  display: table;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  transform: scale(0);
  z-index: 333;
}

.modal { 
  z-index: 999;
}

#modal-container.one {
  transform: scaleY(0.01) scaleX(0);
  animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.one .modal-background .modal {
  transform: scale(0);
  animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.one.out {
  transform: scale(1);
  animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.one.out .modal-background .modal {
  animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.two {
  transform: scale(1);
}
#modal-container.two .modal-background {
  background: rgba(0, 0, 0, 0);
  animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  z-index: 555;
  position: relative;
}
#modal-container.two .modal-background .modal {
  opacity: 0;
  animation: scaleUp 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.two + .content {
  animation: scaleBack 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.two.out {
  animation: quickScaleDown 0s 0.5s linear forwards;
  opacity: 0;
}
#modal-container.two.out .modal-background {
  animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.two.out .modal-background .modal {
  animation: scaleDown 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.two.out + .content {
  animation: scaleForward 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.three {
  z-index: 0;
  transform: scale(1);
}
#modal-container.three .modal-background {
  background: rgba(0, 0, 0, 0.6);
}
#modal-container.three .modal-background .modal {
  animation: moveUp 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.three + .content {
  z-index: 1;
  animation: slideUpLarge 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.three.out .modal-background .modal {
  animation: moveDown 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.three.out + .content {
  animation: slideDownLarge 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.four {
  z-index: 0;
  transform: scale(1);
}
#modal-container.four .modal-background {
  background: rgba(0, 0, 0, 0.7);
}
#modal-container.four .modal-background .modal {
  animation: blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.four + .content {
  z-index: 1;
  animation: blowUpContent 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.four.out .modal-background .modal {
  animation: blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.four.out + .content {
  animation: blowUpContentTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.five {
  transform: scale(1);
}
#modal-container.five .modal-background {
  background: rgba(0, 0, 0, 0);
  animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.five .modal-background .modal {
  transform: translateX(-1500px);
  animation: roadRunnerIn 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.five.out {
  animation: quickScaleDown 0s 0.5s linear forwards;
}
#modal-container.five.out .modal-background {
  animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.five.out .modal-background .modal {
  animation: roadRunnerOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six {
  transform: scale(1);
}
#modal-container.six .modal-background {
  background: rgba(0, 0, 0, 0);
  animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six .modal-background .modal {
  background-color: transparent;
  animation: modalFadeIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six .modal-background .modal h2, #modal-container.six .modal-background .modal p {
  opacity: 0;
  position: relative;
  animation: modalContentFadeIn 0.5s 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six .modal-background .modal .modal-svg rect {
  animation: sketchIn 0.5s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six.out {
  animation: quickScaleDown 0s 0.5s linear forwards;
}
#modal-container.six.out .modal-background {
  animation: fadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six.out .modal-background .modal {
  animation: modalFadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six.out .modal-background .modal h2, #modal-container.six.out .modal-background .modal p {
  animation: modalContentFadeOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.six.out .modal-background .modal .modal-svg rect {
  animation: sketchOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.seven {
  transform: scale(1);
}
#modal-container.seven .modal-background {
  background: rgba(0, 0, 0, 0);
  animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.seven .modal-background .modal {
  height: 75px;
  width: 75px;
  border-radius: 75px;
  overflow: hidden;
  animation: bondJamesBond 1.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.seven .modal-background .modal h2, #modal-container.seven .modal-background .modal p {
  opacity: 0;
  position: relative;
  animation: modalContentFadeIn 0.5s 1.4s linear forwards;
}
#modal-container.seven.out {
  animation: slowFade 0.5s 1.5s linear forwards;
}
#modal-container.seven.out .modal-background {
  background-color: rgba(0, 0, 0, 0.7);
  animation: fadeToRed 2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.seven.out .modal-background .modal {
  border-radius: 3px;
  height: 162px;
  width: 227px;
  animation: killShot 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container.seven.out .modal-background .modal h2, #modal-container.seven.out .modal-background .modal p {
  animation: modalContentFadeOut 0.5s 0.5 cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container .modal-background {
  display: table-cell;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  vertical-align: middle;
}
#modal-container .modal-background .modal {
  background: white;
  padding: 50px;
  display: inline-block;
  border-radius: 3px;
  font-weight: 300;
  position: relative;
}
#modal-container .modal-background .modal h2 {
  font-size: 25px;
  line-height: 25px;
  margin-bottom: 15px;
}
#modal-container .modal-background .modal p {
  font-size: 18px;
  line-height: 22px;
}
#modal-container .modal-background .modal .modal-svg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 3px;
}
#modal-container .modal-background .modal .modal-svg rect {
  stroke: #fff;
  stroke-width: 2px;
  stroke-dasharray: 778;
  stroke-dashoffset: 778;
}

.content {
  min-height: 100%;
  height: 100%;
  background: white;
  position: relative;
  z-index: 0;
}
.content h1 {
  padding: 75px 0 30px 0;
  text-align: center;
  font-size: 30px;
  line-height: 30px;
}
.content .buttons {
  max-width: 800px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.content .buttons .button {
  display: inline-block;
  text-align: center;
  padding: 10px 15px;
  margin: 10px;
  background: red;
  font-size: 18px;
  background-color: #efefef;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.content .buttons .button:hover {
  color: white;
  background: #009bd5;
}

@keyframes unfoldIn {
  0% {
    transform: scaleY(0.005) scaleX(0);
  }
  50% {
    transform: scaleY(0.005) scaleX(1);
  }
  100% {
    transform: scaleY(1) scaleX(1);
  }
}
@keyframes unfoldOut {
  0% {
    transform: scaleY(1) scaleX(1);
  }
  50% {
    transform: scaleY(0.005) scaleX(1);
  }
  100% {
    transform: scaleY(0.005) scaleX(0);
  }
}
@keyframes zoomIn {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes zoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes fadeIn {
  0% {
    background: rgba(0, 0, 0, 0);
  }
  100% {
    background: rgba(0, 0, 0, 0.7);
  }
}
@keyframes fadeOut {
  0% {
    background: rgba(0, 0, 0, 0.7);
  }
  100% {
    background: rgba(0, 0, 0, 0);
  }
}
@keyframes scaleUp {
  0% {
    transform: scale(0.8) translateY(1000px);
    opacity: 0;
  }
  100% {
    transform: scale(1) translateY(0px);
    opacity: 1;
  }
}
@keyframes scaleDown {
  0% {
    transform: scale(1) translateY(0px);
    opacity: 1;
  }
  100% {
    transform: scale(0.8) translateY(1000px);
    opacity: 0;
  }
}
@keyframes scaleBack {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.85);
  }
}
@keyframes scaleForward {
  0% {
    transform: scale(0.85);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes quickScaleDown {
  0% {
    transform: scale(1);
  }
  99.9% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes slideUpLarge {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-100%);
  }
}
@keyframes slideDownLarge {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes moveUp {
  0% {
    transform: translateY(150px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes moveDown {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(150px);
  }
}
@keyframes blowUpContent {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  99.9% {
    transform: scale(2);
    opacity: 0;
  }
  100% {
    transform: scale(0);
  }
}
@keyframes blowUpContentTwo {
  0% {
    transform: scale(2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes blowUpModal {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes blowUpModalTwo {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes roadRunnerIn {
  0% {
    transform: translateX(-1500px) skewX(30deg) scaleX(1.3);
  }
  70% {
    transform: translateX(30px) skewX(0deg) scaleX(0.9);
  }
  100% {
    transform: translateX(0px) skewX(0deg) scaleX(1);
  }
}
@keyframes roadRunnerOut {
  0% {
    transform: translateX(0px) skewX(0deg) scaleX(1);
  }
  30% {
    transform: translateX(-30px) skewX(-5deg) scaleX(0.9);
  }
  100% {
    transform: translateX(1500px) skewX(30deg) scaleX(1.3);
  }
}
@keyframes sketchIn {
  0% {
    stroke-dashoffset: 778;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes sketchOut {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 778;
  }
}
@keyframes modalFadeIn {
  0% {
    background-color: transparent;
  }
  100% {
    background-color: white;
  }
}
@keyframes modalFadeOut {
  0% {
    background-color: white;
  }
  100% {
    background-color: transparent;
  }
}
@keyframes modalContentFadeIn {
  0% {
    opacity: 0;
    top: -20px;
  }
  100% {
    opacity: 1;
    top: 0;
  }
}
@keyframes modalContentFadeOut {
  0% {
    opacity: 1;
    top: 0px;
  }
  100% {
    opacity: 0;
    top: -20px;
  }
}
@keyframes bondJamesBond {
  0% {
    transform: translateX(1000px);
  }
  80% {
    transform: translateX(0px);
    border-radius: 75px;
    height: 75px;
    width: 75px;
  }
  90% {
    border-radius: 3px;
    height: 182px;
    width: 247px;
  }
  100% {
    border-radius: 3px;
    height: 162px;
    width: 227px;
  }
}
@keyframes killShot {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }
  100% {
    transform: translateY(300px) rotate(45deg);
    opacity: 0;
  }
}
@keyframes fadeToRed {
  0% {
    background-color: rgba(0, 0, 0, 0.6);
  }
  100% {
    background-color: rgba(255, 0, 0, 0.8);
  }
}
@keyframes slowFade {
  0% {
    opacity: 1;
  }
  99.9% {
    opacity: 0;
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}

.modal .close {
  position: absolute;
  right: 32px;
  top: 32px;
  width: 32px;
  height: 32px;
  opacity: 0.5;
}
.site-header-cart .cart-contents::after {
  content: unset !important;
}
.modal .close:hover {
  opacity: 1;
}
.modal .close:before, .close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background: #000;
}
.modal .close:before {
  transform: rotate(45deg);
}
.modal .close:after {
  transform: rotate(-45deg);
}
/* Modal end */

.tabs.wc-tabs {
  display: none;
}

.site-branding span {
  text-align: center;
  font-weight: bold;
  margin-bottom: 0.25rem;
  color: #235c42;
  position: absolute;
  right: 14px;
  font-size: 0.75rem;
  top: 7px;
}

.site-branding {
  position: relative;
}

.site-branding a {
  margin: auto;

}

@media (max-width: 767.99px) {
  .site-branding span {
    /* right: calc(50% - 44px); */
    font-size: 0.62rem;
  }
  .storefront-hamburger-menu-active .shm-close {
    top: 0;
  }
  .site-branding span {
    left: 74px;
    width: max-content;
  }
  .site-branding a {
    margin: unset;
  }
  button.menu-toggle {
    right: 8px;
  }
  .storefront-2-3.storefront-hamburger-menu-active .main-navigation .shm-close:before {
    color: #3a7759;
  }
}