/* START OF HEAD */
.top-bar {
	background: url("images/top-bar.png") no-repeat;
	height: 45px;
	width: 100%;
	background-size: 100%;
	list-style: none;
	position: relative;
}
ul.top-ul {
	position: relative;
	left: 200px;
	top:10px;
}
ul.top-ul li {
	float: left;
	color:#fff;
	margin-left: 15px;
	font-family: 'Roboto', sans-serif;
}
ul.top-ul li a {
	float: left;
	color:#fff;
} 
ul.top-ul li a:hover {
	text-decoration: none;
}
.top-bar li.map {
	background: url(images/map.png) no-repeat;
	background-position: left;
	padding-left: 20px;
}
.top-bar li.mail {
	background: url(images/email.png) no-repeat;
	background-position: left;
	padding-left: 20px;
}
.top-bar li.phone {
	background: url(images/phone.png) no-repeat;
	background-position: left;
	padding-left: 20px;
}
.top-bar .socials {
	margin-top:10px;
}
.top-bar a span{
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(images/social-sprite.png) no-repeat;
}
.top-bar a span.facebook {

}
.top-bar a span.twitter {
	background-position: -29px;
}
.top-bar a span.rss {	
	background-position: -66px;
}
.top-bar a span.google_plus {
	background-position: -105px;
}
nav.navbar {
	margin:0;
	padding-bottom: 20px;
}
.navbar-brand {
	padding: 0 !important;
}
.navbar-brand img {
	margin-top: -15px !important;
}
ul.nav li a {
	font-family: 'Montserrat', sans-serif;
	font-weight: 14px;
	color: #000;
	font-weight: 500;
	text-transform: uppercase;
}
ul.nav li a:hover,
ul.nav li a:focus {
	background: none;
	text-decoration: none;
	color:#e5553f;
}
#xyz form input.form-control {
	border-radius: 0;
	border: 0;
	background: #eeeeee;
}
.add-on .input-group-btn > .btn {
  border-left-width:0;left:-2px !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
.add-on .input-group-btn > .btn:hover {
    border-left-width:0;left:-2px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    border:inherit;
    background: #eeeeee;
}
/* stop the glowing blue shadow */
.add-on .form-control:focus {
 box-shadow:none !important;
 -webkit-box-shadow:none !important; 
 border-color:#cccccc !important; 
}
button.btn{
	border: 1px solid #eeeeee;
	border-right:0;
	background: #eeeeee;

}
.cart a {
    padding: 0 !important;
    margin-top: 8px !important;
}
/* END OF HEAD */
/* START OF INDEX */
.categories {
	background: url(images/categories-background.jpg) no-repeat;
	/* height: 304px; */
	width: 100%;
	/* border: 1px solid red; */
}
.categories span.sports-wear-bk {
	width: 98px;
	height: 98px;
	background: url(images/sports.png) no-repeat;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.categories span.boxing-equip-bk {
	width: 98px;
	height: 98px;
	background: url(images/boxing.png) no-repeat;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.categories span.martial-arts-bk {
	width: 98px;
	height: 98px;
	background: url(images/martial-arts.png) no-repeat;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.categories span.mma-gear-bk {
	width: 98px;
	height: 98px;
	background: url(images/mma.png) no-repeat;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.categories h3 {
	color:#fff;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 18px;
}
.categories p {
	color:#fff;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 12px;
}
.categories .category {
	padding-top: 45px;
	padding-bottom: 45px;
}
.category:hover {
	background: #e5553f;
}
.category1:hover span.sports-wear-bk {
	background: url(images/sports-hover.png) no-repeat;
}
.category2:hover span.boxing-equip-bk {
	background: url(images/boxing-hover.png) no-repeat;
}
.category3:hover span.martial-arts-bk {
	background: url(images/martial-arts-hover.png) no-repeat;
}
.category4:hover span.mma-gear-bk {
	background: url(images/mma-hover.png) no-repeat;
}
.welcome {
	background: url(images/welcome-bk.png) no-repeat;
	padding-top:30px;
	padding-bottom: 153px;
	background-position: top right;
}
.welcome h2 {
	font-weight: 700;
	font-family: 25px;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	color: #000;
	margin-top: 30px;
	margin-bottom: 30px;
}
.welcome .intro {
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	color:#5a5a5a;
}
.welcome .intro-btn {
	background: black;
	color:#fff;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	border:0;
	/* width: 90px; */
	height: 40px;
	line-height: 30px;
	margin-top: 20px;
	margin-right: 10px;
}
.welcome .intro-btn:hover {
	background: #e5553f;
}
.featured {
	background: #f5f5f5;
	padding-top: 10px;
	padding-bottom: 30px;
}
.featured h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 30px;
	color:#e5553f;
	margin-bottom: 0px;
}
.featured hr {
	width: 12%;
	border: 0;
	background: #e5553f;
	height: 2px;
	margin-top: 20px;
	margin-bottom: 35px;
}
.fp {
	background: #fff;
	padding-bottom: 10px;
	padding-top: 10px;
	border:1px solid #e7e7e7;
	border-radius: 5px;	
	margin-bottom: 20px; 
}
.paging ul li a{ 
	color:green !important; 
	text-decoration:none; 
	font-size:13px; 
	font-weight:500; 
	font-family: 'Raleway', sans-serif; 
	padding:0px 1px; 
	float:left;
}
ul.paging li a {
    color:#757575;
}

.fp img {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
}
.fp:hover span.overlay {
	position: absolute;
    width: 100%;
    background: rgba(238, 143, 129, 0.6);
    z-index: 1;
    height: 100%;
    top: 0px;
    left:0px; 
}
.fp .fp-name {
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	color:#e5553f;
	text-transform: uppercase;
	font-weight: 600;
}
.fp .fp-code {
	color:#525050;
	font-size: 14px;
	font-size: 'Poppins', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
}

.count {
	padding-top: 100px;
	padding-bottom: 100px;
}
.count h1 {
	color:#fff;
	font-family: 'Montserrat', sans-serif;
	font-size: 60px;
	font-weight: 400;
}
.count hr {
	border:0;
	height: 1px;
	background: #e5553f;
	width: 50%;
}
.count h3 {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'Poppins', sans-serif;

}

.no-padding {
	padding-right:0 !important;
	padding-left:0 !important;
}
.count {
	background: url(images/about-bk.png) no-repeat;
	/* height: 380px; */
	width: 100%;
	/* border: 1px solid red; */
}
.related {
	padding-bottom: 30px;
}
.related h1 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 30px;
	color:#e5553f;
	margin-bottom: 0px;
}
.related hr {
	width: 12%;
	border: 0;
	background: #e5553f;
	height: 2px;
	margin-top: 20px;
	margin-bottom: 35px;
}

ul.arrow {
    list-style-type: none;
    padding-left: 0px;
    /* border-left: 1px solid #333333; */
    position: relative;
    left: 10px;
}
ul.arrow > li {
    text-indent: -5px;
    height:40px;
    line-height:40px;
    margin:0;
    padding:0;
}
ul.arrow > li > a{
    margin-left:10px;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    color: #c6c6c6;
    text-transform: capitalize;
    font-size: 13px;
}
ul.arrow > li a:hover{
    text-decoration: none !important;
}
ul.arrow > li:before {
    content: "\003e";
    text-indent: 5px;
    color: #e5553f;
    position: relative;
    left: 0px;
}
ul.arrow > li > a:hover {
    color:#fe5722;
}

ul.text {
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px 0px;
    width: 90%;
}
ul.text li {
    height: 40px;
    line-height: 40px;
    color: #c6c6c6;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}
ul.bk-ul {
    list-style-type: none;
    padding-left: 0px;
    /* border-right: 1px solid #333333; */
    width: 6%;
    padding-top: 15px;
    float: left;
}
ul.bk-ul li{
    text-indent: -5px;
    height:40px;
    line-height:40px;
    margin:0;
    padding:0;
}
ul.bk-ul li a {
    margin-left:10px;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
    font-size: 13px;
}
ul.bk-ul li.address {
    background-image: url("images/footer-address.png");
    background-repeat: no-repeat;
}
ul.bk-ul li.phone {
    background-image: url("images/footer-phone.png");
    background-repeat: no-repeat;
}
ul.bk-ul li.mail {
    background-image: url("images/footer-email.png");
    background-repeat: no-repeat;
}

/* END OF INDEX */
/* START OF FOOTER */
footer {
	background: #222222;
}
.footer-head {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	color: #e5553f;
	font-size: 20px;
	text-transform: uppercase;
}

footer hr {
	border: 0;
	float: left;
	height: 2px;
	background: #fff;
	width: 20%;
	margin-top:0px;
	margin-bottom: 0px;
}
footer .f-logo img {
	border:1px solid #3a3a3a;
	margin-top: 26px;
	padding: 5px 10px;
}
footer span.footer-social {
	width: 30px;
	height: 30px;
	display: inline-block;
	margin-top: 20px;
	background: url(images/footer-sprite.png) no-repeat;
}
footer span.facebook {
	background-position: left top;
}
footer span.twitter {
	background-position: -93px top;
}
footer span.google_plus {
	background-position: -29px top;
}
.copy {
	border-top: 1px solid #333435;
	background: #222222;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 12px;
	color:#8c8c8c;
	font-family: 'Poppins', sans-serif;
	
}

/* END OF FOOTER */

/*******    START OF LEFT       *********/
.cata {
    float: left;
    width: 100%;
    margin: 22px 0px;
    height: auto;
    padding: 0px 0px;
    /* box-shadow: 1px 1px 10px 1px #ccc; */
    background: #e5553f;
}
.cata h2 {
    font-family: 'Montserrat', sans-serif;
    font-size:20px;
    font-weight: 700;
    color:#fff;
    text-transform:uppercase;
    padding-top:0px;
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
    margin-bottom: 0;
    /* margin-top: 0; */
    padding-left: 20px;
}
.main-title {
    width: 100%;
    float: left;
    /* border-bottom: 1px solid #efefef; */
    /* padding: 10px 0px; */
    border-top: 1px solid #efefef;
    /* box-shadow: inset 0px 1px 9px 4px rgba(0,0,0,0.17); */
}
.main-title img{
    width:36px;
    height:36px;
}
.main-title a {
    font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    color: #fff;
    height:100%;
    /* padding: 9px; */
    padding-left: 20px;
    line-height: 59px;
    text-transform:uppercase;
    font-weight: bold;
}
.main-title a:hover,
.main-title a:focus {
    text-decoration:none;
    color:#161724;
}

.left-menu {
    float: left;
    width: 100%;
    padding: 5px 0px;
}
.left-menu ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.left-menu ul li {
    float: left;
    width: 100%;
    /* background: url("images/ul.png") no-repeat left; */
    /* background-position: 10px center; */
    height: 40px;
    box-shadow: 1px 1px 30px -15px #000 inset;
    line-height: 30px;
}
.left-menu ul li a {
    float: left;
    width: 100%;
    text-decoration: none;
    padding: 5px 25px;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Poppins';
}
.left-menu ul li a:hover,
.left-menu ul li a:focus {
    background: #fff;
    color: #191919;
}

/*******    END OF LEFT       *********/
/*******    START OF PRODUCTS       *********/
h2.m-head{
    color: #e5553f;
    font-size: 25px;
    font-weight: 700;
    font-family: 'Montserrat';
    text-transform: uppercase;
    margin-top: 30px;
    /* padding-left: 15px; */
}
ul.breadcrumb {
    background: none;
    padding-left:0px;
}
ul.breadcrumb li a {
    font-family: 'Poppins';
    color: #606060;
    font-size: 12px;
    font-weight: 500;
    text-transform: capitalize;
}
ul.breadcrumb li a:hover {
	text-decoration: none;
	opacity: 0.8;
}
.breadcrumb>li+li:before {
	content: ">" !important;
	color: #606060 !important;
}
.title a {
    font-family: 'Poppins';
    font-weight: 600;
    color:#000;
    font-size: 16px;
    text-transform:uppercase;
    padding-top: 10px;
}
.title a:hover{
    color: #f57b20
}
.code {
    color:#393838;
    font-size: 14px;
    font-family: 'Poppins';
    font-weight: 400;
    text-transform: uppercase;
}
.item{
    margin-bottom: 10px;
}
.item:hover{
    box-shadow: 1px 1px 10px 1px #ccc;
}
.item:hover .item-img{
    border:none;
}
.item:hover .title a{
    color:#dd0000;
}
/*******    END OF PRODUCTS       *********/

/*******    START OF PRODUCT DETAILS       *********/
.gc-display-area {
    border: 1px solid #e7e7e7 !important;
}
#description h2 {
    color: #080808;
    font-size: 30px;
    font-family: 'Poppins';
    font-weight: 600;
    text-transform: uppercase;
}
#description .p_code {
    color:#323232;
    font-size: 15px;
    font-family: 'Poppins';
    padding-bottom: 10px;
} 
#description .p_desc {
    color: #fe5722;
    font-size: 17px;
    font-family: 'Poppins';
    text-transform: uppercase;
    font-weight: 600;
    padding-bottom: 10px;
}
#description .p_detail {
    color: #909090;
    font-size: 13px;
    font-family: 'Poppins';
    font-weight:400;
}
#description .options {
    color: #323232;
    font-size: 15px;
    font-family: 'Poppins';
    font-weight:400;
    padding-bottom: 10px;
}
#description #qty {
    width: 56px;
    height: 36px;
}
#description #basket_btn {
    color: #fff;
    background-color: #fe5722;
    border-color: #fe5722;
    font-family: 'Roboto';
    font-weight: 400;

}
/*******    START OF PRODUCT DETAILS       *********/
/**************     START OF BASKET     *************/
.basket article{
    /* margin-top: 30px; */
    /* padding-bottom:2%; */
}
.basket article h2{
    /* font-family: 'oswald'; */
    /* color:#df1f26; */
    /* font-size:22px; */
    /* text-transform:uppercase; */
}
.basket article ul{
    background-color: #ffffff;
}
.basket article ul li a {
    color: #505050;
    font-family:roboto;
}

