@charset "utf-8";
/* CSS Document */

@font-face{
	font-family: 'WebRupee';
	src: url('font/WebRupee.eot');	src: local('WebRupee'), 	url('font/WebRupee.ttf') format('truetype'),  	url('font/WebRupee.woff') format('woff'), 	url('font/WebRupee.svg') format('svg');	font-weight: normal;font-style: normal;
}
	
@font-face {
    font-family: 'blogger_sansregular';
    src: url('font/blogger_sans.woff2') format('woff2'),
         url('font/blogger_sans.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'blogger_sansbold';
    src: url('font/blogger_sans-bold.woff2') format('woff2'),
         url('font/blogger_sans-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'blogger_sansbold_italic';
    src: url('font/blogger_sans-bold_italic.woff2') format('woff2'),
         url('font/blogger_sans-bold_italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'blogger_sansitalic';
    src: url('font/blogger_sans-italic.woff2') format('woff2'),
         url('font/blogger_sans-italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'blogger_sanslight';
    src: url('font/blogger_sans-light.woff2') format('woff2'),
         url('font/blogger_sans-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'blogger_sanslight_italic';
    src: url('font/blogger_sans-light_italic.woff2') format('woff2'),
         url('font/blogger_sans-light_italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'blogger_sansmedium';
    src: url('font/blogger_sans-medium.woff2') format('woff2'),
         url('font/blogger_sans-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'blogger_sansmedium_italic';
    src: url('font/blogger_sans-medium_italic.woff2') format('woff2'),
         url('font/blogger_sans-medium_italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


/*----------------reset css-------------------*/

html, body, div, span, applet, object, iframe,  h1, h2, h3, h4, h5, h6, p, blockquote, pre,  a, abbr, acronym, address, big, cite, code,  del, dfn, em, img, ins,
kbd, q, s, samp,  small, strike, strong, sub, sup, tt, var,  b, u, i, center,  dl, dt, dd, ol, ul, li,  fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td,  article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font:inherit; vertical-align: baseline; font-family: Arial, Helvetica, sans-serif;
font-weight:400; word-wrap:break-word; -webkit-text-size-adjust:100%;}

*{  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section { display: block;}
a {color:#959595; display:inline-block; text-decoration:none; outline:none; cursor:pointer; -webkit-transition: all 0 ease-in-out;-moz-transition: all 0 ease-in-out; -ms-transition: all 0 ease-in-out; -o-transition: all 0 ease-in-out;}
span { display:inline-block; }
a:hover { text-decoration:none;}
body{ background-color:#ffffff;  font-family: 'Arial'; font-size:14px;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,  q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
.clear{clear: both;}
.alignCenter { text-align:center; }
input , select , textarea , option {  font-family: Arial, Helvetica, sans-serif; font-weight:400;  outline:none; overflow:visible; outline:none;font-size: 14px;
color: #b8b8b8; border:1px solid #e6e6e6; background:#fff; padding:10px 0;
-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;}
textarea{resize:none;}
select option{ font-family: Arial, Helvetica, sans-serif;}
::-ms-clear { display: none; }
input[type="button"] , input[type="submit"]{ cursor:pointer; }
img{ display: block; max-width:100%; border: 0 none;outline : none;transition: all 0.7s ease 0s; -webkit-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; -ms-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s;}
.thumbImg img{width: 100%;}
a:active, a:focus { outline: none; ie-dummy: expression(this.hideFocus=true);}
p{ font-size: 13px; color: #666666; line-height: 20px;}
strong, b{font-weight:bold;}
h1,h2,h3,h4,h5{ font-weight:bold;}
select{-moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; -o-appearance:none;
background:#fff url(images/smallArrow.png) 96% center no-repeat; }
option{ border-bottom: 1px solid #959595;  border-radius: 0;  padding: 2px 5px; color: #464646; font-size: 10px;}
input:focus, .selectBox:focus{border: 1px solid #F5821F !important; box-shadow:0 0 2px #F5821F !important;}
input[type="button"]:focus, input[type="submit"]:focus{border: 0 none!important; box-shadow:none!important;}
.hidden{display: none;}
select {/* -webkit-appearance: none; */ /*Safari/Chrome*/-moz-appearance: none; /*Firefox*/-ms-appearance: none; /*IE*/-o-appearance: none; /*Opera*/appearance: none;-webkit-border-radius: 0;border-radius: 0;}

/*----------------common css-------------------*/

.layout{float: left; width: 100%; overflow: hidden;}
header, footer, section{float:left; width:100%;}
.container, .wrapper{ padding: 0 6%; float: left; width: 100%; }
.container::after, .wrapper::after {clear: both;}
.container::before, .wrapper::before, .container::after, .wrapper::after { content: "";  display: table;}
.navtoggle{border-bottom: 17px double #68c75b; border-top: 6px solid #68c75b; content:"";  height: 5px; width:27px; display: none;}
.advancesSearch.fLeft{width:21%;}
.floatleft{ float:left;}
.floatright{float:right;}
.fullWidth{width:100%; float:left;}
.fluid-container, .row{ width:100%; clear:both; }
.spriteImg{background:url("images/sprite.png") left top no-repeat;}
.bradcurm {height: 30px; line-height:30px; position: relative;  text-transform: uppercase; z-index: 9; border-bottom: 1px solid #d7d7d7; margin-bottom:18px;}
.bradcurm a{color: #7d7c7d; float: left;  font-size: 12px;  margin-right: 28px;  position: relative; text-transform: capitalize;}
.bradcurm span.breadcum-last {text-transform: capitalize;}
.bradcurm a::after{ position: absolute; right:-16px; left: auto; top:8px; height: 15px; width: 2px; background: #828182; display: block; content: ""; transform:rotate(30deg); cursor: auto; }
.bradcurm a:last-child::before {background: #828182;  content: ""; display: block; height: 15px; left: -14px;
    position: absolute;  top: 8px; transform: rotate(30deg); width: 2px;}
.bradcurm a:last-child{margin-left: 5px; font-size:13px; font-weight: bold;}
.bradcurm a:last-child::after {  height: 0;  width: 0;}
.bradcurm .divider{font-size:13px;}

.ui-dialog {background: #ffffff; left: 0 !important;  margin: auto; position: absolute !important; right: 0; top: 100px !important; border:5px solid #6c6c6c; border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px;}
.ui-dialog .ui-dialog-titlebar{width:100%; float:left; position: relative;}
.ui-dialog-titlebar-close{position: absolute; text-indent: -9999px; background:url("../images/close.png") left top no-repeat;width:54px;top:-28px;right:-18px;height:54px;}
.ui-dialog .ui-dialog-content{height:auto !important;width:100% !important;float:left;}
.ui-dialog iframe{width:100% !important;overflow: hidden;}

.slideDown { background: #ffffff; border: 1px solid #dfdfdf; box-sizing: border-box; display: none; left: 0; margin:auto; padding:0; position: absolute;right: 0; top: 65px; width: 60%; z-index: 9999;}
.slideDown.forgotPopup{width:37%;}
.linkbtn{ width:186px; line-height:43px; text-align:center;  border:4px solid #cccccc; color:#00662a; display:block; font-size:16px; text-transform: uppercase;  overflow: hidden;   }
.linkbtn:hover{ background-color: #00662a; color: #ffffff;}
.green-btn,.white-btn{ width:auto; display:table; font-size:16px; text-transform:uppercase;}
.green-btn{ background-color:#00662a; color:#ffffff; }
.white-btn{ background-color:#ffffff; color:#00662a; border:2px solid #cccccc; }
.radio, .radio1 {  background-position: -157px -139px;  display: inline-block;  height: 18px;  margin-right: 5px;  vertical-align: middle;  width: 17px;cursor:pointer;}
.checkbo, .checkbox1 {  background-position: -101px -24px;  display: inline-block;  height: 11px;   width: 12px; cursor: pointer;}
input[type="checkbox"]:checked + label.checkbox, .applied label.checkbox1{background-position: -119px -24px; }

.checkbox-custom { opacity: 0;  position: absolute; left:0; }
.checkbox-custom, .checkbox-custom-label{float:left; vertical-align: middle; cursor: pointer;}
.checkbox-custom-label{ position: relative; float: left; font-size: 11px; color: #464646; }
.checkbox-custom + .checkbox-custom-label:before{ content: ''; background: #fff;  border: 1px solid #464646;  display: inline-block; vertical-align: middle;
width: 15px; height: 15px;  margin-right: 10px; text-align: center; }
.checkbox-custom:checked + .checkbox-custom-label:before { background:#000; content: '\2713';font-size: 10px; font-weight: bold; color: #fff;}

input[type="submit"] ,input[type="button"] { cursor:pointer;}
#back-top { bottom: 10px;  margin-left: 0;  position: fixed;  right:10px; display: none; z-index:99; width:153px;}
#back-top a { color: #464646; display: block; text-align: left; font-size:16px; font-weight:700; text-decoration: none; text-transform: uppercase;  transition: all 1s ease 0s;}
.homePage #back-top a{color: #fff;}
.homePage #back-top a span{background:url("images/backToTop.png") 0 0 no-repeat;}
#back-top span {background:url("../images/backToTop.png") 0 0 no-repeat;  display: block;  height: 29px; transition: all 1s ease 0s; width: 21px; position: absolute; top:-9px; right:9px;}
#back-top a:hover{ color: #f58220;}
#back-top a:hover span { background:url("../images/backToTop.png") 0 -31px no-repeat;}
.rupeeSymbol, .webRuppee{font-family: 'WebRupee';}
.linethrough { background: rgba(0, 0, 0, 0) url("images/through_line.png") repeat-x scroll center center; }
.popupClose { color: #231f20; cursor: pointer; font-size: 16px; font-weight: bold; padding: 5px; position: absolute; right: 0; top: 0;}
.alertBoxWrap{background: #fff; border:5px solid #f5821f; color: #f5821f;    font-size: 16px;
    height:100px; left: 0; margin: -50px auto 0; position: fixed;  right: 0; text-align: center;  top: 50%;
    width: 250px; z-index: 99992; display: none; box-shadow: -1px 0 15px -7px #212121 inset;}
.alertBox {line-height: 88px; vertical-align: middle;}
.alertBoxOverlay{ background: #000;  display: none;  float: left;  height: 100% !important;  left: 0;  opacity: 0.5;  position: fixed;  right: 0;  top: 0;  width: 100%;  z-index: 99991;}    
.alertBoxClose {background: #ffffff; border-radius:15px; color: #f5821f; cursor: pointer; font-size: 14px; height: 25px; line-height: 25px;
    position: absolute; right: -13px; text-align: center; top: -15px; width: 25px; font-weight:bold;}
.overlay, .overlaysearch{  background: #000;  display: none;  float: left;  height: 100% !important;  left: 0;  opacity: 0.8;  position: fixed;  right: 0;  top: 0;  width: 100%;  z-index: 999;}
.overlayloading{  background:url("images/overlayBg.png") left top repeat;  display: none;  float: left;  height: 100% !important;  left: 0; position: fixed;  right: 0;  top: 0;  width: 100%;  z-index: 99999;}
.overlayloading .loaderimg {  height: 70px;  left: 0;  margin: -35px auto 0;  position: fixed;  right: 0;  top: 50%;  width: 71px;}
.tab-content{ overflow: hidden; width: 100%; min-height:86px;}
.tab-content.active{ display: block;}
.fieldMessage {background: #F58220; font-size: 11px; left: initial !important; line-height: 14px;  padding: 5px 2%; right: -130px; text-align: center;
    top: 7px !important;  width: 125px;z-index: 9;}
.fieldMessage::before {
    border-bottom: 8px solid transparent;  border-right: 8px solid #F58220;  border-top: 8px solid transparent;  content: "";  height: 0;  left: -6px;
    position: absolute;  top: 4px;  width: 0;}    
.fieldMessage .fieldError{color:#fff;}
.franchisee-box2 .form-group label.fulltext { text-align: center !important; width: 100%}
.errorMessage { float: left;  text-align: center;  width: 100%; color: #ff0000;}
.franchasee .fieldMessage {
  background: #f58220;  font-size: 11px;  letter-spacing: 0 !important;  line-height: 14px;  padding: 5px 2%;  position: absolute !important;
  right: 27% !important;  top: 10px !important;  width: 120px;  z-index: 9;  left: auto !important;}
    #chekoutErr, #respMsg, .mandatoryField, #chekregiErr, .wishlistMsg{color: #ff0000;} 
#subscrmsg{color: #F58220; float: left; margin-top: -20px;}
.errorMessage .fieldError { background: #ff0000; color: #ffffff;  float: left;  font-size: 14px;  width: 100%; margin-bottom: 10px; padding: 5px 0;}
.errorMessage .fieldError::after { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #ff0000;
    content: ""; display: block; left: 140px; position: absolute;  top: 26px;}
.zoomContainer{z-index:99999;}
.zoomLens{cursor:url("images/zoomLens.png"), auto; width: 25px !important; height: 24px !important; border: none !important; opacity:1 !important; background: none  !important;}
/* .zoomLens::before { content: "Click to zoom";  left: 0;  position: absolute;  right: 0;  text-align: center;  top: 50%; vertical-align: middle;} */


/* ************header css************** */

header{padding: 14px 14px 5px 14px; position: relative; transition: all 0.8s ease 0s; height:116px;background: url("images/headerBack.jpg") no-repeat 0 0 / cover;}
.homePage header{ background: url("images/headerOverlay.png") repeat 0 0; position: fixed; left:0; right:0; top:0;z-index: 999;}
header.fixed{position: fixed; left:0; right:0; top:0; height:91px;z-index: 999;}
header.fixed .logo { width:54px; height:62px;}
header.fixed .logo a{width: 100%;}
header.fixed .topRight { margin: 0;}

header .logo{width:68px; height:82px; transition: all 0.5s ease 0s;}
.topRight{margin: 5px 0 20px;}
.topBottom{width: 100%; clear: both;margin-right: 10px;}
.searchIcon{display: none;}
.searchWrap { float: left; width:243px; position: relative;}
.searchDiv .searchClose{display: none;}
.searchDiv input[type="text"] { border: 1px solid #fff; border-radius: inherit; color: #fff; float: left; font-size: 10px; font-style: italic;
    padding: 5px 30px 5px 5px; text-transform: uppercase; width: 100%; background: transparent; height: 26px;}
.searchDiv input[type="button"]{background:#fff url("images/searchIco.png") no-repeat 5px 4px; width:28px; height:100%; border:0 none; position: absolute; right:0; top:0; text-indent: -9999px;}
.searchDiv #searchResultDiv { left: 0; position: absolute; top: 23px;  width: 100%; background: #fff; z-index: 99;}
.searchDiv #searchResultInnerDiv {border: 1px solid #929292;}
#searchResultInnerDiv .hSearchDropDownBoxIn {  line-height: 22px; }
#searchResultInnerDiv .hSearchDropDownBoxIn li.myLi{padding: 0 7px; display: block; color: #979797; font-style: italic; font-size: 12px; cursor: pointer;}
#searchResultInnerDiv .hSearchDropDownBoxIn li.myLi b{font-weight: normal;}
#searchResultInnerDiv .hSearchDropDownBoxIn li.myLi:hover{background: #0098D7; color: #fff;}

.userLink > li{float: left; font-size: 10px; color: #959595; position: relative;padding:6px 8px;}
.userLink > li:after{background: #fff; content: ""; height: 14px; right: 0; position: absolute; top: 6px; width: 1px;}
.userLink > li#myaccDiv::after { background: none; }
.userLink > li > a{float: left; font-size: 10px; color: #fff; text-transform: uppercase;}
.userLink > li > a:hover{color: #fff; text-decoration: underline;}
.userLink > li a#octaRegBtn{margin-left: 8px; padding-left: 9px; position: relative;}
.userLink > li a#octaRegBtn::before{background: #fff; content: ""; height: 14px; left: 0; position: absolute; top: 0; width: 1px;}

.topBottom nav, .topBottom .b2cLink{margin-top: 15px;}
nav > ul > li{ float: left; height: 36px;  line-height: 24px;  padding: 0 11px;  position: relative;}
nav > ul > li::after { background: #fff; content: ""; height: 23px;  position: absolute;  right: 0;  width: 2px; display: none; }
nav > ul > li > a{color: #fff;  float: left;  font-size: 14px;  font-weight: bold;  text-transform: uppercase; position: relative;}
nav > ul > li:hover > a::before, nav ul li .subMenu li a:hover::before{content: ""; background: #fff; color:#fff;width: 9px; height: 2px; position: absolute; bottom: 3px; left: 0;}
nav > ul > li .subMenu{display: none; min-height: 141px; background: url("images/headerOverlay.png") repeat 0 0; padding: 18px 10px; position: absolute; top:36px; left:-2px; width: 334px; z-index: 99;}
nav ul li:hover .subMenu{ display: block;}
nav ul li .subMenu > li{float: left; width: 100%; }
nav ul li .subMenu li a{font-size: 13px; color: #fff; text-transform: uppercase; float: left; position: relative; line-height: 22px;}
nav ul li .subMenu li a:hover{color: #f58729; font-weight: 700;}
nav ul li .subMenu li:first-child > .catImage{display: block;}
nav ul li .subMenu li .catImage{height: 101px;  overflow: hidden;  position: absolute;  right: 18px;  bottom: 18px;  width: 181px; display: none; background: #fff;}
nav ul li .subMenu li:hover .catImage{display: block;}
nav ul li .subMenu li .catImage img{width: 100%;height: 100%;}
nav ul li .subMenu li .catImage a{float: left; width: 100%; height: 101px;}
nav ul li .subMenu li ul{float: left; width: 100%; padding-left: 1.5%;}
nav ul li .subMenu li ul li{float: left; width: 100%; line-height: 16px;}
nav ul li .subMenu li ul li a{float: left; font-size: 11px; color: #fff;}
/* nav > ul > li .subMenu:before{background:#ffffff url("images/nav-arrow.png") left top no-repeat; content: "";
    display: block;  height: 9px;  left: 22px;  position: absolute;  right: 0;  top: 0;  width: 15px;} */
    
.b2cLink{position: relative;}
.b2cLink::after { background: #fff; content: ""; height: 23px;  position: absolute;  left: 0;  width: 2px; }
.b2cLink > a{position:relative; float:left; font-size: 14px; color: #fff; font-style: normal; font-weight: bold; margin-left: 12px; height: 24px; line-height: 24px; padding-right: 42px;}
.b2cLink > a:first-child{text-transform: uppercase;}
.b2cLink > a.b2cSignIn:after{background:url("images/sprite.png") -112px top no-repeat; position: absolute; top: 2px; content: ''; width: 33px; height: 20px; display: block; right: 0;}

.wishlist{ width: 30px; height: 41px; position: relative; margin-left: 22px; cursor: pointer; margin-right:4px;}
/* .wishlist.active{background-position: -232px -48px;} */
.wishlist span{position: absolute; right:-14px; top:-3px; font-size: 10px; color: #fff;}
.wishlist .spriteImg{background-position: -221px top;width: 30px; height: 41px; ;right: 0; top: 0;}
.wishlist .spriteImg.active{background-position: -232px -48px;}

.cartDiv{position: relative;}
.cartDiv #cartCount{width: 32px; height: 45px; position: relative; margin: 0 0 0 13px; cursor: pointer;}
#cartCount span:first-child{position: absolute; right: -5px; top: -4px; font-size: 10px; color: #fff;}
.cartDiv span.cartSpriteImg{display: none; width: 32px; height: 45px;background:url("images/cartSpriteImg.png") left top no-repeat;}
.cartDiv span.cartSpriteImg.active{display: block;}
.cartDiv span.cartSpriteImg.img0{background-position: -1px -3px;}
.cartDiv span.cartSpriteImg.img1{background-position: -41px -3px;}
.cartDiv span.cartSpriteImg.img2{background-position: -81px -3px;}
.cartDiv span.cartSpriteImg.img3{background-position: -121px -3px;}
.cartDiv span.cartSpriteImg.img4{background-position: -161px -3px;}
.cartDiv span.cartSpriteImg.img5{background-position: -201px -3px;}
.cartDiv span.cartSpriteImg.img6{background-position: -241px -3px;}
.cartDiv span.cartSpriteImg.img7{background-position: -282px -3px; width: 33px;}
.cartDiv span.cartSpriteImg.img8{background-position: -324px -3px; width: 36px;}
.cartDiv span.cartSpriteImg.img9{background-position: -365px -3px; width: 36px;}
.cartDiv span.cartSpriteImg.img10{background-position: -408px -3px; width: 36px;}
.cartDiv span.cartSpriteImg.img11{background-position: -451px -3px; width: 36px;}
.shoppingBox {background:#000; display:none; box-sizing: border-box;  margin: auto;  padding:25px 10px;  position: absolute;  right:-15px;  top: 51px;  width:245px; z-index: 9999;}
.shoppingBox::before { border-bottom: 8px solid #000; border-left: 8px solid transparent; border-right: 8px solid transparent; content: ""; height: 0;
 left:auto; margin: auto; position: absolute; right: 20px; top: -7px; width: 0;}
.shoppingBox .popupClose{color: #fff; right: 10px; top: 5px;}
.emptyShoppingDiv{text-align: center; padding: 25px 0; float: left; width: 100%;}
.emptyShoppingDiv img{display:  inline-block;}
.emptyShoppingDiv h2, .cartLeft .wishListAcctWrap .red_text{  color: #ffffff; font-family: "blogger_sansregular";  font-size: 20px;  font-weight: normal;  line-height: 24px; margin: 5px 0;}
.cartLeft .wishListAcctWrap .red_text{color: #000; text-transform: uppercase;}
.emptyShoppingDiv a, .cartLeft .wishListAcctWrap .common-btn { border:2px solid #ffffff; border-radius:2px; color: #fff; display: inline-block; font-size: 16px; margin-top: 15px;  padding: 9px 20px; font-weight: 500;}
.cartLeft .wishListAcctWrap .common-btn:hover{border:1px solid #f58220;}
.emptyShoppingDiv a:hover{border: 2px solid #878787; border-radius: 0;}
.shoppingCartDiv, .shoppingBoxDiv{float:left; width:100%; position: relative;}
.shoppingBoxDiv .successfullMsg{border-bottom: 1px dotted #dfdfdf; color: #ffffff;  float: left;  font-size: 13px;  line-height: 18px;  padding-bottom: 10px;
    text-transform: uppercase;  width: 100%; margin-bottom: 15px;}
.shoppingBoxDiv .thumbImg { background: #ffffff;  height: 74px;  margin-right: 10px;  width: 74px; padding: 12px 0; overflow: hidden;}
.shoppingBoxDiv .thumbImg img{height: 100%; object-fit:contain;}
.shoppingBoxDiv .shoppingCarttxt-outer { float: right;  width: 62%;}
.shoppingBoxDiv .shoppingCarttxt-outer a{color: #fff; font-size: 14px;}
.shoppingBoxDiv .shoppingCarttxt-outer span {  color: #ffffff;  float: left;  font-size: 13px; margin: 10px 0 0;}
.shoppingBoxDiv .shoppingCarttxt-outer .btn{background: none; border: 2px solid #ffffff; border-radius: 0;  color: #ffffff; float: left; font-size: 14px;
    margin: 6px 0 0; padding: 4px 10px;}
.shoppingBoxDiv .shoppingCarttxt-outer .btn:hover{border: 2px solid #F58220;}
.cartLeft{width: 79.5%; float: left;}
.cartLeft .emptyShoppingDiv{margin-left: 4%;}
.cartWrapper{float: left; padding-left: 6%; width: 100%;}
.cartWrapper.fullCartDetail{min-height: 200px;}
.mainshoppingCart h2.heading{text-transform: uppercase; font-size: 17px; font-weight: bold; padding: 10px 0 10px 6%; border-bottom: 1px solid #d7d7d7;}
.mainshoppingCart .headingText{float: left; width: 100%; text-align: center; text-transform: uppercase;padding: 8px 0; border-bottom: 1px solid #d7d7d7;}
.mainshoppingCart .headingText a{font-size: 11px; color: #2a5398;}
.mainshoppingCart .headingText span{color: #000; font-size: 13px;}
.mainshoppingCart .headingText.thHeading{padding: 6px 0; text-align: left;}
.mainshoppingCart .thHeading .thcol1{width: 49%;}
.mainshoppingCart .thHeading .thcol2{width: 18%; text-align: center;}
.mainshoppingCart .headingText.thHeading span{font-size: 10px; color: #7d7c7d;}
.mainshoppingCart .thHeading span:last-child{color: #1b1b1b;}
.mainshoppingCartDetail:first-child{border-bottom: none;}
.mainshoppingCartDetail{padding: 10px 0; border-bottom: 1px dashed #d7d7d7;}
.no-stock {color: #d22;margin: 10px 0;text-align: center;width: 100%;}
.mainshoppingCartDetail .itemDetail{width: 49%;}
.mainshoppingCartDetail .thumbImg{float: left; width: 22%; height:105px; margin-right: 2%; border: 1px solid #f3f4f3;}
.mainshoppingCartDetail .thumbImg img{width: 100%; }
.mainshoppingCartDetail .nameDetail{float: left; width:70%; text-transform: uppercase;}
.mainshoppingCartDetail .nameDetail a.title{float: left; width:100%; color: #1b1b1b; font-size: 12px; font-weight: bold;  margin-bottom: 11px; }
.mainshoppingCartDetail .nameDetail span{float: left;}
.mainshoppingCartDetail .nameDetail span.name{width: 100%; font-size: 9px; color: #7d7c7d; font-weight: bold;}
.mainshoppingCartDetail .nameDetail span.colorName{width: 100%; font-size: 10px; color: #1b1b1b; margin: 5px 0;}
.mainshoppingCartDetail .nameDetail span.size{font-size: 9px; color: #5e5f5f; margin-right: 10px; padding-right: 10px; border-right: 1px solid #919091;}
.mainshoppingCartDetail .nameDetail span.qty{font-size:12px; color: #231f20; }
.mainshoppingCartDetail .nameDetail a.edit{font-size: 9px; color: #2a5398; float: left; margin-left: 10px;margin-top: 2px;}
.mainshoppingCartDetail .nameDetail .editDivWrap{float: left; width: 100%;}
.mainshoppingCartDetail .nameDetail .editDiv{display: none; float: left; width:100%;}
.mainshoppingCartDetail .nameDetail .editDiv select{border: 1px solid #959595; border-radius: 0; color: #464646; float: left; font-size: 10px; height: 18px;  margin-right: 2%;  padding: 0 6% 0 1%; text-transform: capitalize;  width: 105px; height: 20px; line-height: 20px;}
.mainshoppingCartDetail .nameDetail .editDiv .btn{background: #464646; height: 20px; line-height: 20px; padding: 0 7px; color: #fff; text-transform: uppercase; font-size: 12px; float: left; margin-right: 2%;}
.mainshoppingCartDetail .nameDetail .editDiv .btn.cancel{background: #959595; margin-right: 0;}
.mainshoppingCartDetail .nameDetail .addRemoveCart{float: left; width: 100%; margin-top: 20px; position: relative;}
.mainshoppingCart{position: relative; min-height: 600px;}
.mainshoppingCart #beep-one { left: 0;  position: absolute;  bottom: 0;  visibility: hidden;}
.mainshoppingCartDetail .nameDetail .addRemoveCart a.moveToCart:hover, .mainshoppingCartDetail .nameDetail .addRemoveCart a.clearCart:hover{color: #f5821f;}
.mainshoppingCartDetail .nameDetail .addRemoveCart > a { height: 27px; line-height: 27px;}
.mainshoppingCartDetail .nameDetail .addRemoveCart a.moveToCart{color: #5e5f5f; font-size: 11px;float: left; font-weight: bold; padding-right:8px; margin-right: 8px; border-right:1px solid #919091;}
.mainshoppingCartDetail .nameDetail .addRemoveCart a.clearCart{color: #959595; font-size: 12px;float: left;}
.mainshoppingCartDetail .nameDetail .addRemoveCart a.moveToCart span{background-position:0 -24px; width: 21px; height: 27px;margin-right: 2px;}
.mainshoppingCartDetail .nameDetail .addRemoveCart a.moveToCart:hover span{background:url(images/feather-gif.gif) left top; }
.mainshoppingCartDetail .nameDetail .addRemoveCart a.clearCart span{margin-top: 5px; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -webit-transition: all 0.5s ease 0s; background:url("images/axe.png") left top no-repeat; background-size:100% 100%; width:25px; height: 17px;margin-right: 2px;}
.mainshoppingCartDetail .nameDetail .addRemoveCart a.clearCart:hover span{transform: rotate(-50deg); -moz-transform: rotate(-50deg); -webkit-transform: rotate(-50deg); -o-transform: rotate(-50deg); background:url("images/axe.gif") left top no-repeat; background-size:100% 100%; width: 25px; height: 17px;}
.mainshoppingCartDetail .deliveryBy{font-size:11px; color:#1b1b1b;text-align: center; width: 18%;}
.mainshoppingCartDetail .totalAmount{font-size: 14px; color: #1b1b1b; font-weight: bold;}
.mainshoppingCart .emptyShoppingDiv h2{color: #000;}
.mainshoppingCart .emptyShoppingDiv a{background: #f58220;  border: medium none;  color: #ffffff;}
.promotinSection { float: left;  margin-top: 20px;  width: 100%;}
.responsive-tabs-container {  float: left;  width: 100%;}
.responsiveTabsPromotion {  float: left;  width: 100%;}
.responsiveTabsPromotion > li {  border: 1px solid #f2f2f2;  float: left;  width: auto;}
.responsiveTabsPromotion > li.active a {  background-color: #fff;  color: #f47d3a;}
.responsiveTabsPromotion > li a {  background-color: #f8f8f8;  color: #666;  float: left;  padding: 10px 20px;  width: auto;}
.promotinSection .tab-content {  border: 1px solid #e7e7e7;  float: left;  padding: 20px;  width: 100%;}
.btn-orange {  background-color: #f07315;  border: 1px solid #f07315;  color: #fff;}
.btnCustome2 {  background-color: #f07315;  border: 1px solid #f07315;  border-radius: 0;  color: #fff;  font-size: 14px;  font-weight: bold;}
/* .promotinSection .tab-content .tab-pane {display:block;} */
.cartright{background: #e4e6e4; float: left; width:18%; margin-left: 1%; margin-top: 12px; padding: 50px 0.5% 30px; position: relative;}
.cartright .couponBoxDiv{  background: #f5821f; color: #fff; font-size: 12px; font-weight: 700; height: 30px; left: 0; line-height: 30px; position: absolute; text-align: center; top: 0; width: 100%; }
.cartright .couponBoxDiv::after{ background: #fff none repeat scroll 0 0; bottom: -6px; content: ""; height: 5px; left: 0; position: absolute; width: 100%;}

.couponBoxPopup{width: 300px; top:150px; padding: 30px; }
.couponBoxPopup .fieldError{color:#ff0000; }
.couponBoxPopup .couponBoxClose{position: absolute; top:0; right:0; padding: 20px; line-height: 5px; color: #000; font-weight: 700; cursor: pointer; }
.couponBoxPopup .couponBox {margin: 0; width: 100%; position: relative; text-align: center; }
.couponBoxPopup .couponBox input {  border: 1px solid #e9e9e9; float: left; font-size: 14px; height: 38px; line-height: 38px; padding: 0 10px; width: 70%; margin-top: 20px; }
.couponBoxPopup .couponBox input.applyCoupon { background: #f5821f; border: 1px solid #f5821f; color: #fff; float: left; padding: 0; text-align: center; width: 30%; }

.cartright ul{float: left; width: 100%;}
.cartright ul li{float: left; width: 100%; padding: 8px 0; border-bottom: 1px solid #fff; text-transform: uppercase;}
.cartright ul li.last{border-bottom: none;}
.cartright ul li.finalAmount > span{color: #1b1b1b; font-weight: bold; font-size: 13px;}
.cartright ul li.finalAmount #checkoutBtn{border-radius: 0; display: block; text-transform: uppercase; padding:0; margin:10px auto 0; background: #f5821f;font-size: 15px; font-weight: bold; color: #fff; width: 121px; height: 22px; line-height: 20px;}
.cartright ul li.finalAmount #checkoutBtn:hover{background: #000;}
.cartright ul li.orderSumaaryValue h2{margin-bottom:10px; font-size: 9px; font-weight: bold; color: #1b1b1b;}
.cartright ul li.orderSumaaryValue > span{font-size:9px; color:#1b1b1b;margin-bottom:10px;}
.cartright ul li.orderSumaaryValue > span.handlingcharges{color: #a6ce39;}
.cartright ul li.finalValue > span{font-size: 12px; color: #1b1b1b;}
.cartright ul li.text{ padding: 0;}
.cartright ul li.text span{font-size: 10px; color: #1b1b1b; float: right;}
.cartLeft .tabsContainer{margin-top: 30px;  padding-left: 7%;}
/* login/register start here */

#octaloginBox { width: 35%; top:155px; margin:auto; padding:12px 1%; border: 1px solid #ededec; position: fixed;}
.userFormHeading{ margin-bottom: 25px; text-align: center; text-transform: uppercase;}
.userFormHeading h2{font-size: 16px; color: #1b1b1b;}
.userFormHeading p{color: #5e5f5f; font-size: 12px; float: left; width: 100%; line-height: inherit; margin-top: 5px;}
.userFormHeading p a{font-size: 12px;}
.userform a{color: #2a5398; font-size: 10px;}

.userform  .formdiv{ width:50%; position: relative; padding-right: 4%; border-right: 1px solid #cac9c9;}
.floatleft.formdiv::after { background: #ffffff; color: #b3b2b3; content: "OR"; display: block; font-size: 14px; padding: 0;position: absolute; right: -10px; top: 50%;}
.userform  .formdiv .fullWidth{position: relative; margin-bottom: 10px;}
.userform  .formdiv .fullWidth .inputBox{border-radius:inherit; border: 1px solid #e7e7e7; height: 37px; padding: 10px 4%; width: 100%; font-size: 12px; color: #b3b2b3;}
.userform  .formdiv .fullWidth .submitBtn{padding:0; border-radius:inherit; margin:4px 0 0 0; background: #1b1b1b; color: #fff; font-size: 14px; width: 100%; text-align: center; height: 37px; line-height: 30px; text-transform: uppercase;} 
.userform  .formdiv .fullWidth #forgotPassword{font-size: 11px; color: #2a5398; text-transform: uppercase; text-align: right; float: right;}

.userform .formrightdiv{width: 50%; margin-top: 25px;text-align: center; padding: 0 4%;}
.userform .formrightdiv a{ margin-bottom: 10px;}
.userform .formrightdiv a img{width: 100%;}
.loyalText { font-size: 10px; font-weight: 700;margin-top: 5px; text-align: center; }


#octaRegBox { width: 35%; top:70px; margin:auto; padding:12px 1%; border: 1px solid #ededec;}
#octaRegBox .formrightdiv{margin-top:110px;}
.userform  .formdiv ul li{float: left; width:auto; margin-right: 10px; position: relative; }
.userform  .formdiv ul li input{float: left; margin:1px 5px 0 0; padding: 0}
.chkBox li input[type=checkbox]{ -webkit-appearance:checkbox;}
.userform  .formdiv ul li input.genderBox{position: absolute; left: 0; top: 0;}
.userform  .formdiv ul li label{float:left; color: #7d7c7d; font-size: 12px; text-transform: uppercase;}
.userform  .formdiv ul li label.checkbox-custom-label{width: auto; float: left; margin: 0; padding-left: 25px; cursor: pointer;}
.userform  .formdiv ul li label.checkbox-custom-label::before{background: url("images/signRadio.png") no-repeat 0 0;width:15px; height: 15px; content: ""; position: absolute; left: 0; top:1px; border: 0;}
.userform  .formdiv ul li input.checkbox-custom:checked + .checkbox-custom-label::before{background: url("images/signRadio.png") no-repeat -15px 0; content: ""; }
.userform  .formdiv .fullWidth p{color: #7d7c7d; font-size: 10px; line-height: inherit;}

#forgotPwdDiv { width: 40%; top:155px; margin:auto; padding:12px 1%; border: 1px solid #ededec;}
#forgotPwdDiv .formdiv{width: 100%; padding: 0; border: none;}

.userLink > li.myAccountNav > a{padding: 0px 6px;}
.myAccountLink{color: #fff; }
.userLink > li.myAccountNav:hover > a, .userLink > li.myAccountNav > a.active{color: #fff; text-decoration: none; background: #000;}
.myAccountNav:hover .myAccountSubMenu, .myAccountSubMenu.openMyAccountSubMenu{ visibility:visible; right:0;}
.myAccountSubMenu {transition: all 0.5s ease 0s; visibility: hidden; background-color: #000;  padding: 5px 10px 10px; position: absolute;  right: -500px;  top:26px;  width: 135px;  z-index: 99;}
.myAccountSubMenu::after { border-bottom: 8px solid #000; border-left: 8px solid transparent; border-right: 8px solid transparent; content: ""; height: 0;
 left:auto; margin: auto; position: absolute; right: 20px; top: -7px; width: 0;}
.myAccountSubMenu li{ float: left;  padding: 6px 0; width: 100%; position: relative;}
.myAccountSubMenu li:last-child{border-bottom: none;}
.myAccountSubMenu li a{ font-size:11px; color: #fff; text-transform: uppercase; width: 100%;}
.myAccountSubMenu li span.warbonnetIcon{background-position:-301px top; width:15px; height:22px; position: absolute; right:-6px; top:0;}
.myAccountSubMenu li span.logoutIcon{background:url("images/hrs.png") left top no-repeat; width:27px; height:26px; position: absolute; top:0;
transition: all 2s ease-in 0s; right:calc(100% - 122px);}
.myAccountSubMenu li a:hover span.logoutIcon{right:34%; background:url("images/hrs.gif") left top no-repeat; }

/* header ends here */

/* footer starts  here */
footer .mute{background: url("images/mute-button-on.png") 0 0 no-repeat; width: 38px; height: 30px; display: block; position: fixed; left:12px; bottom: 10px;}
footer .mute.active{background: url("images/mute-button-off.png") 0 0 no-repeat; width: 37px; height: 30px; display: block;}
.socialLink{padding: 25px 2%; text-align: center; background: url("images/socialBackground.png") repeat 0 0; width: 100%; float: left; display: none;}
.socialLink a{display: inline-block; width: 57px; height: 56px; margin-right: 9%;/* transition: all 0s ease-in-out 0s;
-o-transition: all 0s ease-in-out 0s; -moz-transition: all 0s ease-in-out 0s; -webkit-transition: all 0s ease-in-out 0s; */}
.socialLink a:hover{ transform: scale(1.05);}
.socialLink a.fb{background-position: left -152px;}
/* .socialLink a.fb:hover{background-position: left -152px;} */
.socialLink a.yt{background-position: -58px -152px;}
/* .socialLink a.yt:hover{background-position: -56px -152px;} */
.socialLink a.In{background-position: -115px -152px;}
/* .socialLink a.In:hover{background-position: -113px -152px;} */
.socialLink a.tw{background-position: -173px -152px;}
/* .socialLink a.tw:hover{background-position: -170px -152px;} */
.socialLink a.pl{background-position: -233px -152px;}
/* .socialLink a.pl:hover{background-position: -228px -152px;} */
.socialLink a.gl{background-position: -290px -152px;}
/* .socialLink a.gl:hover{background-position: -285px -152px;} */
.socialLink a.last{margin-right: 0;}


.mainfooter{margin:26px 0 0; position:relative; padding: 0 ; background: url("images/footerBackground.jpg") no-repeat 0 99% / cover; width: 100%; float: left;}
.mainfooternav{padding: 25px 2% 40px; background: url("images/navBackground.png") repeat 0 0; width: 100%; float: left;}
.mainfooterWrap{max-width:1350px; margin: auto;}
.mainfooternav .mainfooterWrap > .floatleft {margin-right: 3.2%;}
.mainfooternav h2{ color:#fff; font-weight:bold; font-size:17px; text-transform:uppercase;  margin: 0  0 13px 0; }
.mainfooternav a { color:#000; font-weight:bold; font-size:12px; text-transform:uppercase; margin-bottom: 10px;}
.mainfooternav a:hover{color:#fff;}
.mainfooternav .mainfooterWrap > .floatleft.subscribeDiv {position: relative; margin-right: 0; margin-top: 26px; width: 100%; clear: both;}
.mainfooternav .mainfooterWrap > .floatleft.subscribeDiv .floatleft{position: relative;}
.subscribeDiv p{float: left; font-size: 17px; color: #fff; text-transform: uppercase;line-height: inherit; margin: 7px 20px 0 0; font-weight: 700;}
.subscribeDiv p span{display: block; color: #000; font-size: 10px; margin-top: 2px; font-weight: 700;}
.subscribeDiv input{float:left; width:149px; border: none; border-radius:3px; color: #959595; font-size: 11px; text-transform: uppercase;}
.subscribeDiv input[type="text"]{ height:31px; padding: 10px 5px; text-transform: none;}
.subscribeDiv input[type="submit"]{background: #252525; color: #fff; height: 31px; line-height: 29px; margin: 4px 0 0 0; padding: 0; clear:both;}
.subscribeDiv input[type="submit"]:hover{background:#fff; color: #000;}
.bottomFooter{margin-top: 40px; display: none; text-align: center;}
.bottomFooter ul{float: left; width: 100%;}
.bottomFooter ul li{float: none; width: auto; margin-right: 15px; display: inline-block;}
.bottomFooter ul li h2{font-size: 12px; float: left;color:#464646; text-transform:uppercase; margin-bottom: 15px;width: 100%; text-align: center;}
.bottomFooter ul li img{clear: both; float: left;}

.checkoutFooter {margin: 80px 0 10px 0; float: left; width: 100%; display: block;}
.checkoutFooter ul{text-align:center;}
.checkoutFooter ul li{width: 100%; float: left;color: #000002; font-size: 11px; }
.checkoutFooter ul li:last-child{margin: 10px 0;}
.checkoutFooter ul li h2, .checkoutFooter ul li img{float: none; display: inline-block;}
.checkoutFooter ul li h2{width: 100%;}
/* footer ends  here */

/* quick view starts */
.quickViewBox.slideDown.zoomIn.animated{position: fixed;top:110px;}
.quickViewBox{ width: 70%;  padding: 2%; z-index: 9999; position: fixed;}
.quickViewBox .productThumbSlide{width: 64px;}
.quickViewBox .productBigSlide a.fancyBox{pointer-events: none;}
.quickViewBox .zoomimg-outer{ width:55%;padding-bottom: 0;}
.productThumbSlide .flex-viewport { width: 100%;}

.quickViewBox .thumbSliderWrap{width: 11%; float: left; margin-top:45px;}
.quickViewBox .thumbSliderWrap .bx-wrapper .bx-prev{top:-9px;}
.quickViewBox .thumbSliderWrap .bx-wrapper .bx-next{bottom:-18px; } 
.quickViewBox .productBigImage{float: right; width: 89%; height:100%;}
.quickViewBox .product-selection { width:44.5%;  float:left; padding-left: 1.5%; border-left: 1px solid #e5e6e5;}
.quickViewBox .product-selection > h1{font-size:20px; color:#1b1b1b; padding-left: 2.5%;}
.quickViewBox .product-selection > p {font-size:20px; color:#1b1b1b; border-top: 1px solid #d7d7d7; padding:2px 0 2px 2.5%; font-weight: 700;}
.quickViewBox .productBuyNow{padding: 6px 0 0; position: relative;}
.quickViewBox .productBuyNow .buynow{margin-right:11px; font-size: 14px; width:163px; height: 23px; line-height: 19px;}
.quickViewBox .productBuyNow .addToWish{font-size: 14px; width:155px; height: 23px; line-height: 19px; background: #1b1b1c;padding: 0 5px; background: #1b1b1c url("images/wishIco.png") no-repeat scroll 97% 1px;  }
.quickViewBox .productBuyNow .StockAvl{margin-top: 8px;}
.productBuyNow .productdetailtxt{position: absolute; right:0; bottom: -40px; color: #F5821F; font-size:12px; text-transform: uppercase;}
.productBuyNow .productdetailtxt:hover{text-decoration: underline; color: #000;}
.overlay.quickviewoverlay {  z-index: 9999;} 
.quickViewBox .quickView{background: url("images/quickView_Arrow.png") 0 0; width: 18px; height: 29px; position: absolute; top:50%; text-indent: -9999px; left: -30px; cursor: pointer;}
.quickViewBox .quickView.nextBtn{background-position: -18px 0 ; right: -30px; left: auto;} 
/* Quick View End */

.uploadFile{position:relative;float:left;width:49%;margin-right: 5%;}
.uploadFile > input, .uploadFile label input {margin: 0; cursor: pointer; position: relative; padding: 10px 0 10px 30px; width: 100%;  color: #b3b2b3; font-size: 9px; border: 0;}
.uploadFile label input{padding: 6px;}
.uploadFile label{position: absolute; left:0; top:0; opacity:0; width: 100%; bottom: 0;}
.uploadFile span{position: absolute; left: 5px; top: 6px; content: ""; background: url("images/attachPin.png") no-repeat 0 0; width: 15px; height: 20px; opacity:1; display: block; }
.uploadFile span::after{ content: ""; display: block; height: 36px; left: 21px; position: absolute; top: -7px; width: 1px; background: #fff; } 
.promotionMsg {  background-color: #f58220;  color: #000;  font-weight: 700;  opacity: 0.8;  padding: 5px 0;  position: absolute;
  right: 0;  text-align: center;  top: 86px;  width: 100%;  z-index: 9;}