@font-face {
    font-family: 'aller_bold';
    src: url('fonts/fontaller_bold.eot');
    src: url('fonts/aller_bold.eot') format('embedded-opentype'),
         url('fonts/aller_bold.woff2') format('woff2'),
         url('fonts/aller_bold.woff') format('woff'),
         url('fonts/aller_bold.ttf') format('truetype'),
         url('fonts/aller_bold.svg#aller_bold') format('svg');
}
@font-face {
    font-family: 'aller_light';
    src: url('fonts/aller_light.eot');
    src: url('fonts/aller_light.eot') format('embedded-opentype'),
         url('fonts/aller_light.woff2') format('woff2'),
         url('fonts/aller_light.woff') format('woff'),
         url('fonts/aller_light.ttf') format('truetype'),
         url('fonts/aller_light.svg#aller_light') format('svg');
}
@font-face {
    font-family: 'aller_regular';
    src: url('fonts/aller_regular.eot');
    src: url('fonts/aller_regular.eot') format('embedded-opentype'),
         url('fonts/aller_regular.woff2') format('woff2'),
         url('fonts/aller_regular.woff') format('woff'),
         url('fonts/aller_regular.ttf') format('truetype'),
         url('fonts/aller_regular.svg#aller_regular') format('svg');
}
@font-face {
    font-family: 'MontserratBold';
    src: url('fonts/MontserratBold.eot');
    src: url('fonts/MontserratBold.eot') format('embedded-opentype'),
         url('fonts/MontserratBold.woff2') format('woff2'),
         url('fonts/MontserratBold.woff') format('woff'),
         url('fonts/MontserratBold.ttf') format('truetype'),
         url('fonts/MontserratBold.svg#MontserratBold') format('svg');
}
@font-face {
    font-family: 'MontserratRegular';
    src: url('fonts/MontserratRegular.eot');
    src: url('fonts/MontserratRegular.eot') format('embedded-opentype'),
         url('fonts/MontserratRegular.woff2') format('woff2'),
         url('fonts/MontserratRegular.woff') format('woff'),
         url('fonts/MontserratRegular.ttf') format('truetype'),
         url('fonts/MontserratRegular.svg#MontserratRegular') format('svg');
}


@font-face{font-family:'RalewaySemiBold';src:url('fonts/RalewaySemiBold.eot');src:url('fonts/RalewaySemiBold.eot') format('fonts/embedded-opentype'), url('fonts/RalewaySemiBold.woff2') format('woff2'), url('fonts/RalewaySemiBold.woff') format('woff'), url('fonts/RalewaySemiBold.ttf') format('truetype'), url('fonts/RalewaySemiBold.svg#RalewaySemiBold') format('svg');}
@font-face{font-family:'RalewayRegular';src:url('fonts/RalewayRegular.eot');src:url('fonts/RalewayRegular.eot') format('embedded-opentype'), url('fonts/RalewayRegular.woff2') format('woff2'), url('fonts/RalewayRegular.woff') format('woff'), url('fonts/RalewayRegular.ttf') format('truetype'), url('fonts/RalewayRegular.svg#RalewayRegular') format('svg');}

@font-face{font-family:'RalewayMedium';src:url('fonts/RalewayMedium.eot');src:url('fonts/RalewayMedium.eot') format('embedded-opentype'), url('fonts/RalewayMedium.woff2') format('woff2'), url('fonts/RalewayMedium.woff') format('woff'), url('fonts/RalewayMedium.ttf') format('truetype'),
url('fonts/RalewayMedium.svg#RalewayMedium') format('svg');}
/*!
 * Start Bootstrap - Stylish Portfolio Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */
@import url("../font/willsfont.css");
html,
body {
    width: 100%;
    height: 100%;
}

body {
    font-family: "AllerLightRegular","Helvetica Neue",Helvetica,Arial,sans-serif;
}

a, a:before{-webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
	outline: none!important; color: #666;
}
h1,h2,h3{ padding: 0; margin: 0}
.text-vertical-center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.text-vertical-center h1 {
    margin: 0;
    padding: 0;
    font-size: 4.5em;
    font-weight: 700;
}


/*~header~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.header{ float:left; width:100%; height:74px; line-height:74px;}
a.logo{ float:left; margin:0px; padding:0px;}

ul.main-menu{ display:inline-block; margin:0; padding:0 22% 0 8%; list-style-type:none;}
ul.main-menu li{float:left;}
ul.main-menu li a{float:left;font-size:14px; color:#959595; text-transform:uppercase; padding:0 30px;}
div.shop-online{ display:inline-block; padding:10px 0; vertical-align:top;}
a.shop-btn{ display:inline-block; width:180px; height:50px; line-height:50px; text-align:center; font-size:12px; color:#fff; border-radius:30px;  background:#c91923;}

/* Custom Button Styles */
.btn-dark {
    border-radius: 0;
    color: #fff;
    background-color: rgba(0,0,0,0.4);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #fff;
    background-color: rgba(0,0,0,0.7);
}

.btn-light {
    border-radius: 0;
    color: #333;
    background-color: rgb(255,255,255);
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
    color: #333;
    background-color: rgba(255,255,255,0.8);
}

/* Custom Horizontal Rule */

hr.small {
    max-width: 100px;
}

/* Side Menu */

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    right: 0;
	top: 0;
    width: 250px;
    height: 100%;
    margin-right: -250px;
    overflow-y: auto;
    background: #222;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	padding-top: 15px
}

