* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
body {
margin:0;
padding:0;
font-family:Georgia, "Times New Roman", Times, serif;
}
h1, h2, h3, h4, h5, h6, p {
margin:0;
padding:0;
}
ul, ol, li {
margin:0;
padding:0;
list-style:none;
}
a {
outline:none;
}
header, section, footer {
width:100%;
float:left;
}
.main-outer {
width:100%;
float:left;
}
.auto-container {
width:1020px;
margin:auto;
}

/*header-start*/
.main-header nav.navbar
{
background:#2f3239 !important;
float:left;
}
.main-header
{
margin-bottom:0px;
}
.header-outer {
width:100%;
float:left;
padding:15px 0 25px;
}
.header-leftbar {
width: 50%;
float: left;
padding-top: 25px;
}
.login-rightbar
{
float:right;
width:auto;
}
.login-links {
width: 100%;
float: left;
text-align:right;
padding: 15px 0 0 0;
}
.login-links a {
background-color:#f66a51;
padding:8px 25px;
color:#ffffff;
text-decoration:none;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
margin-left:10px;
text-transform: uppercase;
font-size: 12px;
font-family: 'Lato', sans-serif;
}
.login-links a:hover {
background-color:#000;
}
.header-rightbar {
width:400px;
float:right;
text-align:right;
margin-top:-11px;
padding-right:15px;
}
.login-outer {
width:auto;
display:inline-block;
}
.login-outer li {
display:inline-block;
}
.login-outer li a {
font-size: 12px;
color: #5b5b5b;
text-decoration: none;
text-transform: uppercase;
margin: 0 13px 0 0;
}
.my-account-outer {
width:auto;
display: inline-block;
background: #f1f1f1;
padding: 7px 15px 5px;
margin: 4px 0 0;
}
.my-account-outer li {
float:left;
}
.my-account-outer li a {
font-size: 12px;
color: #5b5b5b;
text-decoration: none;
text-transform: uppercase;
margin: 0 10px 0 0;
display: inline-block;
}
.my-account-outer li span {
display: inline-block;
background: #fff;
height: 22px;
width: 22px;
padding: 2px;
border-radius: 50px;
border: 1px solid #4bb87b;
text-align: center;
font-size: 12px;
color: #313131;
margin: -5px 0 0;
}
.navigation-outer {
width:100%;
float:left;
background: #2f3239; /* Old browsers */
background: -moz-linear-gradient(top, #2f3239 2%, #2f3239 51%, #2f3239 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #2f3239 2%, #2f3239 51%, #2f3239 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #2f3239 2%, #2f3239 51%, #2f3239 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bb875', endColorstr='#379859', GradientType=0 ); /* IE6-9 */
padding:0 18px 0 19px;
position:relative;
margin-bottom:7px;
}
.navbar .menu li a:hover {
background-color:#f66a51;
color:#fff;
}
.navbar li
{
padding:0 !important;
margin:0 !important;
}
.navbar li a
{
display: block;
text-decoration: none;
color: #fff !important;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
border-bottom: 1px solid #db8b8b;
font-size: 14px;
line-height:inherit !important;
text-transform: uppercase;
padding: 14px 25px !important;
font-family: 'Lato', sans-serif;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
background-color:transparent !important;
}
.dropdown-menu {
margin:0 !important;
}
header .nav .caret {
border-bottom-color: #fff !important;
border-top-color: #fff !important;
}
.navbar li a:hover
{
color: #fff !important;
background: #f3674e !important;
}
.dropdown-menu li a:hover {
color: #fff !important;
background: #f3674e !important;
}
header ul.nav li ul li a {
color: #000 !important;
padding: 6px 15px !important;
text-transform: uppercase;
border-bottom: 1px #00000059 solid !important;
}
header ul.nav li ul li:last-child a 
{
border-bottom:none !important;
}
.searchbar-outer {
width:285px;
float:right;
padding-top:6px;
}
.search-bar {
background:#fff;
border-radius:20px;
float:left;
width:100%;
}
.search-bar .search-field {
border: none;
width: 80%;
padding: 8px 0 8px 15px;
float: left;
border-radius: 20px !important;
font-size:12px;
color:#afafaf;
text-transform:uppercase;
font-family: 'Lato', sans-serif;
}
.search-bar .search-field:focus, .search-bar button:focus {
outline:none;
}
.search-bar button {
background: none;
border: none;
float: right;
width: 20%;
padding: 8px 0 6px;
cursor:pointer;
}
/* Mobile menu */
#menu-icon {
display: block;
position: absolute;
top: 19px;
left: 0em;
color: #fff;
text-decoration: none;
font-weight: bold;
cursor: pointer;
opacity: 1;
padding: 0 0.4em;
font-size: 30px;
}
#menu-icon:hover {
opacity: 0.85;
text-decoration: none;
border: none;
}
.navbar {
float: none;
max-height: 0;/*overflow: hidden;*/
/*-moz-transition: max-height 0.4s;
-o-transition: max-height 0.4s;
-webkit-transition: max-height 0.4s;
transition: max-height 0.4s;*/
}
.navbar .menu {
margin: 0;
padding: 0;
list-style-type: none;
}
.navbar .menu li {
list-style-type: none;
display: block;
}
.navbar .menu li a {
display: block;
text-decoration: none;
color: #fff;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
border-bottom: 1px solid #db8b8b;
font-size: 14px;
text-transform: uppercase;
padding:14px 25px;
font-family: 'Lato', sans-serif;
}
.wrap {
float: left;
width: auto;
margin:0;
}
.expand {
max-height: 30em;
}
@media only screen and (min-width: 768px) {
.logo {
margin-left: 0;
}
.logo, .navbar {
display: inline-block;
}
#menu-icon {
display: none;
}
.navbar {
max-height: none;
}
.navbar .menu li {
list-style-type: none;
display: inline-block;
text-align: center;
}
.navbar .menu li a {
display: block;
border-bottom: 0;
}
}
/* Mobile menu end*/
/*header-end*/