.basket .basket_art input{
    float:left;
    margin:10px 0px;
    background: #fe5722;
    color:#FFF;
}
.basket .basket_art input:hover{ 
    background:#df1f26; 
    text-decoration:none; 
    color:#FFF;
}

.basket .btn-delete{
    float:left;
    padding: 7px;
    border-radius: 5px;
    margin-left: 15px;
    background: #fe5722;
    color:#FFF;
    margin-bottom:20px;
}
.basket .btn-delete:hover{
    background:red !important;
    text-decoration:none;
    /* color:#FFF; */
}
/**************     END OF BASKET   *************/
/**************     START OF QUOTE  *************/
.quote article{
    /* margin-top: 30px; */
    padding-bottom:2%;
}
.quote article h2{
    /* font-family: 'oswald'; */
    /* color:#df1f26; */
    /* font-size:22px; */
    /* text-transform:uppercase; */
}
.quote article ul{
    background-color: #ffffff;
}
.quote article ul li a {
    color: #505050;
    font-family:roboto;
}
.quote form{
    margin-top:-25px;
}
.for{
    float:left;
    width:48%;
    margin-right: 10px;
}
.for input{
    float:left;
    width:99%;
    height:30px;
    margin:10px 0px;
    background:#FFFFFF;
    border: 1px solid #080808;
    color:#2D2D2D;
    padding-left:10px;
}
.for select{
    float:left;
    width:99%;
    height:30px;
    margin:10px 0px;
    background:#FFFFFF;
    border: 1px solid #080808;
    color:#2D2D2D;
    padding-left:10px;
}
.for1 textarea{
    float:left;
    width:100%;
    margin:10px 0px;
    background:#FFFFFF;
    border: 1px solid #080808;
    color:#2D2D2D;
    padding-left:10px;
}
.for1{
    float:left;
    width:96.5%;
    /* margin-left:11px; */
}
.txt_id{
    border: 1px solid #080808;
    color:#2D2D2D;
    height:40px;
    /* width:20%; */
    /* margin-left:10px; */
    padding-left:10px;
}
.content_text{
    margin-left:10px;
    padding-left:10px;
}
.btn-submit{
    margin-left:10px;
}
/**************     END OF QUOTE    *************/
/**************     START OF SUBMIT     *************/