.sidebar-nav {
    position: relative;
    top: 0;
    width: 250px;
    margin: 0 0 15px 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 26px;
	color: #fff
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 55px;
    font-size: 18px;
    line-height: 55px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

#menu-toggle {
    z-index: 100;
    position: fixed;
    top: 0;
    right: 0;
	padding: 5px 10px
}
#menu-close{ padding: 5px 10px; z-index:200}
#sidebar-wrapper.active {
    right: 250px;
    width: 250px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.toggle {
    margin: 5px 5px 0 0;
}

#sidebar-wrapper.active .toggle{ margin: 0 10px 0 0}
/* Header */

.header {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../img/bg.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
/* khem */
.main-menu li.collection:hover .sec-menu{display:block;-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;}
.main-menu .sec-menu{
   display:none; clear: both;width: 100%;background: #c91923;height: 100%;margin: 0;padding: 0;position:relative;z-index: 999;-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.main-menu .sec-menu li{width: 100%;display: block; float:none;line-height: normal;}
.main-menu .sec-menu li a{text-decoration: none;color:#fff;font-size:13px;display: block;width:100%;background: #c91923;padding:16px 13px 16px 5px;border-bottom: 1px dotted #fff;position:relative;}

 .mob-sec-menu{display:none;clear: both;width: 100%;background: #c91923;height: 100%;margin: 0;padding: 0;position:relative;z-index: 999;-webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s; list-style-type: none;}
 .nav-list .mob-sec-menu li{margin:0px;color:#fff;list-style-type: none;line-height: 40px;}
 .nav-list .mob-sec-menu li a{font-size: 13px;font-weight: normal;}
 .nav-list .mob-sec-menu li a:hover{color:#fff;text-decoration: :none;}
 a.mob-collection{position: relative;}
 a.mob-collection:before{
    content:"\00BB";font-size:14px; color:#fff;position:absolute;top:0px;right:-12px;
 }

 .mob-sec-menu.active{display: block;}

/* About */

.about {
    padding: 50px 0;
}

/* Services */

.services {
    padding: 50px 0;
}

.service-item {
    margin-bottom: 30px;
}

/* Callout */

.callout {
    display: table;
    width: 100%;
    height: 400px;
    color: #fff;
    background: url(../img/callout.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/* Portfolio */

.portfolio {
    padding: 50px 0;
}

.portfolio-item {
    margin-bottom: 30px;
}

.img-portfolio {
    margin: 0 auto;
}

.img-portfolio:hover {
    opacity: 0.8;
}

/* Call to Action */

.call-to-action {
    padding: 50px 0;
}

.call-to-action .btn {
    margin: 10px;
}

/* Map */

.map {
    height: 500px;
}

.skdslider{ overflow: hidden}

.left-nav{ position: fixed; left: 0; top: 0; height: 100%; width: 180px; background: #c2181b; z-index: 100;     -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;}
.left-nav .wills_logo{ text-align: center; padding: 5px 15px;}
.left-nav .wills_logo img{ max-width: 100%}
.left-nav nav{ padding: 50px 0 0 0}
.left-nav ul{ padding: 0 0 0 24px; margin: 0; list-style: none}
.left-nav ul li{margin: 0 0 5px 0; padding: 0}
.left-nav ul li a{ color: #fff; position: relative; padding: 0 0 0 20px; text-decoration: none; }
.left-nav ul li a:hover{ -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; }
.left-nav ul li a:before{ content: ''; position: absolute; left: 0; top: 5px; background-color: #fff; border: solid 2px transparent; width: 10px; height: 10px; border-radius: 50%}
.left-nav ul li a:hover:before{ background-color: transparent; border: solid 3px #fff; width: 15px; height: 15px; left: -2px; top: 3px;}
.left-nav .socialdiv{ position: absolute; left: 0; bottom: 130px; width: 100%;}
.left-nav .socialdiv ul{ margin: 0; padding: 0; list-style: none}
.left-nav .socialdiv ul li{ padding: 0; margin: 0 0 10px 0}
.left-nav .socialdiv ul li a:before{ display: none}
.left-nav .socialdiv ul li a i{ border-radius: 50%; width: 25px; height: 25px; background: #fff; color: #c8242a; text-align: center; font-size: 20px; line-height: 25px;  -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }
.left-nav .socialdiv ul li a:hover i{ background: #000; color: #fff; transform: rotate(-360deg)}
.left-nav .itclogo{ text-align: center; position: absolute; left: 0; bottom: 0; width: 100%; background-color: #231f20}
.icon-small{ display: none}
.left-nav.smallwidth{ width: 60px;}
.left-nav.smallwidth .icon-small{ display: inline-block}
.left-nav.smallwidth .icon-big{ display: none}
.left-nav.smallwidth span{ display: none}
.left-nav.smallwidth .wills_logo{ padding: 0; margin-top: 15px; text-align: center}
.left-nav .tooltip{visibility: hidden}
.left-nav.smallwidth .tooltip{visibility: visible; left: 60px!important; z-index: 99999!important }
.tooltip-inner {max-width: none; white-space: nowrap; background-color: #c8242a; color: #fff; font-weight: lighter; font-family: 'AllerLightRegular'}
.tooltip .tooltip-arrow{ border-right-color: #c8242a!important}

.cLeft{width: 280px; height:100%; background:#1b1919; position:fixed; left:60px; top:0; padding:5% 20px; z-index: 10}
.cLeft .heading{display:inline-block; padding:10px 0; color:#fff; font-size:16px;}
.cLeft p{color:#dcd3d3; line-height:24px; padding:5% 0 0 0; font-size:13px;}
.size16{font-size:16px;}
.cLeft .dMain{position:fixed; bottom:50px; left:80px; width:243px;}
.cLeft .cdownload{background:url(../img/download-sep.html) 0 center repeat-x;}
.cLeft .cdownload span{background:#1b1919; display:inline-block; padding:0 10px; color:#dcd3d3;}
.cLeft  .button>li {list-style:none; width:121px; display:inline;}
.cLeft .button>li>a{padding:10px 28px; background:#4b4a4a; color:#dcd3d3; display:inline-block;}
.cLeft .button>li>ul {float:left; list-style:none; display:none}
.cLeft .button>li>ul{ position:absolute; left:5px; top:-118px;}
.cLeft .button>li>ul>li>a{padding:10px 28px; background:#4b4a4a; color:#dcd3d3; display:inline-block; border-bottom:#333 solid 1px; }
.cRight{ padding-left: 340px; }
.s768{ overflow-y: auto!important}

.shopnwBtn {
    position: absolute;
    width: 117px;
    left: 35px;
    top: 260px;
    /*border: 1px solid #FFFFFF;
    background: url(../img/download-grad.gif) 0 0 repeat-x;*/
    background-color: #ca0b10;
    z-index: 3;
}
.shopnwBtn a {
    display: block;
    position: relative;
    font-size: 16px;
    text-align: left;
    padding: 5px 7px 5px 12px;
    color: #fff;
}
.shopnwBtn a:hover { text-decoration:none; background:#FFFFFF; color:#1B1919;}
.shopnwBtn a span {
    height: 22px;
    width: 24px;
    display: block;
    position: absolute;
    transition: all 200ms linear 0s;
    font-size: 16px;
    background:url(../img/shoponline_btn.png) 0 -22px no-repeat;
    right: 9px;
    top: 6px;
}
.shopnwBtn a:hover span { text-decoration:none;  background: url(../img/shoponline_btn.png) 0 0 no-repeat;}



.locateStore {
    position: absolute;
    width: 117px;
    left: 35px;
    top: 200px;
    /*border: 1px solid #FFFFFF;
    background: url(../img/download-grad.gif) 0 0 repeat-x;*/
    background-color: #ca0b10;
    z-index: 3;
}
.locateStore a {
    display: block;
    position: relative;
    font-size: 16px;
    text-align: left;
    padding: 5px 7px 5px 12px;
    color: #fff;
}
.locateStore a:hover { text-decoration:none; background:#FFFFFF; color:#1B1919;}
.locateStore a span {
    height: 22px;
    width: 24px;
    display: block;
    position: absolute;
    transition: all 200ms linear 0s;
    font-size: 16px;
    right: 9px;
    top: 6px;
}
.locateStore a:hover span { text-decoration:none;  }

p.txt-collection{ padding: 50px 0 0 0}

ul.sliderwrapper{ margin: 0; padding: 0; list-style: none}
ul.sliderwrapper li img{max-width: 100%}
ul.sliderwrapper li .content{ padding: 15px; margin: 0; background-color: #6f1a1b; color: #fff}
.padding-0{ padding: 0}
.showonmobile{ display: none}
.copyright {
    position: fixed;
    right: 0px;
    bottom: 0px;
	z-index: 99999
}
#wrapper{ overflow: hidden; background: rgba(0, 0, 0, 0) url("../img/innbg.jpg") no-repeat fixed 0 0 / cover }
.about-left{ padding: 0px 0 0 75px; color: #000; background: url(../img/innbg.jpg) no-repeat; background-size: cover; background-attachment: fixed }
.about-left .leftinner{ padding: 40px}
.about-left p{font-size: 18px;}
.about-left h2{ font-size: 18px; margin: 10px 0 10px 0; font-weight: bold}
.about-right img{ width: 100%}
/*.scroll-content{ height: 500px}*/
.aboutrow{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #ccc}
.aboutrow.last{ margin: 0; padding: 0; border: none}
.aboutrow img{ max-width: 100%}
.intropara{ margin-bottom: 30px; font-size: 18px; }
h1.black35{ color: #000; font-size: 30px; padding: 0; margin: 0 0 7px 0}
h1 img{ max-width: 240px; margin-bottom: 10px}
.pbprc{ padding: 0 0 15px 0}
.pbprc, .pbprc a{color:#b1b2b2;}
/* accordion css */
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'FontAwesome';  /* essential for enabling glyphicon */
    content: "\f107";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f105";    /* adjust as needed, taken from bootstrap.css */
}
.willsaccordion .panel-default > .panel-heading{ background-color: #333; padding: 0}
.willsaccordion .panel-title a{ color: #fff; display: block; padding: 10px 15px}
.willsaccordion .panel-body h3{ font-size: 16px; padding: 0; margin:0 0 7px 0; font-weight: bold}
.willsaccordion .panel-body p{ font-size: 16px; padding: 0; margin:0 0 7px 0}
.willsaccordion .panel-body p.last{ margin: 0}
.willsaccordion .panel-body ul{ padding: 0; margin: 0; list-style: none; font-size: 16px;} 
.willsaccordion .accordiosection{ border-bottom: solid 1px #ccc; padding-bottom: 15px; margin-bottom: 15px;}
.willsaccordion .accordiosection.last{ border: none; padding: 0; margin: 0}
/* end accordion css */

.form-control{color:#000}
.tablewrap td, .tablewrap th{ padding: 5px; font-size: 16px;}
.tablewrap table.rowborder tr{ border-bottom: solid 1px #ccc}

.clicktobuy{ padding: 20px 30px; background: #fff url(../img/gift-highlight.gif) repeat-x; box-shadow: 10px 10px 5px #888888; -webkit-box-shadow: 10px 10px 5px #888888; -moz-box-shadow: 10px 10px 5px #888888;}
.clicktobuy p{ font-size: 20px;}
.clicktobuy .linkwrap a{ position: relative; margin-top: 12px; padding-left: 30px; display: inline-block; text-decoration: none; color: #000}
.clicktobuy .linkwrap a:before{position: absolute; left: 0; top: 5px; font-family: 'FontAwesome'; font-size: 16px; line-height: 24px; content: "\f054"; background-color: red; color: #fff; width: 22px; text-align: center; border-radius: 6px}
.clicktobuy .linkwrap a:hover:before{background-color: #fff; color: #000}
.black-color{ color: #000!important}
.white-color{ color: #fff!important}
.collection-link{ padding: 0; margin: 0}
.collection-link a{ color: #fff; text-decoration: underline}

.signature-list li{ display: none}

@media screen and (max-width: 991px){
	.tablewrap{ overflow-x: auto; }
	.about-left .leftinner{ padding: 25px 30px;}
	.about-left{ padding-left: 60px;}
	
}

/*contact us*/
.contactform .contactpara p{ padding:0 0 50px 0; font-size:16px;}
.contactform .fname .name{padding:0 0 27px; font-size:16px;}
.contactform .address{padding:27px 0; font-size:16px;}
.contactform .address label{font-weight:normal;}
.contactform .form-group label{font-weight:normal;}
.contactform .submitbtn{ padding:24px 0 0 0 ;}
.contactform .submitbtn .btn-danger{background:#b11116; border-radius:5px !important; font-size:18px; display:inline-block;}
.contactform .submitbtn .btn-danger:hover{background:#fff; color:#000; border-color:#fff;}
.contactform .submitbtn .btn-danger .fa-chevron-right{font-size: 12px; font-weight: lighter !important;}
.contactform .name .form-control{border:1px solid #bebebe; border-radius:0}

/*policy */
.returnpolicy .policygroup ul{margin:0; padding:0;}
.returnpolicy .policygroup li{ border-bottom: 1px dotted #999;font-size: 18px;list-style-type: none; padding: 30px 0;}

/*terms-use*/
.terms .termsuse ul{padding:0; margin:0}
.terms .termsuse li{list-style-type:none; font-size:18px; border-bottom:1px dotted; padding:20px 0;}
.terms .termsuse .redcolor{color:#b11116; padding:25px 0 20px;}
.terms .termsuse .bolder{font-weight:bolder;}

/* privacy policy*/

.privacy .privacypolicy ul{margin:0; padding:0;}
.privacy .privacypolicy li{list-style-type:none; font-size:18px; border-bottom:1px dotted; padding:0 0 26px; line-height:2em;}


/*Faq*/
.willsaccordionfaq .panel-default > .panel-heading{ background-color: #333; padding: 0}
.willsaccordionfaq  .panel-title a{ color: #fff; display: block; padding: 10px 15px}
.willsaccordionfaq  .panel-body h3{ font-size: 16px; padding: 0; margin:0 0 7px 0; font-weight: bold}
.willsaccordionfaq  .panel-body p{ font-size: 16px; padding: 0; margin:0 0 7px 0}
.willsaccordionfaq  .panel-body p.last{ margin: 0}
.willsaccordionfaq  .panel-body ul{ padding: 0; margin: 0; list-style: none; font-size: 16px;} 
.willsaccordionfaq  .accordiosection{ border-bottom: solid 1px #ccc; padding-bottom: 15px; margin-bottom: 15px;}
.willsaccordionfaq  .accordiosection.last{ border: none; padding: 0; margin: 0}
.willsaccordionfaq .faqbline{border-bottom:1px dotted; padding-bottom:15px; margin-bottom:15px;}
.willsaccordionfaq { position: relative; z-index: 10}
.willsaccordionfaq .accordion-inner{ width:100%; background-color:#fff; height:100%;  box-shadow:2px 2px 12px rgba(0, 0, 0, 0.15); -moz-box-shadow:2px 2px 12px rgba(0, 0, 0, 0.15); -webkit-box-shadow:2px 2px 12px rgba(0, 0, 0, 0.15);}
.willsaccordionfaq .panel-body .mCustomScrollbar{max-height:280px !important;}


/*sitemap*/
.sitemap h3{ font-size: 18px; margin: 0 0 5px 0; padding: 0; color: #282828; font-weight: bold}
.sitemap ul{ margin:0; padding:0}
.sitemap li{list-style-type:none; font-size:13px; padding:0 0 5px;}
.sitemap li a{color:#666666!important;}
#rghtThumb {position:absolute;}
#rghtThumb ul{ position:absolute; list-style:none; padding: 0; margin: 0}
#rghtThumb ul li {position:absolute; display:none;}

.homeslideshow { margin: 0; padding: 0 0 0 30px; list-style: none}
.homeslideshow img{ width: 100%;}


#sync1 .item{}

.videocontainer .owl-controls{ position: relative; bottom: 72px; z-index: 100;}
.videocontainer iframe{ width: 100%; height: 550px;}
.videolist{ float: right}
.videolist .btn .caret{ margin-left: 7px;}
.videocontainer .owl-prev{ left: -20px; position: absolute}
.videocontainer .owl-next{ right: -20px; position: absolute}

.videocontainer .owl-theme .owl-controls .owl-buttons div{ background: none!important; color: #000!important; padding: 0; margin: 0}
.videocontainer .owl-theme .owl-controls .owl-buttons i{ font-size: 40px;}
#sync2 .owl-item img{ border: solid 1px #fff; max-width: 100%}
#sync2 .owl-item.synced img{ border: solid 1px #ccc}



.storedd-mob{ margin-bottom: 15px}
.storecontainer-mob .address-dv{ padding: 0 0 10px 0; margin: 0 0 10px 0; display: none}
.storecontainer-mob .address-dv h3{ padding: 0; margin: 0 0 5px 0; font-size: 18px; font-weight: bold}
.storecontainer-mob .address-dv p{ padding: 0 0 20px 0; margin: 0 0 20px 0; font-size: 14px; border-bottom: solid 1px #ccc}
.storecontainer-mob .address-dv p:last-child{ margin-bottom: 0; border: none}
.css-slideshow{ margin-bottom: 20px}
.css-slideshow img{ max-width: 100%; height: auto}
.address-dv iframe{ width: 100%;height: 300px;}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 99999;
	background: url(../img/ajax-loader.gif) center no-repeat #fff;
}

.sliderlisting .cContent.cband{ width:25%;}
.sliderlisting .cContent.cband p{ margin:0;}
/*---------------------------------------header-----------------------------------------------------------*/
div.wrapper{ width:100%; max-width:1170px; margin:auto;}

div.header-1{ float:left; width:100%; height:74px; line-height:74px;}
a.logo{ float:left; margin:0px; padding:0px;}

ul.main-menu{ display:inline-block; margin:0; padding:0 22% 0 8%; list-style-type:none;}
ul.main-menu li{float:left;}
ul.main-menu li a{float:left;font-size:13px; color:#6e6e6e; text-transform:uppercase; padding:0 30px;   font-family:'RalewayMedium'; text-decoration:none;}
div.shop-online{ display:inline-block; padding:0; vertical-align:top;}
a.shop-btn{ display:inline-block; width:180px; height:50px; line-height:50px; text-align:center; font-size:12px; color:#fff; border-radius:30px;  background:#c91923;    font-family: 'aller_bold'; text-transform:uppercase; text-decoration:none;}

/*------------contener----------------------------*/
div.container-wrap{width:100%; float:left; margin:0; padding:0;}
div.slider-wrap{ float:left; width:100%;}
div.slider-wrap ul{ margin:0; padding:0; width:100%;}
div.slider-wrap ul li{ float:left; width:100%; list-style-type:none;}
div.slider-wrap ul li div.img-box{ float:left; width:100%; position:relative;background:rgba(0,0,0,0.2);}
div.slider-wrap ul li div.img-box img{ width:100%;background:rgba(0,0,0,0.2);}
 div.banner-content{ position:absolute; top:42%; left:0; width:100%; z-index:9;}
 div.banner-content h1{ color:#fff; text-transform:uppercase; margin-bottom:15px; font-family: 'aller_bold';font-family: 'aller_light';font-size: 50px;line-height: 60px; letter-spacing:2px;font-weight: bold;}
 div.banner-content p{ color:#fff; margin:0 0 20px 0;     font-family: 'aller_light'; font-size: 20px; line-height: 27px;}
div.latest-collection{ float:left; width:100%; text-align:center; padding:20px 0 0 0;}



div.collection-list{ float:left; width:100%; background: url(../img/yellow-bg.jpg) no-repeat; background-position-y:60px; background-size: cover;}
div.collection-list.list{ background:transparent; background:none;}
div.latest-collection h2{ color:#c91923; margin:0 0 20px 0; font-family: 'aller_light'; font-size:45px;}
div.collection-list div.data-content{ float:left; width:50%; text-align:left; background:url(../img/1.jpg) no-repeat; background-size:cover; height:500px; padding: 90px 150px 0px 65px;}
div.collection-list div.data-content.content{background:url(../img/2.jpg) no-repeat; background-size:cover;}
div.collection-list div.data-content h3{ color:#fff; margin:0 0 20px 0;  font-family: 'aller_light'; font-size:30px;}
div.collection-list div.data-content p{ color:#fff; line-height:28px; margin:0 0 50px 0;       font-family: 'aller_light'; font-size:16px;}
div.collection-list.list div.slider-data{ float:right}
div.collection-list div.slider-data{ float:left; width:50%; position:relative; overflow:hidden}
div.collection-list div.slider-data div.img-box{ float:left; width:100%;}
.view-btn{ background:#c91923; border-radius:30px; width:160px; height:45px; line-height:45px;  color:#fff; display:inline-block; text-transform:uppercase; text-align:center; font-family: 'MontserratBold';}
.view-btn:hover{ color:#fff; text-decoration:none;}
.explore{ background:#fff; color:#cc1227;font-family: 'aller_bold';}
.explore:hover{ color:#fff; background:#cc1227; transition:ease-in-out 0.2s}
div.latest-collection .slick-arrow{ position:absolute; top:50%; left:50%; width:36px; height:36px; border:0; line-height:200; z-index:9}
div.latest-collection .slick-arrow.slick-prev{background:url(../img/left.png) no-repeat; left:20px}
div.latest-collection .slick-arrow.slick-next{background:url(../img/right.png) no-repeat; left:auto; right:20px;}
.address-dv{display:none;}
div.map-location{ float:left; width:100%; padding:40px 0 40px 0; background:#fffdf5;}
div.locate-your-store{ width:100%; max-width:997px; margin:auto;}
div.map-location div.store-location h2{ color:#c91923; margin:0 0 20px 0;font-family: 'aller_light';}
div.map-location div.map{ float:left; width:60%; height:auto;}
div.map-location div.map img{ max-width:100%; width:100%;}
div.map-location div.store-location{ float:left; width:40%; border:1px solid #e1e0dc; background:#fff; padding:24px; overflow: auto; height: 300px;}
div.map-location div.store-location h5{ float:left;  font-family: 'aller_light'; width:100%; color:#212121; margin-bottom:20px; line-height:23px; font-weight:bold;}
div.map-location div.store-location div.select-field{ float:left; width:100%; background:#f5f5f5; border:1px solid #f6f6f6; color:#a2a2a4; padding:3px;  position:relative; margin:0 0 20px 0}
div.map-location div.store-location div.select-field select{ background:none; border:0; float:left; width:100%; height:30px;}
div.map-location div.store-location div.select-field select option{ float:left; width:100%;}
div.map-location div.store-location div.select-field:before{ background:#f5f5f5 url(../img/dwn-arr.png) no-repeat center center; width:30px; height:25px; position:absolute; right:6px; top:6px; content:""; pointer-events:none; display:block}
div.title{ color:#c9c9c9; text-transform:uppercase; font-size:12px;  font-family: 'aller_light';}
.desk-only{ display:block;}
.mob-only{ display:none;}
div.header-1 a.logo { width:auto; float:left;}
/*------------------------------footer----------------------------------------*/
div.footer{ width:100%; float:left; margin:0; padding:60px 0 0 0; position:relative; background:#000000;}
div.footer div.list-wrap{ width:100%; float:left; margin:0 0 30px 0; padding:0; text-align:center;}
div.para-wrap{width:100%; float:left; margin:0;padding: 0;text-align:center; border-top: 1px solid #272728;}
div.para-wrap p{ color:#6c6c6c;padding:30px 0; margin:0; text-transform:uppercase;    font-family: 'MontserratRegular';}
 div.list-wrap div.left-sec{ width:75%; float:left; margin:0; padding:0; position:relative;}
 div.list-wrap div.right-sec{ width:25%; float:left; margin:0; padding:0;}
 ul.footer-list{ width:100%; display:inline-block; margin:0; padding:0; text-align:right; list-style:none;font-family: Helvetica,Arial,sans-serif;}
 ul.footer-list li{ width:auto; display:inline-block; color:#6c6c6c; margin:0 24px; padding:0; text-align:center;list-style:none; text-transform:uppercase; font-size:14px; font-weight:bold;    font-family: 'MontserratBold';}
 div.list-wrap div.left-sec div.itc{ position:absolute; left:20px; top:-12px; width:auto;}
 div.list-wrap div.left-sec div.itc img{ width:40px;}
div.right-sec ul.footer-list{ text-align:right;}
div.right-sec ul.footer-list li{font-size:20px;margin:0 15px;}
div.right-sec ul.footer-list li a{ color:#6c6c6c;}

/*-----------------------------------------------header-nav css------------------------------------*/
#nav-icon{position: absolute;width:30px;height:30px;right:20px;top:45px;margin-top:-20px;cursor:pointer;z-index:9999;display:none;}
#nav-icon span{display:block;position:absolute;height:4px;width:50%;background:#262922;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all .35s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.nav-white-bg span{background: #fff !important;}

#nav-icon span:nth-child(even){left:50%;border-radius:0px 5px 5px 0px;-moz-border-radius:0px 5px 5px 0px;-webkit-border-radius:0px 5px 5px 0px;}
#nav-icon span:nth-child(odd){left:0px;border-radius:5px 0px 0px 5px;-moz-border-radius:5px 0px 0px 5px;-webkit-border-radius:5px 0px 0px 5px;}
#nav-icon span:nth-child(1), #nav-icon span:nth-child(2){top:0px;}
#nav-icon span:nth-child(3), #nav-icon span:nth-child(4){top:8px;}
#nav-icon span:nth-child(5), #nav-icon span:nth-child(6){top:16px;}
#nav-icon.open span:nth-child(1),#nav-icon.open span:nth-child(6){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#nav-icon.open span:nth-child(2),#nav-icon.open span:nth-child(5){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
#nav-icon.open span:nth-child(1){left:4px;top:5px; background:#fff;}
#nav-icon.open span:nth-child(2){left:calc(50% - 4px);top:5px;background:#fff;}
#nav-icon.open span:nth-child(3){left:-50%;opacity:0;}
#nav-icon.open span:nth-child(4){left:100%;opacity:0;}
#nav-icon.open span:nth-child(5){left:5px;top:11px;background:#fff;}
#nav-icon.open span:nth-child(6){left:calc(50% - 5px);top:11px;background:#fff;}
div.menu-wrap{float:left;width:100%;margin:0px;padding:0px 0px 0px 120px;position:relative;display:none;}
ul.nav-list{width:100%;max-width:100%;text-align:left;float:left;top:0px;margin:0px;padding:100px 0px 0 0;position:relative;list-style-type:none;position:fixed;background:#010101; display:none; z-index:99999;}
ul.nav-list li{float:left;margin:10px 0px 10px 50px;width:100%;}
ul.nav-list li a{float:left;margin:0px;padding:0px;font-size:16px;color:#fff;text-transform:uppercase;font-weight:600;font-family:'RalewayRegular';}
ul.nav-list li a:hover, ul.nav-list li a:hover,div.login-wrap a:hover, div.login-wrap a:hover{color:#262922;}
#nav-icon{display:none;}
/**sticky-css*/
div.social-sticky{ width:40px; position:fixed; right:0; top:37%; z-index: 9;}
div.social-sticky ul.sticky-list{ width:100%; display:inline-block; margin:0; padding:0; text-align:right;}
div.social-sticky ul.sticky-list li{ width:100%; display:inline-block; margin:0 1px 1px 0; padding:0; text-align:right;}
div.social-sticky ul.sticky-list li img{ max-width:100%;}
/*-----------------------------------------------header-nav css end------------------------------------*/
/*nav*/
ul.nav-list li div.right-sec{ width:100%; float:left; margin:0; padding:40px 0 0 0 ; z-index:99;}
ul.nav-list li div.right-sec ul.footer-list{ width:100%; display:inline-block; margin:0; padding:0;}
ul.nav-list li div.right-sec ul.footer-list li{ width:auto; display:inline-block; margin:0 15px; padding:0; border:0;}
ul.nav-list li div.right-sec ul.footer-list li:after{ display:none;}
ul.nav-list li div.right-sec ul.footer-list li a  i.fa{ font-size:20px;}
ul.nav-list li.social:after{ display:none;}
/*---------------------------------------------------------------------------------------------------------------*/
div.pageWidth{ width:100%; float:left; margin:0; padding:0;}
div.cRight{width:100%; float:left; margin:0; padding:0;}
.cLeft{ position: absolute; left:0; top:74px; width:273px;}
div.cRight.secRight{ width:83%; float:right;}
.slick-arrow { position: absolute; width: 90px;  height: 90px; border: 0px; top: 45%; margin-top: -30px; background-repeat: no-repeat;  background-size: 100%;
background-position: center;  background-color: transparent;  line-height: 200px;  overflow: hidden;  z-index: 9;}
.slick-arrow.slick-prev {left:70px; background: url(../img/prev-button.gif) 0 0 no-repeat; boder:0; outline:none;}
.slick-arrow.slick-next { background: url(../img/next-button.gif) 0 0 no-repeat; right:70px; boder:0; outline:none;}
div.overley{width:100%;height: 613px;background: rgba(0, 0, 0, 0.32);display: block;position: absolute;z-index: 9;}
@media only screen and (max-width:1440px) {
ul.main-menu{ display:inline-block; margin:0; padding:0 15% 0 5%; list-style-type:none;}
ul.footer-list li{ margin:0 20px; font-size:12px;}
div.list-wrap div.left-sec div.itc{ left:90px;}
div.slider-wrap ul li div.banner-content h1{font-size:60px;}
div.latest-collection h2{ font-size:40px;}
div.map-location div.store-location{ padding:18px;}
div.header-1 a.logo img{ vertical-align:top;}
.sliderlisting .cContent.cband{ width:30% !important; left:40px !important;}
div.banner-content {  left: 110px;  top: 44%;}
div.banner-content h1{ font-size:40px; line-height:50px;  margin-bottom:0;}
div.banner-content p{font-size: 15px; line-height: 24px; margin: 0 0 20px 0;}
.view-btn{ width: 160px;  height: 45px; line-height: 45px; font-size:12px;}
.slick-arrow{ margin-top:-20px;width: 60px; height: 60px; background-size:100% !important;}
.slick-arrow.slick-next{right: 65px;}
.slick-arrow.slick-prev{left: 65px;}
div.social-sticky{ top:40%;}
}
@media only screen and (max-width:1280px) {
div.list-wrap div.left-sec div.itc{ left:90px;}
/*div.social-sticky{ top:658px;}*/
.sliderlisting .cContent.cband{ left:55px !important;}
div.banner-content{ left:135px; top:42%;}
ul.main-menu{padding: 0 12% 0 5%;}

}
@media only screen and (max-width:1200px) {
div.wrapper{ padding:0 30px;}
div.slider-wrap ul li div.banner-content{ top:40%;}
ul.main-menu{ display:inline-block; margin:0; padding:0  5%; list-style-type:none;}
ul.main-menu li a{ font-size:12px; padding:0 20px;}
div.collection-list div.data-content{ padding:90px 30px 0 30px;}
div.collection-list div.data-content p{ font-size:14px; line-height:24px;}
ul.footer-list li{ margin:0 12px;}
div.list-wrap div.left-sec div.itc{ left:0px;}

}

@media only screen and (max-width:1023px) {
div.list-wrap div.left-sec{ width:100%;}
div.list-wrap div.right-sec{ width:100%; padding:30px 0 0 0;}
div.right-sec ul.footer-list{ text-align:center;}
ul.footer-list{ text-align:center;}
ul.main-menu{ display:none;}
div.shop-online{ padding-left:35%;}

/*header-nav*/
#nav-icon {  display: block;}
ul.nav-list{ display:none;}
ul.nav-list.active {display:block; height:100%; z-index:99;}
/*div.header-1{ position:fixed; z-index:99; top:0; left:0; background:#fff;height: 83px;}*/
div.social-sticky{ display:none;}
ul.nav-list li.shop div.shop-online{ padding-left:0;}
ul.nav-list li { margin:0 0 0 50px; position:relative;}
div.about-left{ width:100%; float:left; margin:0; padding:0;}
.col-md-4.padding-0{ z-index:-1;}
#nav-icon.open{ position:fixed;}
div.cRight.secRight{ width:100%; float:left;}
div.banner-content{ left:0;}
}
@media only screen and (max-width:800px) {

div.list-wrap div.left-sec div.itc{ left:-22px;}
div.shop-online{ padding-left:30%;}


}
@media only screen and (max-width:767px) {
	div.collection-list.list div.slider-data, div.collection-list div.slider-data, div.collection-list div.data-content{ float:left; width:100%;}
	 div.collection-list div.data-content{ margin:0 0 20px 0}
	div.collection-list.list div.slider-data, div.collection-list div.slider-data img{ width:100%; max-width:100%;}
	div.locate-your-store{ padding:0 30px;}
	div.map-location div.map, div.map-location div.store-location{ float:left; width:100%;}
	 div.banner-content{ top:9%}
	 div.banner-content h1{ font-size:25px;}
	ul.footer-list li{ margin:0 10px; font-size:12px;}
	div.list-wrap div.left-sec div.itc{ left:0;}
	
	div.slider-wrap{ display:block;}
	 div.banner-content h1{ text-align:center; font-size:45px; line-height:45px; }
	 div.banner-content p{ text-align:center;    font-size: 18px; line-height: 20px;}
	div.banner-content{ text-align:center; top:30%;}
	.desk-only{ display:none;}
    .mob-only{ display:block;}
	
	.slider-data .slick-dots{ position:absolute; width:100%; bottom:0; padding:0; list-style-type:none; text-align:center; border:0; text-align:center;}
.slider-data  .slick-dots li{ width:auto; display:inline-block; margin:0px; float:none;}
.slider-data  .slick-dots li button{ width:12px; height:12px;  background:transparent; margin:0 5px 0 0 ; padding:0; border-radius:100%; line-height:200px; overflow:hidden; float:left;border:0; border:1px solid #fff; }
.slider-data  .slick-dots li.slick-active button{ background:#fff; }
	.store-location.our-store{ text-align:center; border:0 !important;}
	div.map-location{ margin:0 0 40px 0;}
	div.map-location div.store-location{ padding:0; border:0; height: auto;}
	div.title{ font-weight:bold;}
    div.scroll-content div.address-dv{padding: 10px 30px 0 30px;overflow: auto;height: 200px;}
	.shopnwBtn{top: auto ! important; bottom: 0px ! important; left:20px !important;   position: absolute ! important;}
    .locateStore{top: auto ! important; bottom: 40px; left:20px !important;   position: absolute ! important;}
.cLeft{ left:-15px; z-index:-1; top:0; padding:0 !important;}
.sliderlisting .cContent.cband{ width:100% !important; left:0 !important;}
.nextBtn, .prevBtn{ position:absolute !important;}
.slick-arrow{ top:60%;}
	}

@media only screen and (max-width:640px) {
	 div.collection-list div.data-content{ padding:20px; height:auto;}
	 div.wrapper{ padding:0 20px;}
	 div.map-location{ margin: 0px 0 20px 0;}
	 div.latest-collection{ padding:20px 0 0 0;}
	  div.banner-content h1{ font-size:28px; line-height:35px;}
	  div.banner-content p{ margin:0 0 20px 0}
	 div.list-wrap div.left-sec div.itc{ top:-50px; left:46%;}
	 ul.footer-list li{ margin:0 5px 5px 5px;}
	 div.para-wrap p{ padding:10px 0;}
	  div.banner-content p br{ display:none;}
	 div.shop-online{ padding-left:25%;}
	}
	
	@media only screen and (max-width:480px) {
	 div.banner-content h1{ font-size:18px; line-height:24px; }	
	.view-btn{ width:125px; height:35px; line-height:35px; font-size:10px;}	
	 div.banner-content p{ margin:0 0 10px 0; font-size:14px; line-height:16px;}
	div.latest-collection h2{ font-size:24px;}	
	div.map-location div.store-location h2{ font-size:24px;}
    div.latest-collection .slick-arrow.slick-prev{ background-size:100%; left:10px;}	
	div.latest-collection .slick-arrow.slick-next{background-size:100%; right:10px}
	div.latest-collection .slick-arrow{ width:25px; height:25px;}
	div.collection-list div.data-content h3{ font-size:24px;}
	div.collection-list div.data-content p{ font-size:14px; line-height:20px; margin:0 0 25px 0;}
	ul.nav-list li:after{ content:""; position:absolute; bottom:0; left:0; display:inline-block; width:75%; height:1px; background:#403e3e;}	
	ul.nav-list li.shop:after{ display:none;}
	ul.nav-list li.shop div.shop-online{ padding-top:40px;}
	ul.nav-list li.shop  a.shop-btn{ font-size:12px;}
	 a.logo.mob-only img{ width:100px;}
	 div.header-1{ height:55px; line-height:55px;}
	 .slick-arrow.slick-prev {left:0px; background: url(../img/prv.png) 0 0 no-repeat; boder:0; outline:none;}
.slick-arrow.slick-next { background: url(../img/next.png) 0 0 no-repeat; right:0px; boder:0; outline:none;}
.slick-arrow{ top:32%; width:40px; height:40px;}
    	div.banner-content{ text-align:center; top:25%; padding:0 22px;}

	}	

   @media only screen and (max-width:414px) {
	div.shop-online{ padding-left:6%;}		
	a.shop-btn{ width:130px; height:40px; line-height:40px; font-size:10px;}
    
	div.banner-content h1{ margin-bottom:5px;}
	 div.banner-content p{ font-size:14px; line-height:17px; padding:0 20px;}
	  div.banner-content{ text-align:center; top:20%; padding:0 20px;}
     div.banner-content h1{ font-size:16px;}
			
    }	

	 @media only screen and (max-width:414px) {

	
	   }
	   
	   
	 @media only screen and (max-width:340px) {
	a.shop-btn{width: 120px;  height: 40px; line-height: 40px;}	 
	div.header-1 a.logo{ width:40%;}
	div.header-1 a.logo img{ max-width:100%;}
	div.banner-content h1{ font-size:13px; line-height:18px;}
	 div.banner-content p{font-size: 12px; line-height: 14px;}
		 
		 
		 
	 }