/*-- COMMON CSS ----------*/
body{margin:0;padding:0;  font-weight:400;
;-webkit-font-smoothing:antialiased; word-break: break-all;}
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,images,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{margin:0;padding:0;border:0;outline:0 none;font-size:100%;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

ul,li{list-style:none;margin:0;padding:0;}
a:hover{text-decoration:none!important;}
a,a image{border:0 none;outline:none !important;}
a,a:focus{text-decoration:none;outline:none !important;}
.ob-menu .container{position: relative;}
input,button, textarea{outline:0}

.ob-header.ob-scroll-nav .slidemenu.shop-menu > ul > li > a > span.login-text >span {display: none}
.ob-header.ob-scroll-nav .slidemenu.shop-menu > ul > li:last-child > a > span.login-text >span {display: initial}
.text-align-right{ text-align: right;}
/*-- OB TITLE ---------------*/
p {color: #888;font-size: 13px;line-height: 15px; }
images{border:0 none;}
.innerpage{/*margin-top:190px;*/min-height:500px;padding:25px 0 40px;}
.innerpage.account-innerpage{padding-top: 0;}
.innerpage.account-innerpage .ob-account-right{padding-top: 25px;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:.5em 0 .8em;padding:0}
h1.main-title{font-size:18px  ;padding-top:12px;padding-bottom:12px;color:#404040;text-transform:uppercase}
h1.main-title i{margin-right:5px}
.title{border-bottom:3px #f5f5f5 solid;padding:15px 20px;background:#f5f5f5;background:-moz-linear-gradient(top,#f5f5f5 0%,#fdfdfd 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(100%,#fdfdfd));background:-webkit-linear-gradient(top,#f5f5f5 0%,#fdfdfd 100%);background:-o-linear-gradient(top,#f5f5f5 0%,#fdfdfd 100%);background:-ms-linear-gradient(top,#f5f5f5 0%,#fdfdfd 100%);background:linear-gradient(to bottom,#f5f5f5 0%,#fdfdfd 100%);filter:progid: DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',endColorstr='#fdfdfd',GradientType=0);}
.title h1{  font-weight:700;
text-transform:uppercase;color:#404040;font-size:18px;}
form .sub-form-box h2{font-size:16px  ;color:#404040;padding-bottom:15px}
.modal-header i{margin-right:7px;}
.pink{ color: #02458b !important;}
.position-relative{ position: relative !important;}
.position-inherit{ position: inherit !important;}
select.form-control{ border-radius: 0;-webkit-box-shadow: inset 0 6px 32px -11px rgba(230,230,230,1); -moz-box-shadow: inset 0 6px 32px -11px rgba(230,230,230,1); box-shadow: inset 0 6px 32px -11px rgba(230,230,230,1);}/
select.form-control:focus{ border-color:#02458b;}
/*-- OB FORM ------------*/
.locate-distributor label, .sub-form-box label{font-size:13px  ;color:#7f7f7f;padding-bottom:5px}
input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:none;outline-offset:0}
input[type="radio"],input[type="checkbox"]{vertical-align:middle;margin:0;}
form input[type="text"]{height:40px; -webkit-box-shadow:inset 0 6px 32px -11px rgba(230,230,230,1);-moz-box-shadow:inset 0 6px 32px -11px rgba(230,230,230,1);box-shadow:inset 0 6px 32px -11px rgba(230,230,230,1);}
input[type="text"]{width:100%;color:#777;    font-weight:400;
 font-weight: normal; font-size: 14px; padding:6px;border:1px solid #e6e6e6;}
.login-col input[type="text"], .login-col input[type="password"]{height:34px;border-radius:0;background:#fff url(../images/arrow.png) no-repeat 10px 10px;padding-left:25px;-webkit-box-shadow:inset 0 6px 32px -11px rgba(230,230,230,1);-moz-box-shadow:inset 0 6px 32px -11px rgba(230,230,230,1);box-shadow:inset 0 6px 32px -11px rgba(230,230,230,1);color:#888;border-color:#ddd; margin-bottom: 20px;}
.login-col input[type="text"]:focus,.login-col input[type="password"]:focus{border-color:#8e208c;background:#fff url(../images/arrow.png) no-repeat 10px -17px;-webkit-box-shadow:inset 0 6px 32px -11px rgba(230,230,230,1);-moz-box-shadow:inset 0 6px 32px -11px rgba(230,230,230,1);box-shadow:inset 0 6px 32px -11px rgba(230,230,230,1);}
header .slidemenu .login-col .forgot-passwd input[type="text"]{margin-bottom:10px;}
.login-col input[type="password"]{margin-bottom:10px;}
input[type="submit"], input[type="button"], input[type="reset"], button[type="submit"], button[type="reset"]{border-radius:3px;color:#fff;background:#5d5c5c;border:1px solid #505050;box-shadow:0 1px 2px #888; text-transform:uppercase;font-size:14px;padding:0 12px;height:37px;}
.btn-box-main.order-feedback-btn button[type="button"] {color: #fff;background: #5d5c5c;border: 1px solid #505050;box-shadow: 0 1px 2px #888;margin-right: 7px;text-transform: uppercase;font-size: 14px ;padding: 0 12px;height: 37px;}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default, input[type="submit"]:hover,input[type="button"]:hover,input[type="reset"]:hover{color:#fff;background:#02458b;border:1px solid #02458b;transition:all .5s ease 0;}
textarea{color:#777;  font-weight:400;
 font-weight: normal; font-size: 14px;padding:5px;border:1px solid #e6e6e6;-webkit-box-shadow:inset 0 6px 32px -11px rgba(230,230,230,1);-moz-box-shadow:inset 0 6px 32px -11px rgba(230,230,230,1);box-shadow:inset 0 6px 32px -11px rgba(230,230,230,1)}
label{ font-weight: normal;}

.form-group {position: relative;}
/*.form-group ul { margin-bottom:-18px; }*/
.form-group label {font-size: 13px;  font-weight:400;
color: #7f7f7f;padding-bottom: 5px;font-weight: normal;text-transform: capitalize;}
.form-group .error-message li, .form-group ul li, .form-group .error-message li, .form-group ul li, .help-block{font-size: 11px;color: red !important ;margin-top: 1px;position: absolute;line-height: 10px; bottom: -13px;}
.form-group ul li + li {display: none;}
.form-group input[type="text"] {height: 40px;}
.required-field{color: red;font-size: 13px  ;float: right;font-style: italic;}
.mandatory-field {color: red;}
.red{color:red; font-size: 12px; margin-left: 2px;}
.btn-box-main{margin-top:20px}
.media-none .btn-box-main {margin: 20px 0 20px 0;}
.form-group input[type="text"], .form-group input[type="password"], .form-group input[type="email"]{width: 100%;color: #7f7f7f;font-size: 15px  ;height: 40px;padding: 6px 10px;border: 1px solid #e6e6e6; -webkit-box-shadow: inset 0 6px 32px -11px rgba(230,230,230,1);
-moz-box-shadow: inset 0 6px 32px -11px rgba(230,230,230,1);box-shadow: inset 0 6px 32px -11px rgba(230,230,230,1);margin-bottom: 0;}
.form-group textarea {font-size: 13px  ;color: #7f7f7f;padding: 5px;height: 100px;margin-bottom: 5px;width: 100%;resize: none;  -webkit-box-shadow: inset 0 6px 32px -11px rgba(230,230,230,1);
  -moz-box-shadow: inset 0 6px 32px -11px rgba(230,230,230,1);
  box-shadow: inset 0 6px 32px -11px rgba(230,230,230,1);border-radius: 0;}
.check-block label {font-size: 14px; font-weight: 300;color: #7f7f7f;font-weight: normal;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: .5em 0 .8em;padding: 0;}
/*.checkbox label::before {content: "";display: inline-block;position: absolute;width: 17px;height: 17px;left: 0;margin-left: -11px;border: 1px solid #ccc;border-radius: 0;background-color: #fff;-webkit-transition: border .15s ease-in-out,color .15s ease-in-out;-o-transition: border .15s ease-in-out,color .15s ease-in-out;transition: border .15s ease-in-out,color .15s ease-in-out;}
.checkbox label::after {display: inline-block;position: absolute;width: 16px;height: 16px;left: 0;top: 0;margin-left: -11px;padding-left: 3px;padding-top: 1px;font-size: 11px;color: #555;}
h1.main-title {font: 18px roboto_condensedbold;  margin-top: 15px;margin-bottom: 10px;color: #404040;text-transform: uppercase;}*/
.form-group input[type="text"]:focus, .form-group input[type="password"]:focus, textarea.textarea:focus, .checkbox input[type="checkbox"] {border-color: #02458b;outline: none;}
.category-block .panel-heading span {text-transform: uppercase;}
input[type="text"]:focus,textarea.textarea:focus,.checkbox input[type="checkbox"]:focus{border-color:#02458b;outline:none}
.checkbox input[type="checkbox"]:focus + label::before{border:1px solid #02458b}
.address-checkbox input[type="checkbox"].css-checkbox {border-color: #02458b;outline: none;}
.inp-parts .checkout-select-wrapper .custom-select:focus{border-color: #02458b;outline: 0;}


/*-- OB BUTTONS -------------*/
a.btn-default{ display: block; border: 0; text-align: center;background:#5c5c5c; min-height: 30px;color: #fff;  font-size: 14px;  letter-spacing: .5px; padding:5px 15px;  margin-left: 5px;  border-radius: 0;  text-transform: uppercase;    font-weight:400;
}
a.btn-default:hover, a.btn-default:focus{color:#fff;background:#02458b; border: 0;}
.btn-default{text-align:center;background:#5c5c5c; border-color:#5c5c5c; min-height:30px;color:#fff;font-size:14px;letter-spacing:.5px;padding:5px 15px;margin-left:5px;border-radius:0;text-transform:uppercase;  font-weight:400;}
.btn-default:hover, .btn-default:focus{color:#fff;background:#02458b;}
.btn-search{background:#5d5c5c;border:1px #757575 solid;color:#fff;padding:8px 10px;border-radius:3px;display:inline-block;font-size:14px;  font-weight:400;
}
.btn-search .fa-star{color:#fff;font-size:11px;padding-right:5px}
.btn-search:hover,.btn-search:focus{background:#02458b;color:#fff;border:1px #02458b solid;transition:all .5s ease 0}
.add-btn{box-shadow:0 1px 2px #888;color:#fff;  font-weight:400;
font-size:14px;font-weight:400;height:37px;padding:7px 10px;text-transform:uppercase;border-radius:3px}
.add-btn.gray{background:none repeat scroll 0 0 #5d5c5c;border-color:#505050;border-style:solid;border-width:1px 1px 2px;display:inline-block}
.add-btn.gray.continue_gray{min-width:100px}
.add-btn.gray:hover,.add-btn.gray:focus{background:#02458b;color:#fff;transition:all .5s ease 0;border-color:#02458b}
.add-btn.gray i.fa-angle-right{width:7px;margin-left:5px}
.add-btn.gray i.fa-shopping-cart,.add-btn.gray i.fa-plus-square{margin-right:10px}
.upload-button{ background:#02458b;border-radius: 3px; display: inline-block; padding:7px 15px;color: #fff;font-size:14px;  text-align: center;}
.upload-button:hover, .upload-button:focus{color: #fff !important;
    background: #03517b;}
.lrg-but.btn-default{ background:#777;border-radius: 3px; display: inline-block; padding:8px 15px;color: #fff;font-size:16px; min-width:178px; margin-bottom:10px;   font-weight:300;
 text-align: center; text-transform: none; margin-left:0;}
.lrg-but.btn-default:hover{ color: #fff; background:#02458b;}
.lrg-but.btn-default i{ padding-right: 5px; color: #fff;}
.small-but.btn-default{  border:1px #777 solid;background:#777;border-radius: 3px; display: inline-block; padding:7px 15px;color: #fff;font-size:16px; min-width:150px; margin-bottom:10px;   font-weight:300;
 text-align: center; text-transform: none;}
.small-but.btn-default:hover{ color: #fff; background:#02458b;border:1px #02458b solid; }
.small-but.btn-default i{ padding-right: 5px; color: #fff;}

/*-- OB BREADCRUMB -------*/
.model-popup-simple .modal-content .close {background: url(../images/close-icon.png) no-repeat scroll 0 0 rgba(0,0,0,0); height: 27px;opacity: 1;position: absolute;right: -10px;top: -10px;width: 26px; z-index: 9999;}
.model-popup-black .modal-content .close {position: absolute;right: 10px;top: 5px;z-index: 9999;font-weight: normal;background: none;border: none;min-height: inherit;background-color: #ebebeb;padding: 10px;color: #074770;opacity: 1;font-size: 28px;text-shadow: none;line-height: 20px;border-radius: 5px;margin-right: 5px;}
.model-popup-simple .modal-content .modal-lg{margin-top:5%;}
.model-popup-pink .modal-header{ color: white; background:#02458b;  text-align: center; }
.model-popup-black .modal-header{ color: white; background:#2D2D2D;  text-align: center; padding: 10px 15px;}
.model-popup-black .modal-header h1.modal-title{font-size: 20px; text-transform: uppercase;  font-weight:400;
padding: 0 22px 0 0;}

/*-- OB BREADCRUMB -------*/
.breadcrumb{border-radius:0;font-size:12px;list-style:outside none none;margin-bottom:0;padding:0 0 3px;border-bottom:1px #bdbdbd solid;background:none;font-weight:400}
.breadcrumb strong{font-weight:400;color:#404040}
.breadcrumb ul{display:inline-block}
.breadcrumb ul li{float:left;margin:0}
.breadcrumb ul li a,.breadcrumb ul li{color:gray;font-size:12px;color:#7f7f7f;font-size:11px}
.breadcrumb ul li a:hover{color:#404040}

/*-- OB CHECKBOX ------------*/
.checkbox{padding-left:5px; position: relative;}
.checkbox label{display:inline-block;position:relative;padding-left:15px}
.checkbox label::before{content:"";display:inline-block;position:absolute;width:17px;height:17px;left:0;margin-left:-11px;border:1px solid #ccc;border-radius:0;background-color:#fff;-webkit-transition:border .15s ease-in-out,color .15s ease-in-out;-o-transition:border .15s ease-in-out,color .15s ease-in-out;transition:border .15s ease-in-out,color .15s ease-in-out;}
.checkbox input[type="checkbox"]:focus + label::before{border:1px solid #02458b}
.checkbox label::after{display:inline-block;position:absolute;width:16px;height:16px;left:0;top:0px;margin-left:-11px;padding-left:3px;padding-top:3px;font-size:11px;color:#555}
.checkbox input[type="checkbox"]{opacity:0; display: none;}
.checkbox input[type="checkbox"]:focus + label::before{border:1px solid #02458b}
.checkbox input[type="checkbox"]:checked + label::after{font-family:'FontAwesome';content:"\f00c"}
.checkbox input[type="checkbox"]:disabled + label{opacity:.65}
.checkbox input[type="checkbox"]:disabled + label::before{background-color:#eee;cursor:not-allowed}
.checkbox.checkbox-circle label::before{border-radius:50%}
.checkbox.checkbox-inline{margin-top:0}
.checkbox-primary input[type="checkbox"]:checked + label::before{background-color:#428bca;border-color:#428bca}
.checkbox-primary input[type="checkbox"]:checked + label::after{color:#fff}
.checkbox-danger input[type="checkbox"]:checked + label::before{background-color:#d9534f;border-color:#d9534f}
.checkbox-danger input[type="checkbox"]:checked + label::after{color:#fff}
.checkbox-info input[type="checkbox"]:checked + label::before{background-color:#5bc0de;border-color:#5bc0de}
.checkbox-info input[type="checkbox"]:checked + label::after{color:#fff}
.checkbox-warning input[type="checkbox"]:checked + label::before{background-color:#f0ad4e;border-color:#f0ad4e}
.checkbox-warning input[type="checkbox"]:checked + label::after{color:#fff}
.checkbox-success input[type="checkbox"]:checked + label::before{background-color:#5cb85c;border-color:#5cb85c}
.checkbox-success input[type="checkbox"]:checked + label::after{color:#fff}

/*-- OB PAGINATION ------------*/
.pagination{margin:0}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus{background:#8e208c;border:1px solid #02458b}
.pagination > li > a,.pagination > li > span{color:#404040}
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus{color:#8e208c}

/*-- OB DROPDOWN -------------*/
.inp-parts .checkout-select-wrapper{color:#7f7f7f;font-size:13px;  font-weight:400;
;display:inline-block;background:url(../images/checkout-select-arrow.png) no-repeat 95% center;cursor:pointer;-webkit-box-shadow:0 6px 32px -11px rgba(230,230,230,1) inset;-moz-box-shadow:0 6px 32px -11px rgba(230,230,230,1) inset;box-shadow:0 6px 32px -11px rgba(230,230,230,1) inset}
.inp-parts .checkout-select-wrapper,.inp-parts  .checkout-select-wrapper select{width:100%;height:40px;line-height:40px}
.inp-parts .checkout-select-wrapper .checkout-holder{display:block;margin:0 20px 0 12px;white-space:nowrap;overflow:hidden;cursor:pointer;position:relative;z-index:0}
.inp-parts .checkout-select-wrapper select{margin:0;position:absolute;z-index:2;cursor:pointer;outline:none;opacity:0;_nofocusline:expression(this.hideFocus=true);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-khtml-opacity:0;-moz-opacity:0}
/*----------------------*/

/*-- OB HEADER ------------*/
.nav-up {top: -129px;}
header {position: fixed; top: 0; transition: top 0.3s ease-in-out 0s; width: 100%;   font-weight:400;z-index: 10;}
/*-- OB TOP MENU ADVANCE SEARCH [REMOVE HEADER z-index AND ADD NEW CLASS IN HEADER] ------*/

.home-content{margin-top: 188px;}
body.slide-active{overflow-x:hidden;}
header .scroll-logo{display:none;}
.ob-header{background:url(../images/header-bg.png) repeat;height:auto;}
.header-loging{list-style:none;margin:34px 0 10px;padding:0;float:right;}
.header-loging li.header-login-text{font-size:12px;border-right:1px solid #9e9e9e;float:left;}
.header-loging li.header-login-text:last-child{border-right:none;}
.header-loging li a{text-decoration:none;color:#8e208c;padding:0 4px;}
.header-loging .detail-col h3 a:hover, .header-loging li a:hover .glyphicon,.header-loging li a:hover .login-text{color:#8e208c;}
.header-loging .detail-col h3 a{color: #000; padding: 0;}
.header-loging .login-text{margin-left:5px;font-size:12px;color:#666464;text-transform:uppercase;  font-weight:400;
;}
.header-loging li.last{border-right:none;}
.header-loging .dropdown-menu{min-width:75px;font-size:12px;}
.header-loging .dropdown-menu li{padding:1px 5px;}
body.slide-active{overflow-x:hidden;}
.navbar-header{position:relative;}
.navbar.navbar-fixed-top.slide-active{position:relative;}
.slidemenu{padding-top:5px;position:relative;}
.navbar.navbar-fixed-top.slide-active{position:relative;}

/*-- OB TOP HEADER --------*/
.ob-header .ob-top-menu{background:#666;border-bottom:1px #222 solid;  font-weight:400;
font-weight:400;font-size:13px;padding:6px 0;}
.ob-header .ob-top-menu > a, .gosh-header .ob-top-menu a > span{color: #e5e5e5;}
.ob-header .logo-col{margin:21px 0 20px;}
.ob-header .menu-box .navbar-nav > li > a{color: #fff;}
.main-logo-part{margin-top:0;-webkit-transition:all .4s ease;transition:all .4s ease;}
.info-menu .inner-box ul li{display: block;}
.info-menu .inner-box ul li a{color: #666465; display: block; text-align: left; padding: 7px; border-right: 0;}
.info-menu .inner-box ul li a:hover{color: #fff;}
.info-menu ul{text-align:right;margin:0;}
.info-menu ul li{display:inline-block;text-align:right; position: relative;}
.info-menu ul li > a{color:#E5E5E5;display:inline-block;border-right:#9c9c9c 1px solid;padding:0 9px;line-height:14px;  font-weight:400;
;font-size:12px;}
.info-menu ul li > a:hover{color: #02458b;}
.info-menu ul li:last-child a{border-right:0;padding-right:0;}
.dropdown-menu-arrow .header-dropdown i.fa{margin-right: 10px;}
.info-menu ul li:last-child .dropdown-menu{left: auto; right: 0;}
.info-menu.slidemenu ul li:last-child .dropdown-menu-arrow::before{right: 29px; left: auto;}
.top-nav-right{float: right;}
.slidemenu .login-col:last-child .dropdown-menu.user-dropdown{left: auto; right: 0;}

/*-- IF CHANGE POSITION ------*/
.ob-top-menu .ob-header .ob-logo-block > a,
.ob-top-menu .ob-header .ob-logo-block a span{color: #000;}
.ob-top-menu .shop-menu{padding-top: 0;}
.ob-top-menu .shop-menu .header-loging{margin: 4px 0;}
.ob-top-menu .header-search{float: left;}
.ob-top-menu .header-search input.form-control{padding-bottom: 0; margin-bottom: 0;}
.ob-top-menu .slidemenu .fa{color: #e5e5e5; font-size: 10px;}
.ob-top-menu .slidemenu .fa span{color: #555;}
.ob-top-menu .slidemenu a:hover .fa span{color: #e5e5e5;}
.ob-top-menu .shop-menu .header-loging .login-text{color: #e5e5e5;}
.ob-top-menu .shop-menu .header-loging a:hover .login-text{color: #02458b;}
.ob-top-menu .ob-right-menu.navbar-nav li > a{line-height:normal;color:#e5e5e5;}
.ob-top-menu .ob-right-menu.navbar-nav li > a:hover,
.ob-top-menu .ob-right-menu.navbar-nav li > a:focus{background: none; color: #02458b;}
.ob-top-menu .header-loging .login-text{color: #e5e5e5;}

/*-- OB DISTRIBUTOR ----------*/
.member-col { padding-right: 0 !important;}
.member-col:hover .dropdown-menu{display:block;}
.member-col .dropdown-menu{width:130px;min-width:130px;padding:15px 0;left:8%;}
.member-col .dropdown-menu li:last-child a{border:none;}
.member-col .dropdown-menu li a{padding:7px;margin:0 10px;}
.member-col img{padding-right:10px;}
.member-col{  line-height: 60px; padding: 0 12px; font-size: 14px;   color: #404040; text-transform: uppercase;}
.member-col:hover, .member-col:hover i{ color: #02458b;}
.member-col i{font-size: 18px; color: #666; margin-right: 10px;}
/*-- OB SCROLL NAVIGATION -------------*/
#js-scroll-nav{ transition:all 0.7s ease; position: absolute; top:-500px; width: 100%; visibility: hidden; opacity: 0;}
#js-scroll-nav.ob-scroll-nav.open{ transition:all 0.7s ease;top:0px; visibility: visible; opacity: 1;}
#js-fix-header-controller{top: 0;width: 100%; transition:all 0.6s ease; margin-top: 0;}
#js-fix-header-controller.hide-header{transition:all 0.6s ease;width: 100%;margin-top: -200px; visibility: hidden; opacity:0;}
.scroll-logo-block{display: inline-block; float: left;}
.ob-scroll-nav{box-shadow: -1px 2px 4px 0 rgba(0, 0, 0, 0.3); background: #f5f5f5 url("../images/menu-slice.png") repeat-x scroll 0 bottom;}
.ob-scroll-nav .nav-search-btn{float: right; margin-right: 20px;}
.ob-scroll-nav .scroll-slide-menu{float: right;}
.ob-scroll-nav .header-loging{margin: 17px 0;}
.ob-scroll-nav .logo-col.scroll-logo-block {margin: 10px 0; width: 110px;}
.ob-scroll-nav .logo-col.scroll-logo-block img{width: 100%;}
.ob-scroll-nav .advance-search-btn a{padding: 5px 10px;}

/*-- OB HEADER POPUP --------------*/
header .slidemenu ul li > a i.quote-icon span{color: #fff;}
header .slidemenu ul li .dropdown-menu .header-dropdown i.quote-icon{position: relative;}
header .slidemenu ul li .dropdown-menu .header-dropdown i.quote-icon span{position: absolute; color: #fff; left: 50%; top: 50%;}
header .slidemenu ul li .dropdown-menu .empty-list-dropdown i.quote-icon{position: relative;}
header .slidemenu ul li .dropdown-menu .empty-list-dropdown i.quote-icon span{font-size: 20px; top: 50%; left: 50%;}
header .slidemenu ul li .dropdown-menu .bft-but i.quote-icon span{color: #666666;}
header .slidemenu ul li .dropdown-menu .bft-but:hover i.quote-icon span{color: #02458b;}
i.quote-icon{position:relative;}
i.quote-icon span{color:#fff;font-size:17px;position:absolute;left: 50%;top: 50%;margin-top: -0.35em;-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);font: normal normal normal 14px/1 FontAwesome;}
.add-button a:hover i.quote-icon span{color: #666666;}
.inner-box h2{text-transform:uppercase;font-size:18px;  font-weight:700;
padding-bottom:15px;margin:0;}
.inner-box h3{text-transform:none;font-size:14px;  font-weight:700;
margin-top:15px;margin-bottom:7px;padding:0;color:#555;}
.slidemenu .fa{font-size:15px;color:#555;}
.slidemenu .header-dropdown i {color:#8e208c;}
.slidemenu .inner-box .fa.close-model{font-size:16px;padding:0;}
.close-model{position:absolute;top:10px;right:15px;}
.slidemenu .dropdown-menu-arrow::before{content:"";width:25px;height:17px;background:url(../images/a-shadow.png) no-repeat 0 0;display:inline-block;left:29px;position:absolute;top:-17px;}
.slidemenu .dropdown-menu .inner-box{padding:18px 12px 15px;background:#FAFAFA;border:1px #fff solid;position:relative;}
.slidemenu .cart-popup .inner-box,.slidemenu .quote-popup .inner-box,.slidemenu .dropdown-popup .inner-box{padding:10px;background:#fff;}
.slidemenu .close-model{width:16px;height:16px;top:9px;right:7px;color:#8e208c;font-size:16px;}
.slidemenu .dropdown .header-dropdown,header .dropdown-popup .header-dropdown{color:#333;font-size:18px;  font-weight:700;
background:url(../images/titile-slice.png) repeat-x 0 0;text-transform:uppercase;padding:12px 10px;margin:-11px -10px 0;}
.slidemenu .header-dropdown .close-model{color:#8e208c;top:15px;right:9px;}
.slidemenu .header-dropdown .close-model:hover,.slidemenu .close-model:hover{color:#666;}
.dropdown-grid{background:#FFF;color:#333;margin:0;overflow:auto;overflow-x:hidden;padding-top:10px;}
.list-item{margin:0 0 5px;border-bottom:1px #ddd dotted;width:100%;display:inline-block;padding-bottom:10px;position:relative;}
.list-item .close-btn:hover{color:#02458b;}
.list-item > div:nth-child(2){padding-right:0;}
.slidemenu .list-item .close-btn{font-size:16px;}
.list-item .close-btn{position:absolute;top:0;color:#404040;right:-5px;padding:0;width:20px;}
.dropdown-popup .cart-img{min-height:113px;width:110px;height:100%;text-align:center;vertical-align:middle;}
.dropdown-popup .list-item .cart-img img{width:90px;height:auto;margin:0 auto;}
.cart-img{border:#CCC 1px solid;padding:0;float:left;width:95px;height:90px;overflow:hidden;}
.list-item .cart-img img{width:70px;height:auto;margin:0 auto;}
.cart-img:hover{border-color:#02458b;}
.header-loging a.cart-img{padding:0;}
.list-item h3{  font-weight:400;
font-size:16px;color:#404040;margin:0;padding:0 0 2px;}
.dropdown-grid .col-sm-8 h3{font-size:  15px  ;margin:0;padding:0;color:#000;margin-bottom:2px;}
.dropdown-grid h4{  font-weight:400;
margin:0 0 8px;color:#888;padding:1px 0 0;font-size:14px;font-weight:400;}
.dropdown-grid .price{margin:5px 0;color:#02458b;font-size:20px;  font-weight:400;
line-height:27px;}
.dropdown-grid .price span{font-size:16px;color:#888;  font-weight:400;font-style: italic;
padding-left:5px;}
.dropdown-grid .price span {padding-right: 5px;vertical-align: top;}
.list-item form{float:left;}
.list-item h3 a{padding:0;}
.list-item h3 a:hover{color:#8e208c;}
.dropdown-grid .col-sm-8 input[type="submit"]{font-weight:700;letter-spacing:.5px;}
.slidemenu .add-button a{padding:9px;display:inline-block;margin-right:5px;min-width:35px;height:35px;border:1px #7F7F7F solid;color:#7F7F7F;}
.slidemenu .add-button a i{color:#7F7F7F;}
.slidemenu .add-button a:hover{background:#02458b;color:#fff;border-color:#02458b;}
.slidemenu .add-button a:hover i{color:#fff;}
header .dropdown-popup .dropdown-menu-arrow:before{left:325px;}
.slidemenu .dropdown-popup .dropdown-menu{left:auto; right:-10px;}
.slidemenu .wishlist-popup .dropdown-menu{left:auto; right:-10px;}
.wishlist-popup .dropdown-menu-arrow:before {left: 328px;}
.slidemenu .cart-popup .dropdown-menu{left:auto; right:-10px;}
.slidemenu .quote-popup .dropdown-menu{left:auto; right:-10px;}
.slidemenu .quote-popup .dropdown-menu-arrow::before{left:315px;}
.slidemenu .navbar-nav > li > .dropdown-menu input[type="text"],.slidemenu .navbar-nav > li > .dropdown-menu input[type="password"]{background:#fff url(../images/arrow.png) no-repeat;background-position:10px 10px;display:inline-block;padding-left:20px;border:#E6E6E6 1px solid;-webkit-box-shadow:inset 2px 2px 5px 0 rgba(66,66,66,0.04);-moz-box-shadow:inset 2px 2px 5px 0 rgba(66,66,66,0.04);box-shadow:inset 2px 2px 5px 0 rgba(66,66,66,0.04);border-radius:0;line-height:26px;padding-top:12px;font-size:15px;}
.slidemenu .navbar-nav > li > .dropdown-menu input[type="text"]:focus,.slidemenu .navbar-nav > li > .dropdown-menu input[type="password"]:focus{border:#FED4D8 1px solid;background-position:10px -17px;}
.cart-popup .dropdown-menu-arrow:before{left:328px;}
.slidemenu .dropdown-menu{z-index: 9999; margin-top:24px;background:#F5F5F5;border:0;padding:10px;border-radius:0;box-shadow:0 0 6px 2px rgba(0,0,0,0.2);min-width:370px;top:10px;width:370px;}
::i-block-chrome,.slidemenu .dropdown-menu{width:380px;}
.more-product{padding:13px 15px 10px;background:#F5F5F5;margin:-8px 0 1px;}
.more-product span{text-transform:uppercase;font-size:14px;color:#888;}
.dropdown-btn{display:inline-block;width:100%;padding-top:10px;border-top:1px #ddd dotted;}
.slidemenu .more-product a.more-btn{float:none;text-transform:uppercase;font-size:14px;color:#888;}
.slidemenu .more-product a{font-size:24px;float:right;padding:0;margin-top:-2px;}
.slidemenu .more-product a:hover{color:#8e208c;}
.dropdown-btn .bft-but{background:#7F7F7F;padding:10px 0;min-width:145px;text-align:center!important;text-transform:uppercase;border-radius:3px;color:#fff;font-size:13px;display:inline-block;  font-weight:700;
 -webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.52);-moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.52);box-shadow:1px 1px 1px 0 rgba(0,0,0,0.52);}
.dropdown-btn .bft-but:hover i{color:#fff!important;}
.dropdown-btn .bft-but:hover{background:#02458b;color:#fff;}
.dropdown-btn .bft-but + .bft-but {margin-left: 5px;}
.dropdown-btn .bft-but i{margin-right:5px;color:#fff;}
.slidemenu input.cart_btn,a.cart_btn{background:#444;color:#fff;padding:7px 12px;}
.log-bottom p, .log-bottom{text-transform:none;font-size:14px;padding:0;color:#000;}
.log-bottom a{color:#8e208c;}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background:none;}
.slidemenu a:hover .fa,.header-login-text.open .dropdown-toggle .fa{color:#8e208c;}
.slidemenu .top_menu .navbar-nav > li > .dropdown-menu a.quote_btn{background:#444;padding:9px 10px;display:inline-block;margin-left:10px;}
li.dropdown .dropdown-menu-arrow {min-width: 330px; padding: 5px 10px;}
li.dropdown .dropdown-menu-arrow .empty-block {text-align: center;padding: 40px 0;font-size: 30px;}
li.dropdown .dropdown-menu-arrow .empty-block .fa { }
li.dropdown .dropdown-menu-arrow .empty-block span {display: block;}
/*-- OB ABOUT POPUP ------------*/
.slidemenu .header-loging .dropdown-menu.user-dropdown{width: 170px;}
.slidemenu .dropdown-menu.user-dropdown .inner-box{padding:0;}
.slidemenu .dropdown-menu.user-dropdown{width:auto;min-width:132px;padding:5px;}
.header-loging .dropdown-menu.user-dropdown li{padding:0;}
.header-loging .user-dropdown li a{padding:7px 10px;display:block;  font-weight:400;
;color:#666465;}
.header-loging .user-dropdown li a:hover,
.header-loging .user-dropdown li a.active {background:#666465;color:#fff;}
.header-loging .login-text.user_text{text-transform:none;color:#8e208c;}

/*-- OB LOGIN POPUP ------------*/
.slidemenu .login-col .dropdown-menu{left:-306px;}
.login-col .dropdown-menu-arrow:before{left:332px;}
.login-col .check span{color:#999;font-size:13px;display:block;margin-top:-17px;padding-left:25px;}
header .top_menu .navbar-nav > li > .dropdown-menu a{color:#e5564b;}
.login-col .inner-box form > div:nth-child(3) a{padding-top:2px;  font-weight:400;
font-size:14px;color:#8e208c;display:block;float:right;}
.log-bottom{border-top:1px #ddd solid;margin-top:18px;padding-top:10px;clear:both;}
.login-col .btn{background:#7F7F7F;text-transform:uppercase;margin:15px 0 0;width:100%;font-size:22px;display:block;color:#fff;border-radius:3px;border:0;height:40px;line-height:20px;float:none;  font-weight:700; }
.login-col .btn:hover, .login-col .btn:focus{background:#8e208c;}
.slidemenu .login-col .dropdown-menu.user-dropdown{left:-7px;}
.login-col .dropdown-menu-arrow.user-dropdown::before{left:90px;}
header .slidemenu .navbar-nav > li > .dropdown-menu input[type="text"]{padding-top:8px;padding-left:22px;}
.forgot-passwd p{font-size:14px;color:#888;line-height:15px;padding-bottom:15px; word-break:normal;}
.forgot-passwd .send-email, .forgot-passwd .send-email{background:#7F7F7F;text-transform:uppercase;  font-weight:700;
 font-size:13px;color:#fff;text-shadow:0;padding:6px 14px !important;margin:0;text-align:center;border-radius:2px;display:inline-block;-webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.52);-moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.52);box-shadow:1px 1px 1px 0 rgba(0,0,0,0.52);}
body header .forgot-passwd .send-email:hover{background:#8e208c;}

/*-- OB LOGIN CHECKBOX ------------*/
.check-box input{float:left;}
.check-box .fl{margin-top:3px;}
.check-box span{float:left;padding:0px 7px;  font-weight:400;
font-size:14px;color:#777;}
.check-box div input[type="checkbox"]{display:none;}
.check-box div input[type="checkbox"] + label span{display:inline-block;width:19px;height:19px;margin:-1px 4px 0 0;vertical-align:middle;background:url(../images/radio-btn.png) no-repeat left 0;cursor:pointer;}
.check-box div input[type="checkbox"]:checked + label span{background:url(../images/radio-btn.png) no-repeat -20px 0;}

/*-- OB MENU ------------*/
.header-search.search-field{float:left;max-width:490px;margin-top:13px;position:relative; width:auto; padding: 0;}
.header-search .search-icon-btn{background: rgba(0, 0, 0, 0) url("../images/header-search.png") no-repeat scroll 0 0; border: 0 none; box-shadow: none; display: block; text-align: center; position: absolute; top: 8px; right: -9px; text-indent: -999px;}
.header-search .search-icon-btn:hover{border: 0; background: rgba(0, 0, 0, 0) url("../images/header-search.png") no-repeat scroll 0 0;}
.header-search .form-control{ float:left;color:#b2b2b2;font-size:13px;border-radius:0;border:none;box-shadow:none;height:38px;padding:0 25px 0 12px;line-height:38px;-webkit-transition:none;transition:none;-webkit-appearance:none;width:381px;border-top:2px solid #dedede;border-bottom:2px solid #dedede; font-style: italic;}
.header-search .form-control:focus{border-top:2px solid #dedede;border-bottom:2px solid #dedede;}
.header-search.search-field button{background: #8D8D8D; color: #fff; padding: 0 10px; float: right; border: 0; outline: 0; height: 38px;   font-weight:400; font-size: 14px; box-shadow: none; border: 0; border-radius: 0; margin: 0; text-transform: none;}
.header-search.search-field button:hover, .header-search.search-field button:focus{background: #02458b;}
.header-search.advance-search-wrap .dropdown-menu{left: auto; right: 27px; width: 600px; position: absolute;}
.header-search.search-field .advance-search-label, .advance-search-label:focus{text-transform: none;/*  background-color: #fff !important; */}
.form-control:focus{box-shadow:none;}
.navbar-header{position:relative;}
.top-search-block .checkout-select-wrapper .checkout_holder{ font-size: 12px; color: #444;}
#mainmenu-nav{border:none;background:transparent;margin:0;min-height:0;}
#mainmenu-nav .navbar-toggle{cursor:pointer;position:relative;line-height:0;float:left;margin:0;width:24px;height:40px;padding:6px 0 0;border:0;background:transparent;}
#mainmenu-nav .navbar-toggle > .icon-bar{width:100%;display:block;height:4px;margin:4px 0 0;background-color:#666;}
.right-nav .navbar-toggle{background-color:#bbb;}
.right-nav .navbar-toggle .icon-bar{background:#fff;}
.ob-menu{background:#f5f5f5 url(../images/menu-slice.png) repeat-x 0 bottom;z-index:2;box-shadow:-1px 2px 4px 0 rgba(0,0,0,0.30);}
.ob-right-menu.navbar-nav > li{position:relative;}
.ob-right-menu.navbar-nav > li i{font-size:18px;color:#666;margin-right:10px;}
.ob-right-menu.navbar-nav > li > a{line-height:60px;padding:0 12px;font-size:14px;  font-weight:400;
;color:#404040;}
.login-col:last-child a{padding-right:0;}
.header-search .advance-search-label, .header-search .advance-search-label:focus{right: 95px; top: 9px;}
/*-- OB ADVANCE SEARCH ----------*/
.advance-search-btn{float: left; margin-top: 13px; height: 38px; line-height: 38px; padding: 0 10px;}
.advance-search-btn > a{background: none; color: #404040; padding: 0px; border: 0; text-transform: none; font-size: 13px;  font-style: italic;}
.advance-search-btn > a:hover{color: #02458b;}
.search-in-dropdown{float:left;margin-top:13px;width:120px;}
.search-in-dropdown .ob-gender-select-box span.checkout-select-wrapper, .search-in-dropdown .ob-gender-select-box span.checkout-select-wrapper .custom-select, .search-in-dropdown .inp-parts.ob-gender-select-box{width: 100%; height: 38px; text-transform: uppercase;}
.search-in-dropdown .inp-parts .checkout-select-wrapper, .search-in-dropdown .inp-parts .checkout-select-wrapper select{height: 30px; line-height:38px;}
.search-in-dropdown .inp-parts{margin-bottom: 0;}
.nav-search-btn a.header-search-medium{display: none;}
ul.nav.navbar-right > li > a:hover{color:#8e208c;}
.ob-right-menu.navbar-nav > li.hover a i{color: #02458b;}
.search-in-dropdown .inp-parts .checkout-select-wrapper{background: url("../images/checkout-select-arrow.png") #E8E8E8 no-repeat scroll 95% 57%;}
.search-in-dropdown .inp-parts .checkout-select-wrapper{ }
/*-- OB ADVANCE SEARCH BLOCK CHANGE -------*/
/*-- IF CHANGE POSITION ------*/
.ob-logo-block .ob-right-menu.navbar-nav > li > a:hover, .ob-top-menu .ob-right-menu.navbar-nav > li > a:focus{background: none; color: #02458b;}
.ob-logo-block .navbar-nav.navbar-right > li{position:relative;}
.ob-logo-block .info-menu{margin: 34px 0 10px 0; padding-top: 0;}
.ob-logo-block .info-menu ul li > a{color: #000;}
.ob-logo-block .info-menu ul li > a:hover{color: #02458b;}
/*-- OB SUBMENU ------------*/
.menu-box .navbar-nav > li{ position: inherit;}
.menu-box .navbar-nav > li > a{line-height:60px;padding:0 8px;font-size:14px;  font-weight:400;
;color:#404040;}
.menu-box .navbar-default .navbar-nav > li > a:hover,.menu-box .navbar-default .navbar-nav > li > a:focus{background-color:transparent;border-color:#69717E;}
.menu-box .navbar-default .navbar-nav > .open > a,.menu-box .navbar-default .navbar-nav > .open > a:hover,.menu-box .navbar-default .navbar-nav > .open > a:focus{color:#ADAFBB;background-color:transparent;}
.menu-box .navbar-nav{font-size:14px;color:#404040;text-transform:uppercase;}
.menu-box .dropdown-submenu .dropdown-menu{padding:16px 0 10px 10px;}
.menu-box .dropdown-submenu .dropdown-menu > div{padding:0;}
.menu-box .dropdown-submenu .dropdown-menu > div:nth-child(2){position:relative;float:right;width:215px;}
.menu-box .dropdown-submenu .dropdown-menu > div:nth-child(2) a{display:inline-block;}
.menu-box .dropdown-submenu .dropdown-menu div:nth-child(2) img{position:absolute;top:113px;right:1px;}
.menu-box .dropdown-menu {border:none;background:#F5F5F5;border-radius:0;font-size:14px;margin:0;padding:15px 0 21px 10px;-webkit-box-shadow:0 4px 4px 2px rgba(0,0,0,0.20);-moz-box-shadow:0 4px 4px 2px rgba(0,0,0,0.20);box-shadow:0 4px 4px 2px rgba(0,0,0,0.20);width:225px;z-index:-1; left:inherit;}
.menu-box .dropdown-menu > li:last-child > a{border-bottom:none;}
.menu-box .dropdown-menu > li > a{border-bottom:1px dashed #bfbfbf;padding:9px 8px 6px;margin:0 20px 0 10px;white-space:normal;  font-weight:400;
;font-size:14px;}
.dropdown-submenu .dropdown-menu li a{border-bottom:1px dashed #bfbfbf;display:block;clear:both;font-weight:400;line-height:1.42857143;color:#333;padding:9px 8px 6px;margin:0 10px;white-space:normal; font-size:14px;}
.menu-box .dropdown-menu > li > a:hover,.menu-box .dropdown-menu > li > a:focus,.menu-box .dropdown-menu .dropdown-submenu .dropdown-menu li a:hover{color:#8e208c;text-decoration:none;}
.menu-box .dropdown-menu .dropdown-submenu .dropdown-menu{border-radius:0 6px 6px;left:100%;top:0;display:none;border-radius:0;border:0;background:#F5F5F5;width:735px;}
.menu-box .dropdown-menu .dropdown-submenu .dropdown-menu div li:nth-child(2n+2){border-right:none;}
.menu-box .menu-pro-img{position:absolute;right:-20px;top:16%;}
.dropdown-submenu.hover.open .dropdown-menu{display:block;}
.menu-box .menu-caret1{background:url(../images/caret-bg.png) no-repeat scroll 100% bottom rgba(0,0,0,0);display:inline-block;height:5px;margin-left:5px;width:5px;text-align:right;}
.menu-box .dropdown .menu-caret{background:url(../images/caret-bg.png) no-repeat scroll 100% bottom rgba(0,0,0,0);display:inline-block;height:5px;margin-left:5px;width:5px;text-align:right;float:right;margin-top:10px;}
/*--------------------------*/
/*-- OB FOOTER -------------*/
.middle-footer{background:#f0f0f0;font-size:12px;color:gray;padding:25px 0;text-transform:uppercase;letter-spacing:.8px;line-height:22px;}
.middle-footer .footer-heading{background:#f0f0f0;color:#404040;float:left;font-size:18px;letter-spacing:.5px;margin:0 0 15px;padding:0;text-transform:uppercase;  font-weight:700;
 }
.middle-footer .footer-link a{color:gray;line-height:24px;  font-weight:400;font-style: italic;
font-size:14px;}
.middle-footer .footer-link a:hover{color:#8e208c;}
.middle-footer .footer-link .contact-icon1 a,.middle-footer .footer-link .contact-icon2 a,.middle-footer .footer-link .contact-icon3 a,.middle-footer .footer-link .contact-icon4 a{float:left;height:30px;line-height:35px;padding-left:24px;width:100%;}
ul.footer-contact-detail{padding-top:5px;}
.footer-contact-detail li{  font-weight:400;font-style: italic;
font-size:14px;text-transform:none;}
.footer-contact-detail li a{color:gray;}
.footer-contact-detail li a:hover{color:#8e208c;}
.footer-contact-detail li.phone-number{background:url(../images/footer-icon1.png) no-repeat;height:30px;display:block;background-position:0 -7px;padding-left:25px;}
.footer-contact-detail li.fax-number{background:url(../images/footer-icon2.png) no-repeat;height:30px;display:block;background-position:0 -4px;padding-left:25px;}
.footer-contact-detail li.email-contact{background:url(../images/footer-icon3.png) no-repeat;height:30px;display:block;background-position:0 -2px;padding-left:25px;}
.footer-contact-detail li.address-contact{background:url(../images/footer-icon4.png) no-repeat;height:30px;display:block;background-position:0 -6px;padding-left:25px;}
.middle-footer .footer-link .contact-icon1 span{background:url(../images/footer-icon1.png) no-repeat scroll left top rgba(0,0,0,0);height:20px;display:inline-block;background-position:0 -7px;}
.middle-footer .footer-link .contact-icon1 span:hover{background:url(../images/footer-icon1.png) no-repeat scroll left 82% rgba(0,0,0,0);height:20px;display:inline-block;background-position:0 -56px;}
.middle-footer .footer-link .contact-icon2 a{background:url(../images/footer-icon2.png) no-repeat scroll left 3px rgba(0,0,0,0);}
.middle-footer .footer-link .contact-icon2 a:hover{background:url(../images/footer-icon2.png) no-repeat scroll left 76% rgba(0,0,0,0);}
.middle-footer .footer-link .contact-icon3 a{background:url(../images/footer-icon3.png) no-repeat scroll left -5% rgba(0,0,0,0);text-transform:none;}
.middle-footer .footer-link .contact-icon3 a:hover{background:url(../images/footer-icon3.png) no-repeat scroll left 76% rgba(0,0,0,0);}
.middle-footer .footer-link .contact-icon4 a{background:url(../images/footer-icon4.png) no-repeat scroll left top rgba(0,0,0,0);text-transform:none;}
.middle-footer .footer-link .contact-icon4 a:hover{background:url(../images/footer-icon4.png) no-repeat scroll left 82% rgba(0,0,0,0);}
.middle-footer .social-icon-box{border-top:1px solid #d5d5d5;margin-top:20px;padding-top:25px;}
.social-icon{float:left;margin-right:10px;}
.social-icon a img{top:0;position:relative;}
.newslatter{color:#404040;font-size:14px;margin:5px 25px 0 0;float:left;  font-weight:400;
position:relative;font-weight:400;}
.news-box{float:left;}
.news-box .form-control{background:#f8f8f8;height:30px;border:1px solid #ddd;color:gray;font-size:14px;width:271px;border-radius:0;padding-top:6px;text-transform:uppercase;  font-weight:400;font-style: italic;
box-shadow:none;}
.news-box .form-control:focus{border: 1px #02458b solid;}
.news-box .btn-default{background:#02458b;height:30px;border:1px solid #02458b;color:#fff;font-size:14px;letter-spacing:.5px;padding-top:4px;width:115px;margin-left:5px;border-radius:0;text-transform:uppercase;  font-weight:400;
}
.news-box .btn-default:hover{background:#666;border-color:#666;}
.news-box .form-control{background:#f8f8f8;height:30px;border:1px solid #ddd;color:gray;font-size:14px;width:271px;border-radius:0;padding-top:6px;text-transform:uppercase;  font-weight:400;font-style: italic;
box-shadow:none;}
/*--------------------------*/

/*-- OB COPY WRITE --------------*/
.bottom-footer{background:#666;color:#fff;font-size:12px;line-height:40px;}
.bottom-footer a{color:#fff;}
.bottom-footer a:hover{color:#8e208c;}
.bottom-footer span{  font-weight:400;font-style: italic;
font-size:14px;font-weight:300;}
/*---------------------------*/

/*-- FEEDBACK fORM ---------*/
.ob-feedback-block{position: fixed; top: 220px; right: 0; vertical-align: top; display: block; z-index: 2;}
.feedback-btn{background: #02458b; color: #fff; padding: 10px 15px; margin-top: 55px; border: 1px #02458b solid; font-size: 24px; position: absolute; left: -111px; top: 0;
-ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Safari */
    transform: rotate(270deg);}
.feedback-btn:focus, .feedback-btn:hover{color: #fff;}
.feedback-form{border: 1px #343740 solid; float: left; width: 330px; background: #343740; color: #fff; padding: 20px; position:relative;}
.ob-feedback-block .feedback-form label{display: block; color: #fff; font-size: 13px;   padding-bottom: 5px;}
.ob-feedback-block .feedback-form textarea{display: block; width: 100%;}
.ob-feedback-block .feedback-form input[type="text"]{margin-bottom: 0;}
.ob-feedback-block .feedback-form input[type="text"]:focus{border-color: #02458b;}
.ob-feedback-block .feedback-form input[type="submit"], .ob-feedback-block .feedback-form input[type="button"]{box-shadow: none;   font-weight:400;
 margin-right: 8px; min-width: 75px; float: left;}
.ob-feedback-block .feedback-form span.required{font-size: 12px; text-align: right; float: right; padding: 10px 0;}
.feedback textarea{width:100%;height:80px!important;margin-bottom:5px}
.feedback .fst-block{padding-left:0}
.feedback .lst-block{padding-right:0}
/*---------------------*/

/*-- HEADER ADVANCE SEARCH BLOCk ---------*/
.header-advace-search{ position: absolute; width: 100%; display: none; top:60px; z-index:-1; left: 0;}
.input-colum .form-group{ margin-bottom:0;}
.advace-close-but{ position: absolute; right:15px; top:10px; z-index: 10; background: none; border: 0; margin: 0;}
.advace-close-but i{ color: #777; margin: 0 !important;font-size: 18px;}
.advace-close-but:hover i{ color: #111 !important;}
.advance-search-col{ padding-left:5px; padding-right:5px;}
.header-advace-search input[type="submit"].save-button{ background-position: -30px -472px;  padding: 10px 10px 10px 30px;text-transform: capitalize;}
/*-- END HEADER ADVANCE SEARCH BLOCk ---------*/

/*--  Pop up menus ooption 2 START ---------*/
.menu-box-op2 .navbar-nav > li > a {line-height: 40px;}

.shop-menu-op2 { float:right; padding:0;}
.shop-menu-op2.slidemenu .dropdown-menu-arrow::before { display:none;} /* arrow removed from top  */
.shop-menu-op2 .cart-popup .dropdown-menu, .shop-menu-op2 .quote-popup .dropdown-menu{left:auto; right:0px; top:100%; padding:0;z-index:9;box-shadow: 0 4px 4px 0px rgba(0,0,0,0.30);background:#f5f5f5;}
.shop-menu-op2 .cart-popup .header-dropdown , .shop-menu-op2 .quote-popup .header-dropdown { background: none; margin:0;}
.shop-menu-op2 .cart-popup .header-dropdown .fa {font-size: 18px;color:#8e208c;}
.shop-menu-op2 .dropdown-grid { padding-top:0;background: none; overflow: visible;}
.shop-menu-op2 .list-item { margin:0;}
.shop-menu-op2 .list-item:hover { background:#e9e9e9;}
.shop-menu-op2 .list-item .close-btn { left:100%; right:auto;  height: 58px;  width: 47px; background:url(../images/close-ribbon.png) no-repeat; opacity:0; pointer-events: none; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;}
.shop-menu-op2 .list-item:hover .close-btn {opacity: 1; pointer-events: auto;}
.shop-menu-op2 .dropdown-grid .price {font-size: 18px; text-align: right;f }
.shop-menu-op2 .header-loging { margin: 0px;}
.shop-menu-op2 .header-loging li> a {padding: 11px 26px 11px 20px; display: inline-block;  }
.shop-menu-op2 .header-loging li a .fa{font-size: 18px;}
.shop-menu-op2 .header-loging li.open > a {box-shadow:0 0 3px rgba(0,0,0,0.2);}
.shop-menu-op2 .header-loging li .dropdown-btn a .fa span {color: #7f7f7f;}
.shop-menu-op2 .cart-popup .inner-box,
.shop-menu-op2 .quote-popup .inner-box,
.shop-menu-op2 .dropdown-popup .inner-box { padding:0; background:none;border:none}
.shop-menu-op2 .list-item { padding:  10px 0; display: table;width:100%;}
.shop-menu-op2 .dropdown-grid .list-item:first-child{  border-top: 1px #ddd dotted;}
.shop-menu-op2 .dropdown-grid h4 { margin:0;}
.shop-menu-op2 .header-loging .login-text { background:#ddd; border-radius: 50%;color: #666; position:absolute;font-size:11px; display: table; text-align:center; top:50%; right:9px; -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); padding:1px 4px;margin-top:-7px;}
.shop-menu-op2 .header-loging li.header-login-text {border:none;}
.shop-menu-op2 .more-product{padding:15px 10px;background:#F5F5F5;margin:0;}
.shop-menu-op2 .list-item > div:last-child { padding-right:10px;}
.shop-menu-op2 .dropdown-btn { padding:10px;}
.shop-menu-op2 .dropdown-btn .bft-but {min-width:0;border-radius:0; padding: 10px 20px;}
.pop-cart-total { float:right; font-size: 18px; color: #02458b; padding-top:5px;}
.pop-cart-total small {color: #666;  font-weight:400;
 font-size: 16px;}

.login-col .modal-dialog {max-width:370px;}
.login-col .modal-content {   background: #F5F5F5;border: 1px solid #fff;padding: 10px;border-radius: 0;box-shadow: 0 0 0px 10px #f5f5f5 ,0 0 9px 11px rgba(0,0,0,0.2); min-width: 370px;}
.login-col .logo-wrap {text-align:center;}
.login-col .modal-dialog .close-model {color:#8e208c; }

/*--  Pop up menus ooption 2 END---------*/

/*  option 2 top menu with search  Starts */
.ob-top-search-bar { background: #f5f5f5; padding: 4px 0; display: none;}
.ob-top-search-bar .top-search-wrap {position: relative;padding-right:160px; }
.ob-top-search-bar .search-input { border:none; background: none;width: 100%;}
.ob-top-search-bar button {position: absolute; right:0;top:0;border:none; background: none;}
.ob-top-search-bar .search-btn{ right: 25px; border-right: 1px dotted #999; height:100%; padding-right:10px;color: #999;}
.ob-top-menu-op2 {background: #f5f5f5 url(../images/menu-slice.png) repeat-x 0 bottom;box-shadow:-1px 2px 4px 0 rgba(0,0,0,0.30);height:34px;padding: 5px 0;}
.ob-top-menu-op2 .top-search-btn { border-right: 1px solid #ddd; padding-right:10px;}
.ob-top-menu-op2 .info-menu {float:left;}
.ob-top-menu-op2 .top-search-btn {position:relative;top: -4px; cursor: pointer;}
.ob-top-menu-op2 .info-menu ul li > a {color: #333;}
.ob-top-menu-op2 .slidemenu{ padding-top:0;font-size:14px; display: inline-block;}
.ob-top-menu-op2 .slidemenu .fa {font-size:14px; }
.ob-top-menu-op2 .header-loging {margin: 0; display: inline;}
.ob-logo-block-op2{ text-align: center;}
/*  option 2 top menu with search  Ends */

/*--HEADER OPTION 3--*/
.ob-forgot-pass-col .forgot-passwd{ display: none;}
.ob-forgot-pass-col .forgot-passwd.open{ display:block; transition: all 0.5s;}
/*--OB SHOP HEADER OPTION 2--*/
.top-ui-navigation{ padding: 0; }
.top-ui-navigation .login-text{color: #fff;}
.top-ui-navigation .header-loging{ margin:3px 0; }
.top-ui-navigation, .top-ui-navigation .header-loging li{ position:inherit;}
.top-ui-navigation .dropdown-menu{ position: absolute; left: 0 !important; right: 0 !important; width: 100%; box-shadow: none; top:15px; background:#F9F9F9; height:270px;}
.top-ui-navigation .dropdown-menu::before{ display: none;}
.top-ui-navigation.slidemenu .inner-box{ margin: 0 auto; background: none; padding:15px 0 20px 0; border: 0;}
.top-ui-navigation .dropdown.open .ui-mask{opacity:0.7;z-index:-1;visibility: visible;}
.top-ui-navigation.slidemenu .title-login i{ color: #02458b; font-size:18px; margin-right: 5px;}
.top-ui-navigation.slidemenu .form-group input[type="text"], .top-ui-navigation.slidemenu .form-group input[type="password"]{ height:34px; padding: 5px 76px 5px 25px;}
.top-ui-navigation.slidemenu .forgot-passwd .form-group input[type="text"]{padding: 5px 105px 5px 25px;}
.forgot-title{position: relative; text-align: center; margin-top: 60px;}
.forgot-title::before{content: ''; position: absolute; top: 15px; width: 100%; height: 1px; background: #ccc; left:0; z-index: -1;}
.forgot-title span{ margin: auto; font-size:20px;  background:#F9F9F9; padding: 0 15px; color: #02458b;}
.top-ui-navigation.slidemenu .login-btn, .top-ui-navigation.slidemenu .sign-up-but{ position: absolute; top: 0; right: 0; width: auto; border-radius: 0; font-size:13px; font-weight: normal; letter-spacing: 0.5px; margin: 0; border: 0; padding:5px 15px; height:33px;font-family: 'roboto_condensedbold';text-shadow:0 1px 0 #555 ;box-shadow:0 1px 0px #888;}
header .top-ui-navigation.slidemenu .form-group input{ margin-bottom:0px !important;}
.top-ui-navigation.slidemenu .fa{ font-size:14px; color: #fff;}
.top-ui-navigation.slidemenu .forgot-passwd h4{ color: #333; font-size:15px; padding-bottom: 15px;}
.top-ui-navigation.slidemenu p{ font-size:13px; color: #777; line-height:16px; padding-bottom:20px;}
.top-ui-navigation.slidemenu .sign-up-but{ position: relative;display: inline-block; line-height: 22px;letter-spacing: 0.5px; margin:-3px 0 0 0;padding:5px 20px;}
.top-ui-navigation.slidemenu .login-col .show-fpass{  font-weight:400;
}
.top-ui-navigation.slidemenu .fa.close-model:hover{ color: #333;}
.top-ui-navigation.slidemenu .fa.close-model{ color:#8e208c; right: 0;}
.top-ui-navigation.slidemenu .list-item{ border: 0; margin: 0;  padding: 0;}
.top-ui-navigation.slidemenu .top-ui-slider .list-item .close-btn{ right: -20px; font-size: 16px; color: #02458b;}
.top-ui-navigation.slidemenu .top-ui-slider .list-item .close-btn:hover{ color: #555;}
.top-ui-navigation.slidemenu .dropdown-btn{ border: 0; padding:15px 0 0 0; text-align: center;}
.top-ui-navigation.slidemenu .dropdown-btn a{ margin: 0 20px;}
.top-ui-navigation.slidemenu .header-loging a.cart-img{ background: #fff;}
.top-ui-navigation.slidemenu .dropdown-grid{ background: none; padding: 0;}
.top-ui-navigation.slidemenu .cart-img{ width:95px; min-height:90px; margin-right:5px;}
.top-ui-navigation.slidemenu .dropdown-popup .cart-img img{  width:70px; height: 100%;}
.top-ui-navigation.slidemenu .top-ui-slider .add-button a{ color: #000; background: #fff;}
.top-ui-navigation.slidemenu .top-ui-slider .fa{color: #7F7F7F; font-size:15px;}
.top-ui-navigation.slidemenu .dropdown-btn .fa{font-size:15px !important; padding-right: 5px;}
.top-ui-navigation.slidemenu .top-ui-slider .add-button a:hover { background: #02458b; color: #fff; border-color: #02458b;}
.top-ui-navigation.slidemenu .top-ui-slider .add-button a:hover i{ color: #fff;}
.top-ui-navigation.slidemenu .top-ui-slider .fa span{ color: #fff;}
.top-ui-navigation.slidemenu .top-ui-slider .add-button a:hover span{ color: #333;}
.top-ui-navigation.slidemenu .list-item h3{ color: #222;}
.top-ui-navigation.slidemenu .top-ui-slider li{ padding:15px 40px 0; border-right: 1px #ddd solid;}
.top-ui-navigation.slidemenu .top-ui-slider .owl-wrapper-outer{ width: 99.9%; min-height: 130px;}
.top-ui-navigation.slidemenu .dropdown-grid .price{ margin:8px 0;}
.top-ui-navigation.slidemenu .top-ui-slider .owl-prev, .top-ui-navigation.slidemenu .top-ui-slider .owl-next{ position: absolute; top:0px; background:#f9f9f9 url(../images/ui-arrow.png) no-repeat  0 0; height:120px; width:25px; opacity: 1;}
.top-ui-navigation.slidemenu .top-ui-slider .owl-prev{ background-position:left 40px; left:-2px; }
.top-ui-navigation.slidemenu .top-ui-slider .owl-next{ background-position:-24px 40px; right:-2px;}
.top-ui-navigation.slidemenu .top-ui-slider .owl-prev:hover{ background-position:-53px 40px;}
.top-ui-navigation.slidemenu .top-ui-slider .owl-next:hover{ background-position:-77px 40px;}
.view-rating{ position: relative; height:20px; clear: both;}
.view-rating .product-rating-top-block{ left: 0; top: 0; position: relative;}
.top-ui-navigation.slidemenu .owl-theme .owl-controls{ margin: 0;}
.top-ui-navigation.slidemenu .owl-wrapper-outer{ margin-top: -10px;}
.top-ui-navigation.slidemenu .navbar-nav{ position: inherit; }

.header-option-3 .ob-header .ob-top-menu{ background:#959595; padding: 3px 0; border: 0;}
.header-option-3 .ob-header .ob-top-menu .header-login-text a:hover span, .header-option-3 .ob-header .ob-top-menu .slidemenu a:hover .fa, .header-option-3 .ob-header .ob-top-menu .header-login-text.open .dropdown-toggle .fa, .header-option-3 .ob-header .ob-top-menu .header-loging li a:hover span.login-text{ color:#8e208c;}
.header-option-3 .info-menu ul li > a{ font-size: 14px;}
.social-nav li {float: left;}
.social-nav li a{ color: #fff; font-size:16px; padding-right:15px;}
.social-nav li a:hover{color:#8e208c;}
.header-option-3 .ob-header .header-loging li.header-login-text{ border-right: 1px solid #777;}
.header-option-3 .ob-header .header-loging li.header-login-text:last-child{ border: 0;}
.header-option-3 .ob-header .ob-top-menu .header-loging li > a{ padding:0 15px;}
.header-option-3 .ob-header .ob-top-menu .header-loging li:last-child > a{ padding-right: 0;}
.header-option-3 .ob-header .ob-top-menu .header-loging li span.login-text{color: #fff;  font-weight:400;
 font-size:12px;}
.header-option-3 .ob-logo-block .info-menu ul.header-loging{ text-align: left;}
.header-option-3 .ob-logo-block .info-menu ul.header-loging > li{padding:0; display:list-item; float: left; list-style-type: disc; text-align: left; margin: 0 15px;}
.header-option-3 .ob-logo-block .info-menu ul.header-loging > li > a{ border: 0; padding: 0; font-size:14px; color: #333;}
.header-option-3 .ob-logo-block .info-menu ul.header-loging > li > a:hover{  color: #02458b;}
.header-option-3 .ob-logo-block .info-menu ul.header-loging > li:first-child{ list-style-type: none;}
.header-option-3 .ob-logo-block .info-menu ul.header-loging > li:last-child{margin-right:0;}
.header-option-3 .header-search-medium{ display: none;}
.header-option-3 .menu-box .navbar-nav > li > a{ line-height:44px; background: #ed008b; color: #fff; font-size:15px; text-transform: none !important;  font-weight:400;
 padding: 0 15px 0 20px;}
.header-option-3 .menu-box .navbar-nav > li > a i{ margin-left:20px;}
.header-option-3 .menu-box .navbar-nav > li.hover > a{ background: #555; color: #fff;}
.header-option-3 .ob-menu .header-search, .header-option-3 .ob-menu .top-advance-search{ margin: 0; float: right;}
.header-option-3 .ob-menu .top-search-block{ display: table; width: 100%; padding-bottom: 1px;}
.header-option-3 .ob-menu .header-search{  max-width:inherit; width:75.05%;}
.header-option-3 .ob-menu .header-search .form-control{ width: 100%; line-height:44px; height:44px; color: #555; font-size:16px; padding-right: 35px;}
.header-option-3 .ob-menu .advance-search-btn > a{ padding: 12px 21px 12px 20px;}
.header-option-3 .ob-menu .header-search .search-icon-btn{  top: 11px;background: url(../images/strip.png) no-repeat -32px -413px;width: 30px; height: 30px; right: 5px;}
.header-option-3 .header-advace-search, .header-option-3 .ob-scroll-nav .top-advance-search .header-advace-search{ top: 42px; border: 0; border-radius: 0; box-shadow: none; background: none;}
.header-option-3 .ob-scroll-nav .top-advance-search .header-advace-search{ top:70px;}
.header-option-3 .top-search-block .advance-search-col{ background:none; padding-left: 0; padding-right: 0; padding-top: 20px; margin: 0 -15px; width: 102.5%;}
.header-option-3 .ob-scroll-nav .nav-search-btn{ float:left; margin: 0 0 0 15px;}
.header-option-3 .ob-scroll-nav .top-ui-navigation .header-loging{ padding-top:18px;}
.header-option-3 .ob-scroll-nav .header-loging li span.login-text, .header-option-3 .ob-scroll-nav .top-ui-navigation.slidemenu > .fa{ color: #555;}
.header-option-3 .ob-scroll-nav .header-loging li span.login-text:hover, .header-option-3 .ob-scroll-nav .top-ui-navigation.slidemenu > .fa:hover{ color:#8e208c;}
.header-option-3 .ob-scroll-nav .top-ui-navigation .dropdown-menu{ padding: 10px 0; top: 38px; background:none;}
.header-option-3 .ob-scroll-nav .top-ui-navigation .dropdown.open .gray-mask{opacity:1;z-index:-1;visibility: visible;}
.header-option-3 .ob-scroll-nav .top-ui-navigation.slidemenu a.dropdown-toggle .fa{ color:#777;}
.header-option-3 .ob-scroll-nav .top-ui-navigation.slidemenu a.dropdown-toggle:hover .fa{color:#8e208c;}
.header-option-3 .top-search-block .dropdown.open .gray-mask{opacity:1;z-index:-2;visibility: visible;}
.header-option-3 .ob-menu .top-search-block .dropdown .gray-mask{ top:160px; height: 265px; }
.header-option-3 .ob-scroll-nav .top-search-block .dropdown .gray-mask{ top:60px; height: 265px; }
.gray-mask{  background:#F9F9F9; width: 100%; position: fixed; top:40px; right: 0; height: 290px; left: 0; visibility: hidden; opacity: 0; z-index: -100;}
.header-option-3 .info-menu.slidemenu ul li:last-child .dropdown-menu-arrow::before{ right: 0;}
.header-option-3 .ob-logo-block .info-menu .fa{ margin-left:3px; font-size: 10px;}
/*--HEADER OPTION 3--*/
.home-content.design-option-3  { margin-top: 165px;}
 .readonly-select {appearance: none;-moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari and Chrome */overflow : hidden;text-indent : 0.01px;text-overflow : '';}