@import url('https://fonts.googleapis.com/css?family=Lemon|Open+Sans:400,600');
@import 'font-awesome.css';

@import url('https://fonts.googleapis.com/css?family=Poppins:400,600');

@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,500,700');



@import 'font-awesome.css';

/* Clear CSS */
.clearfix { }
.clear { clear:both;}
.clearfix:after{ content: "."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}

p, body, div, h1, h2, h3, h4, h5, h6, form, input, button, select, label { margin:0px; padding:0px;}

.hover { 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;}

Fontstyle { font-family: 'Lemon', cursive; font-family: 'Open Sans', sans-serif;}

/*-----------------------------Common CSS END-----------------------------*/

body { background:#fff; font-family: 'Open Sans', sans-serif; font-size:13px; font-weight:400; color:#494949; word-wrap:break-word;}

.head-top { background:#000;}
#logo { padding:1px 0px; margin-top:7px;}

.headermaintop { background: #e52b50; padding:8px 8px 0px;}

.headermaintop ul.top-contact { text-align:left;}

.headermaintop ul.top-contact li { list-style: none; float: left; color: #fff; font-size: 12px; margin-right: 15px; line-height: 28px;}

.headermaintop ul.top-contact li i { color: #fff; font-size: 14px; width: 28px;
height: 28px;
line-height: 28px;
text-align: center;}

.headermaintop ul.top-contact li a { color: #fff; font-size: 12px;}

.headermaintop ul.top-social { text-align: right;}

.headermaintop ul.top-social li { display: inline-block; padding: 0 3px;}

.headermaintop ul.top-social li a i { background: #e52b50; color: #fff; width: 28px; line-height: 28px; border-radius: 3px; text-align: center;}

.headermaintop ul.top-social li a:hover i { background: #fff; color:#e52b50; transform: rotate(360deg);}

.top-call { background:#292a2e; padding:18px; text-align:center}
.top-call h2 { color:#fff; display:inline-block; font-size:20px; color:#e52b50; margin-right:15px; line-height:30px;}
.top-call span { display:inline-block}
.top-call span a { background:#fff; width:30px; height:30px; display:inline-block; border-radius:100%; text-align:center; color:#292a2e; 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;}
.top-call span a i { line-height:30px; font-size:16px}
.top-call span a:hover { background:#e52b50; color:#e52b50;}
.top-call p { color:#929292; padding-top:8px;}
.top-call p a { color:#fff;} .top-call p a:hover { text-decoration:underline;}

.bassea { position:relative; margin:0; padding:0; list-style:none; margin:0px; }
.bassea li { list-style:none; float:left;}
.bassea li a { background:#222; display:block; line-height:50px; padding:15px 30px; color:#fff;}
.bassea li a:hover { background:#e52b50;}
.bassea li a.s-tri { background:#e52b50; color: #fff; }
.bassea li a.s-tri:hover { background:#222;}
.bassea li a i { font-size:18px;}

.search-box{ display:none; position:absolute; width:279px; right:0; top:100%; z-index:99; background:#222; padding:10px;}
#frm_search .form-control { border-radius:0; border:none; background:#515151; color:#999; font-size:13px; float:left;}
#frm_search .btn-default { border-radius:0; background:#e52b50; color:#fff; border:none; float:left; padding:7px 12px;}

.navbar-default { border:none; margin:0;}
.navbar-default .navbar-nav > li > a { margin:0 2px; font-size:14px; text-transform:uppercase; color:#fff; line-height:25px; 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; }
.navbar-default .navbar-nav > li:hover > a { background:#e52b50; color:#fff;}

.navbar-collapse {
    padding-bottom: 20px;
}
.dropdown-menu{
	display:none;
	position:absolute;
	left:0 !important;
	margin:0;
	padding:0;
	list-style:none;
}
.dropdown-menu li{
position:relative;
}
.dropdown-menu > li > a { font-size:13px; border-bottom:1px solid #ccc; padding:8px 10px; 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;}
.dropdown-menu > li:hover > a { background:#008700; color:#fff;}
.sub-menu { background:#f1f1f1;}
.sub-menu > li:hover > a { background:#e52b50; color:#fff;}

.dropdown-menu > li:last-child > a { border:none;}
.navbar-nav > li:hover .dropdown-menu { display:block;}

.sub-menu { display:none !important; box-shadow:none; left:100% !important; top:0 !important; border-radius:0; padding-top:0 !important;}
.dropdown-menu li:hover .sub-menu { display:block !important;}
.carousel-control{ background:none !important;}
.basrt{ font-weight:bold; float:left; padding-left:10px;}
.fixednav{ position:fixed; z-index:999; width:100%; top:0;}

section.welcome-bg { padding: 20px 0;}
.welcome-note { text-align:center;}
.welcome-note h2, section.featured-bg h2 { text-transform:uppercase; margin:15px 0; text-align:center}
.welcome-note h2, section.featured-bg2 h2 {  margin:15px 0; text-transform:uppercase; text-align:center}
.welcome-note h2 span, section.featured-bg2 h2 span { color:#e52b50;}
.welcome-note h2 span, section.featured-bg h2 span { color:#e52b50;}
.welcome-note p { font-size:1.2em; line-height:1.8em; margin-bottom: 10px;}
.welcome-note i { padding:0px 10px; font-size:24px; color:#e52b50;}
.welcome-note a { font-size:1.2em; color:#e52b50; font-weight:600;}
.welcome-note a:hover { color: #e52b50; text-decoration: none;}


section.featured-bg {}
.prd-box { background:#fff; border-right:3px double #ccc; padding:8px; margin-bottom:15px;}
.prd-box .prd-img { vertical-align:middle; display:table-cell; overflow: hidden; height:270px;}
.prd-box:hover .prd-img img { transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);}
.prd-box .prd-name { padding-top:12px;}
.prd-box .prd-name div { float:left; text-align:left;}
.prd-box .prd-name div h5 { font-weight:600; margin-bottom:5px;}
.prd-box .prd-name div p { color:#e52b50;}
.prd-box .prd-name button { float:right; background:#e52b50; border:none; padding:8px 14px; font-size:16px; color:#e52b50; border-radius:3px;}
.prd-box .prd-name button:hover { background:#222; color: #fff;}

.cat-box a { vertical-align:middle; display:table-cell; overflow: hidden; transition: all 0.5s ease-in-out 0s;}
.cat-box a:hover { transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);}

.cat-box h2 a { background:#e52b50; font-size:24px; line-height:50px; color:#fff; display:block;}

.p-banner { display:block;}
.p-banner h2 { text-align:center; padding:15px 0; color:#222; font-family: 'Lemon', cursive; font-size:42px; text-shadow:0 0 3px rgba(255,255,255,0.7)}

.content-text { line-height:22px; min-height: 450px;}
.content-text h3 { margin-bottom:15px;}
.content-text a { color: #e52b50;}
.form_container .form-control { margin-bottom:10px; border-radius:0;}
.form_container .form-control:focus, .form_container .form-control:hover { border-color:#e52b50; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(252, 157, 34, 0.6)}
.form_container .btn-success { background:#e52b50; font-weight:600; text-transform:uppercase; border-radius:0; border: none;}
.form_container .btn-success:hover { background:#222; border-color:#666;}

.prd-page { padding:15px 0 10px;}
.pagination { clear:both; margin:10px 0;}
.pagination a { background:#e52b50; padding:4px 8px; font-size:11px; text-decoration:none; color:#fff; transition: all 0.5s ease-in-out 0s; font-weight:600; border-radius:3px; color:#fff}
.pagination a:hover, .Pagination a.paging_act { background:#222;}

.large-img { background:#fff; border:3px double #ccc; padding:20px 0;}

.prd-details { margin-top:10px;}
.prd-details h3 { font-family: 'Lemon', cursive; color:#e52b50; margin-bottom:10px; }
.prd-details h4 { font-size:14px; font-weight:600; margin-bottom:10px;}
.prd-details h4 span { color:#e52b50;}
.prd-details .prd-desc { margin-bottom:10px; min-height:100px;}
.prd-details .prd-desc span { color:#e52b50; font-weight:600;}
.prd-details .prd-opt { margin-bottom:10px;}
.prd-details .prd-opt label { width:20%; text-align:left; color:#e52b50; font-weight:600;}
.prd-details .prd-opt .form-control { width:80%;}
.prd-details button { margin-bottom:15px; background:#e52b50; border-color:#e52b50; text-transform:uppercase; font-weight:600}
.prd-details button:hover { background:#222; border-color:#222;}

.CartInfo {  min-height:400px; margin:0; padding:0;}
.CartInfo table { border-collapse:collapse; border-left:1px solid #ddd; 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:#e52b50; 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 .image img { border:1px solid #ddd; }
.CartInfo tbody td input[type="text"] { width:50%; text-align:center;}
.CartInfo tbody .productd h4 { font-weight:600; margin-bottom:10px; font-size:14px;}
.CartInfo tbody .productd h5 { font-size:12px; color:#e52b50; margin-bottom:5px;}
.CartInfo tbody .form-control { border-radius:0;}
.CartInfo tbody .form-control:focus { border-color:#e52b50; box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 166, 8, 0.6)}
.CartInfo tbody .btn-success { background:#e52b50; border-color:#e52b50; text-transform:uppercase; font-weight:600; width:50%; margin-top:4px; border-radius:0; padding:4px 0}
.CartInfo tbody .btn-success:hover { background:#222; border-color:#222;}
h2.Total { text-align:right; font-family: 'Lemon', cursive; color:#222; padding-bottom:15px;}
h2.Total span { color:#e52b50}
.submit-btn { float:right;}
.submit-btn a { background:#e52b50; color:#fff; padding:5px 10px; text-decoration:none; font-weight:600; text-transform:uppercase;}
.submit-btn a:hover { background:#222;}

section.why-choose { margin-top: 20px;}
section.why-choose .best-price { background: #e68f1e;}
section.why-choose .best-quality { background: #ec9423;}
section.why-choose .f-ship { background: #f49c2b;}
section.why-choose .c-label { background: #e52b50;}
section.why-choose .center-text { color: #e52b50; text-align: center; padding-top: 20px; padding-bottom: 20px;}
section.why-choose .center-text i { font-size: 28px; color: #fff;}
section.why-choose .center-text h3 { font-family: 'Lemon', cursive;  font-size: 16px; margin: 5px 0}
section.why-choose .center-text p { margin: 0; font-size: 11px; padding: 0; font-weight: 400; color: #242424;}

.cd-top { display:inline-block; height:40px; width:40px; text-align:center; font-size:16px; color:#0d0d0c; background:#e52b50; 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:9999; border-radius: 3px;}

.cd-top:hover { background:#e52b50; color:#fff;}

.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:#e52b50; opacity:1; color:#fff;}



footer { background: #1f1f1f; width: 100%; padding: 40px 0; overflow: hidden;}

footer h2 { font-size: 18px; font-weight: 600; text-transform: uppercase; color: #fff; margin: 0 0 20px; padding: 0;}

footer ul.contact { margin: 0; padding: 0}

footer ul.contact li { list-style: none; padding: 5px 0; color: #fff; font-size: 12px;}

footer ul.contact li:not(:last-child) { border-bottom: 1px solid #6b6b6b;}

footer ul.contact li i { font-size:14px; color:#e52b50; width:30px; height:30; line-height:30px; text-align:center;}

footer ul.contact li .icon { color: #e52b50; font-size: 20px; flex: 0 0 30px}

footer ul.contact li a { color: #fff; transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s;}

footer ul.contact li a:hover, footer ul.f-links li a:hover { color: #e52b50;}

footer ul.f-links { margin: 0; padding: 0;}

footer ul.f-links li { list-style: none; margin-bottom: 12px;}

footer ul.f-links li a { color: #fff; font-size: 12px; transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s;}

footer ul.f-links li a:hover { padding-left: 5px;}

.newsletter { }

.newsletter input { background:#fff; border-radius:3px; width:100%; height:42px; font-size:12px; font-weight:400; color:#e52b50; padding:0px 15px; border:none; box-shadow:none; margin-bottom: 15px;}

.newsletter button { background:#e52b50; height:42px; width:100%; text-align:center; color:#0d0d0c; font-size:14px; font-weight:600; border-radius:3px; text-transform:uppercase; font-family: 'Open Sans', sans-serif; border:1px solid #e52b50;}

.newsletter .s-form { padding:0px 7.5px;}

.newsletter button:hover { background:transparent; color:#fff;}

.newsletter #frm_newsletter { margin-bottom: 20px;}

section.copy-rights { background: #0d0d0c; padding: 15px 0;}

section.copy-rights p { color: #fff; margin: 0; padding: 0; font-size: 12px; line-height: 26px;}

section.copy-rights p a { color: #e52b50;}

section.copy-rights p a:hover { text-decoration: underline;}

section.copy-rights .copyr { text-align: left;}

section.copy-rights .powered { text-align: right;}



.News { font-size:12px; margin-bottom:8px; color: #fff;}

.News span { color:#e52b50; font-size: 13px; font-weight: 600;}

section.why-choose .best-price { background: #fff;}

section.why-choose .best-quality { background: #fff;}

section.why-choose .f-ship { background: #fff;}

section.why-choose .c-label { background: #fff;}

section.why-choose .center-text { color: #000; text-align: center; padding-top: 20px; padding-bottom: 20px;}

section.why-choose .center-text i { font-size: 28px; color: #e52b50;}

section.why-choose .center-text h3 {  font-size: 18px; margin: 5px 0}

section.why-choose .center-text p { font-family: 'Ubuntu'; margin: 0; font-size: 11px; padding: 0; font-weight: 400; color: #333;}

section.ps-types { background: #e52b50; padding: 40px 0;}

section.ps-types h2 { font-size: 22px; color: #000; font-weight: 600; text-transform: uppercase; margin: 0 0 15px;}

section.ps-types a { background:#000; color:#fff; text-decoration:none; line-height:50px; display:block; text-align:center; transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s;}
section.ps-types a:hover { background:#fff; color:#000;}

section.ps-types img { margin: 0 auto; display: block;}

section.welcomebg {
    background-image: url(../images/about-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;
    padding: 60px 0;
}

.blackshort { background:#00000075; width:100%; padding:60px; height:200px; margin-top:150px;}
.blackshort p { color:#fff; line-height:60px;}

section.fitnessbg {
    background-image: url(../images/fitnessbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden; min-height:550px;
}

section.welcomebg .aboutbg h5 {
    color: 
    #000;
    line-height: 50px;
    font-size: 32px; text-transform:uppercase;
}

section.welcomebg .aboutbg p {
    line-height: 26px;
    font-size: 13px;
    margin-bottom: 20px;
}

.yellow-btn {
    border: none;
    background: 
    #e52b50;
    font-size: 13px;
    width: 150px;
    line-height: 50px;
    display: inline-block;
    border-radius: 50px;
    text-align: center;
    position: relative;
    z-index: 11;
    color: #161515;
    cursor: pointer;
    font-weight: 500;
}

.yellow-btn::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50%;
    background: 
    #161515;
    transition: all 0.3s linear;
    opacity: 0;
    z-index: -1;
    border-radius: 50px; color:#fff; text-decoration:none;
}

.yellow-btn:hover::before {
    opacity: 1;
    width: 100%;
}

.inner-pages { padding: 30px 0; background: #fff; min-height: 450px;}

.page-text p { line-height:28px;}

.contact-map { margin-bottom: 20px;}

.page-header-4 {

/*

  background: url(../images/page-img.jpg) no-repeat;

  background-size: cover;

  background-position: center center;

*/

  color: white;

}

.page-header-4 .overlay {
  padding: 20px 0;
      background-image: url(../images/prdBG.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden; min-height:250px;
}


.page-header-4 .page-header-title {

  font-size: 26px; margin: 0;

  text-transform: uppercase;

  font-weight: bold;

  display: inline-block;

  position: relative; color: #FFF;

}

.page-header-4 .page-header-title:after {

  content: '';

  width: 43px;

  height: 2px;

  background: #fff;

  margin-left: 10px;

  margin-bottom: 2px;

}

.page-header-4 .page-header-breadcrumb {

  

  font-size: 12px;

  margin-left: 10px;

  display: inline-block;

}

.page-header-4 .page-header-breadcrumb a {

  color: #FFF;

}

.page-header-4 .page-header-breadcrumb a:hover { text-decoration: none;}

.footer-4 {

  background: #19191e;

  color: white;

  font-size: 14px;

  padding: 115px 0 55px;

  position: relative;

}

.mobile-left { display: none;}



.LefMenu li.MainLeftCats { list-style:none; margin-bottom:3px; transition: all 0.3s ease-in-out 0s; position:relative;}

.LefMenu li.MainLeftCats a { background:#000; display:block; color:#fff; font-weight:600; font-size:14px; text-decoration:none; text-transform:uppercase; padding:14px 15px; text-align:left; border-radius:5px; transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s;}

.LefMenu li.MainLeftCats a:hover, .LefMenu li.MainLeftCats a.active { background:#e52b50; color:#0d0d0c;}

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

.submenu ul li { list-style:none;}

.submenu ul li a { color:#151414; font-size:12px; line-height:24px; text-decoration:none; display:block; padding:0px; margin-bottom:2px; border-bottom:1px solid #ccc; font-family: 'Open Sans', serif; font-weight:400; transition:all 0.5s ease-in-out 0s; -moz-transition:all 0.5s ease-in-out 0s; -ms-transition:all 0.5s ease-in-out 0s; -webkit-transition:all 0.5s ease-in-out 0s; -o-transition:all 0.5s ease-in-out 0s;}

.submenu ul li:last-child a { border:none;}

.submenu ul li a:hover, .submenu ul li a.active { color:#072062; padding-left:5px;}

.submenu ul li a span { margin-right:3px; display:inline-block;}

@media (min-width: 768px) and (max-width: 991px) {
.newsletter input { width:80%;}
.cat-box .cat-hover { padding:30% 0;}
}

@media screen and (max-width: 992px) {
.navbar-toggle { margin:8px 0 0;}		
}


@media only screen and (max-width:480px){
	.hidden-480{display:none!important}
	#logo { padding:10px 0px;}
	#logo img { margin: 0 auto;}
	.bassea li a { padding:8px 20px; line-height:34px;}
	.form-group { margin-bottom:0;}
	#frm_search .form-control { width:85%;}
	.navbar-toggle { float:left;}
	.navbar-default .navbar-toggle .icon-bar { background-color: #e52b50;}
	.navbar-default .navbar-toggle { border-color: #e52b50;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #e52b50; color: #e52b50;}
	.navbar-default .navbar-nav > li > a { line-height:normal;}
	.dropdown-menu, .sub-menu{position:relative;width:100%;box-shadow:none;text-align:center;border-left:0;border-right:0;left:inherit !important;top: 0px !important;float:unset;}
	.welcome-note  { width:100%;}
	.welcome-note p { font-size:1em;}
	.welcome-note i { padding:0 5px; font-size:16px;}
	.cat-box { margin-bottom:15px;}
	.cat-box .cat-hover { padding:30% 0;}
	.f-contact, .newsletter { border-bottom:1px solid #444; padding-bottom:15px; margin-bottom:15px;}
	.p-banner h2 { font-size:28px;}
	table.ShopCart td, table.ShopCart th { border-right: 0 none;display: block !important;float: none !important;text-align: left !important;width: auto !important;}
	table.ShopCart tr td:before {content: attr(data-label);float: left;font-weight: bold;text-align: left;white-space: nowrap;width: 50%;}
	table.ShopCart tr td {text-align: right;display: block;min-height: 20px;border-left: none;background: none;}
	table.ShopCart thead { display: none; }	
	.CartInfo tbody .btn-success { float:right;}
	.CartInfo tbody .productd div { float:left;}
	
}