@font-face {
    font-family: 'oswaldbold';
    src: url('fonts/oswald-bold-webfont.eot');
    src: url('fonts/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-bold-webfont.woff2') format('woff2'),
         url('fonts/oswald-bold-webfont.woff') format('woff'),
         url('fonts/oswald-bold-webfont.ttf') format('truetype'),
         url('fonts/oswald-bold-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswaldlight';
    src: url('fonts/oswald-light-webfont.eot');
    src: url('fonts/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-light-webfont.woff2') format('woff2'),
         url('fonts/oswald-light-webfont.woff') format('woff'),
         url('fonts/oswald-light-webfont.ttf') format('truetype'),
         url('fonts/oswald-light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'oswaldbook';
    src: url('fonts/oswald-regular-webfont.eot');
    src: url('fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-regular-webfont.woff2') format('woff2'),
         url('fonts/oswald-regular-webfont.woff') format('woff'),
         url('fonts/oswald-regular-webfont.ttf') format('truetype'),
         url('fonts/oswald-regular-webfont.svg#oswaldbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/opensans-semibold-webfont.eot');
    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
	}
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
	}
html{ height:100%;} 
body{ height:100%; background:#f5f7f8;}
body{  font-family: 'open_sansregular'; font-size:16px; color:#565656;}
*{ margin:0; padding:0;  -webkit-box-sizing: border-box;   box-sizing: border-box; -ms-box-sizing: border-box;  -o-box-sizing: border-box;}
ul{ padding:0; margin:0;}
li{ list-style:none;}
 a{ text-decoration:none; cursor:pointer; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; outline:none;}
input{ outline:none; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; outline:none;}
.clearfix{ clear:both;}
.lft{ float:left;}
.rgt{ float:right;}
.container{ max-width:980px; margin:0 auto; clear:both; padding:0 10px;}



/*--------------------home page css-----------------------------------*/

.mainCon{ width:100%;}
.headerCon{ height:100px; background:url(../images/header-back.jpg) repeat-x;}
.logo{ float:left;}
.rightSec{ float:right; padding-top:20px;}
.searchBar{ background:url(../images/search_icon.png) no-repeat 96% center #fff; width:160px; border-radius:10px; color:#000; font-size:11px; padding:5px 10px; border:0; font-family: 'open_sansregular'; font-weight:600; font-style:italic;}
.shoppingCart{ color:#fff; background:url(../images/myaccountBtn-back.png) repeat-x; width:140px; display:inline-block; font-size:14px; vertical-align:middle; margin:0 20px; border:1px solid #dc6b00; padding:2px 0 2px 10px; border-radius:10px;}
.myaccount{ background:url(../images/myaccount_icon.png) no-repeat left center; padding-left:18px; font-size:14px; vertical-align:middle; color:#fff; transition:none 0s ease 0s ; -webkit-transition:none 0s ease 0s ;}
.mycart{ display:inline-block; vertical-align:middle;}
.myaccount:hover{background:url(../images/myaccount_iconhover.png) no-repeat left center;  color:#dc6b00;}
.detailCon{ background:url(../images/body-back.png) repeat-x; min-height:660px;}
.detailCon.whitback{ background:url(../images/privacypolicyback.png) repeat-x;}


/*---menu css--*/
@media(min-width:767px) {
.navigation{ max-width:734px; width:100%; margin:auto;}
.nav > li{ width:180px; float:left; text-align:center; position:relative; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; outline:none;}
.nav > li  {  background:rgba(0, 0, 0, 0) url("../images/menuback.png") no-repeat scroll 0 0; }
.nav > li > a {  border: 1px solid #737b82;  color: #fff;  display: block;  font-size: 16px;  padding: 3px;  text-transform: uppercase; margin-left:-1px;}
.nav > li:first-child a{ border-radius:5px 0 0 5px;}
.nav > li:last-child a{ border-radius:0px 5px 5px 0px;}
.nav > li:hover{ background:rgba(0, 0, 0, 0) url("../images/menuback.png") no-repeat scroll 0 -50px;}
.nav > li:hover > a{ color:#fff;}
.nav > li.subnavClass > a{}
.nav > li.active{ background:rgba(0, 0, 0, 0) url("../images/menuback.png") no-repeat scroll 0 -50px;}
.nav > li.active > a{ color:#fff;}
.subNav {   left: 0;max-height: 0;position: absolute;top: 100%;z-index: 0;}
.subNav li {opacity: 0;
-webkit-transition: opacity .4s, -webkit-transform .5s;-moz-transition: opacity .4s, -moz-transform .5s;-ms-transition: opacity .4s, -ms-transform .5s;-o-transition: opacity .4s, -o-transform .5s;transition: opacity .4s, transform .5s;}
.subNav{ width:180px; z-index:-50;}
.subNav a {  background: #9aa2aa none repeat scroll 0 0;  border: 1px solid #737b83;  border-radius: 0 !important; color:#fff; display: block; font-size: 14px; margin-top: -1px; padding: 5px 0;  text-transform: uppercase;}
.subNav a:hover{ background:#737b82; color:#fff;}
.nav > li:hover .subNav, .nav > li:focus .subNav {    max-height: 2000px;    z-index: 100;}
.nav > li:hover .subNav li, .nav > li:focus .subNav li {opacity: 1;-webkit-transform: none;-moz-transform: none;ms-transform: none;-o-transform: none;transform: none;}
.ddown {  display: inline-block;  margin: -1px 0 0 3px;  vertical-align: middle;}


/* CSS3 delays for transition effects */


}
/*---menu css--*/
.topTxt{ text-align:center; padding:30px 0;}
.topTxt p{ font-size:20px; color:#565656;}
.topTxt h1 {color: #272727;  font-family: oswaldbook; font-size: 26px;}
.topTxt strong{ font-style:italic;}

.bottlebox{ width:120px; position:relative; overflow:hidden; margin:auto;}
.botlebx{ width:100%; position:relative;}
.description{ font-size:13px; color:#313131; font-weight:600; font-family:open_sanssemibold; display:block;}
.bottleDetails{ background:url(../images/bottle-desc-back.png) no-repeat; background-position:top center; background-size:100%; padding:15px 12px;}
.bottleDetails p{ font-size:13px; color:#5e5e5e; }
.size{ font-size:14px; color:#313131; font-weight:600; font-family:open_sanssemibold; display:block;}
.size span{font-family: 'open_sansregular'; font-weight:normal; color:#5e5e5e;}
.bootle{ display:block;}
.innerDiv img { transform: scale(1); -wekit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1);  transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; cursor:pointer;}
/*.innerDiv img:hover{transform: scale(1.2); -wekit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2);}*/
.innerSlider { width:auto; max-width:820px; margin:20px auto;}
.labelDiv {  bottom: 0;  display: block;  height:57%; left:0; margin:auto; right:0;  position: absolute;  top: auto;  vertical-align: middle;  width: 110px;  z-index: 500;}
.innerDiv{ display:block; vertical-align:middle;}
.homeBanr{ position:relative;}
.owl-dots{ display:none !important;}
.owl-nav > div {  height: 54px;  width: 50px;   overflow: hidden;  position: absolute;   top: 50%; margin-top:-27px;  text-indent: 200px;}
.owl-nav .owl-next{ right: -65px; background:url(../images/rightarrow.png) no-repeat center center;}
.owl-nav .owl-prev{ left: -65px; background:url(../images/leftarrow.png) no-repeat center center;}

.joinCon{ background:#edf1f4; padding:30px; width:100%; text-align:center;}
.joinCon > h1 {  color: #272727;  display: inline-block;  font-family: open_sanslight;font-size: 26px;  font-weight: normal;  text-transform: uppercase;}
.joinCon > a {  color: #ff9c00;display: inline-block;  font-size: 26px;  text-transform: uppercase;}
.joinNow strong{color: #272727;  display: inline-block;font-size: 16px; font-weight:normal; }
.srcthInput {  border: 2px solid #cecece;  font-family: open_sanssemibold; display:inline-block;  font-size: 12px;  font-style: italic;height: 40px;  padding: 10px;  width: 356px;}
.srchBtn {  background: #5e5e5e none repeat scroll 0 0;  border: 0 none;  color: #fff;  cursor: pointer;  font-family: open_sanssemibold;  height: 40px;  padding: 0;  text-align: center;  width: 102px; display:inline-block; vertical-align:middle;}
.joinNow{ border-bottom:1px solid #fff; padding-top:20px; padding-bottom:40px; margin-bottom:20px;}
.srcthInput:focus{ border-color:#ff9c00;}
.srchBtn:hover{ background:#ff9c00;  transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s;} 
.joinCon > p {  color: #272727;  font-size: 15px;  line-height: 25px;  margin-bottom: 20px;}
.footerCon {  background: #51647a;  margin-top: 60px; padding:20px 0;}
.leftFooter{ float:left; padding-top:5px;}
.footNav li{ float:left;}
.footNav li a{ color:#fff; text-transform:uppercase; font-size:11px; display:block;}
.footNav li a.footactive{ color:#e9f4ab;}
.footNav li a:hover{ color:#e9f4ab;}
.footNav li a:after{ content:"/"; color:#fff; text-transform:uppercase; font-size:11px; padding:0 10px; }
.footNav li:last-child a:after{content:"";}
.leftFooter > p{color:#fff; text-transform:uppercase; font-size:11px; display:block; margin-top:5px;}
.socIcons{ float:right; margin-top:5px;}
.socIcons a{ height:34px; width:34px; display:inline-block; background:url(../images/socIcon.png) no-repeat;}
.socIcons a.twiter{ background-position:-38px 0;}
.socIcons a.facebook{ background-position:-198px 0;}
.socIcons a.google{ background-position:-119px 0;}
.socIcons a.twiter:hover{ background-position:2px 0;}
.socIcons a.facebook:hover{ background-position:-158px 0;}
.socIcons a.google:hover{ background-position:-79px 0;}
.toggle{ display:none;}
.mobLogo{ display:none;}

/*login page css*/
.loginHd{color: #272727;  font-family: oswaldbook; font-size: 26px; text-align:center; padding:30px 0;}
.loginBox{ background:#fff; width:100%; max-width:734px; padding:20px; min-height:200px; margin:auto; padding-bottom:50px;}
.retCustHd{ position:relative; padding-left:36px;}
.returingCutIcon{ width:28px; height:32px; text-align:left; background:url(../images/returning_customer_icon.png) no-repeat center center; display:block; position:absolute;left:0; top:6px;}
.loginBox strong{ color:#000; text-transform:uppercase; font-size:18px; font-family:open_sanssemibold; display:block;}
.loginBox span{ color:#64676b; text-transform:inherit; font-size:14px;  display:block;}
.returningCustomer{ width:50%; float:left; padding-right:50px;}
.newCusromer{ width:50%; float:right; padding-left:50px;}
.newCustHd{ position:relative; padding-left:39px;}
.newCusticon{width:35px; height:35px; text-align:left; background:url(../images/new_custome.png) no-repeat center center; display:block; position:absolute;left:0; top:4px;}
.inputBox {border: 1px solid #c3b8b8;color: #9a9aba;  display: block;  font-family: open_sansregular;  font-size: 13px;  font-weight: normal;  padding: 8px;  width: 100%;}
.loginbxLeft{ margin-top:20px; position:relative;}
.loginbxLeft ul li{ margin-top:15px;}
.checkbox{ float:left;}
.checkLi > span {  float: left;  font-size: 12px;  margin: -2px 3px;  color: #ababab;}
.checkLi a{ color:#ed640d; font-size:13px; float:right; font-family:open_sanssemibold; margin-top:-2px;}
.checkLi a:hover{ text-decoration:underline;}
.checkLi{ margin-top:8px!important;}
.submitBtn{ background:#ed640d; color:#fff; font-size:14px; font-family:open_sanssemibold; text-transform:uppercase; display:block; cursor:pointer; box-shadow:0 0 3px #ddd inset; width:100%; padding:6px 0; border-radius:3px; border:1px solid #dc6b00;}
.submitBtn:hover{ background:#d65d06;}
.inputBox:focus {border: 1px solid #9ecfff; box-shadow: 0 0 8px #9ecfff;}
.loginbxRight .btn{ background:url(../images/loginBtnsback.png) repeat-x; width:240px; border:1px solid #737b82; border-radius:3px; font-size:16px; color:#fff; text-align:center; padding:10px 0; display:block; margin:20px auto;}
.loginbxRight .btn:hover{ opacity:.9;}
.loginbxRight > span { border: 1px solid #c8c8c8; border-radius: 100%; display: block;  font-size: 12px;  height: 30px;  line-height: 26px;  margin:22px auto;padding: 0;  text-align: center;  text-transform: uppercase;width: 30px;}
.rightLine {  background: #dde2e5 none repeat scroll 0 0;  height: 100%;  position: absolute;  right: -50px;  top: 0; width: 1px;}

.loginBox .formBox strong{ text-transform:inherit;}
.loginBox .formBox span{ text-transform:inherit; font-size:13px; color:#b1b1b1;}
.formBox{ max-width:420px; margin:20px auto 0 auto;}
.formBox ul{ margin:10px auto 0;}
.formBox ul li{ margin-bottom:15px; position:relative;}
.formBox ul li.fl{ width:48%; float:left;}
.formBox ul li.fl::after {  color: red;  content: "*";  font-size: 11px;  position: absolute;  right: -9px;  top: 32%;}
.formBox ul li.fr{ width:48%; float:right;}
.formBox ul li.fr::after {  color: red;  content: "*";  font-size: 11px;  position: absolute;  right: -9px;  top: 32%;}
.redStar {  display: inline-block;  vertical-align: middle;  font-size: 11px;  color: red;}
.alreadyaccount {  color: #ababab;  font-size: 14px;  font-style: italic;  text-align: center;  text-transform: inherit;}
.alreadyaccount a{  color: #ed640d;  font-family: open_sanssemibold;}
.alreadyaccount a:hover{ text-decoration:underline;}

.contactBox{ padding-right:280px; position:relative;}
.contactBox ul{ margin:8px 0 30px;}
.contactBox ul li{ margin:0px 0px 15px 0px; position:relative;}
.contactBox ul li.fl{ width:48%; float:left;}
.contactBox ul li.fr{ width:48%; float:right;}
.contactBox ul li.fl::after {  color: red;  content: "*";  font-size: 11px;  position: absolute;  right: -9px;  top: 32%;}
.contactBox ul li.fr::after {  color: red;  content: "*";  font-size: 11px;  position: absolute;  right: -9px;  top: 32%;}
.contactBox .submitBtn{ width:140px;}
.addressCon{ width:250px; position:absolute; right:10px; top:0;}
.addressCon p.nooontimeLabel{ color:#000; font-size:16px;}
.addressCon p{ font-size:15px; color:#64676b; padding:2px 0; width:170px;}
.addressCon a{ color:#ed640d; text-decoration:underline; font-size:14px; font-family:open_sanssemibold;}
textarea.inputBox{ height:140px; resize:none;}
.contactText > p {color: #64676b;font-family: open_sansregular;font-size: 13px;line-height: 20px;margin: 20px auto;}
.loginBox .signBox strong{ color:#64676b; text-transform:inherit; font-size:14px; font-weight:normal; font-family:open_sanssemibold;}
/*.loginBox.conBox{ padding-bottom:20px;}*/
.loginBox.conBox{ padding-bottom:0px;}


.termAndCondition{ background:#fff; width:100%; max-width:734px; padding:20px; min-height:200px; margin:auto; padding-bottom:0px;}
.termAndCondition h1{ font-size:26px; font-weight:normal; font-family:open_sanssemibold; text-transform:uppercase; color:#000;}
.termAndCondition strong{ font-size:14px; font-weight:normal; font-family:open_sanssemibold; text-transform:uppercase; color:#000; display:block; padding-bottom:13px;}
.termAndCondition h2{ font-size:16px; font-weight:normal; font-family:open_sanssemibold; text-transform:uppercase; color:#000; padding-bottom:0; padding-top:20px;}
.termAndCondition p{ font-size:13px; font-weight:normal; font-family:open_sansregular; color:#64676b; line-height:21px; padding-bottom:10px; position:relative;}
.termAndCondition span{ font-size:14px; font-weight:normal; font-family:open_sanssemibold; color:#64676b; line-height:21px; display:block; padding-bottom:10px;}
.termAndCondition ul{ margin-bottom:20px;}
.termAndCondition ul li{ font-size:13px; font-weight:normal; font-family:open_sansregular; color:#64676b; line-height:20px; list-style:lower-alpha; margin-bottom:6px; margin-left:13px;}
.termAndCondition.pPolicy label{ display:block; margin-bottom:2px; position:relative; padding-left:60px; font-size:13px; color:#64676b;}
.termAndCondition.pPolicy label strong {  display: inline-block;  padding-bottom: 0;  text-transform: capitalize; position:absolute; left:0; top:0; font-size:13px;}
.termAndCondition.pPolicy p {}
.termAndCondition.pPolicy p strong {  display: inline-block;  padding-bottom: 0;  text-transform: capitalize; position:relative; left:0; top:0; font-size:13px;}
.termAndCondition.pPolicy a {  color: #FF942E;}
.termAndCondition.pPolicy a:hover{ color:#000; text-decoration:underline;}

.faq{ background:#fff; width:100%; max-width:734px; padding:20px; min-height:200px; margin:auto; padding-bottom:50px;}
.faq strong { font-size:14px; font-weight:normal; font-family:open_sanssemibold; text-transform:uppercase; color:#000; display:block; margin-bottom:0; cursor:pointer; background:url(../images/plus.png) no-repeat left center; padding-left:30px; padding-top:18px; padding-bottom:18px;}
.openss{ background:url(../images/minus.png) no-repeat left center !important;}
.faq p {  font-size:13px; font-weight:normal; font-family:open_sansregular; color:#64676b; line-height:21px; padding-bottom:10px; position:relative; display:none; margin-top:10px; }
.faq li {  background: none repeat scroll 0 0 #f8f8f8 ;  margin-bottom: 5px;  padding:0  20px;}
.faq a{ color: #FF942E;}
.faq a:hover{ color:#000; text-decoration:underline;}

.topBar{ background:url(../images/topbar-back.png) repeat-x; width:100%; height:44px; padding:7px 10px;}
.customCon{background:#fff; width:100%;  padding:10px 20px; min-height:200px; margin:auto; min-height:1000px;}
.topBar img{ width:auto; display:inline-block; vertical-align:middle; cursor:pointer;}
.leftBar{ float:left;}
.rightbar{ float:right;}
.redu{ margin-left:10px;}
.saveNow{ display:inline-block; background:#828c93; padding:7px 0; color:#fff; font-size:12px; width:70px; border-radius:3px; text-align:center; vertical-align:middle; margin-left:10px;}
.saveNow:hover{ color:#fff; background:#FF942E;}
.leftBar > span{ display:inline-block; vertical-align:middle; color:#606060; font-size:14px; margin-left:0;}
.pricelevel{ display:inline-block; color:#000; text-transform:uppercase; font-size:15px; font-family:open_sanssemibold; margin-right:5px; vertical-align:middle;}
.pricelevel span{ color:#606060;}
.priceBox{ font-size:12px; padding:6px 0; width:50px; background:#fff; color:#606060; border:1px solid #ddd; display:inline-block; text-align:center; border-radius:3px; margin-right:3px;}
.addtocartBtn{ margin-top:-1px;}
.lftPart {float:left; width:210px; padding:20px 0; position:absolute; left:0; top:0; overflow:hidden;}
.rgtPart { padding:0 0 0 230px; width:100%;}
.cover {width:100%; height:710px; margin:auto; position:relative; background:#f8f8f8; box-shadow:0 0 0 10px #eff2f3  inset; overflow:hidden;}
.cover .image {position:absolute; left:0px; top:158px; z-index:100; cursor:pointer;width:56%;height:528px; box-sizing: border-box;overflow:hidden;padding:0px; right:0; margin:auto;}
.backBox {position:absolute; left:0px; top:50px; z-index:10; cursor:pointer;width:58%;height:600px;background-color:#180108; box-sizing: border-box;overflow:hidden; right:0; margin:auto;}
.customBox{ position:relative;}
.backImg{position:absolute; left:0px; top:10px; z-index:30; cursor:pointer;width:60%;height:688px; box-sizing: border-box;overflow:hidden; right:0; margin:auto;}
.cover .txt {position:absolute; left:22%; right:22%; top:210px; display:inline-block; text-align:center; color:#fff; z-index:300; font-size:14.5833px; font-family:Arial, Helvetica, sans-serif; cursor:pointer;height:auto !important;}
#colorpicker,#shadowpicker{display:none;}
.image img{max-width:100%;}
.edit{-webkit-box-shadow:0 0 0 2px #dc6b00;-moz-box-shadow:0 0 0 2px #dc6b00;-ms-box-shadow:0 0 0 2px #dc6b00;box-shadow:0 0 0 2px #dc6b00;}
.edit .close {background:url(../images/close.png); width:17px; height:17px; display:block; position:absolute; right:-8px; top:-8px; cursor:pointer;}
.Alignment-option li{list-style:none;float:left;cursor:pointer;}
#addText {background: #828c93 none repeat scroll 0 0;border: medium none;border-radius: 3px;color: #fff;cursor: pointer;font-family: open_sanssemibold;font-size: 13px;padding: 6px 0;text-align: center;text-transform: capitalize;width: 100%;margin-top: 4px;}
.advance-styling{clear:both;}
.image{ background:none;}

/*-------------*/
.draggable{position: absolute; display: -moz-inline-stack;display: inline-block;top:0;zoom: 1;*display: inline;    cursor: pointer; left:0; right:0; margin:auto; min-width:55%; max-width:100%;       }
.rotatable.resizable > div > p{ word-wrap: break-word;color:#000000;/* display: inline-block;*/}

.resizable{    /*border: 1px solid #bb0000;*/   }
.resizable img{ width: 100%;   }
.ui-resizable-handle {background: #f5dc58;border: 1px solid #FFF;width: 9px;height: 9px;z-index: 2;}
.ui-resizable-se{right: -5px;bottom: -5px;}
.ui-rotatable-handle { background: rgba(0, 0, 0, 0) url("../images/rotating.png") no-repeat scroll 0 0;cursor: crosshair;height:20px;left:50%;margin:0 0 0 -5px;position:absolute;top:-12px;width:20px;}
.ui-rotatable-handle.ui-draggable-dragging{visibility:  hidden;}
body.white {background: #fff none repeat scroll 0 0;}

.leftBox{ margin-bottom:0; overflow:hidden;}
#addText:hover{ background:#ff942e ;}
.leftBox > div > div{ margin-bottom:12px;}
.leftBox h3 { background:#eff2f3;   box-shadow: 0 2px 0 #d8dfe2;color: #464646;  font-family: open_sanssemibold;  font-size: 14px;  font-weight: normal;  height: 36px;  padding: 9px 5px;  text-transform:capitalize; cursor:pointer; margin-bottom:6px;}
.plus-minus{ background:url(../images/custom-plus.png) no-repeat center center; height:17px; width:17px; float:right; margin-top:-1px;}
.leftBox h3.shownav  .plus-minus{background:url(../images/custom-minus.png) no-repeat center center;}
.leftBox label{ color:#464646; font-size:13px; display:block; font-family: open_sanssemibold; margin-bottom:5px;} 
.labelCon{ color:#555555; font-size:12px; display:block; font-family: open_sanssemibold; margin-bottom:5px;} 
.ui-slider{ margin-left:0;}
.sliderbx{ margin:0 0 15px 0;}
.leftBox .uplploadimages label {  display: inline-block;}
.uplploadimages > a {width: 100px;background: #828c93 ;color: #fff;font-size: 13px;display: inline-block;overflow: hidden;vertical-align: middle;margin-left: 18px;border-radius: 3px;text-decoration: none;font-family: open_sanssemibold;text-align: center;position: relative;padding: 6px 0;}
.fileClass {  padding: 6px;  position: absolute;  left: -20px;  top: 0;  cursor: pointer;  z-index: 20;  opacity: 0;}
.uplploadimages a:hover{background:#ff942e ;}
.Alignment-option {  background: #ededed none repeat scroll 0 0;  border: 1px solid #dfdcdc;  height: 37px;  padding:5px 4px;}
.redo{ margin-left:3px;}
.underline{ margin-right:0px;}
.hideClass{ display:none; padding-bottom:20px;}
.rightH2 { font-family: open_sanssemibold;  font-size: 14px;  font-weight: normal;  padding-top: 16px;  text-transform: uppercase;  padding-bottom: 3px;}
.textShadowColor {  margin: 25px 0 10px;}

.coming_soon{ color:#272727;text-align:center;font-size:26px;}
.coming{ background:#fff;padding:20px; max-width: 734px;width:100%;margin:auto;}
#checker{ float:right;font-size:13px;padding:4px 0 5px 0;color:#828c93;font-weight:bold;}
#checker:hover{ color:#ff9c00;}
.undo{  cursor: pointer;display: inline-block;vertical-align: middle;margin-left:7px;}
.redo{  cursor: pointer;display: inline-block;vertical-align: middle;}
#deleteText {background: #828c93 none repeat scroll 0 0;border: medium none;border-radius: 3px;color: #fff;cursor: pointer;font-family: open_sanssemibold;font-size: 13px;padding: 6px 0;text-align: center;text-transform: capitalize;width: 100%;margin-top: 4px;}
#deleteText:hover{ background:#ff942e;}
.customhd{ padding-bottom:5px;}
.click_change{ text-align:center;margin-bottom:20px;display:block;color:#000;}
.edit-border {-webkit-box-shadow:0 0 0 2px #dc6b00;-moz-box-shadow:0 0 0 2px #dc6b00;-ms-box-shadow:0 0 0 2px #dc6b00;box-shadow:0 0 0 2px #dc6b00;}
.blankspace {  float: left;  height: 24px;  width: 30px;}


/*listing page css*/
.ListingBox{ position:relative; width:100%; padding-left:230px; padding-top:20px;}
.topHd2{color: #272727;  font-family: oswaldbook; font-size: 20px; text-align:left; padding:5px 0;}
.lftPart.listingLEft .searchBar {  border: 1px solid #a7a7a7;  padding: 6px 10px;  width: 100%; margin-bottom: 10px;}
.listingOptpn {  background: #f7f9f9 none repeat scroll 0 0;  box-shadow: 0 2px 0 #d8dfe2;  padding: 10px;}
.listingOptpn li{ padding:4px 0;}
.listingOptpn input {  float: left;  margin: 2px 5px 0 0;}
.listingBox strong{ display:block; font-size:12px; font-family:open_sanssemibold; padding:3px 0; color:#000;}
.listingBox p{ display:block; font-size:12px;  padding:0px 0; color:#656565;}
.viwOtherOption{ width:142px; border-radius:3px; font-size:11px; color:#fff; padding:3px 0; text-transform:uppercase; background:#a7a7a7; text-align:center; display:block; margin:12px auto 0 auto }
.viwOtherOption:hover{ background:#ff7f05;}
.labelImg {  height: 180px;  width:100%; display:block; margin:auto; transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s;}
.listingBox a{ display:block; overflow:hidden; position:relative;}
.listingBox span {  background: rgba(0,0,0,.8) none repeat scroll 0 0;  bottom: 0;  color: #fff;  display: block;  left: 0; width:80px; margin:auto; height:30px;  line-height: 27px ; position: absolute;  right: 0;  text-transform:capitalize;  text-align: center;  top: 0;  z-index: 100; transform:scale(0); -webkit-transform:scale(0); -ms-transform:scale(0); transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; font-size:12px;}
.listingBox a:hover span{transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1);}
#blah {  width: auto; height:100%;}
.image-container.draggable{ width:92%; height:94%; top:3%;}
.rotatable.resizable{ height:100%; color:#000;  }
.txt  .rotatable.resizable{  padding:0; min-height:auto !important; word-break: break-all;   word-wrap: break-word;}
.backgroundColor  a{ display:inline-block; margin:0 2px; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; }
.backgroundColor > label {  text-align: left;  padding: 10px 0;}
.backgroundColor{ text-align:center;}
.backgroundColor a.selected img {  opacity: 0.2;}
.photoZoom-Large img {
  min-height: 250px !important;
  min-width: 200px !important;
}



.backgroundColor a img{transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; width:40px; }
.listingRight li{ width:160px; text-align:center; display:inline-block; vertical-align:top; margin-bottom:40px; margin-left:2px; margin-right:2px;position:relative;}
.zoom_image{ position:absolute;z-index:9999;top:0px;left:100%;display:none;}
.zoom_image img{ max-width:100%;border:1px solid #ccc; -moz-box-shadow:0 0 5px #888;box-shadow: 0 0 5px #888;-webkit-box-shadow : 0 0 5px #888;-moz-box-shadow : 0 0 5px #888;-o-box-shadow : 0 0 5px #888;-ms-box-shadow : 0 0 5px #888;}
.listingRight li:nth-child(4n+4) .zoom_image{ left:auto;right:100%;}

.backgroundColor > label{ vertical-align:top;display: inline-block;padding:18px 15px 18px 0;}
.backgroundColor{ padding:12px 0; text-align:right; padding-right:130px;}

/*.rotatable.resizable.edit.ui-resizable p {
    border: 1px solid red;
    display: inline-block;
    padding: 5px;
}*/
/*Ashish
.txt .edit {
    box-shadow: 0 0 0 2px #fff;
	padding:5px !important;
	display:inline-block;
}
.txt .rotatable.resizable.edit.ui-resizable{height:auto !important;}*/

.editordiv{ width:100%; margin-top:10px; padding-bottom:10px;}
.editordiv label{ color:#464646; display:block; font-size:14px; font-family:open_sanssemibold; text-transform:uppercase;}
.shortDesc{ width:100%; border:1px solid #ddd; padding:10px; margin-top:5px; font-size:13px; line-height:22px; color:#656565; min-height:140px;}


.labelCon.toggleLabel {  float: left;  margin-bottom: 0;}

.toggleBtns {  display: block;  margin: 20px 0 13px;}


.switch-button-label {
    float: left;

    font-size: 10pt;
    cursor: pointer;
}

.switch-button-label.off {
    color: #adadad;
}

.switch-button-label.on {
    color: #0088CC;
}

.switch-button-background {
  background: #e4e4e4  none repeat scroll 0 0;
  border-radius: 10px;
  cursor: pointer;
  float: left;
  margin: 1px 10px;
  position: relative;
}
.switch-button-button {
  background: #ccc none repeat scroll 0 0;
  border: 3px solid #ccc;
  border-radius: 100%;
  left: -4px;
  position: absolute;
  top: -3px;
}
.switch-button-background.checked{ background:#ffc05f ;}
.switch-button-background.checked .switch-button-button{ background:#ef7e13; border-color:#ef7e13;}
.switch-button-label{ display:none !important;}
.toogleCon {  float: right;margin-right: 5px;  margin-top: 1px;}
.hdn{ padding:5px;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.underline{text-decoration:underline;}

.sortable li {  background: #f8f8f8 none repeat scroll 0 0;  border-top: 1px solid #ddd;height: auto;  padding: 0;}
.sortable li:last-child {  border-bottom: 1px solid #ddd;}
.leftMove{ float:left;}
.rightMove{ float:right;}
.moveIcon {  display: inline-block;}
.moveIcon > img {  opacity: 0.5;  width: 17px;}
.sortable li {  background: #f8f8f8 none repeat scroll 0 0;  border-top: 1px solid #ddd;  height: auto;  padding: 15px 7px 10px; transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s;}
.lock > img {  width: 17px;  opacity: .6;}
.lock {  display: inline-block;  vertical-align: top;}
.remove {  display: inline-block;  vertical-align: top;}
.remove > img {  width: 15px;  vertical-align: top;  margin-left: 5px;}
.layer {  font-size: 13px;  display: inline-block;  vertical-align: top;  color: #656565;  margin-left: 5px;}
.sortable li:hover{ background:#fff;}
.txt .rotatable{line-height:17px;}
.radius-btn, .spacing-btn, .reverse-btn{display:none;} 
.fixed-img img {
  width: 100%;
  height: 100%;
}.fixed-img {
  height: 94%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 3%;
  width: 92%;
}
.myaccount {
  position: relative;
}
.myaccount::after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 9px solid #fff;
  content: "";
  position: absolute;
  top: 7px;
  width: 0;
  right: -15px;
}
.mayAccDropDown {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: auto;
   position: relative;
}
.accDrop {
  background: #9aa2aa none repeat scroll 0 0;
  padding: 0;
  position: absolute;
  top: 30px;
  width: 138px;
  z-index: 500;
  display: none;
}

.accDrop > a {
  border-bottom: 1px solid #a5adb5;
  color: #fff;
  display: block;
  font-size: 14px;
  padding: 10px;
  
}
.accDrop > a:hover {
  background: #8b939b none repeat scroll 0 0;
}

.ListingBox.ListingBox2 {
    padding-left: 0;
}

/*25/11/2015 css*/
.shopingCont{ padding:15px; background:#fff;}
.selctFormBox { height:38px; width:100%; position:relative;}
.selectInput.srchInput{ background:url(../images/selectdrop.png) no-repeat right 6px center #eeeeee; width:70px;  border: 0 none;border-radius: 3px;
font-family: open_sanssemibold;font-size: 12px;padding: 6px;width: 70px;}
select {  left: 0;  opacity: 0;  padding: 0px; height:30px;  position: absolute;  top: 0;  width: 100%;}
select option{ padding:3px 10px;}
.selctFormBox .select {font-size:12px; color:#666;}
.leftSideBar{ width:620px; float:left;}
.checkoutTable table th {  border: 1px solid #ddd;  color: #222;  font-family: open_sanssemibold;  font-size: 12px;  height: 48px;  text-transform: uppercase; width:140px; background:#f6f6f6;}
.checkoutTable table td {  border-bottom: 1px solid #ddd;  color: #7f7f7f;  font-family: open_sanssemibold;  font-size: 13px;  height: 120px;
  text-transform:capitalize; width:140px; text-align:center; vertical-align:top; padding:12px 0;}
.lablimg > img {  width: 74px;}
.checkoutTable table{ border-collapse:collapse; border: 1px solid #ddd;}
.selctFormBox.selctFormBox{ width:68px; margin:auto;}
.checkoutTable a {  background: #c6c6c6 none repeat scroll 0 0;  display: inline-block;  height: 19px;  line-height: 20px;  margin: 0 2px;  text-align: center;  width: 19px; position:relative;}
.checkoutTable a img {  position: absolute;  left: 0;  right: 0;  margin: auto;  vertical-align: middle;  top: 3px;}
.checkoutTable a:nth-child(3) img {  top: 6px;}
.checkoutTable a:hover{ background:#FF7C00;}
.coupnBox label {  display: inline-block;  color: #494949;  text-transform: uppercase;  font-size: 14px; vertical-align:middle;}
.coupnInput {  width: 340px;  display: inline-block;vertical-align: middle;  margin-left: 10px;  position: relative; padding-right:122px;}
.coupnInput > input[type="text"] {  width: 220px;  border: 1px solid #c3b8b8;  color: #444;  font-family: open_sansregular;text-transform: capitalize;  font-style: italic;  padding: 10px;  height: 42px;}
.coupnBox{ text-align:right; margin-top:20px;}
.submitBtns.submitBtn {  height: 42px;  position: absolute;  right: 0;top: 0;  width: 122px;  border-radius: 0;}
.rightSideBar {  background: #f6f6f6 none repeat scroll 0 0;border: 1px solid #ececec;  float: right;  padding: 10px 15px;  width: 298px;}
.cardTotlHd {  display: block;  text-align: center;  text-transform: uppercase;  font-family: open_sanssemibold;  color: #191917;  font-size: 15px;  padding-bottom: 10px;}
.itemRow label {  color: #6d6c6c;  display: inline-block;  font-size: 14px;width: 86px;  font-family: open_sanssemibold;  padding-bottom: 11px;}
.itemRow label:nth-child(2) { text-align: center; padding-right: 10px;}
.totalRow {  border-bottom: 1px solid #dbd8d8;  border-top: 1px solid #dbd8d8;  margin: 4px auto 30px;  padding: 10px 0;}
.totalRow strong {  display: inline-block;  font-family: open_sansbold;  color: #454545;}
.totalBox {  width: 178px;}
.totalRow strong.red{ color:#fa1f1f;}
.itemRow label.red{ color:#fa1f1f;}
.rightSideBar a.submitBtn {  margin-bottom: 5px;  margin-top: 10px;  padding: 11px;  text-align: center;}