/*banner css start*/
.banner-outer {
background:url(banner-bg.jpg) no-repeat center top;
background-size:cover;
padding:55px 0 221px;
text-align:center;
}
.banner-outer h1 {
font-size: 55px;
color: #fff;
margin: 0 0 16px;
font-family: 'Raleway', sans-serif;
/*text-shadow: 2px 2px 5px #2f2f2f;*/
line-height: 61px;
text-transform:uppercase;
font-weight:900;
}
.banner-outer p {
font-size: 20px;
color: #fff;
text-transform: uppercase;
line-height: 27px;
font-family: 'Lato', sans-serif;
}
.fashion-accessories-outer {
width:100%;
float:left;
padding:25px 0 28px;
text-align:center;
}
.fashion-accessories-outer li {
float: none;
display: inline-block;
margin: 0 13px 0 0;
}
.fashion-accessories-outer li:last-child {
margin:0;
}
/*banner css end*/



/*****product starts*******/
.products-inner {
width:100%;
float:left;
}
.products-inner h2 {
font-size: 17px;
color: #272727;
text-transform: uppercase;
border-top: none;
border-bottom: 1px solid #f66a51;
padding: 10px 0 10px 15px;
font-family: 'Lato', sans-serif;
}
.product-con {
float: left;
width: 220px;
text-align: center;
padding: 0px 0 20px;
margin: 35px 46.5px 30px 0px;
}
.products-inner.sale-products {
padding-bottom: 38px;
}
.product-con02 {
margin-right:0px;
}
.product-con img {
width: 100%;
}
.product-con h3 {
color: #272727;
font-weight:900;
font-size: 12.54px;
text-transform: uppercase;
letter-spacing: 1px;
border-bottom: 1px solid #e9e9e9;
padding: 15px 0 8px;
font-family: 'Lato', sans-serif;
}
.product-con h4 {
color: #000000;
font-size: 24.54px;
text-transform: uppercase;
letter-spacing: 1px;
padding: 7px 0 7px;
font-family: 'Lato', sans-serif;
}
.product-con a {
background: #f66a51;
background: -moz-linear-gradient(top, #f66a51 0%, #f66a51 50%, #f66a51 100%);
background: -webkit-linear-gradient(top, #f66a51 0%, #f66a51 50%, #f66a51 100%);
background: linear-gradient(to bottom, #f66a51 0%, #f66a51 50%, #f66a51 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bb875', endColorstr='#f66a51', GradientType=0 );
color: #ffffff;
font-size: 11px;
text-transform: uppercase;
text-decoration: none;
padding: 8px 10px;
display: inline-block;
border-radius: 5px;
font-family: 'Raleway', sans-serif;
margin: 5px 0 0;
font-weight: 600;
letter-spacing: 0.5px;
}
.product-con a:hover {
background:#d03e24 !important;
}
/*****product ends*******/



/*product page css start*/
.product-decription-outer {
padding:10px 0 60px;
}
.breadcrum-outer {
width:100%;
float:left;
margin-bottom:20px;
}
.breadcrum-outer li {
float:left;
font-size:13px;
color:#f66a51;
font-family: 'Lato', sans-serif;
}
.breadcrum-outer li a {
font-size: 13px;
color: #2f3239;
text-decoration: none;
margin: 0 5px 0 0;
font-weight:600;
}
.duffle-leftbar {
width:80%;
float:left;
}
.duffle-rightbar {
width: 20%;
float: right;
text-align: right;
}
.duffle-rightbar li {
float:left;
width:100%;
margin-bottom:25px;
}
.product-slider-outer {
width:38%;
float:left;
text-align:center;
position:relative;
}
.product-slider-outer li {
float: none;
display: inline-block;
margin: 0 5px;
}
.product-slider-outer img {
margin: 0;
float: left;
width:100%;
}
.exzoom_nav_inner img {
left: 0 !important;
}
.decription-content h2 {
font-size:24px;
color:#272727;
text-transform:uppercase;
font-family: 'Lato', sans-serif;
margin:0 0 10px;
}
.decription-content h3 {
font-size: 24px;
color: #909090;
text-transform: uppercase;
font-family: 'Lato', sans-serif;
margin: 0 0 15px;
}
.decription-content p {
font-size: 14px;
color: #2f3239;
font-family: 'Lato', sans-serif;
line-height: 22px;
}
.decription-content h3 strong {
color:#f66a51;
}
.decription-content {
float: left;
width: 62%;
padding: 0px 0 0 20px;
}
.decription-content li {
float: left;
font-size: 14px;
color: #2f3239;
font-family: 'Lato', sans-serif;
width: 100%;
margin: 15px 0 0px;
}
.decription-content li strong {
font-weight:900;
}
.cart-button-outer {
width:100%;
float:left;
margin:20px 0 0;
}
.cart-button-outer li {
float:left;
width:auto;
margin:0;
}
.cart-button-outer li a {
background: #f66a51;
color: #fff;
font-size: 14px;
text-transform: uppercase;
display: inline-block;
padding: 13px 25px;
text-align: center;
text-decoration: none;
font-weight: 800;
border-radius: 5px;
margin: 0 15px 0 0;
}
.cart-button-outer li a img {
float: left;
margin: -1px 5px 0 0;
}
.cart-button-outer li:last-child a {
background:#2f3239;
}
.field-quality {
width: 30px;
text-align: center;
margin: 0 0 0 10px;
}
/*product page css end*/


/*****footer starts******/
.footer-outer {
background: #151515;
width: 100%;
float: left;
padding: 34px 40px 26px 25px;
}
footer li,
footer h4,
footer p
{
font-family: 'Poppins', sans-serif!important;
}
.footer01 {
width: 26%;
float: left;
padding: 0 20px;
}
.footer02 {
width: 22%;
}
.footer01 h2 {
color: #fff;
font-size: 15px;
border-bottom: 1px solid #444444;
text-transform: uppercase;
font-weight: 600;
padding: 0 0 11px;
letter-spacing: 1px;
font-family: 'Lato', sans-serif;
}
.footer01 li a {
color: #a7a7a7;
font-size: 14px;
text-decoration: none;
background: url(../images/footer-left-arrow.png) no-repeat left 3px;
padding: 0 0 0 10px;
font-family: 'ProximaNova-Regular', "Times New Roman", Times, serif;
}
.footer01 li a:hover {
color:#fff;
}
.footer01 li {
padding: 10px 0;
}
.contact-footer li a {
background: none;
}
.contact-footer li span {
color: #fff;
font-size: 17px;
float:;
float: left;
margin: 0 3px 0 0px;
}
.copyright-outer {
width: 100%;
float: left;
font-size: 11px;
color: #575757;
text-transform: uppercase;
padding: 25px 0;
letter-spacing: 1px;
font-family: 'Lato', sans-serif;
}
.owl-nav {
display: block !important;
position: absolute;
top: -50px;
right: 8px;
}
.owl-nav span, .owl-dots {
display: none;
}
.owl-prev {
width: 23px;
height: 23px;
background: url(../images/slider-arrow-left.png) no-repeat top center !important;
outline:none;
}
.owl-next {
width: 23px;
height: 23px;
background: url(../images/slider-arrow-right.png) no-repeat top center !important;
outline:none;
}
.thumb {
position:relative;
}
.thumb:after {
content:"";
width:47px;
height:20px;
background:url(../images/products-offer.png) left top no-repeat;
position:absolute;
left:-3px;
top:16px;
}
.sale-products .thumb:after {
content:"";
width:47px;
height:20px;
background:url(../images/sale-offer.png) left top no-repeat;
position:absolute;
right:-3px;
top:16px;
left:inherit;
}
/*****footer ends******/


/*zoom effect css start*/
#exzoom {
width: 310px;
height: 490px;
}
.hidden {
display: none;
}
.exzoom_zoom_outer {
height: 380px !important;
width: 100% !important;
left: 0 !important;
}
.zoom-image {
position: absolute;
bottom: -2px;
right: 0;
z-index: 9999999;
}
/*zoom effect css end*/	

/*tabs css start*/	
.tabs-outer {
width: 100%;
float: left;
margin: 40px 0 0;
padding:0 20px 0 0
}
ul.tabs {
float: left;
list-style: none;
height: 39px;
width: 100%;
border-radius: 8px 0 -50px 0;
margin: 0;
padding: 0;
}
ul.tabs li {
float: left;
height: 40px;
line-height: 40px;
border: 1px solid #f2f2f2;
overflow: hidden;
position: relative;
background: #f2f2f2;
margin: 0 5px -1px 0;
padding: 0;
}
ul.tabs li a {
text-decoration: none;
color: #272727;
display: block;
font-size: 14px;
outline: none;
padding: 0 20px;
font-family: 'Lato', sans-serif;
text-transform: uppercase;
font-weight: 600;
}
ul.tabs li a:hover {
background:#e8e8e8;
}
html ul.tabs li.active, html ul.tabs li.active a:hover {
background:#fff;
border-bottom:1px solid #fff;
}
.tabContainer {
border:1px solid #f2f2f2;
overflow:hidden;
clear:both;
float:left;
width:100%;
background:#fff;
}
.tabContent {
padding:20px;
}
.tabContent h2 {
font-size:18px;
color:#f66a51;
text-transform:uppercase;
font-family: 'Lato', sans-serif;
font-weight:500;
margin:0 0 15px;
}
.tabContent p {
font-size: 14px;
color: #2f3239;
font-family: 'Lato', sans-serif;
font-weight: 500;
margin: 0 0 10px;
line-height: 20px;
}
/*tabs css end*/
#sub-footer
{
background-color:#fff !important;

text-align:left !important;
text-transform: uppercase;
}
#sub-footer p
{
text-align:left !important;
font-size: 11px;
color: #575757;
}
input#Button1 {
    background: #f2664d!important;
    background: -moz-linear-gradient(top, #f2664d 0%, #f2664d 50%, #f2664d 100%)!important;
    background: -webkit-linear-gradient(top, #f2664d 0%, #f2664d 50%, #f2664d 100%)!important;
    background: linear-gradient(to bottom, #f2664d 0%, #f2664d 50%, #f2664d 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bb875', endColorstr='#f2664d', GradientType=0 )!important;
    color: #ffffff;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 9px 10px 8px;
    font-family: 'Raleway', sans-serif;
    margin: 0;
    font-weight: 600;
    width: 100px !important;
    display: inline-block;
    letter-spacing: 0.5px;
    border: 1px #f2664d solid !important;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
input#Button1:hover
{
background: #d03e24 !important;
}
footer .widget ul.link-list > li::before
{
display:none !important;
}
.fa-angle-right
{
margin-right:10px;
}
.navbar .nav > li > a
{
border: none !important;
}
.navbar
{
border:none !important;
}
footer .widget ul.link-list > li
{
background:url(arrow-right.png) left 9px  no-repeat;	
}
header .nav li a.dropdown-toggle:focus
{
background-color:#f3674e !important;
color:#fff !important;
}
.viewcart-cart {
float: right;
width:100%;
text-align:right;
margin-top: 5px;
}
.viewcart-cart li
{
display:inline-block;
margin-right:10px;
font-family: 'Poppins', sans-serif!important;
}
.viewcart-cart li a
{
font-size:15px;
color:#000;	
}
.viewcart-cart li:first-child {
padding-top: 5px;
position: relative;
top: 3px;
}
.viewcart-cart li a:hover
{
color:#f3674e !important;
}



/*Prodcut page css*/
.exzoom .exzoom_btn a {
top: 25px !important;
}
.product-section
{
padding-top:60px;
}
.panel-default>.panel-heading {
padding: 0;
border: none;
}
.panel-body {
padding: 0;
}
.addcart-inner
{
padding:0;
width:100%;
float:left;
text-align:center;
}
.addcart-button {
background: #f66a51;
background: -moz-linear-gradient(top, #f66a51 0%, #f66a51 50%, #f66a51 100%);
background: -webkit-linear-gradient(top, #f66a51 0%, #f66a51 50%, #f66a51 100%);
background: linear-gradient(to bottom, #f66a51 0%, #f66a51 50%, #f66a51 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bb875', endColorstr='#f66a51', GradientType=0 );
color: #ffffff;
font-size: 11px;
text-transform: uppercase;
text-decoration: none;
padding: 8px 10px;
display: inline-block;
border-radius: 5px;
font-family: 'Raleway', sans-serif;
margin: 5px 0 0;
font-weight: 600;
letter-spacing: 0.5px;
}
.addcart-button:hover {
	color:#fff !important;
background:#d03e24 !important;
}
.tabs-outer strong
{
font-size:17px;
color:#000;
}
.tabs-outer span {
font-size: 15px;
color: #f56950;
font-weight: bold;
}
/*Prodcut page css*/
.card {
margin-bottom: 0 !important;
}
.panel.panel-default
{
height:auto !important;
}