body { font-family: 'Inter', verdana, serif; font-size: 15px; line-height: 1.6; color: #000; font-weight: 400; /*background: #000 url(images/background.gif);*/ }
html, body { height:100%; }

::selection { background: #1a1a1a; color: #ffffff; }
::-moz-selection { background: #1a1a1a; color: #ffffff; }

a { color: #e51f2d; text-decoration: none; }
a:hover, a:active { color: #8a0000; text-decoration: none; }
a:focus { outline:none; color: #e51f2d; text-decoration: none; }

/***FIX FOR IE10***/
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }


h1, h2, h3 { font-family: 'Roboto Condensed', sans-serif; }


section { position: relative; }

/*** GLOBAL ***/
.slidenav-menu { display: none; }

/*** HEADER ***/
#top-bar { background-color: #bf1e2e; }
.newsletter { color: #fff; font-size: 12px; padding: 10px; }
.signup-title { font-size: 14px; font-family: 'Roboto Condensed', sans-serif; margin-right: 20px; }
.signup-title a { color: #fff; font-weight: 600; }
.top-cart { font-size: 12px; padding: 14px 0 0 0; text-align: center; background-color: #000; color: #fff; }
.top-cart a { color: #fff; }
.social-links { margin: 0; padding: 0; list-style-type: none; }
.social-links li { display: inline-block; margin: 0 6px; }
.social-links li a { display: block; color: #fff; font-size: 16px; line-height; 1.2; }

ul.store-cart { margin: 0; padding: 0; list-style-type: none; font-size: 0; }
ul.store-cart li { display: inline-block; position: relative; text-align: center; }
ul.store-cart li a { display: block; color: #ccc; font-size: 16px; line-height: 1; }
ul.store-cart li a.cart-customlocation { text-transform: uppercase; color: #ccc; position: relative; padding-right: 14px; }
ul.store-cart li a.cart-customlocation .cart-items { color: #fff; display: block; font-size: 12px; position: absolute; text-align: center; top: -10px; right: -2px; background-color: #eb0000; border-radius: 50%; width: 20px; height: 20px; line-height: 20px; }
ul.store-cart li a .menu-label { display: block; font-size: 10px; text-transform: uppercase; margin-top: 4px; }

#navigation { background-color: #000; position: relative; }

.logo { display: block; height: 75px; width: 300px; left: 0; margin: 0; overflow: hidden; position: relative; text-indent: 9999em; top: 4px; white-space: nowrap; }
.logo a { background: url(/wp-content/uploads/actionetix-logo.svg) 50% no-repeat; background-size: auto; background-size: auto; background-size: 300px 75px; display: block; height: 100%; width: 100%; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); transition: all .2s ease; z-index: 9999; }

/*** MENU ***/
ul#main-menu { margin: 0; }
ul#main-menu > li { margin-left: 14px; margin-right: 14px; position: relative; }
ul#main-menu > li a { color: #fff; text-decoration: none; font-size: 15px; font-weight: 400; padding: 26px 0; text-transform: uppercase; -webkit-transition: all .3s ease; transition: all .3s ease; position: relative; }

ul#main-menu > li > a:before { content: ""; position: absolute; bottom: 0; left: 35%; width: 80%; height: 5px; background: #ee283a; transform: translateX(-50%); transition: 0.5s; opacity: 0; z-index: 5; }
ul#main-menu > li:hover > a:before { opacity: 1; left: 50%; }

.dropdown-toggle::after { display: none; }

#main-menu .dropdown-menu { margin: -2px 0 0 0; padding: 0; border: 0; border-radius: 0; background-color: #484848; }
#main-menu .dropdown-menu > li { width: 100% !important; margin: 0 !important; }
#main-menu .dropdown-menu > li:not(:last-child) { border-bottom: 1px solid #e4e9e0; }
#main-menu .dropdown-menu > li > a { display: block; text-transform: none !important; font-size: 14px !important; line-height: 1; padding: 14px 16px; position: relative; font-weight: 500; }
#main-menu .dropdown-menu > li > a:before { background-image: none !important; }


/*** HOME ***/
.intro { background: #15181d url(/wp-content/uploads/texture.png) top left repeat;
padding: 40px 5%; color: #fff; font-size: 16px; }

.three-cols h3 { font-size: 22px; text-transform: uppercase; color: #bf1e2e; }

/*** BLOG ***/
#blog-lister { margin: 90px 0 60px 0; }
#blog-lister .blog-lister-wrapper { width: 95%; }
.card-style2 { position: relative; border: none; background: none; border-radius: 0; }
.h-100 { height: 100% !important; }
.card-style2 img { border: 1px solid #ededed; }
.card-style2 .card-body { background-color: #ffffff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); padding: 25px; position: relative; margin: 0 auto; margin-top: 0px; margin-top: -65px; width: calc(100% - 40px); z-index: 1; }
.card-style2 .card-body h3 { font-size: 24px; font-weight: 600; }

#blog-detail { margin: 90px 0 60px 0; }
#blog-detail .post { width: 95%; }
#blog-detail .blog-title { padding: 24px 0 6px 0; }
#blog-detail h1 { font-size: 34px; font-weight: 600; }
#blog-detail .poster { margin-bottom: 24px; }
#blog-detail .blockquote { background-color: #f8f8f8; padding: 20px; border-radius: 10px; margin: 22px 0; }
#blog-detail .blockquote p { margin: 0; font-family: 'Zilla Slab', serif; font-weight: 600; }
.nav-links { border-top: 1px solid #ccc; padding: 24px 0 24px 0; margin-top: 24px; }
.nav-links span { width: 40%; }
#wpd-post-rating { display: none; }

/*** SIDE BAR MODULES ***/
h2.widgettitle { font-size: 22px; }
#right-sidebar aside { margin-bottom: 30px; }
#right-sidebar h3 { font-size: 22px; font-weight: 400; margin: 0 0 12px 0; color: #000; }
#right-sidebar ul, .widget ul { margin: 0 0 30px 0; padding: 0; list-style-type: none; }
#right-sidebar ul li, .widget ul li { padding: 10px 0; border-top: 1px solid whitesmoke; }

/*** FOOTER ***/
#footer { background-color: #000; padding: 40px 0; color: #fff; }
.footer-menu { margin: 0; padding: 0; list-style-type: none; }
.footer-menu li { display: inline-block; margin-right: 20px; }
.footer-menu li:last-child { margin-right: 0px; }
.footer-menu li a { display: block; color: #fff; font-size: 13px; line-height; 1.2; text-transform: uppercase; }
.legal { color: #595959; font-size: 12px; }

/*** WOOCOMMERCE ***/
#woocommerce-wrapper .product_meta { display: none; }
.pw-icon { position: absolute; top: 50%; transform: translateY(-50%); right: 10px; z-index: 99; }
.pw-icon a { color: #999; }
.btn, .wc-tabs li { text-transform: capitalize; }

@media (max-width: 1200px) {

}


@media only screen and (max-width: 992px) {


.container-wrapper { transform: translate3d(0, 0, 0); transition: all 0.35s cubic-bezier(0.685, 0.0473, 0.346, 1); }
.menu-open .container-wrapper { transform: translate3d(-236px, 0, 0); }

.mobile-menu-btn { position: absolute; top: 50%; transform:  translateY(-50%); right: 20px; }

/*** OVERLAY MENU ***/
.button-container { display: block; height: 32px; width: 32px; cursor: pointer; position: relative; margin: 0; }
.button-container span { background: #fff; border: none; height: 3px; width: 100%; position: absolute; top: 7px; right: 0; transition: all 0.35s nhease; cursor: pointer; }
.button-container span:nth-of-type(2) { background: #fff; top: 15px; }
.button-container span:nth-of-type(3) { background: #fff; top: 23px; }
.button-container.active .top { transform: translateY(11px) translateX(0) rotate(45deg); background: #fff; z-index: 5; top: 4px; }
.button-container.active .middle { opacity: 0; }
.button-container.active .bottom { transform: translateY(-7px) translateX(0) rotate(-45deg); background: #fff; top: 22px; }


.slidenav-menu { display: block; background-color: #ccc; position: fixed; right: 0; top: 0; width: 0; height: 100%; z-index: 999; padding: 0; opacity: 0; visibility: hidden; transition: opacity 0.35s, visibility 0.35s, width 0.35s; }
.slidenav-menu.open { width: 240px; opacity: 1; visibility: visible; }
.slidenav-menu .menu-wrap { text-align: left; width: 100%; padding: 0 20px; margin: 0 auto; margin-top: 20px; overflow-y: auto; }
ul.mobile-menu { width: 100%; margin: 15px 0 0 0; padding: 0; list-style-type: none; }
ul.mobile-menu > li { display: block; border-top: 1px solid #acacac; }
ul.mobile-menu > li:last-child { border-bottom: 1px solid #acacac; }
ul.mobile-menu > li > a { font-size: 14px; line-height: 1; font-weight: 500; color: #bf1e2e; padding: 10px 0; -webkit-transition: all .3s ease; transition: all .3s ease; width: 100%; display: block; position: relative; text-decoration: none;}
ul.mobile-menu > li > a:hover { color: #333; }
ul.mobile-menu > li.active > a { color: #bf1e2e; }

ul.mobile-menu ul { font-size: 14px; font-weight: 400; padding: 0; margin: 0; padding: 0; display: none; text-transform: none; }
ul.mobile-menu ul li { display: block; border-top: 1px solid #acacac; position: relative; }
ul.mobile-menu ul li a { font-size: 13px; display: block; padding: 6px; color: #000; }
ul.mobile-menu ul li a:hover { color: #333; }

.sub-menu-arrow { position: absolute; width: 20%; height: 100%; top: 0px; right: 0; padding: 0 8px; cursor: pointer; color: #000; font-size: 14px; font-weight: 300; transition: all .3s ease; border-left: 1px solid #acacac; }
.sub-menu-arrow::after { content: '\f078'; font-family: 'font awesome 5 pro'; position: absolute; top: 10px; right: 14px; font-size: 10px; line-height: 1; font-weight: 300; transition: all .3s ease; display: inline-block; margin-top: 3px; }
.slidenav-menu .menu-wrap > ul > li.active .sub-menu-arrow::after { transform:rotate(180deg); }

ul.aux-mobile-menu { width: 100%; margin: 15px 0 0 0; padding: 0; list-style-type: none; }
ul.aux-mobile-menu > li { display: block; padding: 8px 0; }
ul.aux-mobile-menu > li > a { color: #13645b; font-size: 13px; line-height: 1; text-transform: uppercase; padding: 0; -webkit-transition: all .3s ease; transition: all .3s ease; width: 100%; display: block; }
ul.aux-mobile-menu > li.active > a { color: #13645b; }

.input-group-append { background-color: #fff; }
.input-group-append i { color: #56b093; }

.dropdown-menu.show { display: block !important; }

.slidenav-menu .social { margin-top: 22px; }
.slidenav-menu .social a { display: inline-block; color: #bf1e2e; margin: 0 2px; padding: 0; font-size: 22px; border: 1px solid #000; border-radius: 50%; text-align: center; width: 40px; height: 40px; line-height: 40px; vertical-align: -2px; }


}

@media only screen and (max-width: 768px) {


}


@media only screen and (max-width: 550px) {

}