.submit article{
    /* margin-top: 30px; */
    padding-bottom:2%;
}
.submit article h2{
    /* font-family: 'oswald'; */
    /* color:#df1f26; */
    /* font-size:22px; */
    /* text-transform:uppercase; */
}
.submit article ul{
    background-color: #ffffff;
}
.submit article ul li a {
    color: #505050;
    font-family:roboto;
}
/**************     END OF SUBMIT   *************/
/**************     START OF CONTENT    *************/
.content article {
    padding-bottom: 200px;
}
.content article h2{
    /* font-family: 'oswald'; */
    /* color: #df1f26; */
    /* font-size: 22px;
    text-transform: uppercase;
    margin-top: 4%; */
}
.content .about-des{
    padding-left:7px;
    text-align:left;
    font-size: 14px;
    width: 100%;
    padding-left: 0;
    text-align: justify;
    line-height: 24px;
}
.content .about-des p a{
    color: #333333;
    font-weight: bold;
}
.content .about-des p a:hover{
    text-decoration: none;
    color:#df1f26;
}
.content article ul{
    background-color: #ffffff;
}
.content article ul li a {
    color: #505050;
    font-family: 'Roboto', sans-serif;
}
.content article ul li a:hover{
    color:red;
    text-decoration: none;
}

/**************     END OF CONTENT  *************/



