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

@import 'https://fonts.googleapis.com/css?family=Roboto:100,300,400,700';
@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700';
body { background-repeat: repeat; background-color: #fff; color: #FFF; font-family: Roboto; padding: 0; margin: 0; }
a { color: #fff; }
a:hover { color: #fff; text-decoration: none; }
h1 { font-family: Roboto Condensed; font-size: 30px; margin: 0 0 15px; padding: 0; text-transform: uppercase; }
h2 { font-weight: bold; }
h3 { font-size: 18px; }
h4 { font-size: 15px; }
h5 { color: #363636; font-size: 16px; font-weight: 400; text-align: center; }
h5 span { color: #f00; }
p { line-height: 24px; font-weight: 300; }
.mrg15-t { margin-top: 15px; }
.mrg30-t { margin-top: 10px; }
.mrg15-r { margin-right: 15px; }
.no-pad { padding: 0px !important; }
/*top bar*/

.main-bg { background: url(../images/bg.png); }
/*.top-bar { background: #2176d3; padding-top: 10px; }*/
.top-bar { background: #d3e5f8; padding-top: 10px; }
.top-dis p span { padding-right: 10px; }
/*login form*/

.card-container.card { max-width: 400px; min-height: 500px; padding: 40px; text-align: center; }
.card { margin: 50px auto 25px; padding: 20px 25px 30px; }
.card { float: none; left: 0; margin: 0 auto; padding: 20px 25px 30px; right: 0; margin-top: 15%; display: block; left: 0; }
textarea, input { padding: 10px; font-family: FontAwesome, "Open Sans", Verdana, sans-serif; font-style: normal; font-weight: normal; text-decoration: inherit; }
.form-control::-moz-placeholder {
    color: #000;
    font-weight: 500;
}
.profile-img-card { display: block; margin: 0 auto 35px; max-width: 250px; }
.profile-name-card { color: #15007b; font-size: 28px; line-height: 64px; text-align: center; text-transform: uppercase; }
.profile-name-card span { font-weight: bold; }
.log-form { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #555555; border-radius: 25px; height: 43px; margin: 20px 0; }
.btn-log { background: #343536 none repeat scroll 0 0; border-radius: 22px; color: #fff; display: block; font-size: 16px; font-weight: 600; margin: 0 auto; text-transform: uppercase; }
.forgot-password { float: left; text-align: center; text-decoration: underline; width: 100%; }
/*footer*/

.footer-bg { width: 100%; background: #000 none repeat scroll 0 0; padding: 10px; position: absolute; }
.footer-bg p { font-family: Roboto Condensed; color: #fff; }
.footer-bg a { color: #FFF; text-decoration: none; }
.footer-bg a:hover { color: #CCC; text-decoration: underline; }
.notify { background: #6699FF none repeat scroll 0 0; border-radius: 50%; font-size: 13px; height: 30px; left: -9px; padding: 6px !important; text-align: center; position: absolute; top: -19px; }
/*brands*/

.banner-img { background-image: none; background-size: cover; height: 430px; }
.banner-caption { bottom: -370px; position: absolute; z-index: 99; }
.company-dtl { background: rgba(0, 0, 0, 0) url("../images/banner-caption-bg.png") no-repeat scroll 0 0; height: 267px; padding: 75px 0 0 45px; position: absolute; right: 0; width: 266px; }
.brand-caption { background: rgba(33, 118, 211, 0.6) none repeat scroll 0 0; height: 100%; left: 0; position: absolute; right: 0; text-align: center; top: 0; margin: 0 15px; display: none; }
.container.mrg30-t.mrg30-b .col-md-3 { margin-bottom: 25px; }
.brand-caption > a { background: #fff none repeat scroll 0 0; color: #2176d3; display: block; float: none; margin: 35% auto 0; padding: 10px; top: 30%; width: 100px; }
.brand-box:hover .brand-caption { display: block; }
.brand-box h4 { background: #2176d3 none repeat scroll 0 0; color: #fff; margin: 0; padding: 15px; text-align: center; z-index: 100; }
.mrg30-b { margin-bottom: 20px; }
.ft-link li { color: #fff; display: inline; list-style: outside none none; }
.ft-link li a { color: #fff; line-height: 30px; }
.ft-link { margin: 0; padding: 0; }
.footer-bg.inner-page { position: static; }
.forgot-password { color: #23527c; }
.forgot-password:hover { color: #23527c; }
.banner-img img { max-width: 320px; margin-top: 70px; }
.top-bar { background:  none repeat scroll 0 0 #d3e5f8; left: 0; padding: 10px 0 9px; position: fixed; right: 0; top: 0; z-index: 100; color: #FFF; min-height:125px; }
.logo-container { margin-top: 120px; max-width: 390px; position: absolute; z-index: 100; }
.logo1.sm-logo { display: none; }
.top-bar.top-nav-fix { }
.logo-main { background-image: url("../images/brands-logo.png"); background-repeat: no-repeat; background-size: 100% auto; height: 203px; margin-left: 0; margin-top: 1px; position: fixed; top: 30px; width: 426px; }
.img-box { overflow: hidden; }
.img-box img { -webkit-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); overflow: hidden; }
.img-box img:hover { -webkit-transform: scale3d(0.8, 1.2, 1); transform: scale3d(1.2, 1.2, 1); overflow: hidden; }
.brand-box { margin-bottom: 15px; }
.btn.focus, .btn:focus, .btn:hover { color: #2176d3; }
.item > img { margin-top: 0px; }
.container.banner-content { border: 0 none; left: 0; position: absolute; right: 0; top: 153px; }
.company-dtl h3 { font-size: 17px; }
.company-dtl > p { font-size: 14px; }
/*product-list*/

.breadcrumb { background: none; }
.filterbar { background: #000; padding: 15px; width: 100%; float: left; }
.filter-box { float: left; margin-right: 10px; width: 20%; }
.brand-list { display: block; list-style: outside none none; margin: 0; padding: 0; }
.brand-list > li { background: white none repeat scroll 0 0; border: 1px solid rgba(230, 228, 228, 0.39); padding: 5px; }
.brand-list img:hover { transform: scale(0.9); }
.pro-box { background: #fff none repeat scroll 0 0; float: left; min-height: 320px;  width: 100%; margin-bottom: 15px; padding-bottom: 10px; border: 1px solid rgba(204, 204, 204, 0.48); }
.btn.btn-primary.cart-btn { border-radius: 0; color: #ffffff; display: block; margin: 0 auto; }
.brand-list img { transition: all 0.5s linear 0s; }
.filter-box input { border-radius: 0; }
.filter-wrp .form-control { display: block; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.filter-wrp .form-control1 { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.cnt-wrp { background-color: #FFF; min-height: 550px; }
.cnt-wrp h4 { color: #000; text-transform: uppercase; font-size: 22px; margin: 30px 10px 20px 10px; }
.hd-style { background-color: #2176d3; color: #FFF; }
.list-container { color: #000; }
.inner-slide { margin-top: 166px; }
.st1 { text-align: left; }
.st2 { text-align: right; }
.st3 { text-align: left; }
.rstyle1 { font-size: 18px; float: right; padding-right: 6px; background-color: #e8e8e8; width: 100%; text-align: right; padding: 10px 10px 10px 10px; margin-bottom: 20px; }
.word-display { border-bottom: 2px solid #19c814; border-top: 2px solid #19c814; padding: 10px 10px 10px 10px; margin-bottom: 15px; }
.rstyle { background-color: #e8e8e8; }
.count { margin-top: 16px; margin-left: 10px; }
.count h4 { float: left; font-size: 15px !important; }
.count .form-control3 { display: block; width: 30px; height: 25px; padding: 3px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; float: left; margin-top: 7px; margin-left: 5px; margin-right: 10px; }
.print-btn { color: #000; padding: 5px 20px 5px 20px; font-size: 16px; text-transform: uppercase; }
.print-btn1 { color: #000; padding: 5px 20px 5px 20px; font-size: 16px; text-transform: uppercase; }
.print-btn2 { color: #000; padding: 5px 20px 5px 20px; font-size: 16px; text-transform: uppercase; }
.print-btn3 { color: #000; padding: 5px 20px 5px 20px; font-size: 16px; text-transform: uppercase; }
.prnt-wrp { text-align: center; padding: 20px 14px 10px 10px; }
.cnt-wrp .panel-default>.panel-heading { color: #FFF; background-color: #2176d3; border-color: #2176d3; text-align: left; }
.panel-title { text-align: left; }
.hd-style1 { font-family: Roboto; color: #FFF; background-color: #1d5a9c; font-weight: bold; }
.table-responsive { color: #000; }
.delvery-btn-wrp { text-align: right; }
.cnt-wrp .panel-group { margin-bottom: 20px; color: #000; }
.delvery-wrp ul li { list-style: none; margin-bottom: 10px; }
.panel-title a { text-decoration: none; }
.prodt-wrp { background-color: #FFF; min-height: 395px; }
.prdt-wrapper { padding-top: 35px; background-color: #FFF; color: #000; }
.prdt-wrapper h4 { font-size: 20px; }
.qar-bx { font-size: 20px; text-transform: uppercase; background-color: rgba(0, 0, 0, 0.02); padding: 10px; }
.qar-bx strike { color: #F00; }
.acart { text-align: left; }
.acart .count .notify1 { background: #4CAF50 none repeat scroll 0 0; border-radius: 0px; font-size: 15px; height: 34px; float: left; padding: 6px !important; text-align: center; width: 50px; margin-right: 7px; }
.acart .cart-btn { float: left; }
#carousel .slides li { width: 140px !IMPORTANT; margin-right: 15px !important; }
.breadcrumb { padding: 8px 15px; margin-bottom: 0px; list-style: none; background-color: rgba(255, 255, 255, 0.71); border-radius: 4px; margin-top: 30px; }
.breadcrumb a { color: #000; text-decoration: none; }
.breadcrumb a:hover { color: #000; text-decoration: none; }
.other-products h4 { color: #000; font-size: 20px; text-transform: uppercase; }
.other-products { padding-top: 20px; }

@media(min-width:320px) and (max-width:480px) {
	.loginslider .banner-slider { margin-top: 0px !important; }
	.leftemail{ text-align: left; color:#000 !important}
	.rightemail{float: right; width: 46%; margin-top: -108px; color:#000 !important}
	#BtnModalId{margin-top: -50px;}
    .footer-bg { text-align: center; }
    .top-bar { text-align: center; }
    p { font-size: 14px; }
    .notify { float: none; }
    .logo-container { margin-top: 100px; }
    .logo-container img { width: 275px; }
    .logo-main { width: 275px; margin-top: 70px; }
    .logo-main img { width: 275px !important; }
    .carousel-inner .item img { height: 140px; }
    .company-dtl { display: none; }
    .banner-caption { display: block; bottom: -210px; }
    .banner-caption h2 { font-size: 25px; }
    .align-topn { margin-top: 8px !important; }
    .filterbar ul li { width: 90%; }
    .login-sec { margin-top: 85px; }
    .carousel-indicators { display: none; }
    .inner-slide { margin-top: 185px; }
    .inner-slide img { height: 80px; }
    .print-btn1 { float: none; margin-left: 6px; margin-bottom: 10px; }
    .print-btn2 { margin-right: 10px; margin-bottom: 10px; float: none; }
    .print-btn3 { float: none; margin-right: 10px; margin-bottom: 10px; }
}

@media(min-width:600px) and (max-width:767px) {
    .footer-bg { text-align: center; }
    .top-bar { text-align: center; }
    p { font-size: 14px; }
    .notify { float: none; }
    .logo-container { margin-top: 100px; }
    .logo-container img { width: 275px; }
    .logo-main { width: 275px; margin-top: 70px; }
    .logo-main img { width: 275px !important; }
    .carousel-inner .item img { height: 165px; }
    .company-dtl { display: none; }
    .align-topn { margin-top: 8px !important; }
    .filterbar ul li { width: 90%; }
    .login-sec { margin-top: 85px; }
    .carousel-indicators { display: none; }
    .banner-caption { display: block; bottom: -210px; }
    .banner-caption h2 { font-size: 25px; }
    .inner-slide { margin-top: 186px; }
    .inner-slide img { height: 80px; }
    .print-btn1 { float: none; margin-left: 6px; margin-bottom: 10px; }
    .print-btn2 { margin-right: 10px; float: none; margin-bottom: 10px; }
    .print-btn3 { float: none; margin-right: 10px; margin-bottom: 10px; }
}

@media(min-width:768px) and (max-width:999px) {
    .notify { float: none; }
    .company-dtl { background: #160854; height: 169px; padding: 15px 0 0 15px; position: absolute; right: 0; top: -2px; width: 266px; }
    .filterbar ul li { width: 36%; }
    .align-topn { margin-top: 8px !important; }
    .filterbar ul li { width: 90%; }
    .inner-slide { margin-top: 113px; }
    .inner-slide img { height: 125px; }
    .print-btn1 { float: left; margin-left: 6px; }
    .print-btn2 { margin-right: 10px; float: right; }
    .print-btn3 { float: right; margin-right: 10px; }
}

@media(min-width:768px) and (max-width:800px) {
    .banner-caption { display: block; bottom: -160px; }
}

@media(min-width:800px) and (max-width:980px) {
    .company-dtl { height: 177px; }
    .banner-caption { display: block; bottom: -160px; }
}

@media(min-width:980px) and (max-width:999px) {
    .company-dtl { height: 225px; }
    .sch-wrp .filter-wrp { position: fixed; margin: 0; left: 31px; top: 112px; right: 0; z-index: 99; }
    .banner-caption { display: block; bottom: -210px; }
}

@media(min-width:768px) and (max-width:1920px) {
    .ftr-lft { float: left; text-align: left; }
    .ftr-rht { float: right; text-align: right; }
    .top-dis { text-align: right; }
    .top-dis-lft { text-align: left; }
}

@media(min-width:1024px) and (max-width:1920px) {
	.loginslider .banner-slider { margin-top: 0px !important; }
    .banner-slider { margin-top: 122px; }
    .inner-slide img { height: 115px; }
    .align-topn { margin-top: 0px !important; }
    .sch-wrp .filter-wrp { position: fixed; margin: 0; left: 31px; top: 112px; right: 0; z-index: 99; }
    .filterbar ul li { width: 25%; }
    .print-btn1 { float: left; margin-left: 6px; }
    .print-btn2 { margin-right: 10px; float: right; }
    .print-btn3 { float: right; margin-right: 10px; }
}

@media(min-width:1024px) and (max-width:1199px) {
    .company-dtl { top: -33px; }
    .banner-caption { display: block; bottom: -215px; }
}

@media(min-width:1200px) and (max-width:1279px) {
    .company-dtl { top: 14px; }
    .banner-caption { display: block; bottom: -255px; }
}

@media(min-width:1280px) and (max-width:1359px) {
    .company-dtl { top: 35px; }
    .banner-caption { display: block; bottom: -270px; }
}

@media(min-width:1360px) and (max-width:1599px) {
    .company-dtl { top: 57px; }
    .banner-caption { display: block; bottom: -290px; }
}

@media(min-width:1600px) and (max-width:1919px) {
    .company-dtl { top: 118px; }
    .banner-caption { display: block; bottom: -350px; }
}

@media(min-width:1920px) {
    .company-dtl { top: 203px; }
    .banner-caption { display: block; bottom: -433px; }
}
.filterbar ul li { float: left; list-style: none; margin-right: 15px; }
.align-topn { margin-top: 36px; }
.acc-mnu { 
    /*width: 355px;*/ 
    height: auto; float: right; position: relative; color:#000 !important}
.acc-mnu ul { padding: 0; list-style: none; }
.acc-mnu ul li { display: inline-block; position: relative; line-height: 21px; text-align: left; margin-right: 15px; }
.acc-mnu ul li ul li { display: inline-block; position: relative; line-height: 21px; text-align: left; margin-right: 0px; }
.acc-mnu ul li a { display: block; color: #FFF; text-decoration: none; }
.acc-mnu ul li a:hover { color: #CCC; }
.acc-mnu ul li ul li a:hover { color: #CCC; background-color: #fff; }
.acc-mnu ul li ul li a { display: block; color: #FFF; text-decoration: none; }
.acc-mnu ul li ul li a:hover { color: #000; }
.acc-mnu ul li ul.dropdown-menu1 { min-width: 100%; /* Set width of the dropdown */ background: #6dadf3; display: none; position: absolute; z-index: 999; left: 0; }
.acc-mnu ul li ul.dropdown-menu1 li { display: block; }
.acc-mnu .dropdown-menu1>li>a { display: block; padding: 5px 35px; clear: both; font-weight: 400; line-height: 1.42857143; white-space: nowrap; }
.cnt-wrp .form-control3 { display: block; width: 30px; height: 25px; padding: 3px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; float: left; }
.generate-wrapper { color: #000; }
.generate-wrapper p { text-align: left; margin-left: 20px; font-style: italic; }
.generate-header { text-align: center; font-size: 18px; background-color: #2176d3; color: #FFF; padding: 6px; margin-bottom: 10px; }
.generate-list { width: 115%; display: inline-block; }
.generate-lft { float: left; }
.generate-rht { float: left; }
.sub-tol { float: right; font-size: 17px; text-align: right; }
.sub-tol span { font-size: 14px; }
.generate-wrapper .s1 { text-align: right; }
.logo-wrp img { float: left; margin-right: 5px; margin-left: -10px; width: 275px; }
.card-container.card h4 { font-size: 18px; color: #2176d3; }
.in_stock { color: #1B910B; font-weight: bold; line-height: 20px; font-size: 14px; text-align: center; }
.out_stock { color: #F00; font-weight: bold; line-height: 20px; font-size: 14px; text-align: center; }
.in_stock1 { color: #1B910B; font-weight: bold; line-height: 20px; font-size: 14px; text-align: left; margin-left: 10px; }
.out_stock1 { color: #F00; font-weight: bold; line-height: 20px; font-size: 14px; text-align: left; margin-left: 10px; }
.wt { font-size: 14px; text-align: left; margin-left: 10px; }
.table-responsive a { color: #000; text-decoration: none; }
.table-responsive a:hover { color: #63a5ec; text-decoration: underline; }
.part-wrp { margin-top: 0px; }
.part-wrp a { color: #FFF; text-decoration: none; }
.part-wrp a:hover { color: #CCC; text-decoration: none; }
.part-wrp1 { margin-top: 8px; font-size: 16px; }
.part-wrp1 a { color: #FFF; text-decoration: none; }
.part-wrp1 a:hover { color: #CCC; text-decoration: none; }
.modal-content { -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5); background-color: #2176d3; color: #FFF; }
.modal-content .modal-header h4 { color: #FFF; font-size: 16px; text-transform: uppercase; font-weight: bold; }
.modal-content h5 { color: #FFF; font-weight: normal; text-align: left; }
.close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #FFF; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: 1; }
.close:focus, .close:hover { color: #FFF; text-decoration: none; cursor: pointer; filter: alpha(opacity=50); opacity: 1; }
.modal-content .modal-body { text-align: left; }
.modal-content .modal-body ul { margin-left: -39px; }
.modal-content .modal-body ul li { list-style: none; }
.modal-content .form-control { display: block; width: 100%; height: 30px; padding: 3px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; margin-bottom: 10px; }
.modal-content .form-control1 { display: block; width: 100%; height: 60px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; margin-bottom: 10px; }
.pop-btn { height: 32px; text-align: right; }
.modal-header { padding: 15px; border-bottom: 1px solid rgba(229, 229, 229, 0.43); background-color: #5b9ee6; border-radius: 4px; }
.part-wrp1 a { animation-duration: 1200ms; animation-name: blink; animation-iteration-count: infinite; animation-direction: alternate; -webkit-animation: blink 1200ms infinite; background-color: #ffdb00; padding: 2px 10px; border-radius: 4px; }
@keyframes blink {
    from {
        color:#F00;
    }
    to {
        color:#9c27b0;
    }
}
@-webkit-keyframes blink {
    from {
        color:#F00;
    }
    to {
        color:#9c27b0;
    }
}
.cnt-wrp .btn-shop { text-align: right; margin-top: 20px; }
.cnt-wrp .btn-shop .form-control { width: 275px; height: 37px; float: left; }
.cnt-wrp .btn-shop ul { float: right; }
.cnt-wrp .btn-shop ul li { list-style: none; float: left; margin-right: 10px; }
.cart-btn { color: #333; background: #f9f9f9; border: 1px solid #c9c9c9; background: -moz-linear-gradient(top, #f9f9f9 1%, #fff 3%, #f9f9f9 7%, #f2f2f2 100%); background: -webkit-linear-gradient(top, #f9f9f9 1%, #fff 3%, #f9f9f9 7%, #f2f2f2 100%); background: -o-linear-gradient(top, #f9f9f9 1%, #fff 3%, #f9f9f9 7%, #f2f2f2 100%); background: -ms-linear-gradient(top, #f9f9f9 1%, #fff 3%, #f9f9f9 7%, #f2f2f2 100%); background: linear-gradient(to bottom, #f9f9f9 1%, #fff 3%, #f9f9f9 7%, #f2f2f2 100%); padding: 9px 20px; float: right; font-size: 16px; margin-left: 10px; text-transform: uppercase; }
.cart-btn:hover { color: #565656; background: #f4f4f4; border: 1px solid #b3b3b3; background: -moz-linear-gradient(top, #fff 1%, #f9f9f9 3%, #fff 7%, #f2f2f2 100%); background: -webkit-linear-gradient(top, #fff 1%, #f9f9f9 3%, #fff 7%, #f2f2f2 100%); background: -o-linear-gradient(top, #fff 1%, #f9f9f9 3%, #fff 7%, #f2f2f2 100%); background: -ms-linear-gradient(top, #fff 1%, #f9f9f9 3%, #fff 7%, #f2f2f2 100%); background: linear-gradient(to bottom, #fff 1%, #f9f9f9 3%, #fff 7%, #f2f2f2 100%); }
.cart-btn-wrap { position: relative; text-align: center; }

.cart-btn1:disabled { color: #fff; background-color: #286090; border-color: #204d74; opacity: 0.6;}

.cart-btn1 { color: #fff; background-color: #337ab7; border-color: #2e6da4; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; }
.cart-btn1:hover { color: #fff; background-color: #286090; border-color: #204d74; }
.cart-btn2 { color: #fff; background-color: #337ab7; border-color: #2e6da4; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; margin-left: 10px; }
.cart-btn2:hover { color: #fff; background-color: #286090; border-color: #204d74; }
.profile-wrapper .nav>li>a { position: relative; display: block; padding: 10px 15px; background-color: #eee; color: #152d48; text-transform: uppercase; }
.profile-wrapper .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { color: #fff; background-color: #2176d3; }
.profile-wrapper .tab-content { color: #000; padding-top: 25px; padding-left: 20px; }
.profile-wrapper .name-wrp { }
.profile-wrapper .name-wrp ul li { list-style: none; margin-left: -30px; line-height: 25px; }

@media(min-width:320px) and (max-width:767px) {
    .profile-wrapper .name-wrp .lft1 { float: left; width: 50%; }
    .profile-wrapper .name-wrp .rht2 { float: left; width: 50%; }
}

@media(min-width:768px) and (max-width:1920px) {
    .profile-wrapper .name-wrp .lft1 { float: left; width: 25%; }
    .profile-wrapper .name-wrp .rht2 { float: left; width: 75%; }
}
/* m6: */

.grid-view a, .detail-view a { color: #337ab7; }
.grid-view a:hover, .detail-view a:hover { color: #23527c; }

@media(min-width:320px) and (max-width:359px) {
    .top-bar { min-height: 125px; clear: both; }
    .logo-wrp { width: 100%; min-height: 75px; }
    .slider { margin-top: 255px; }
    .eec-top-section { margin-top: 225px; }
}

@media(min-width:360px) and (max-width:479px) {
    .top-bar { min-height: 125px; clear: both; }
    .logo-wrp { width: 100%; min-height: 75px; }
    .slider { margin-top: 160px; }
    .eec-top-section { margin-top: 140px; }
	.prdt-wrapper{ margin-top: -10px; padding-top: 0px;}
	.datepicker {top: 405px !important;}
}

@media(min-width:480px) and (max-width:599px) {
    .top-bar { min-height: 125px; clear: both; }
    .logo-wrp { width: 100%; min-height: 75px; }
    .slider { margin-top: 255px; }
    .eec-top-section { margin-top: 140px; }
	.prdt-wrapper{ margin-top: -10px; padding-top: 0px;}
	.datepicker {top: 405px !important;}
}

@media(min-width:600px) and (max-width:767px) {
    .top-bar { min-height: 125px; clear: both; }
    .logo-wrp { width: 33%; min-height: 75px; float: left; }
    .slider { margin-top: 190px; }
    .eec-top-section { margin-top: 170px; }
	.prdt-wrapper{ margin-top: -10px; padding-top: 0px;}
	
}

@media(min-width:768px) and (max-width:999px) {
    .slider { margin-top: 146px; }
    .eec-top-section { margin-top: 127px; }
}

@media(min-width:1024px) and (max-width:1920px) {
    .slider { margin-top: 126px; }
    .filterbar { width: 1110px; }
    .eec-top-section { margin-top: 130px; }
	.carousel-inner > .item { height: 300px; }
}
.pnf-wrp { position: relative; width: 100%; text-align: center; text-align: -webkit-auto; text-align: -moz-center; margin-top: 130px; min-height: 285px; }
.pnf-error { position: absolute; margin: 0 auto; width: 100%; left: 0px; right: 0px; text-align: center; color: #000; }
.pnf-error a { color: #2176d3 !important; background-color: #FFF; padding: 6px; width: 100%; display: inline-block; font-size: 16px; text-decoration: none; }
.pnf-error a:hover { color: #000 !important; text-decoration: underline; }
.pnf-error h3 { color: #a09e9e; font-size: 27px; }
.pnf-error h4 { text-transform: capitalize; color: #a09e9e; font-size: 22px; }
.img-box { background-color: #FFF; min-height: 245px; text-align: center; text-align: -webkit-center; text-align: -moz-center; overflow: hidden; }
.img-box img { -webkit-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); overflow: hidden; margin:0 auto; }
.img-box img:hover { -webkit-transform: scale3d(0.8, 1.2, 1); transform: scale3d(1.2, 1.2, 1); overflow: hidden; }
.filter-wrp { color: #FFF; }
.brand-box .img-box { padding-top: 35px !important; }
.brand-box h4 { color: #fff; text-align: center; margin: 0px !important; padding: 5px !important; }
.brand-box { position: relative; }
.brand-box .inner-btm { background: #2176d3; padding-top: 3px; padding-bottom: 3px; position: absolute; bottom: 0px; width: 100%; text-align: center; }
.brand-list img { transition: all 0.5s linear 0s; width: 55% !important; }
.brand-list > li { background: white none repeat scroll 0 0; border: 1px solid rgba(230, 228, 228, 0.39); padding: 5px; text-align: center; text-align: -webkit-center; text-align: -moz-center; }
.img-wrp { text-align: center; text-align: -webkit-center; text-align: -moz-center; height: 190px; }
.img-wrp { overflow: hidden; }
.img-wrp img { -webkit-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); overflow: hidden; }
.img-wrp img:hover { -webkit-transform: scale3d(0.8, 1.2, 1); transform: scale3d(1.2, 1.2, 1); overflow: hidden; }

.eec-pagination { float: left; width: 100%; }
.pagination { float: right; }
/*custom*/
.brand-list img { height: auto !important; max-width: 120px; transition: all 0.5s linear 0s; width: 100% !important; }
#getFixed > ul { float: left; height: auto; margin: 0; width: 100%; }
.filterbar { transition: all 0.2s ease-in-out 0s !important; }
.filterbar.filterbar-fixed { /*position: fixed !important; top: 135px !important; z-index: 100; */ }
.item-container-top { margin-top: 20px; }
.product_name { min-height: 45px; max-height: 50px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; /* number of lines to show */
-webkit-box-orient: vertical;
}
.eec-dropdown-search + span { margin-top: 10px; }
.table-bordered > thead > tr > th {text-align: center!important;}

/*sitemap*/
.profile-heading {
    float: left;
    width: 100%;
    margin: 22px;
}
.profile-heading h1 {font-size: 22px;
                    font-family: 'Oswald', sans-serif;
                   /* color: #c10025;*/
                    text-transform: uppercase;
                    padding: 0px 10px 0px 0px;
                    margin: 0px;line-height: 14px;
                    background: #FFF;
                    border-bottom: 5px #FFFFFF solid;
                    float: left;
}
.site-map {
    float: left;
    width: 100%;
}
.site-map ul li {float: left;
                width: 100%;
                margin: 10px 0px 10px 0px;
                border-bottom: 1px #CCCCCC dashed;
                padding-bottom: 20px;
}
.site-map ul li a {
    font-size: 17px;
    font-family: 'uni_sans_regularwebfont';
    color: #212121;
    padding: 0px 0px 0px 0px;
}
.pro-box .img-wrp img  {
   margin:0 Auto;
   width: 170px;
   
}
.btn-red {
    color: #fff;
    border-color: #ec3036;
    background-color: #ec3027;
}

.active-menu .title {
    cursor: pointer;
}
h5 {
    font-size: 18px;
    line-height: 24px;
}
#filters h5{
    color: #3f3f3f;
    margin: 0 0 15px;
        margin-bottom: 15px;
    line-height: 52px;
    text-transform: uppercase;
}
.active-menu .plus-icon {
    display: none;
}
content-filter {
    border: 1px solid #efefef !important;
	padding: 20px 25px;
    position: relative;
}
 .content-filter .title {
    margin-bottom: 10px;
    text-transform: capitalize;
}
#filters{
color: #363636;
font-size: 16px;
font-weight: 400;
}

		.sk-spinner-wave.sk-spinner {
		  margin: 0 auto;
		  width: 50px;
		  height: 30px;
		  text-align: center;
		  font-size: 10px;
		}
		.sk-spinner-wave div {
		  background-color: #22651c;
		  height: 100%;
		  width: 6px;
		  display: inline-block;
		  -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
		  animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
		}
		.sk-spinner-wave .sk-rect2 {
		  -webkit-animation-delay: -1.1s;
		  animation-delay: -1.1s;
		}
		.sk-spinner-wave .sk-rect3 {
		  -webkit-animation-delay: -1s;
		  animation-delay: -1s;
		}
		.sk-spinner-wave .sk-rect4 {
		  -webkit-animation-delay: -0.9s;
		  animation-delay: -0.9s;
		}
		.sk-spinner-wave .sk-rect5 {
		  -webkit-animation-delay: -0.8s;
		  animation-delay: -0.8s;
		}
		@-webkit-keyframes sk-waveStretchDelay {
		  0%,
		  40%,
		  100% {
			-webkit-transform: scaleY(0.4);
			transform: scaleY(0.4);
		  }
		  20% {
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
		  }
		}
		
    .accordion .fa{
        margin-right: 0.5rem;
    }
.card-body ul {
  list-style-type: none;
}

.card {
    margin-top: 0px !important;
	padding: 5px 15px 5px !important;
}
.radio-inline, .checkbox-inline {
    padding-left: 0px !important;
    word-break: break-word;
}
#getFixed{
	margin-left:15px;
}
#none{
	background: #fff;
    border: none;
}

.datepicker {top: 405px !important;}
.rightemail{color:#000 !important;}
.acc-mnu ul li a {color:#000 !important;}
.leftemail {color:#000 !important;}