/*
Theme Name: Exponent
Theme URI: https://exponentwptheme.com/
Author: Brand Exponents
Author URI: http://www.brandexponents.com/
Description:  A modern business theme, that lets you build stunning high performance websites using a fully visual interface.
Version: 1.2.8.6
License: GPL 2.0
License URI: license.txt
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, translation-ready
Text Domain: exponent
*/
.tatsu-menu li:not(.mega-menu) .tatsu-sub-menu {
    display: none;
    position: absolute;
    width: 300px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.ph-btn .tatsu-column-pad {
    display: flex;
    justify-content: space-between;
}
.buy-online .tatsu-column-pad {
    display: flex;
    justify-content: space-between;
	align-items: center;
}
.ph-btn .tatsu-column-pad .tatsu-button {
    padding: 0rem 1rem;
	font-size: 0.9rem;
}
.rg-list {
	list-style:none;
	padding:0;
}
.rg-list li:before{
content: "\e92f";
    font-family: "tatsu-icons";
    margin-right: 5px;
}
.buy-btn {
border: 1px solid rgba(255,255,255,0.7);
    padding: 0px 12px;
    border-radius: 1px;
	transition:0.25s all ease-in-out;
}
.buy-btn:hover{
	background: #262626;
	border-color:#262626;
}
.rs-layer i.tatsu-icon.tatsu-icon-phone2 {
    margin-right: 7px;
}
.test-home .tatsu-testimonial-content h4 strong{
	color:#a92828;
    font-weight: 800;
	
}
.footer-products ul.children {
    list-style: none;
    padding: 0;
	column-count: 2;
}
.footer-products ul.children li {margin:0;}
.footer-products ul.children a {
    color: #fff;
}
div#tatsu-footer-container nav a{
	font-size:14px;
}
div#tatsu-footer-container nav a:hover {
    color: #a92828 !important;
}
.divider-margin .tatsu-column {
    margin-bottom: 10px;
}
.product-list .tatsu-interactive-box {
    margin-bottom: 25px;
}

.page-id-4849 .exp-wrap{
	max-width:100%;
	    padding-top: 0;
		    padding-bottom: 0;
}
.tatsu-slide-menu {
background: #1a1515;
    background: #1a1515;
    left: 0;
    top: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.21);
}
.left-nav{
    width: 300px;
    float: left;
    height: 100vh;
    background: #1a1515;
	top:50px;
}
.page-id-4849 .main{
width: calc(100% - 300px);
    float: left;
}
.tatsu-fymsdp50le1wtqtu.tatsu-sidebar-menu{
	width:100% !important;
}
.tatsu-fymsdp50le1wtqtu.tatsu-sidebar-menu li.current-menu-item > a {
    color: rgb(255 255 255) !important;
}
.hero-video h2{
	font-size:60px;
	margin:0;
}
.hero-video h1 {
    font-weight: bolder;
    text-transform: capitalize;
    font-size: 3.5rem;
    line-height: 1.2;
}
.hero-video p{
	margin-bottom:1rem;
}
.btn-dark{
	background:rgb(38, 38, 38);
		padding:12px 35px;
	color:#fff;
	display: inline-block;
}

a.btn-red{
	background:rgb(169, 40, 40);
	padding:12px 35px;
    color: #fff;
	display: inline-block;
}
.cta-ph{
	border: 1px solid #fff;
    padding: 5px 15px;
    margin-left: 15px;
    border-radius: 3px;
	transition:0.25s all ease-in-out;
}
.cta-ph:hover{
	background:rgb(38, 38, 38);
}
.tatsu-slide-menu{
	    padding: 30px !important;
}
.buy-option{
	display:flex;
	flex-flow: wrap;
	    justify-content: space-between;
}
.buy-option p{
	display:none;
}
.buy-option>a, .open-dropdown {
    border: 1px solid #fff;
    color: #fff;
    padding: 5px 13px;
    display: inline-block;
    border-radius: 2px;
    font-weight: 500;
}
.buy-option .dropdown{

}
.buy-option .dropdown ul {
    opacity: 0;
    position: absolute;
    z-index: 141;
    list-style: none;
    padding: 0;
    background: #fff;
    width: fit-content;
    right: 0;
    margin-top: 2px;
    border-radius: 2px;

}
.buy-option.open .dropdown ul {
    opacity: 1;
}
.buy-option .dropdown ul li {
    display: inline-block;
    padding: 5px 10px;
    margin: 0;
}
.tatsu-header{
	position: relative;
}
.tatsu-header .logo{
	position:absolute;
	top:0;
}

/* new rules */
.custom-single-post-slider .tatsu-code {
    padding: 50px;
    width: 40%;
    bottom: 15%;
   background: #fff;
    box-shadow: -5px 6px 0px 0px rgba(214, 215, 216, 0.5);
	width: 100%;
}

.custom-single-post-slider .carousel-cell {
    width: 100%;
}
.red-text{color: rgba(169,40,40,1) !important;}
.tick-red-text{color: rgba(169,40,40,1) !important;padding-right:5px;}
.cust-list{list-style:none;}
.text-align-center{text-align:center;}
.red-heading {
    color: #fff !important;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0.3rem 1.5rem;
    display: inline-block;
    position: relative;
    BACKGROUND: rgba(169, 40, 40, 1)!important;
	border-radius:2px;
	font-size: 2rem;
}
.margin-v30{margin:10px 30px !important;}
.trans-upper{text-transform: uppercase;}
.main-carousel-gallery {padding:0px 20px;}
.main-carousel-gallery .carousel-cell {
  width: 28%;
  height: 350px;
  margin-right: 10px;
  margin-left: 10px;
  counter-increment: carousel-cell;
}
.margin-t30{margin-top:30px !important;}
.accessories-tabs .ui-tabs .ui-tabs-nav li {
    margin: 0px 10px;
    border: 1px solid rgba(169,40,40,1);
    border-radius: 5px;
}
.accessories-tabs .ui-tabs .ui-tabs-panel{
padding-left:20px !important;
padding-right:20px !important;
}
.accessories-tabs.tatsu-tabs-style3 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    border-radius: 5px;
}
.font-1 {    
    padding: 0rem 0.5rem;
	font-size: 1rem;
}
.font-15 {
	padding: 0.4rem 0.6rem;
	font-size: 1.5rem;
}
.margin-h29{margin: 0.5rem 2.9rem;}
.contact-email .body p a {
    word-break: break-word;
}
.flickity-viewport .tatsu-carousel-col-inner p{
    position: absolute;
    bottom: 0;
    background: rgb(169 40 40 / 0.85);
    width: 100%;
    padding: 0.5rem;
    color: #fff;
    text-align: center;
}
@media only screen 
and (max-device-width : 480px)  {
.main-carousel-gallery .carousel-cell {
  width: 100%;
}
}
@media only screen and (max-width: 767px)
{
.tatsu-wrap {
    max-width: 350px;
    margin: 0 auto;
}
.red-heading {font-size: 1.7rem;}
.tatsu-PlI4wNbof.tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad {padding-right:0px;}
.tatsu-PlI4wNbof.tatsu-column > .tatsu-column-inner {border-right:none;}
	}
.accessories-tabs .ui-tabs .ui-tabs-nav li {margin-bottom:5px;}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
.custom-single-post-slider .tatsu-medium-gutter>.tatsu-row {margin-left:0px !important;}
.tatsu-row-wrap.tatsu-row-has-one-cols .tatsu-row {margin-left:0px !important;margin-right:0px !important;}
	.main-carousel-gallery .carousel-cell {
  width: 50%;
}
}