/**************     START OF MAKING RESPONSIVE  *************/

@media (min-width:320px) and (max-width: 480px){
    .top-nav {
        display: none;
    }
    a.navbar-brand img{
        width: 100%;
        float: left;
    }
    footer section.address {
        background-color: #323433;
        position: relative;
        bottom: 0;
    }
    ul.bk-ul {
        width: 10%;
    }
    ul.text li {
        font-size: 13px;    
    }
    .copy {
        height: auto;
    }
}
@media (min-width:480px) and (max-width: 640px){
    
}
@media (min-width:640px) and (max-width: 767px){
    a.navbar-brand img {
        top: -48px;
    }
    footer section.address {
        background-color: #323433;
        position: relative;
        bottom: 0;
    }
    
}
@media (min-width:768px) and (max-width: 991px){
    .search-nav {
        display: none;
    }
    #xyz {
        padding:0;
    }
    #xyz ul {
        width: 45%;
        margin-top: 0px;
        float: left !important;
        font-size: 13px !important;
    }
    nav ul li a {
        padding: 15px 6px !important;  
        font-size: 13px !important;      
    }    
}
@media (min-width:992px) and (max-width: 1024px){
        
}
@media (min-width:1024px) and (max-width: 1170px){
    
}
@media (min-width:1024px) and (max-width: 1280px){
    
}
@media (min-width:1024px) and (max-width: 1280px){
    ul.text li {
        font-size: 13px;  
    }
    
}
@media (min-width:1280px) and (max-width: 1366px){
    
}
@media (min-width:1920px){
    
}

/**************     END OF MAKING RESPONSIVE  *************/