html {  box-sizing: border-box;height:100%;}
*, *:before, *:after {box-sizing: inherit;}
body {font-family: 'Montserrat', sans-serif;height:100%;}
canvas {-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;}

#owl-demo .item img{display: block;width: 100%;height: auto;}

.mainContainer {position:relative;}
.customOwl {position:relative;z-index:100;}

.mainContainer .topBand {position:absolute;z-index:110;top:0px;left:0px;right:0px;padding:0px !important;}
.mainContainer .topBand .firstBand {background:rgba(255,255,255,.3);padding:10px 0px;border-bottom:1px solid #fff;}
.mainContainer .topBand .logoShopPage {width:100%;max-width:180px;height:auto;}
.mainContainer .topBand .socialButtons {border-right:1px solid #fff;}
.mainContainer .topBand .socialButtons a {color:#fff;font-size:20px;margin:5px;text-decoration:none;}
.mainContainer .topBand .topBandButton {}
.mainContainer .topBand .topBandButton button {background:none !important;color:#fff;}
.mainContainer .topBand .wishtovisit {background:#0aba8a !important;}
.mainContainer .topBand .wishtovisit i {padding-right:10px;}

.mainContainer .topBand .addressShop {font-size:11px;line-height:18px;color:#fff;display:inline-block;padding:10px 10px 10px 40px;position:relative;font-weight:300;}
.mainContainer .topBand .addressShop i {position:absolute;left:10px;top:17px;color:#fff;font-size:18px;}
.mainContainer .topBand .rating {display:block;padding-left:40px;}

fieldset, label { margin: 0; padding: 0; }
/****** Style Star Rating Widget *****/
.rating {border: none;float: left;}
.rating > input { display: none; } 
.rating > label:before {margin:2px 5px;font-size: 1.25em;font-family: FontAwesome;display: inline-block;content: "\f005";}
.rating > .half:before { content: "\f089";position: absolute;}
.rating > label {color:#ddd;float:right;}

/***** CSS Magic to Highlight Stars on Hover *****/
.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 

.mainContainer .topBand .languageButton {padding-top:15px}
.mainContainer .topBand .languageButton button {color:#000;}

.mainContainer .topBand h1 {color:#fff;font-size:36px;font-weight:800;text-shadow:3px 3px 4px rgba(0, 0, 0, .3);display:block;text-align:center;margin-top:80px;}
.mainContainer .topBand h5 {color:#fff;font-size:20px;font-weight:500;display:block;text-align:center;}
.mainContainer .topBand h3 {color:#fff;font-size:20px;font-weight:800;display:block;text-align:center;}
.mainContainer .topBand .bannerIcon {text-align:center;display:block;}
.mainContainer .topBand .bannerIcon img {width:100%;max-width:250px;height:auto;margin-top:15px;}

.quickLook {padding:30px 30px 60px 30px;text-align:center;}
.quickLook h1 {text-align:center;font-size:32px;font-weight:500;margin-bottom:40px;}
.quickLook .shopStaff {width:100%;max-width:250px;position:relative;margin:auto;}
.quickLook .shopStaff img {width:100%;max-width:250px;height:auto;}
.quickLook .shopStaff a {width:130px;position:absolute;bottom:-17px;left:50%;margin-left:-55px;color:#fff;font-size:18px;font-weight:700;text-decoration:none;background:#fcaf4a;border-radius:5px;padding:7px 18px;text-transform:uppercase;}
.quickLook h3 {font-size:18px;font-weight:700;text-align:center;margin-top:25px;}
.quickLook h5 {font-size:14px;font-weight:700;text-align:center;margin-top:10px;}
.quickLook p {font-size:12px;font-weight:300;text-align:center;margin-top:10px;color:#666;}

.walkthrough {background:#f1f1f1;box-sizing:border-box;padding:50px;}
.walkthrough h1 {text-align:left;font-size:32px;font-weight:700;margin-bottom:40px;position:relative;width:auto;display:inline-block;}
.walkthrough h1 span {font-weight:300;}
.walkthrough h1:after {position:absolute;content:'';width:100px;height:5px;background:#787878;bottom:5px;right:-110px;}
.walkthrough .nav-tabs {border-bottom:0px;}
.walkthrough .nav-tabs > li {padding-left:0px;padding-right:0px;}
.walkthrough .nav-tabs > li > a {font-size:18px;font-weight:400;color:#000000;padding:25px;position:relative;border:0px;border-radius:0px;}
.walkthrough .nav-tabs > li > a span {font-size:25px;font-weight:800;color:#000000;display:block;line-height:20px;}
.walkthrough .nav-tabs > li > a img {width:auto;height:100%;left:20px;max-height:40px;margin-bottom:10px;}
.walkthrough .specialty {box-sizing:border-box;padding:30px;margin-top:30px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.walkthrough .specialty .bgWhite {}
.walkthrough .specialty h2 {text-align:left;font-size:32px;font-weight:700;margin-bottom:20px;text-transform:uppercase;margin-top:0px;}
.walkthrough .specialty ul {margin:0px;padding:0px;}
.walkthrough .specialty li {list-style:none;display:block;}
.walkthrough .specialty li a {font-size:16px;text-transform:uppercase;text-decoration:none;box-sizing:border-box;padding:6px 0px;color:#7e7e7e;font-weight:300;display:block;}
.walkthrough .specialty li a i {padding-right:10px;}
.walkthrough .shopDetail {box-sizing:border-box;padding:0px 30px 30px 30px;margin-top:30px;} 
.walkthrough .shopDetail p {color:#000;font-size:16px;font-weight:300;line-height:24px;margin-top:50px;margin-bottom:50px;}

.sGallery {background:#ffffff;box-sizing:border-box;padding:50px;}
.sGallery h1 {text-align:left;font-size:32px;font-weight:700;margin-bottom:40px;position:relative;width:auto;display:inline-block;}
.sGallery h1 span {font-weight:300;}
.sGallery h1:after {position:absolute;content:'';width:100px;height:5px;background:#787878;bottom:5px;right:-110px;}
.sGallery .nav-tabs {border-bottom:0px;}
.sGallery .nav-tabs > li {padding-left:0px;padding-right:0px;}
.sGallery .nav-tabs > li > a {font-size:18px;font-weight:400;color:#000000;padding:25px;position:relative;border:0px;border-radius:0px;}
.sGallery .nav-tabs > li > a span {font-size:25px;font-weight:800;color:#000000;display:block;line-height:20px;}
.sGallery .nav-tabs > li > a img {width:auto;height:100%;left:20px;max-height:40px;margin-bottom:10px;}
.sGallery .specialty {box-sizing:border-box;padding:30px;margin-top:30px;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.sGallery table td{
    border:1px solid #f9f5f5;
}

.sGallery .specialty .bgWhite {}
.sGallery .specialty h2 {text-align:left;font-size:32px;font-weight:700;margin-bottom:20px;text-transform:uppercase;margin-top:0px;}
.sGallery .specialty ul {margin:0px;padding:0px;}
.sGallery .specialty li {list-style:none;display:block;}
.sGallery .specialty li a {font-size:16px;text-transform:uppercase;text-decoration:none;box-sizing:border-box;padding:6px 0px;color:#7e7e7e;font-weight:300;display:block;}
.sGallery .specialty li a i {padding-right:10px;}
.sGallery .shopDetail {box-sizing:border-box;padding:0px 30px 30px 30px;margin-top:30px;} 
.sGallery .shopDetail p {color:#000;font-size:16px;font-weight:300;line-height:24px;margin-top:50px;margin-bottom:50px;}

.Topbrandsthrough {background:url('/assets/images/shopPage/topbrandsbg.png');}
.Topbrandsthrough {box-sizing:border-box;padding:50px;min-height:400px;}
.Topbrandsthrough h1 {text-align:left;font-size:32px;font-weight:700;margin-bottom:40px;position:relative;width:auto;display:inline-block;}
.Topbrandsthrough h2 {text-align:left;font-size:25px;font-weight:700;margin-bottom:40px;margin-top:-17px;position:relative;width:auto;display:inline-block;}
.Topbrandsthrough h1 span {font-weight:300;}
.Topbrandsthrough h2 span {font-weight:300;}
.Topbrandsthrough h1:after {position:absolute;content:'';width:100px;height:5px;background:#787878;bottom:5px;right:-110px;}



.Testimonials {background:#f1f1f1;box-sizing:border-box;min-height:400px;padding:50px;}
.Testimonials h1 {text-align:left;font-size:32px;font-weight:700;margin-bottom:40px;position:relative;width:auto;display:inline-block;}
.Testimonials h2 {text-align:left;font-size:25px;font-weight:700;margin-bottom:40px;margin-top:-17px;position:relative;width:auto;display:inline-block;}
.Testimonials h1 span {font-weight:300;}
.Testimonials h2 span {font-weight:300;}
.Testimonials h1:after {position:absolute;content:'';width:100px;height:5px;background:#787878;bottom:5px;right:-110px;}

.Testimonials .box-grey{
    background:#f1f1f1;
    border:none;
}

.Reachus {background:#ffffff;box-sizing:border-box;padding:15px;}
.Reachus h1 {text-align:left;font-size:32px;font-weight:700;margin-bottom:40px;position:relative;width:auto;display:inline-block;}
.Reachus h1 span {font-weight:300;}
.Reachus h1:after {position:absolute;content:'';width:100px;height:5px;background:#787878;bottom:5px;right:-110px;}



.shopServices {}
.shopServices ul {margin:0px;padding:0px;}
.shopServices li {list-style:none;display:inline-block;box-sizing:border-box;font-size:12px;font-weight:700;text-align:center;width:20%;float:left;}
.shopServices li p {display:block;box-sizing:border-box;padding-top:15px;font-size:11px;}
.shopServices li i {display:block;box-sizing:border-box;padding:5px;}

.shopTimimg {background:#000;color:#fff;box-sizing:border-box;padding:10px;font-size:12px}



.pn-ProductNav .pn-ProductNav_Contents > a {
    font-size: 18px;
    font-weight: 400;
    color: #000000;
    padding: 25px;
    position: relative;
    border: 0px;
    border-radius: 0px;
}

.pn-ProductNav .pn-ProductNav_Contents > a img {
    width: auto;
    height: 100%;
    left: 20px;
    max-height: 40px;
    margin-bottom: 10px;
}

.pn-ProductNav .pn-ProductNav_Contents > a span {
    font-size: 25px;
    font-weight: 800;
    color: #000000;
    display: block;
    line-height: 20px;
}






@media (max-width: 768px)
{
	.mainContainer {height:100%;}
	.mainContainer .topBand {height:100%;} 
	.mainContainer .customOwl {height:100%;background:url(../images/shopPage/banner_1.jpg) center center no-repeat;background-size:cover;} 	
	.mainContainer .customOwl .owl-wrapper-outer {display:none;}
	.mainContainer .topBand .socialButtons {border-right:0px;}
	.mainContainer .topBand h1 {color:#fff;font-size:36px;font-weight:800;text-shadow:3px 3px 4px rgba(0, 0, 0, .3);display:block;text-align:center;margin-top:30px;}
	.walkthrough h1 {text-align:left;font-size:32px;font-weight:700;margin-bottom:40px;position:relative;width:auto;display:inline-block;padding-bottom:10px;}
	.walkthrough h1:after {position:absolute;content:'';width:100px;height:5px;background:#787878;bottom:0px;right:unset;left:0px;}
}