@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
  font-family: "roundkey";
  src: url('../fonts/roundkey/RoundkeySoftRegular.otf');
  src: url('../fonts/roundkey/RoundkeySoftRegular.otf') format('opentype'),
       font-weight:400;
}
@font-face {
  font-family: "roundkey";
  src: url('../fonts/roundkey/RoundkeyRegular.otf');
  src: url('../fonts/roundkey/RoundkeyRegular.otf') format('opentype');
       font-weight:300;
}
/* CSS Document */

/*font-family: 'Raleway', sans-serif;

regular 400
bold 700
extrabold 800
medium 500
semibold 600*/

/*font-family: 'Roboto Condensed', sans-serif;

regular 400
bold 700
light 300*/

body {
	
	  font-family: "Roboto", serif;
	  background:#fff; 
	  font-size:16px;  
	  font-weight:400;
	  color:#000;
	 /* margin:0px; 
	  padding:0px;*/
}

a {
    color: #323232;
    cursor: pointer;
}

.mtb15{
	margin-top: 15px;
	margin-bottom: 15px;
}

.inf-ml{
	margin-left:60%;
}

a{
	text-decoration: none !important;
}

/*.wrapper{
	padding:0 30px; 
}*/

.carousel-indicators .active {
 margin:0;
 width:12px;
 height:12px;
 background-color:blue !important;
}

/*:::::::::::::topbar section:::::::::::::*/

.topbar{
	transition:all 400ms;
	transition-delay:300ms;
	background-color: #000;
	padding: 10px 10px;
}
.Socialicons a {
    padding: 5px 7px;
}
@media(max-width:991px){
	#google_translate_element{
	    display:none!important;
	}
	.topbar a{
	    font-size:12px!important;
	}
	.topbar-text > div{
	    padding:0!important;
	}
}
.page-width{
    max-width:1920px;
}
.goog-te-gadget img{
	display:none!important;
	background-color: #000000;
}
.whats-app {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 40px;
    left: 15px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}
/* .cat-cls .box2:before {
    content: "";
    position: absolute;
    top: -100%;
    width: 100%;
    background: #000;
    height: 50%;
    opacity: .7;
    transition:all 400ms;
} */
/* .cat-cls .box2:after {
    content: "";
    position: absolute;
    top: 100%;
    width: 100%;
    background: #000;
    height: 50%;
    opacity: .7;
    transition:all 400ms;
} */
.cat-cls .box2:hover:before{
    top:0;
}
.cat-cls .box2:hover:after{
    top:50%;
}
.cat-cls{
    overflow:hidden;
    margin: 15px 0;
}
.cat-cls i{
    position:absolute;
    font-weight: 100;
    padding: 5px 10px;
    font-size: 25px;
    background: #fff;
    color: #000;
    border-radius: 2px;
}
.cat-cls .box2 img{
        width: 100%;
}
.cat-cls .box2{
    position:relative;
}
.box2 .box-link {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transition: all 0.2s ease 0s;
}
.box2 .box-link a {
    position: absolute;
    top: -100%;
    left: 45%;
    font-size: 34px;
    transition:all 400ms;
    transition-delay:100ms;
    color:#fff;
    font-size:25px;
}
.box2:hover .box-link a {
    top: 45%;
}
.my-float {
    margin-top: 16px;
}
.goog-te-gadget-simple{
    padding:0!imporant;
}
.pt_custommenu div.pt_menu .parentMenu a:hover::before{
    color: #FFF;!important;
}
.goog-te-gadget-simple{
    background-color:transparent!important;
    padding:0!important;
    border:none!important;
}
.goog-te-gadget-simple .goog-te-menu-value span{
	color:#000000!important;
}
a.goog-te-menu-value span {
    margin-right: 4px;
}
.topbar a{
	font-size: 13px;
	color: #f4f4f5;
	line-height:20px;
	font-weight: 400;
}

.topbar a:hover{
	color: #f4f4f5;
	text-decoration: none;
}

/*:::::::::::::topbar section end:::::::::::::*/

/*:::::::::::::header section:::::::::::::*/


.h_position{
    /*position: absolute;*/
	background-color: #FFF;
    width: 100%;
    z-index: 9999;
    padding: 0px 0px;
    transition: 0.6s;
}


