/*============
Normal text color : #2B3242;
Highlight color : #63AABD;
Highlight color Hover color : #;
Discription color : #7D7D7D;
============*/




/*====== EIslamic Store Website Design By- HIfzur Rahman ======*/
body { font-family: 'Arimo', sans-serif; font-size: 15px; background: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

* { box-sizing: border-box; }
.grid { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }

h1, h2, h3, h4, h5, h6 { font-family: 'Poppins', sans-serif; }

[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: none !important; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; -moz-appearance:textfield; }

/* ==== change css on mozilla firefox -Start- ==== */
@-moz-document url-prefix() {
    
}
/* ==== change css on mozilla firefox -End- ==== */


/* ==== change css on IE 10+ -Start- ==== */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    
}
/* ==== change css on IE 10+ -End- ==== */

/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {
      .cartIco { top: -12px !important; }
      .wishIco { top: -12px !important; } 
}

/* ==== change css on safari -Start- ==== */
@media not all and (min-resolution:.001dpcm) { @media {
    
    .cartIco { top: 5px !important; }
    .wishIco { top: 5px !important; }
    
}}
/* ==== change css on safari -End- ==== */



/* ==== Header section start ==== */
.header-top { background: #63AABD; }
.top-contact { color: #fff; padding: 8px 0; }
.top-contact span { margin-right: 20px; }
.top-contact span:last-child { margin-right: 0; }
.top-contact span a { color: #fff; font-size: 12px; }


.myAccount { display: inline-block; font-size: 13px; font-weight: 600; color: #fff; padding: 5px 2px; margin-top: 5px; cursor: pointer; position: relative; z-index: 99; }
.myAccList { position: absolute; background-color: #f5f5f5; width: 200px; border: 1px solid #ececec; z-index: 98; right: 0; margin-top: 4px; display: none; box-shadow: 0px 3px 8px rgb(100, 100, 100); overflow: visible !important; text-align: left; padding: 5px; }
.myAccList:before { content: " "; position: absolute; width: 0; height: 0; border: 10px solid transparent; border-bottom: 10px solid #fff; top: -20px; right: 10%;  }

.hedLinkSec { text-align: right; }
.hedLang { position: relative; display: inline-block; }

.header-main { background: #fff; box-shadow: 0px 4px 10px 1px rgba(0,0,0,0.2); padding: 15px 0; }

.logo { font-size: 30px; font-weight: 600; color: #63AABD; font-family: 'Poppins', sans-serif; text-transform: uppercase; position: relative; top: 4px; }
.logo:hover { color: #58a1b5; }
.navbar  { padding: 10px 0; }
.main-navSec { margin-bottom: 0px; }
.mainNav { float: right; }
.navbar-expand-md .navbar-nav .nav-link { padding: 5px 3px; }
.mainNav li a { color: #8fc595; position: relative; margin-left: 20px; }
.mainNav li a:before { content: "";  position: absolute; width: 0; background : #8fc595; left: 45%; height: 2px; bottom: 0; transition: all .3s; opacity: 0.7; }
.mainNav li a:hover:before { width: 100%; left:0; }
.donateBtn { background: #8fc595; color: #fff !important; text-transform: uppercase; padding: 2px 15px !important; border-radius: 5px; margin-top: 3px; }
.donateBtn:hover { background: #a0cea5; }
.donateBtn:before { display: none; }


.HedSearch_sec { text-align: right; }
.searchBox { display: inline-block; border: 1px solid #EEEEEE; border-radius: 20px; height: 40px; overflow: hidden; position: relative; top: 5px; margin-right: 60px; }

.searchBox input[type="text"] { height: 100%; width: 250px; border: none; padding: 3px 15px; font-size: 14px; }
.searchBox input[type="text"]:focus { outline: none; box-shadow: none; }
.searchBox select { height: 100%; width: 150px; background: none; border: none; font-size: 14px; -webkit-appearance: none; }
.searchBox select:focus { outline: none; box-shadow: none; }
.searchBox button { background: #2B3242; color: #fff; padding: 0; display: inline-block; height: 40px; width: 50px; border: none; cursor: pointer; line-height: 35px; }

.cartIco { display: inline-block; position: relative; top: -12px; padding: 5px; }
.cartIco img { width: 25px; height: auto; }
.cartIco .badge { position: absolute; top: 0; right: -8px; }

.wishIco { display: inline-block; position: relative; top: -12px; padding: 5px; margin-left: 5px; }
.wishIco img { width: 25px; height: auto; }
.wishIco .badge { position: absolute; top: 0; right: -8px; }

.badge { display: inline-block; background: #63AABD; padding: 0; border-radius: 50%; color: #fff; font-size: 10px; height: 18px; width: 18px; line-height: 19px; text-align: center; }
/* ==== Header section end ==== */

/* ====== Footer Section Start ====== */
.subscribe-sec { background: #63AABD; padding: 20px 0 18px; margin-top: 25px; }
.subscribeText { font-size: 35px; color: #fff; font-family: 'Poppins', sans-serif; margin: 0;  }
.subscribe-form { padding-top: 5px; }
.subscribe-form input { background: transparent; border: 1px solid #fff; color: #fff; border-radius: 0px; padding: 5px 15px; height: 42px; font-size: 13px; width: 390px !important; margin-right: 10px; }
.subscribe-form input:focus { border: 1px solid #fff; color: #fff; box-shadow: none; background: transparent; }
.subscribe-form input::-webkit-input-placeholder { color: #fff; }
.subscribe-form input::-moz-placeholder { color: #fff; }
.subscribe-form input:-ms-input-placeholder { color: #fff; }
.subscribe-form input::-moz-placeholder { color: #fff; }
.subscribe-form button { background: #fff; color: #63AABD !important; font-size: 13px; font-weight: 600; text-transform: uppercase; border-radius: 0px !important; min-width: 140px; padding: 11px; cursor: pointer; }
/* --- bottom footer --- */
footer { background: #F5F5F5; padding: 50px 0 0; color: #585455; }

.footer-socialLink { padding: 25px 0 10px; }
.footer-socialLink span { margin-right: 15px; }
.footer-socialLink span i { font-size: 20px; color: #fff; }

.footerHed { font-size: 17px; font-weight: 600; text-transform: uppercase; margin-bottom: 10px; }
.footerLink { padding: 0; margin: 0;  }
.footerLink li { list-style: none; margin-bottom: 10px; padding: 0; }
.footerLink li a { color: #585455; font-size: 14px; }
.footerLink li a:hover { color: #63AABD; text-decoration: none; }

.bottomFooter { background: #303030; padding: 20px 0 18px; margin-top: 40px; }
.copyRight { color: #fff; font-size: 14px; padding: 5px 0 0; }
.copyRight a { color: #63AABD; }

.footSocial { text-align: right; }
.footSocial a { text-align: center; display: inline-block; border: 1px solid #fff; height: 30px; width: 30px; line-height: 30px; color: #fff; margin: 0 3px; font-size: 16px; }
.footSocial a:hover { background: #fff; color: #63AABD; }

/* ====== Footer Section end ====== */


/* ==== index.html start ==== */

.page-title { text-align: center; margin-bottom: 25px; display: block; overflow: hidden; position: relative; }
.page-title h2 { line-height: 45px; font-size: 30px; }
.page-title h2:after { content: ''; width: 140px; height: 1px; background-color: rgb(226, 226, 226); margin: 0 auto; display: block; }
.page-title:after { content: ''; width: 40px; height: 3px; background-color: #63AABD; margin: 0 auto; display: block; position: relative; top: -10px; }


.sliderSec { position: relative; }
.slider { display: inline-block; width: 100%; }
.slider li { height: 475px !important; position: relative; }
.slider li img { width: 100%; height: 100%; display: block; }
.bannerOverlay { position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: linear-gradient( rgba(99, 170, 189, 0.35) , rgba(99, 170, 189, 0.25)); }
.lSPager { position: absolute; width: 100%; bottom: 15px; left: 0; z-index: 99; }
.lSSlideOuter .lSPager.lSpg > li { padding: 0 3px !important; }

.bannerText { max-width: 600px; margin: 0 auto; position: absolute; left: 0; right: 0; top: 28%; }
.bannerText .bText { font-size: 35px; color: #fff; font-weight: 600; text-align: center; text-transform: uppercase; line-height: 1.3em; }
.bBtn { text-align: center; margin-top: 20px; }
.bBtn a { display: inline-block; border: 2px solid #fff; color: #fff; font-size: 14px; font-weight: 600; text-decoration: none; padding: 5px 20px; text-transform: uppercase; }
.bImg { text-align: center; margin-bottom: 15px; }
.bImg img { width: 165px !important; height: auto !important; display: inline-block !important; }


.title { font-size: 26px; color: #263428; text-transform: uppercase; font-family: 'Poppins', sans-serif; text-align: center; font-weight: 600; }
.subTitle { text-align: center; font-size: 15px; font-style: italic; font-weight: 600; color: #7f8880; }

/***** Banner Fashion *****/
.bannerfashion-area { margin-top: 30px; } 
.img-mr-bottom { display: block; margin-bottom: 30px; } 
.bnrfshin-left { display: block; overflow: hidden; position: relative; } 
.bannerfashion-area .left-content { color: #444444; position: absolute; right: 58px; text-align: center; top: 42%; z-index: 999999; } 
.bnrfshin-left .left-content h2 { font-size: 25px; font-weight: 600; margin: 0 0 33px; } 
.bnrfshin-left .left-content > a { border: 1px solid #444444; border-radius: 20px; color: #444444; font-size: 16px; font-weight: 600; margin-top: 22px; padding: 10px 20px; transition: all 0.3s ease 0s; } 
.bnrfshin-left .left-content > a:hover { color:#fff; background:#63AABD; border-color:#63AABD; } 
.bannerfashion-area .right-content { color: #444444; left: 37%; position: absolute; top: 28%; z-index: 999999; } 
.bannerfashion-area .right-content > h2 { font-size: 25px; font-weight: 600; } 
.bannerfashion-area .right-content > p { padding: 0 36px 0 0; } 
.bnrfshin-right span.fh-btn { background: #63AABD none repeat scroll 0 0; color: #fff; border-radius: 20px 0 0 20px; font-size: 22px; font-weight: 600; padding: 5px 30px; position: absolute; right: 15px; top: 0; } 
.right-content-btm { left: 68px; position: absolute; text-align: center; top: 30%; z-index: 999999; } 
.right-content-btm > h2 { font-size: 22px; font-weight: 600; margin: 0 0 33px; } 
.right-content-btm > a { border: 1px solid #444444; border-radius: 20px; color: #444444; font-size: 16px; font-weight: 600; margin-top: 22px; padding: 10px 20px; } 
.right-content-btm > a:hover, .bestmen-collection-area .content-area a:hover{color:#fff;background:#63AABD;border-color:#63AABD; } 
.bnrfshin-right:hover span.fh-btn{display:none;} figure.effect-layla { background: #111; margin-bottom: 30px; } 
figure.effect-layla img { width:100%; height:100%; } 
figure.effect-layla figcaption::before, figure.effect-layla figcaption::after { position: absolute; content: ''; opacity: 0; } 
figure.effect-layla figcaption::before { top: 50px; right: 30px; bottom: 70px; left: 30px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 0 0; transform-origin: 0 0; } 
figure.effect-layla figcaption::after { top: 30px; right: 50px; bottom: 50px; left: 50px; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } 
figure.effect-layla figcaption::before, figure.effect-layla figcaption::after{ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } 
figure.effect-layla:hover img { opacity: 0.7; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 
figure.effect-layla:hover figcaption::before, figure.effect-layla:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } figure.effect-layla:hover .left-content, figure.effect-layla:hover .right-content,figure.effect-layla:hover .right-content-btm{color:#fff;} 
figure.effect-layla:hover .left-content > a, figure.effect-layla:hover .right-content-btm a{border-color:#fff;color:#fff;} 
figure.effect-layla:hover figcaption::after { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } 
.bannerfashion-area .right-content > h2 a { color: #333333; transition: all 0.3s ease 0s; } 
.bannerfashion-area .right-content > h2 a:hover { color: #fff; }


/***** Shop *****/
.newArriveSec { padding-bottom: 25px; }

.single-product { display: block; position: relative; margin-bottom:20px; box-shadow: 0 1px 11px 0px rgba(25, 25, 25, 0.06); } 
.single-product:hover { box-shadow: 0 0 5px 0 rgba(25, 25, 25, 0.3); } 
.single-product img { width: 100%; height: auto; } 
.single-product .product-img { max-width:100%; height: 335px; display: block; overflow: hidden; position: relative; } 
.single-product img.secondary-img { opacity:0; position: absolute; right: 0; top: -45%; transition: all 800ms ease 0s; } 
.single-product:hover img.secondary-img { opacity: 1; top: 0; } 
.pro-action { background: rgb(232, 232, 234) none repeat scroll 0 0; left: 0; padding: 15px 0 10px; position: absolute; right: 0; text-align: center; top: 35%; opacity: 0; visibility: hidden; transform: scale(1.5); transition: all 0.4s ease 0s; } 
.single-product:hover .pro-action { transform: scale(1); visibility:visible; opacity:0.9; } 
.single-product:hover .pro-action { transition: all 0.3s ease 0s; }
.single-product:hover .pro-action ul { margin-bottom: 0px; }

.pro-action ul li { display: inline-block; } 
.pro-action ul li a { border: 1px solid #000000; border-radius: 2px; color: #444444; display: block; margin-right: 10px; overflow: hidden; transition: .4s; width: 30px; height: 30px; line-height: 30px; text-align: center; }

.pro-action ul li a:hover{background:#63AABD;border-color:#63AABD;color:#fff;} 
.pro-content { color: #666666; padding: 5px 2px 10px; text-align: center; position: relative; } 
.product-titel > a { color: #666666; font-weight: 400; } 
.product-titel > a:hover, .news-content > h2 a:hover{color:#63AABD;} 
.product-price > span { font-weight: 600; margin-bottom:10px; display:block; } 
.product-price del { color: #63AABD; margin-left: 32px; } 
.rating { padding: 2px 0 2px; } 
.rating .clr{color:#63AABD;} 
.single-product span.offer-titel { background: #63AABD none repeat scroll 0 0; color: #fff; font-size: 12px; font-weight: 600; padding: 2px 15px; position: absolute; left: -10px; top: 10px; transition: .4s; }

.single-product span.offer-titel:after { content: ''; position: absolute; width: 0; height: 0; border-left: 11px solid rgba(191, 54, 54, 0); border-right: 11px solid rgba(0, 128, 0, 0); border-bottom: 11px solid #63AABD; border-top: 11px solid #63AABD; right: -11px; top: 0px; }

.single-product span.offer-titel:before { content: ''; position: absolute; width: 0; height: 0; border: 10px solid transparent; border-right: 10px solid #63AABD; bottom: -10px; left: -10px; }

/*==Out Of Stock==*/
.outOfStock { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.outOfStockBox { height: 75px; width: 75px; background: rgba(255, 255, 255, 0.75); border-radius: 50%; display: inline-block; position: absolute; z-index: 1; line-height: 90px; overflow: hidden; top: 33%; left: 38%; }
.outOfStockBox span { border-top: 1px solid #828282; border-bottom: 1px solid #828282; text-align: center; font-size: 12px; display: inline-block; width: 100%; line-height: 1.1; padding: 5px 0; text-transform: uppercase; color: #9e9e9e; }
.outOfStockBox span b { display: inline-block; width: 100%; font-size: 20px; color: #828282; }

.pro-content .ratBox { margin-bottom: 2px; } 
.cartBtnBox { text-align: center; }
.cartBtn { display: inline-block; padding: 3px 10px; border: 1px solid #63AABD; color: #63AABD; font-size: 11px; cursor: pointer; transition: .5s; text-transform: uppercase; background: transparent; }
.cartBtn:hover { background: #63AABD; color: #fff; transition: .5s; }

.quikView { display: inline-block; width: 100%; background: rgba(99, 170, 189, 0.5); position: absolute; left: 0; top: -29px; }
.quikViewBtn { text-align: center; display: inline-block; width: 49%; padding: 5px 10px; color: #fff; font-size: 13px; transition: .5s; }
.quikViewBtn:hover { color: #fff; text-decoration: none; background: rgba(99, 170, 189, 0.55); transition: .5s; }




/***** Best Men Fashion Offer *****/
.bestmen-collection-area { background: rgba(0, 0, 0, 0) url(../images/4_8a6ca278-7535-4cd6-93e7-01e624d7f7056cbd.jpg) repeat scroll center center / cover; }
.bestmen-collection-area { padding: 80px 0; } 
.bestmen-collection-area .content-area { color: #666666; padding-left: 76px; text-align: center; } 
.bestmen-collection-area .content-area h5 { color: #63AABD; font-size: 22px; } 
.bestmen-collection-area .content-area h1 { color: #666666; font-size: 50px; font-weight: 600; margin: 0 0 20px; } 
.bestmen-collection-area .content-area p { margin: 0 0 50px; } 
.bestmen-collection-area .content-area a { border: 1px solid #666666; border-radius: 20px; color: #666666; padding: 10px 30px; font-weight: 600; font-size: 16px; } 
.product-cuntdown {margin-top:70px;} 
.cdown { display:inline-block; color: #fff; text-align: center; margin-top: 12px; position: relative; padding-top:10px; width:65px; height:65px; font-size:20px; text-transform:uppercase; line-height:45px; border:1px solid #63AABD; border-radius:50%; background:#63AABD; } 
.cdown p {color: #666666;font-size:16px;font-weight:600;} 
.time-count { font-size:22px; } 
.cdown.days, .cdown.hour, .cdown.minutes, .cdown.second { margin-left:30px;}

/* ==== index.html end ==== */





/*==== product_details.html start ====*/
.pro-detailSec { padding: 50px 0 0; }
.detailMin h2 { font-size: 30px; color: #000; font-weight: 600; margin: 0 0 20px; }

/*image tab start*/
#vtab { margin-bottom: 25px; display: inline-block; width: 100%; }
.tabImgSec { position: relative; border: 1px solid #63AABD; }
.tabImg { position: relative; }
.tabImg img { width: 100%; height: 415px; }
.tabImgSec span { position: absolute; bottom: 15px; right: 15px; background: #40d4d2; display: inline-block; padding: 5px 12px; color: #fff; text-transform: uppercase; }
.tabImgThumb { list-style: none; padding: 0; margin: 0; display: inline-block; width: 100%; }
.tabImgThumb li { float: left; cursor: pointer; width: 85px; height: 85px; margin: 10px 4px; opacity: 0.5; border: 1px solid #63AABD; }
.tabImgThumb li.selected { opacity: 1; }
.tabImgThumb li:first-child { margin-left: 0; }
.tabImgThumb li:last-child { margin-right: 0; }
.tabImgThumb li img { width: 100%; height: 100%; }
/*image tab end*/

.proDetail-sb {  }

.proDetail-sb .detailHed { font-size: 24px; color: #5a5254; margin-bottom: 2px; }

.itemCat { font-size: 14px; margin-bottom: 6px; }
.itemCat a { color: #63AABD; }
.itemCat a:hover { opacity: .8; }

.proDetail-sb .price { margin-bottom: 2px; }
.proDetail-sb .price ins { color: #63AABD; font-weight: 600; font-size: 19px; text-decoration: none; margin-right: 8px; }
.proDetail-sb .price del { font-weight: 500; font-size: 15px; color: #cacaca; }
.proDetail-sb .price .off { display: inline-block; border: 1px solid #63AABD; font-size: 12px; padding: 1px 10px; margin-left: 15px; color: #63AABD; text-align: center; font-weight: 600; }

.ratBox { margin-bottom: 8px; }
.ratBox .star-rating { color: #ffa167; font-size: 14px; }

.stock-info { font-weight: 600; color: #4cc45a; text-transform: uppercase; margin-bottom: 10px; font-size: 14px; }
.item-desc { font-size: 15px; margin-bottom: 15px; line-height: 1.6em; color: #7D7D7D; }

.discSubHed { font-size: 15px; text-transform: uppercase; margin-bottom: 6px; }

.sizeSec { margin-bottom: 10px; }
.sizeCheck { position: relative; padding: 3px 0; display: inline-block; cursor: pointer; margin-bottom: 0; }
.sizeCheck input[type="radio"] { display: none; }
.sizeCheck small { display: inline-block; width: 35px; height: 30px; border: 1px solid #5a5254; position: relative; vertical-align: middle; color: #5a5254; text-align: center; line-height: 30px; font-size: 14px; margin-right: 4px; }
.sizeCheck input:checked ~ small { background: #63AABD; color: #fff; border: 1px solid #63AABD; }


.colorSec { margin-bottom: 10px; }
.colorCheck { position: relative; padding: 3px 0; display: inline-block; cursor: pointer; margin-bottom: 0; }
.colorCheck input[type="radio"] { display: none; }
.colorCheck small { display: inline-block; width: 40px; height: 40px; position: relative; vertical-align: middle; color: #5a5254; text-align: center; line-height: 30px; font-size: 14px; margin-right: 7px; background: #c7c7c7; }
.colorCheck input ~ small:after { width: 17px; height: 16px; border: 1px solid #fff; content: " "; position: absolute; left: 1px; top: 1px; background: #fff; }
.colorCheck input:checked ~ small:after { content: "\f00c"; font: normal normal normal 14px/1 FontAwesome; text-align: center; line-height: 15px; color: #63AABD; }


.qtyInputSec { margin-bottom: 10px; }
.qtyInputSec input[type="number"] { border: 1px solid #5a5254; color: #5a5254; width: 65px; height: 30px; font-size: 15px; padding: 2px 5px; text-align: center; vertical-align: middle; }
.qtyInputSec input[type="number"]:focus { outline: none; box-shadow: none; }

.qtyInputSec button { width: 30px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #5a5254; color: #5a5254; background: none; font-size: 12px; padding: 0; vertical-align: bottom; cursor: pointer; }
.qtyInputSec button:hover, .qtyInputSec button:focus { outline: none; box-shadow: none; }


.detailBtns { padding: 10px 0; }
.detailBtns .detailCart { background: #63AABD; padding: 9px 15px; width: 185px; color: #fff; cursor: pointer; border: none; margin-right: 10px; text-transform: uppercase; }
.detailBtns .detailCart i { margin-right: 3px; }

.detailBtns .detailWish { background: #7D7D7D; padding: 9px 15px; width: 185px; color: #fff; cursor: pointer; border: none; margin-right: 10px; text-transform: uppercase; }
.detailBtns .detailWish i { margin-right: 3px; }
.detailCart:hover, .detailWish:hover { opacity: .9; }

.detailCart:focus, .detailCart:active, .detailWish:focus, .detailWish:active { outline: none; box-shadow: none; }

.sharePrd { font-size: 14px; font-weight: 500; padding: 10px 0 5px;  }
.sharePrd span { margin-right: 5px; }
.sharePrd .shareSocial a { text-align: center; display: inline-block; border: 1px solid #ccc; height: 30px; width: 30px; line-height: 30px; color: #ccc; margin: 0 3px; font-size: 15px; }

/* -product detail tab start- */
.aboutProdtct_sec { padding: 50px 0 0;  }
.tabNav { border-bottom: none; }
.tabNav li { margin-bottom: 0px !important; }
.tabNav li a { font-size: 15px; color: #2f2f2f; border: none !important; border-radius: 0px; padding: 7px 20px 3px; text-transform: uppercase; display: inline-block; }
.tabNav li a:hover { background: #63AABD; color: #fff; text-decoration: none; }

.tabNav li .active, .tabNav li .active:focus, .tabNav li .active:hover { background: #63AABD; color: #fff; }

.prd-tab-contant { padding: 15px; border: 1px solid #63AABD; }
.prd-tabText { color: #000; font-size: 17px; margin-bottom: 16px; }
.prd-tabText span { color: #878787; }

.dimensionBox { background: #fff; margin: 0; padding: 6px 0 3px; }
.dimensionBox:nth-child(odd) { background: #f0f0f0; }

.dimensionNm { position: relative; color: #818181; font-size: 15px; font-weight: 600; }
.dimensionNm:before { content: url('../images/list-icon.png'); margin-right: 10px; margin-bottom: 6px; vertical-align: middle; display: inline-block; }
.dimensionNm:after { content: ":" ; position: absolute; right: 10px; }

.dimensionDetail {  }
/* -end- */


.relatedSec { padding: 50px 0; }

/*==== product_details.html end ====*/




/*==== signup.html start ====*/
.signup_sec { width: 100%; height: 100%;  background: rgba(99, 170, 189, 0.05); text-align: center; }
.lonInBox { display: inline-block; width: 475px; background: #fff; margin: 50px auto 0; text-align: left; box-shadow: 1px 5px 40px 3px rgba(25, 25, 25, 0.17); padding: 25px 35px; }

.login_logo { text-align: center;  }
.login_logo img { height: 100px; }
.signHed { text-align: center; font-weight: 500; padding: 10px 0 0; color: #5a5254; font-size: 23px; text-transform: uppercase; }
.signSubHed { text-align: center; font-weight: 400; color: #5a5254; font-size: 15px; margin-bottom: 15px; }

.loginForm {  }
.loginForm label { color: #5a5254; margin-bottom: 2px; }
.loginForm label span { color: red; font-size: 20px; position: relative; top: 2px; }

.loginForm input { border-radius: 0px; border: 1px solid #5a5254; font-size: 15px; color: #5a5254; }
.loginForm input:focus, .loginForm input:active { box-shadow: none; outline: none; border: 1px solid #5a5254; }

.signBtn { display: inline-block; width: 100%; text-align: center; padding: 10px 15px 8px; background: #63AABD; color: #fff; border: none; border-radius: 0; text-transform: uppercase; }
.signBtn:hover { opacity: 0.9; }

.signOr { text-align: center; font-size: 16px; text-transform: uppercase; color: #5a5254; padding: 10px 0; }

.signWith .fb { padding-right: 7px; }
.signWith .gmail { padding-left: 7px; }

.signWith .fb .signBtn { background: #4268B3;   }
.signWith .fb .signBtn i { margin-right: 6px; font-size: 18px; }
.signWith .gmail .signBtn { background: #C46451;   }
.signWith .gmail .signBtn i { font-size: 18px; margin-right: 10px; vertical-align: middle; }

.haveAcc { font-size: 16px; color: #5a5254; text-align: center; padding: 13px 0 0; }
.haveAcc a { font-size: 16px; color: #63AABD; }


.remember { padding: 12px 0 0; }
.rememberCheck { margin-bottom: 0; color: #5a5254; cursor: pointer; }
.rememberCheck input[type="checkbox"] { display: none; }
.rememberCheck small { width: 16px; height: 16px; border: 1px solid #5a5254; text-align: center; display: inline-block; vertical-align: middle; margin-top: -2px; line-height: 16px; }
.rememberCheck input:checked ~ small:after { content: "\f00c"; font: normal normal normal 13px/1 FontAwesome; color: #5a5254; }

.lostPwd { text-align: right; padding: 12px 0 0; }
.lostPwd a { color: #63AABD; }

/*==== signup.html end ====*/






/*==== shop.html start ====*/

.shopSec { padding: 50px 0; }
.shortSec { background: #F5F5F5; height: 45px; margin-bottom: 20px; }


/* -Filter Section- */
.filterHed { color: #5a5254; background: #F5F5F5; text-transform: uppercase; margin-bottom: 4px; font-size: 14px; font-weight: 600; padding: 10px 15px; }

.shopFilterSec { height: 750px; border-bottom: 4px solid #ccc; }
.filterBox { background: #F5F5F5; padding: 15px; margin-bottom: 15px;  }

.filterList .filterListHed a { padding:  }
.filterBox ul { padding: 0; margin: 0; list-style: none; }

.filterListHed span { display: inline-block; width: 100%; padding: 5px 0; color: #5a5254; font-weight: 600; font-size: 13px; cursor: pointer; }
.filterListHed span i { float: right; vertical-align: middle; display: inline-block; position: relative; top: 5px; }
.filterListOpen span i { transform: rotate(90deg)}
.filterListHed span:hover { background: #efefef; }
.filterListHed ul { padding-left: 8px; }
.filterListHed ul li a { display: inline-block; width: 100%; padding: 5px 0; color: #5a5254; font-weight: 500; font-size: 13px; }
.filterListHed ul li a:hover { color: #63AABD; text-decoration: none; }

.filterBox .sizeSec { margin-bottom: 0; }
.filterBox .colorSec { margin-bottom: 0; }

.tegBox { display: inline-block; width: 100%; }
.tegBox .tagBtn { display: inline-block; padding: 3px 14px; font-size: 14px; background: #63AABD; color: #fff; margin: 0 2px 5px 0; transition: .6s; }
.tegBox .tagBtn:hover { text-decoration: none; background: #549fb3; transition: .6s; }


/* -=Price range slider=- */
.price-range-slider { width: 100%; }
.price-range-slider .range-value { margin: 0; }
.price-range-slider .range-value input { width: 165px; font-size: 16px; box-shadow: none; border: none; margin: 20px 0 0 5px; padding: 7px 10px 5px; background: #fff; text-align: center; height: 36px; color: #63AABD; font-weight: 600; }
.priceFilteBtn { height: 36px; width: 36px; line-height: 36px; text-align: center; background: #63AABD; color: #fff; border: none; margin-left: 6px; cursor: pointer; font-size: 18px; }
.priceFilteBtn:focus, .priceFilteBtn:active { box-shadow: none; outline: none; }

.price-range-slider .range-bar { border: none; background: #5a5254; height: 5px; width: 96%; margin-left: 8px; margin-top: 15px; }
.price-range-slider .range-bar .ui-slider-range { background: #63AABD; }
.price-range-slider .range-bar .ui-slider-handle { border: none; border-radius: 25px; background: #fff; border: 2px solid #63AABD; height: 17px; width: 17px; top: -7px; cursor: pointer; }
.ui-slider-handle:focus, .ui-slider-handle:active { box-shadow: none; outline: none; }
.price-range-slider .range-bar .ui-slider-handle + span { background: #63AABD; }




/*==== shop.html end ====*/