.navbar-default{background-color:transparent !important; border-color: transparent !important;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{color: #fff !important; background-color: #000 !important;}

.dropdown-menu{background-color:#000 !important; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"}

.fixednav {
    position: fixed;
    z-index: 9999;
    width: 100%;
    top: 0;
    background-color: #FFF;
    transition: 0.6s;
}

.navbar-default {
    border: none;
    margin: 0;
    background: transparent;
    border-radius: 0;
}

.navbar-nav{
    /*margin-top:15px;*/
}


.dropdown-menu>li>a:hover{color: #fff !important; background-color: #0a9ac3 !important;}


.navbar-default .navbar-nav > li > a {
    margin: 0;
    color: #000;
    font-weight: 600;
    line-height: 56px;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    padding: 0 10px;
    font-size: 12px;
    letter-spacing: 0.2rem;
    text-transform: uppercase;
    /*border-right: 1px solid #101010;*/
}

.navbar-default .navbar-nav > li:hover > a {
    background: #101010;
    color: #fff;
}

.navbar-collapse {
    padding-bottom: 20px;
    float: left;
}

.dropdown-menu {
    position: absolute;
    left: 0 !important;
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
    box-shadow: none;
    background: #151515;
    min-width: 220px;
    border-radius: 0;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    margin: 20px 0 0 !important;
    visibility: hidden;
    opacity: 0;
    top: 100%;
    z-index: 10;
}

.dropdown-menu li {
    position: relative;
}

.dropdown-menu > li > a {
    font-size: 12px;
    font-family: Arial !important;
    font-weight: 600;
    padding: 10px 15px !important;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    color: #fff !important;
    border-bottom: 1px solid #333;
    text-transform: uppercase;
}

.dropdown-menu > li:hover > a {
    background: #0a9ac3;
    color: #fff;
    padding-left: 15px;
}

.navbar-nav > li:hover .dropdown-menu {
    display: block;
    margin: 0 !important;
    opacity: 1;
    visibility: visible;
}

.bassea {
    position: relative;
    margin: 0 0px 0 0;
    padding: 0;
    list-style: none;
}

.bassea li {
    list-style: none;
    float: left;
}

.bassea li a {
    background: #FFF;
    display: block;
    line-height: 90px;
    width: 38px;
    text-align: center;
    padding: 0;
    color: #000;
    transition: all 0.5s ease-in-out 0s;
}

.bassea li:first-child a {
    /*border-right: 1px solid #151515;*/
}

.bassea li a i {
    font-size: 20px;
}

.bassea li:hover a {
    background: #000;
    color: #fff;
}

.search-box {
    display: none;
    position: absolute;
    width: 280px;
    right: 0;
    top: 100%;
    z-index: 99;
    background: #151515;
    padding: 2px;
}

#frm_search .form-group {
    width: 100%;
}

#frm_search .form-control {
    border-radius: 0;
    border: none;
    background: #fff;
    color: #434343;
    font-size: 14px;
    width: 100%;
    box-shadow: none;
    
    font-weight: 500;
        margin: 0px;
}


/*Sidemenu Style Star*/


.LefMenu li.MainLeftCats {
background:#000;
cursor:pointer;
/*background-color:#525866;*/
color:#fff;
padding:6px;
text-align:left;
font-family: sans-serif;
font-size:16px;
list-style: none; font-weight:bold;
margin-bottom:2px;
}

.LefMenu li.MainLeftCats a {
    display: block;
    position: relative;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-decoration: none;
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 15px;
}

.LefMenu li.SecMenu {
    list-style: none;
    margin-bottom: 3px;
}

.LefMenu li.SecMenu a {
    background-color: #fff;
    color: #393939;
    font-weight: normal;
    font-size: 14px;
    line-height: 30px;
    text-decoration: none;
    display: block;
    padding: 0px 5px;
    font-family: 'Roboto', sans-serif;
    transition: all 0.5s ease-in-out 0s;
    border: 1px solid #eaeaea;
}

.LefMenu li.SecMenu a:hover,
.LefMenu li.SecMenu a.active {
    padding-left: 10px;
        color: #000000;
    font-weight: bold;
}

.LefMenu li.SecMenu:active {
    padding-left: 10px;
    color: #cc0001;
}

.menutitle li a {
    background: #fff url(images/down-arrow.png) right center no-repeat;
}

.submenun {
    background: #eaeaea;
}

.submenun ul {
    margin: 0px;
    padding: 0px;
}

.submenun ul li {
    list-style: none;
    border-bottom: 1px solid #ccc;
}

.submenun ul li a {
    text-decoration: none;
    color: #393939;
    font-weight: normal;
    font-size: 12px;
    padding: 0 5px;
    line-height: 30px;
    display: block;
}

.submenun ul li a:hover,
.submenun ul li a.active {
    color: #000
}

.submenun ul li a:focus:active {
    color: #000; 
}
/*Sidemenu Style End*/


/*:::::::::::::header section end:::::::::::::*/


/*:::::::::::::caruosal section:::::::::::::*/
/*:::::::::::::caruosal section end:::::::::::::*/


/*:::::::::::::shipping section:::::::::::::*/

.icon-bg{
	
	background-color:#fafafa;
	padding:3rem 0;
}

.center-content {
	text-align:center;
}
.center-content img { 
	    margin: 0 auto;
    display: block;
    height: 60px;
    width: auto;
}
.icon-bg .center-content h2 {
	font-family: "Roboto", serif;
	color:#000;
	text-transform:uppercase;
	font-size:20px;
	font-weight:800;
	margin-bottom:5px;
	letter-spacing:1px;
}
.icon-bg .center-content h3 {
	font-family: "Roboto", serif;
	color:#000;
	text-transform:uppercase;
	font-size:39px;
	font-weight:800;
	margin-bottom:5px;
	/* letter-spacing:1px; */
	text-align:left;
	padding-top: 17px;
}
.icon-bg .center-content p {
	font-family: "Roboto", serif;
	line-height: 20px;
}

.icon-bg2 .center-content p {
	font-family: 'Raleway', sans-serif;
	color:#fff; 
	font-size:15.24px; 
	font-weight:400;
}
.h_position .row {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-items: center;
}

/*:::::::::::::shipping section end:::::::::::::*/

/*:::::::::::::about section:::::::::::::*/

 .welcome{
	padding: 55px 0 45px 0;
}

.welcome-note{
	padding-top: 4%;
}

.welcome-note h2{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 29px;
	color: #000000;
	font-weight:400;
	margin: 0;
	text-transform: uppercase;
	
	
}

.welcome-note h1{
	
    font-family: 'Roboto Condensed', sans-serif;
	font-size:36px;
	color:#000;
	font-weight:700;
	margin-top: 5px;
    margin-bottom:5px;
	text-transform: uppercase;
	text-decoration: underline;
	
}

.welcome-note p{
	
	font-family: 'Roboto Condensed', sans-serif;
	font-size:18px;
	color:#0f0f0f;
	font-weight:300;
	line-height: 30px;
	padding: 15px 0;
	margin: 0;
	
}

.welcome-note a{
	
	display: inline-block;
	background: #000;
	font-family: 'Roboto Condensed', sans-serif;
	color: #ffffff;
	text-decoration: none;
	width: 120px;
	line-height: 40px;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 17px;
    text-align: center;
	transition:all 0.5s ease-in;
	margin: 5px 0;

}

.welcome-note a:hover{
	
	background:#2c2c2c;
	color:#ffffff;
	text-decoration: none;
}

.box{
    text-align: center;
    overflow: hidden;
   /* box-shadow: 0 0 3px rgba(0,0,0,0.3);*/
    position: relative;
}
.box:before,
.box:after{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(11,33,47,0.4);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.5s ease 0s;
}
.box:after{
    background: rgba(255, 255, 255, 0.3);
    
    top: 0;
    left: 170%;
    opacity: 1;
    z-index: 1;
    transform: skewX(41deg);
    transition: all 1s ease 0s;
}
.box:hover:after{ left: -170%; }
.box img{
    width: 100%;
    height: auto;
}

/*:::::::::::::about section end:::::::::::::*/


/*:::::::::::::static blog section:::::::::::::*/

.static-bg{
	
	background-size: 100% 100%;
	background-position: center center;
	padding: 10px 0px;
}

/*:::::::::::::static blog section end:::::::::::::*/


/*:::::::::::::featured section:::::::::::::*/


.featured {
	padding: 15px 0;
}
.featured h2 {
	    /* font-family: 'Raleway', sans-serif; */
	    /* font-size: 35px; */
	    text-align: center;
	    margin-bottom: 30px;
	    text-transform: uppercase;
	    color: #000;
	    font-weight: 800;
	    letter-spacing: 1px;
	    margin-top: 0px;
	    line-height: 20px;
}
@media(max-width:480px){
    .featured h2{
        font-size:20px;
    }
}
.featured h2 span{
	 font-weight: 500;
}
.prd-box {}
.prd-box .prd-img {
	background:#fff; 
	border:2px solid #e9e9e9;
	transition:all 0.3s ease-in-out 0s; 
	overflow:hidden;
	padding: 35px;
}

 .prd-img img { 
	margin: 0 auto;
	transition:all 0.3s ease-in-out 0s;
}
 .prd-name { 
	padding:10px 0;
}
 .prd-name h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:12px; 
	color:#000;
	margin-bottom:8px;
	font-weight: 400;
}
 .prd-name h3 {
	/* font-family: 'Roboto Condensed', sans-serif; */
	color:#000;
	font-weight:700;
	font-size:14px;
	margin-top:5px;
}
.prd-box:hover .prd-img { 
	border-color:#000;
	opacity: 0.3;
}
.prd-box:hover .prd-img img {
	transform:scale(1.2)
}


/*:::::::::::::featured section end:::::::::::::*/


/*:::::::::::::footer section:::::::::::::*/

.footer-btm{
	
	background-size: cover;
	background-color:#151515;
	padding: 20px 0px 5px 0px;
	overflow:hidden;
}

 .footer-btm h2{
	font-family: "Roboto", serif;
	color:#fff;
	font-weight:600;
	text-transform:uppercase;
	padding-bottom:5px;
	margin:0 0 15px;
	font-size: 16px;
	letter-spacing:1px;
	display:inline-block;
}

.f-content h1{
	font-family: "Roboto", serif;
	color: #ffffff;
	font-weight:800;
	text-transform:uppercase;
	padding-bottom:5px;
	margin:0 0;
	font-size:16px;
	letter-spacing:1px;
}

.f-content li {
	list-style:none; 
	margin-bottom:23px;
	line-height:28px;
	
}
.f-content li i { 
	line-height:21px; 
	float:left; 
	font-size:17px; 
	color: #ff0000; 
	text-align:center;
	margin-right:13px;
}
.f-content li div { 
	float:left; 
	width:75%;
	line-height:20px; 
	margin:0; 
	padding:0;
}

.f-content li div h4 {
    margin-top: 0;
    font-family: "Roboto", serif;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 400;
    color: #c7c7c7;
    line-height: 1.3;
}
.f-content li div p {
margin: 0;
    color: #fff;
    font-size: 14px;
    font-family: 'Roboto';
	
}
.centct {
    width: 50%;
    margin: 0 auto;
}
@media(max-width:991px){
    .centct {
    width: 100%;
    margin: 0 auto;
}
}
.f-content li a {
	font-family: "Roboto", serif;
	text-decoration: none;
	color: #ffffff;
	font-weight: 400;
	font-size: 14px;
	transition: all .5s ease-in-out;
	/* text-transform: uppercase; */
}
.f-content .addresses {
    margin-bottom: 15px;
    border-left: 1px solid #fff;
    padding-left: 20px;
}

.f-content li a:hover {
	color:#ff0000;
	
}


.newsletter p {
	font-family: "Roboto", serif;
	margin:10px 0 24px;
	font-weight:400;
	font-size:14.78px;
	color:#b4b4b7;
}
.newsletter input { 
	background:none; 
	border:solid #424244;
	border-width:1px 0 1px 1px; 
	height:40px;
	padding:0 5px;
	width:75%; 
	float:left;
	box-shadow:none;
	color: #FFFFFF;
}
.newsletter button {
	font-family: "Roboto", serif;
	background:#000;
	height:40px;
	border:none;
	float:left;
	width:25%;
	text-align:center;
	color:#fff;
	font-weight:600;
	font-size:16px;
	text-transform:capitalize;
	font-size:13px;
	transition:all 0.3s ease-in-out 0s;
}
.newsletter button:hover {
	background:#0e0e0e;
	border:none;
	
}

.SocialMediaIcon{
		  margin:0px auto;
		  padding: 40px 0px 16px 0px;
	      display: inline-block;
}		  
.SocialMediaIcon ul{
		   margin:0px;
		   padding:0px;
		   list-style:none;           
}		  
.SocialMediaIcon ul a li {
	
	          font-size:16px;
			  color:#5a5a5a;
			  text-align:center;
			  margin:0px 10px 5px 0px;
			  padding:0px 0px 0px 0px;
			  line-height:45px;
	          background-color:#ffffff;
			  display:block;
			  float:left;
			  width:44px;
			  height:44px;
	          transition:all .5s ease-in-out;
}		  
.SocialMediaIcon ul a:hover li{
			  
			color:#FFFFFF;
	        background-color:#000;		  
}


.SocialMediaIcon ul a li:nth-child(2):hover{
			  
			color:#FFFFFF;
	        background-color:#000 !important;		  
}


.InformationLink{
	
	margin: 0px;
	padding: 0px;
}
.InformationLink ul{
	
	margin: 0px;
	padding: 0px;
	list-style: none;	
}
.InformationLink ul li{
	
	margin: 0px 0px 10px 0px;
	padding: 0px;
	float: none;
	display:block;
	
}
.InformationLink ul li a{
	font-family: "Roboto", serif;
	font-size: 14px;
	text-decoration:none;
	font-weight:500;
	color:#fff;
	/* text-transform:uppercase; */
	margin:0px;
	padding:8px 0px 0px 0px;
	cursor:pointer;
	line-height:18px;
	transition: all 0.3s ease-in;
}
.InformationLink ul li a:hover{
	
    padding-left:8px;
	color:#FFF;	
}

.copy-right {
	font-family: "Roboto", serif;
	background:#ff0000;
	padding:10px 0;
	color:#fff;
	font-size: 13px;
	font-weight:400;
}
.copy-right a {
	font-family: "Roboto", serif;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:500;
	/* text-transform: capitalize; */
	transition: all 0.3s ease-in;
}
.copy-right a:hover { 
	color:#000000;
	text-decoration:none;
}
.copy-right .cr-text { 
	text-align:left;
}
.copy-right .powered { 
}

/****back to top****/

.cd-top { display:inline-block; height:40px; width:40px; text-align:center; font-size:16px; color:#fff; background:#282828; line-height:40px; position:fixed; bottom:30px; right:30px; overflow:hidden; visibility:hidden; white-space:nowrap; opacity:0; transition: all 0.5s ease-in-out 0s; z-index:999;}
.cd-top:hover { background:#000;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { transition: all 0.5s ease-in-out 0s;}
.cd-top.cd-is-visible { visibility:visible; opacity:1; }
.cd-top.cd-fade-out { opacity:0.5; }
.no-touch .cd-top:hover { background:#000; color:#fff; opacity:1; transform: translateY(-7px);}

/****back to top end****/


.navbar-collapse.in{width:66% !important;}

/*:::::::::::::footer section end:::::::::::::*/


.product-block { overflow:hidden;}
.product-block .prd-img {background:#fff;position:relative;vertical-align:middle;overflow:hidden;/* border:2px solid #e9e9e9; */padding:8px;}
.product-block .prd-hover { position:absolute; right:0; top:0; overflow:hidden; left:0; bottom:0; z-index:2}
.product-block .prd-hover:before, .product-block .prd-hover:after { background:rgba(0,0,0,0.4); position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; content:""; transition:all 0.5s ease 0s; z-index:1;}
.product-block .prd-hover:before { transform:translate(-100%, -100%)}
.product-block .prd-hover:after { transform:translate(100%, 100%)}
.product-block:hover .prd-hover:before, .product-block:hover .prd-hover:after { transform: translate(0, 0);}
.product-block .prd-hover button { display:block; background:#000; height:44px; width:140px; text-align:center; color:#fff; font-size:14px; letter-spacing:0.06em; font-weight:400; border:none; text-transform:uppercase; cursor:pointer; top:-50%; position:relative; z-index:999; transition: all 0.5s ease-in-out 0s;}
.product-block .prd-hover button:hover { background:#151515;}
.product-block .prd-hover:hover button { top:30%}
.product-block .prd-name {text-align:center;text-align: left;}
.product-block .prd-name h3 {margin:5px 0 0;font-size: 13px;line-height: 7px;text-transform:uppercase;color:#282828;font-weight: bold;}
.product-block .prd-name span {color:#000;font-size: 13px;font-weight: 600;}


.product-block .prd-hover a.atag { display:block; background:#000; width:140px; text-align:center; color:#fff; font-size:14px; letter-spacing:0.06em; font-weight:400; border:none; text-transform:uppercase; cursor:pointer; top:-50%; position:relative; z-index:999; transition: all 0.5s ease-in-out 0s;padding: 13px 0px;}
.product-block .prd-hover a.atag:hover { background:#151515;}
.product-block .prd-hover:hover a.atag { top:30%}
.h_text {
    text-align: center;
    text-transform: uppercase;
    padding: 20px 0;
    font-size: 38px;
    font-weight: 700;
}

.prod-details {}
.prod-details h2 { text-align:left; text-transform:uppercase; letter-spacing:1px; font-weight: bold;}
.prod-details h3 { color:#000;}
.prod-details .description { min-height:50px;  font-weight:400; font-size:14px; color:#888;}
.prod-details .description span { text-transform:capitalize; font-family:"Raleway", sans-serif; color:#282828; font-family: 'Teko', sans-serif; font-size:18px; letter-spacing:1px;}
.prod-details .prd-opt { margin-bottom:20px;}
.prod-details .prd-opt label { font-family:"Raleway", sans-serif; width:25%; text-align:left; font-weight:600; font-size:18px; text-transform:capitalize; line-height:34px; margin:0;}
.prod-details .prd-opt .form-control { width:30%;  font-weight:400;}

.form-group .input-text { background:#f2f2f2; display:block; border:none; color:#282828; font-weight:400; letter-spacing:1.6px; line-height:2.3rem; padding:1.44rem 1rem; text-transform:uppercase; width:100%; font-size:14px; box-shadow:none; vertical-align:baseline; outline:none;}
.submit-btn { text-align:right;}
.submit-btn button { background:#000; border:none; font-size:18px; overflow:hidden; letter-spacing:0px; position:relative; color:#fff; display:inline-block; margin:0 0.25rem; padding:10px 26px 10px; text-transform:uppercase;}
.submit-btn button:hover { background:#151515;}

.like-box {
    margin-top: 3rem;
}

.CartInfo {  min-height:400px; margin:0; padding:0;}
.CartInfo table { border-collapse:collapse; border-left:1px solid #ccc; border-right:1px solid #ddd; border-top:1px solid #ddd; margin-bottom:15px; width:100%; max-width:100%; background-color:#fff; border-spacing:0;}
.CartInfo thead td { background-color:#000; border-bottom:1px solid #ddd; color:#fff; font-family: 'Open Sans', sans-serif; font-weight:600; outline:none;}
.CartInfo td { padding:7px; }
.CartInfo thead .image, .CartInfo thead .action { text-align:center;}
.CartInfo thead .productd, .CartInfo thead .quantity { text-align:left;}
.CartInfo tbody .image, .CartInfo tbody .action { text-align:center;}
.CartInfo tbody td { border-bottom:1px solid #ddd; vertical-align:middle;}
.CartInfo tbody td input[type="text"] { background:#f2f2f2; width:50%; text-align:center;}
.CartInfo tbody .productd h4 { font-weight:600; margin-bottom:10px; font-size:16px; text-transform:uppercase; letter-spacing:1px;}
.CartInfo tbody .productd h5 { font-size:12px; color:#888; margin-bottom:5px; font-family: 'Open Sans', serif; font-weight:400;}
.CartInfo tbody .form-control { border-radius:0;}
.CartInfo tbody .productd p { color:#888; font-family: 'Open Sans', serif; font-weight:400;}
.CartInfo tbody .form-control:focus { border-color:#282828; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 166, 8, 0.6)}
.submit-b:hover,.submit-b:focus{
    color:#fff!important;
    background-color:#000!important;
}
.CartInfo tbody .btn-success { background:#000; border:none; font-size:20px; overflow:hidden; letter-spacing:0px; text-transform:capitalize; font-weight:400; width:50%; margin-top:4px; border-radius:0px; padding:8px 12px 5px;}
h2.Total { text-align:right; padding-bottom:15px; text-transform:uppercase;}
h2.Total span { color:#888}
.basket-btn { text-align:right;}
.basket-btn a { background:#000; border:none; font-size:18px; overflow:hidden; letter-spacing:0px; position:relative; color:#fff; display:inline-block; margin:0 0.25rem; padding:12px 26px 9px; text-transform:uppercase;}

.contact-form {}
.contact-form h4 { margin-bottom:0.3em; letter-spacing:0.08em; line-height:1em; color:#282828; text-transform:uppercase; font-weight:400; font-size:20px; text-align:center;}
.contact-form p {font-size:16px;line-height:23px;text-align:center;margin-bottom:22px;/* font-family: 'Open Sans', serif; */font-weight:400;color: #000000;padding-top: 12px;}

.form-group label { display:none;}
.form-group { position:relative;}
fieldset .required:after { color:#d73105; content:"*"; font-size:12px; left:-16px; margin:0 0 0 5px; position:absolute; top:8px; font-family: 'Open Sans', serif; font-weight:400;}
.form-group .input-text {background: #ffffff;display:block;bo;border: 1px solid #d3d3d3;lor:#282828;font-weight:400;letter-spacing:1.6px;line-height:2.3rem;padding:1.44rem 1rem;text-transform:uppercase;width:100%;font-size:14px;box-shadow:none;vertical-align:baseline;outline:none;}
.submit-btn { text-align:right;}
.submit-btn button {background: #ff0000;width: 100%;border:none;font-size: 15px;overflow:hidden;letter-spacing:0px;position:relative;color:#fff;display:inline-block;/* margin:2.25rem 0.25rem; */padding: 18px 20px 13px;text-transform:uppercase;font-weight: bold;transition: all 0.5s ease-in 0s;}
.submit-btn button:hover { background:#151515;}

.navbar{
   margin-bottom: 0px !important;
}

div#owl-demo2 .owl-controls {
    display: none !important;
}
.featured h2 .tagline {
    font-size: 14px;
    color: #f10000;
    font-weight: 600;
}

#pt_custommenu .parentMenu span::after {
    content: "\f078";
    padding-left: 5px;
    font-family: 'FontAwesome';
    font-weight: 400;
    font-size: 10px;
    position: absolute;
    bottom: 40%;
}
.pt_custommenu .itemMenu.level1 a.itemMenuName.level0.actParent span:hover {
    border-bottom: 2px solid #000;
}
.newswidth {
    max-width: 600px;
    margin: 0 auto;
}

.footer-btw {
    background-size: cover;
    background-color: #1e1e1e;
    padding: 10px 0px 5px 0px;
    background-image: url(../images/newsletter-bg.jpg);
}
.footer-btw h2{
	font-family: "Roboto", serif;
	color:#fff;
	font-weight:700;
	text-transform:uppercase;
	border-bottom:0px solid #ff0000;
	padding-bottom:5px;
	margin:0 0 15px;
	font-size:30px;
	letter-spacing:1px;
	display:inline-block;
}

.title-bg { 
    background-image:url('https://thrashboxingequipment.com/pictures/26_banner.jpg'); 
    text-align:center; 
    margin-bottom:15px;
    height: 300px;
    background-size: cover;
    background-attachment: fixed;
}
.overlay {
  background-color: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.title-bg .container-fluid.page-width {
    height: inherit;
}

.title-bg .row {
    display: flex;
    height: inherit;
    align-items: center;
}
.title-bg h3 {
    color: #fff;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 700;
}
.title-bg p { color:#999; text-transform:uppercase; margin:5px 0 0;}

.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed {
    display: flex;
    color: #fff !important;
    flex-wrap: wrap;
    gap: 5px;
}

.fright{
    text-align:right;
}

.cm-images {
    background: gray;
    display: flex;
    flex-flow: row wrap;
    position: relative;
}

.cm-images .item {
    width: auto;
    height: auto;
    margin: 0px;
    flex: 1;
    flex-basis: 16.66%;
    position:relative;
    overflow:hidden;
}
.commmunitysection h2 {
    text-align: center;
    font-weight: bold;
    margin-bottom: 24px;
    font-size: 30px;
}
.pd0{
    padding:0px;
}
.cm-images .item .socialcommunity:before {
    width: 100%;
    height: 0;
    content: "";
    background: #000;
    position: absolute;
    z-index: 1;
    opacity: 0.5;
    transition:0.5s all;
}
.cm-images .item:hover .socialcommunity:before{
    height:100%;
}
.cm-images .item .fallback-ico {
        width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    z-index: 2;
    font-size: 30px;
    top: -185px;
    transition: 0.5s all;
}
.cm-images .item:hover .fallback-ico {
    top: 0;
}


/*::::::::::::::::::::MEDIAQUERY SECTIONS CSS START:::::::::::::::::::*/

@media (max-width:991px){
.product-block{
	    height:auto!important;
	}
	.bassea li a{
	    width:auto!important;
	}
	.bassea{
	    display:flex;
	    gap:10px
	}
}
@media screen and (max-width:991px){
	
	.inf-ml{
	margin-left:0;
}

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

	.copy-right .cr-text{
	text-align:center;
	
}
   .copy-right .powered{
	text-align:center;
}
	
	.inf-ml{
	margin-left:0;
}
	
	.mtb15{
	margin-top: 30px;
	margin-bottom: 30px;
}
	
}
@media only screen and (max-width:480px){
	
	
	.welcome-note h1{
	font-size:26px;	
}
	
	.navbar-collapse.in{width:100% !important;}
	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{width:100% !important;}
	
	.footer-btm{
	
	padding: 25px 0px;
}
	
	
	.newsletter button {

	font-size:11px; 
	
}
	.f-content h1{
	font-size:11px;	
}
    

    .h_position{
    position: relative;
    padding:15px 0px;
    }
    
.basket {
    border-left: 0;
}

.add-info {
    padding-top: 0px;
    padding-bottom: 12px;
    text-align: center;
}

ul.top-menu {
    text-align: center;
}

.navbar-collapse {
    padding-left: 15px;
    float: none;
}

.navbar-toggle {
    float: left;
    border-color: #000 !important;
    margin: 8px 0 8px 8px;
    border-radius: 0px;
    position: relative;
}

.navbar-toggle:after {
    position: absolute;
    left: 50px;
    top: 0px;
    content: "";
    font-size: 24px;
    font-family: 'Teko', sans-serif;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.10rem;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #151414;
}

.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-nav > li > a {
    line-height: 40px;
    padding: 0px 15px;
    border: none;
}

.navbar-nav {
    margin: 0 -15px;
}

.dropdown-menu {
    background: #151414;
    min-width: 100%;
}
}

.navbar-collapse.in{overflow-y:none !important;}

/*::::::::::::::::::::MEDIAQUERY SECTIONS CSS END:::::::::::::::::::*/

.hozmenu {
    padding: 11px 0px;
}
.goog-te-gadget-simple{
    padding:0px!important;
}
.goog-te-gadget-simple .goog-te-menu-value span {
    color: #fff !important;
    padding-left: 0px;

padding-right: 5px;
}
.goog-te-gadget img {
    display: none;
}
.goog-te-gadget-simple{
    background:transparent!important;
    border:0!important;
}
.topbar-phone {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}
.grey{
    background:#000!important;
}
.grey:hover, .grey:focus{
    background:#000!important;
    color:#fff!important;
}
.payments{
    padding:10px 0px;
    background-color:#0e0e0e;
}
.payments{
    text-align:right;
}
.certificates{
    text-align:left;
}
@media (max-width:1275px){
.popup{
    left:185px!important;
}
}
.certificates {
    text-align: left;
    text-align: -moz-right;
    text-align: -webkit-left;
}
embed.catalog {
    width: 100%;
}
.catalog-button{
    text-align:center;
    color:#000;
    border:1px solid #000;
    width:50px;
    height:50px;
    line-height:50px;
    transition: all 400ms;
}
.catalog-button:hover{
    box-shadow:inset 0 10em 0 #000;
}
.gc-icon.gc-icon-download{
	display: none !important;
}



.h_textd {
    text-align: center;
    text-transform: uppercase;
    padding: 20px 0;
    font-size: 42px;
    font-weight: 900;
    font-family: "Roboto", serif;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.form-group{
	clear: both;
}
.ddd{
	width: 52%;
	float: left;
	clear:none;
}
.ddde{
	width: 45%;
	float: right;
	clear:none;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: #000000;         /* adjust as needed */
    font-size: 11px;
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

#contact-aside{
	background-image: url(../images/wwww.jpg);
	background-size: cover;
	background-position: left center;
	margin-top: 65px;
	overflow: hidden;
	position: relative;
}
#contact-aside .panel-group{
	background-color: #F1F1F1;
	margin: 0px;
	padding: 50px 50px;
	min-height: 611px;
}
#contact-aside .panel-default>.panel-heading{
	border: none;
	/* background-color: transparent; */
	color: black;
	border: 0px;
	outline: none;
	box-shadow: none;
	padding: 13px 10px;
}
#contact-aside .panel-default>.panel-heading h4{
	font-size: 14px;
	font-weight: 600;
}
#contact-aside .panel-group .panel+.panel{
	margin-top:0px;
}
#contact-aside .panel {
    /* margin-bottom: 20px; */
    background-color: #ffffff00;
    border: 1px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 0%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 0%);
    border-bottom: 1px solid #0000003d;
}

#contact-aside p{
	font-size: 14px;
}




/* On screens that are 600px wide or less, make the menu links stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
		.ddd {
			width: 100%;
		}
	.ddde {
			width: 100%;
		}
	  #contact-aside .panel-group {
	    background-color: #F1F1F1;
	    margin: 0px;
	    padding: 0px 0px;
	    min-height: 50px;
	}
}


.dsfdsfsdf{
	position: absolute;
}