/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea { color: #222; }
html { font-size: 1em; line-height: 1.4; }

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio,
canvas,
img,
video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
*,
*:after,
*:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
audio,
canvas,
video { display: inline-block; *display:inline;
*zoom:1
}
audio:not([controls]) { display: none; height: 0 }
[hidden] {
display:none
}
html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
html,
button,
input,
select,
textarea { font-family: sans-serif }
body { margin: 0; margin: 0px; }
a:focus { outline: thin dotted }
a:active,
a:hover { outline: 0 }
h6 { font-size: .67em; margin: 2.33em 0 }
abbr[title] { border-bottom: 1px dotted }
b,
strong { font-weight: bold }
blockquote { margin: 1em 40px }
dfn { font-style: italic }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 }
mark { background: #ff0; color: #000 }
code,
kbd,
pre,
samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before,
q:after { content: ''; content: none }
small { font-size: 80% }
sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em }
sub { bottom: -0.25em }
dl,
menu,
ol,
ul { margin: 0 0 }
dd { margin: 0 0 0 0px }
menu,
ol,
ul { padding: 0 0 0 0px }
nav ul,
nav ol,
li { list-style: none; list-style-image: none }
img { border: 0; -ms-interpolation-mode: bicubic }
svg:not(:root) { overflow: hidden }
figure { margin: 0 }
form { margin: 0 }
fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em }
legend { border: 0; padding: 0; white-space: normal; *margin-left:-7px
}
button,
input,
select,
textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align:middle
}
button,
input { line-height: normal; border: none; }
button,
select { text-transform: none }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow:visible
}
button[disabled],
html input[disabled] { cursor: default }
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; padding: 0; *height:13px;
*width:13px
}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
background-color: #f0dddd;
}
 input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
-webkit-appearance: none;
margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=number] { -moz-appearance: textfield; }
textarea { overflow: auto; vertical-align: top }
table { border-collapse: collapse; border-spacing: 0 }
html,
button,
input,
select,
textarea { color: #222; }
html { font-size: 1em; line-height: 1.4; }
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio,
canvas,
img,
video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
html,
body,
form { width: 100%; height: 100%; }
html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
html,
button,
input,
select,
textarea { font-family: 'Raleway', sans-serif; font-size: 14px; }
html,
body,
form { width: 100%; height: 100%; }
html { overflow-y: scroll; }
body { margin: 0; font-family: 'Raleway', sans-serif; font-size: 14px; color: #828282; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/

* html .clearfix { height: 1%; }
.clearfix { display: block; }
a { text-decoration: none; }
a:focus { outline: thin dotted }
a:active,
a:hover { outline: 0 }
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: normal; }

:focus::-webkit-input-placeholder {
color:transparent;
}
:focus::-moz-placeholder {
color:transparent;
}
:-moz-placeholder {
color:transparent;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   
   
   
#wrapper { width: 100%; height: auto; float: left; min-height: 100%; height: 100%; }
.main-warp { width: 100%; height: auto; float: left; min-height: 100%; overflow: hidden; }
.page { width: 100%; height: auto; float: left; padding-bottom:100px;  }
.pop-content, .contact-map, .submit-btn, .contact-form li input, .slick-next, .slick-prev, .gallery li ul li, .gallery li ul li a .img-zoom, .new-collections .slick-next, .new-collections .slick-prev, .new-collections ul li, .banner .slick-prev, .banner .slick-next, .sub ,  a { transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s;  }
h1,
h2,
h3,
h4 { margin: 0px; padding: 0px; }
ul,
li { margin: 0px; padding: 0px; list-style: none; }

header{ height:100px; width:100%; float:left; background:#dcdbdb; position:relative; z-index:100;}
.container{ max-width:1170px; margin:0 auto;  }
header .logo{ float:left;}
header .header-rgt{ float:left; }
nav{ padding-top:64px; padding-left:61px; float:left; width:auto;}
nav ul{ float:left; width:100%;}
nav > ul > li{ font-family: 'Source Sans Pro', sans-serif; font-size:15px; color:#7a6947; text-transform:uppercase; display:block; margin-left:32px; position:relative; padding-bottom:20px; float:left; }
nav ul li a{ color:#7a6947; }
nav ul li a:hover{ color:#b69148;}
.child{ position:absolute; display:none; background:#8c7649; text-align:center;  min-width:200px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; top:36px;
 padding:30px;  outline: dashed #c5c0c0 1px; outline-offset: -15px; left:50%; margin-left:-90px;}
.child li{  margin-left:0px; display:block; text-transform:none; padding-bottom:20px; }
.child li a{ color:#fffbfb; font-size:14px;}
.child li a:hover{ color:#f1cda9;}
.child li:last-child{ padding-bottom:0px;}
.sub{ background:url(../images/top-arrow.png) no-repeat center 100px;}
.sub:hover{ background-position:center 25px;}
.social-icons{ float:right; padding-top:38px;}
.social-icons ul li{ display:inline-block; margin-left:13px;}
.social-icons ul li a{ opacity:0.6; }
.social-icons ul li a:hover{ opacity:1;}

.banner{ width:100%; float:left; height:auto; background:#efefef;}
.banner ul li{ position:relative; }
.banner > ul > li > img{ max-width:100%;}
.banner ul li .caption{ position:absolute; width:100%;  z-index:500; top:0px;} 
.banner ul li .caption .container .cap-cnt{ float:none; max-width:500px; display:table-cell;  height:77vh; vertical-align:middle}
.typ2{ padding-top:10% !important;}
.banner ul li .caption .container .cap-cnt h1{ font-size:48px; margin:0px; color:#656565; font-weight:normal; padding-bottom:15px; 
font-family: 'Source Sans Pro', sans-serif; text-transform:uppercase; line-height:50px; font-weight:300;}
.banner ul li .caption .container .cap-cnt h2{ font-size:35.79px; color:#969595; line-height:24px; font-family: 'Source Sans Pro', sans-serif; font-weight:300;}

.banner .slick-prev{  width:24px; height:44px; left:8%; background:url(../images/pre.png) no-repeat 0px 0px; opacity:0.4;}
.banner .slick-prev:hover{ width:24px; height:44px; left:8%; background:url(../images/pre.png) no-repeat 0px 0px; opacity:1;}

.banner .slick-next{  width:24px; height:44px; right:8%; background:url(../images/nxt.png) no-repeat 0px 0px; opacity:0.4;}
.banner .slick-next:hover{ width:24px; height:44px; right:8%; background:url(../images/nxt.png) no-repeat 0px 0px; opacity:1;}

.mid-section{ width:100%; float:left; margin:25px 0px; }
.mid-section ul{ width:100%; float:left; }
.mid-section ul li{ width:33.3%; float:left; display:block; max-height:302px; position:relative; overflow:hidden;}
.mid-section ul li h2{ position:absolute; z-index:100; font-family:"Times New Roman", Times, serif; font-weight:normal; font-size:40px; left:23px; bottom:35px; color:#232323; line-height:40px; }
.mid-section ul li h2 span{ display:block; clear:both; font-size:18px; text-transform:uppercase; }
.mid-section ul li img{ transition: all 900ms ease-out 0s; -moz-transition: all 900ms ease-out 0s; -webkit-transition: all 900ms ease-out 0s;
-o-transition: all 900ms ease-out 0s; max-width:100%;}
.mid-section ul li:hover img{ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);  transform: scale(1.1); }
.welcome-section{ width:100%; float:left; background:#e4e4e4; margin-bottom:25px; }
.welcome-block{ float:left; width:33.3%; min-height:404px; background:#D4CDC2; padding:50px; outline: dashed #fff 2px; outline-offset: -20px; text-align:center;}
.welcome-section h2{ font-family:"Times New Roman", Times, serif; font-weight:normal; font-size:36px; padding-bottom:30px;}
.welcome-block h2{ color:#7A6947; padding-bottom:35px;  }
.welcome-block li{ padding-bottom:25px;}
.welcome-block li a{ font-size:18px; color:#232323;}
.welcome-block li a:hover{ color:#8C7649;}
.welcome-block p{ font-size:14px; color:#e5e5e5; line-height:24px; }
.new-collections{ float:left; width:66.6%; padding-top:45px; padding-left:34px; }
.new-collections h2{ color:#232323;}
.new-collections ul{ width:100%; display:block; float:left;  }
.new-collections ul li{ display:block; float:left; width:237px; height:226px; background:#fff; padding:15px;/* outline: dashed #c5c0c0 1px; outline-offset: -15px;*/ overflow:hidden; margin-left:18px;}
.new-collections ul li .img-block{  width:206px; height:196px; display:block; overflow:hidden;}
.new-collections ul li img{ transition: all 900ms ease-out 0s; -moz-transition: all 900ms ease-out 0s; -webkit-transition: all 900ms ease-out 0s;-o-transition: all 900ms ease-out 0s; max-width:100%;}
.new-collections ul li:hover{ /*outline: dashed #b89f85 1px;*/}
.new-collections ul li:hover img{ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);  transform: scale(1.1); }

.new-collections .slick-prev{  width:13px; height:23px; left:95%; background:url(../images/pre2.png) no-repeat 0px 0px; opacity:0.4; top:-39px;}
.new-collections .slick-prev:hover{ width:13px; height:23px; left:95%; background:url(../images/pre2.png) no-repeat 0px 0px; opacity:1; top:-39px;}

.new-collections .slick-next{  width:13px; height:23px; right:0px; background:url(../images/nxt2.png) no-repeat 0px 0px; opacity:0.4; top:-39px;}
.new-collections .slick-next:hover{ width:13px; height:23px; right:0px; background:url(../images/nxt2.png) no-repeat 0px 0px; opacity:1; top:-39px; }
footer{ background:#232323; float:left; width:100%; height:100px; margin-top:-100px; }
footer .container{ padding-top:42px;}
.footer-lft{ float:left;}
.footer-lft ul li{ display:inline-block; margin-right:15px; }
.footer-lft ul li a{ font-size:12px; color:#d2d0d0; font-weight:400; text-transform:uppercase; }
.footer-lft ul li a:hover{ color:#e9c48f;}
.footer-lft p{ font-size:12px;  padding-top:10px;}
.footer-rgt { float:right;}
.footer-rgt p{font-size:12px;}
.footer-rgt p a{ margin-left:5px;}

.inner-banner{ width:100%; float:left; height:auto; position:relative;}
.inner-banner .overlay{ position:absolute; width:100%; height:100%; z-index:50;  background:url(../images/overlay.png) repeat;}
.inner-banner .overlay .container h2{  font-family:"Times New Roman", Times, serif; font-weight:normal; font-size:56px; display:table-cell; vertical-align:middle; height:270px; color:#8c7649;}
.inner-contentarea{ width:100%; float:left; padding-top:55px;  padding-bottom:60px; background:#dcdbdb; }
.history-outer{ width:100%; float:left;}
.history-outer .history-lft{ float:left; width:75%;  padding:54px; background:#d4cdc2;}
.history-outer .history-lft h2{ font-size:24px; color:#0b1215; font-weight:400; padding-bottom:30px; }
.history-outer .history-lft p{ font-size:14px; color:#4d4d4a; line-height:24px; padding-bottom:25px; }
.history-outer .history-lft p:last-child{  padding-bottom:0px;}
.history-outer .history-rgt{ float:left; width:25%;  outline: solid rgba(255, 255, 255, 0.5) 1px; outline-offset: -15px; }
.gallery { padding-top:46px;}
.gallery li ul{ float:left; width:102%; margin-left:-1.5%; margin-bottom:-1.5%;}
.gallery li ul li{ float:left; width:23.4%;  min-height:257px; text-align:center; line-height:257px; margin-left:1.5%; margin-bottom:1.5%; overflow:hidden;   }
.gallery li ul li img{ max-width:100%; transition: all 900ms ease-out 0s; -moz-transition: all 900ms ease-out 0s; -webkit-transition: all 900ms ease-out 0s;
-o-transition: all 900ms ease-out 0s;}
.gallery li ul li:hover img{ -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);  transform: scale(1.1);  }
.gallery li ul li a{ position:relative; display:block; width:100%; height:100%; }
.gallery li ul li a .img-zoom{ display:block; width:100%; height:100%; position:absolute; left:0px; top:0px;  background:rgba(9, 14, 16, 0); background-image:
url(../images/zoom-icon.png); background-repeat:no-repeat; background-position:center center; background-size:0%; outline: solid rgba(255, 255, 255, 0.5) 1px; outline-offset: -15px;}

.gallery li ul li a:hover .img-zoom{  top:0px; background:rgba(9, 14, 16, 0.7); outline: solid rgba(255, 255, 255, 1) 1px; outline-offset: -15px; background-position:center center; background-size:13% ;  background-image:
url(../images/zoom-icon.png); background-repeat:no-repeat;}

.gallery-outer .slick-prev{  width:34px; height:34px; left:93.5%; background:url(../images/pre2.png) no-repeat center 4px; opacity:0.4; top:10px; border:1px solid #6e6d6d;}
.gallery-outer .slick-prev:hover{ width:34px; height:34px; left:93.5%; background:url(../images/pre2.png) no-repeat center 4px; opacity:1;  top:10px;}

.gallery-outer .slick-next{  width:34px; height:34px; right:0px; background:url(../images/nxt2.png) no-repeat center 4px; opacity:0.4;  top:10px; border:1px solid #6e6d6d;}
.gallery-outer .slick-next:hover{ width:34px; height:34px; right:0px; background:url(../images/nxt2.png) no-repeat center 4px; opacity:1;  top:10px; }
.sote-loctor-outer{ width:100%; float:left;}
.sote-loctor-outer h2{ font-size:24px; color:#0b1215; border-bottom:1px solid #c3af97; padding-bottom:10px; float:left; width:100%; display:block; margin-bottom:34px;}
.sote-loctor-outer .store-lft{ float:left; width:40%;}
.sote-loctor-outer .store-rgt{ float:left;   width:60%; padding-left:60px;}
.dtl-blk{ width:100%; float:left; padding-bottom:40px;}
.dtl-blk .dtl-blk-icon{ float:left;  padding-right:15px;}
.dtl-blk .dtl-blk-cnt{ float:left;}
.dtl-blk .dtl-blk-cnt h3{ font-size:18px; color:#0b1215; font-weight:600; padding-top:3px; padding-bottom:10px;}
.dtl-blk .dtl-blk-cnt p{ font-size:14px; color:#0b1215; }
.num{ font-family: 'Source Sans Pro', sans-serif; font-size:20px !important;}
.view-map-btn{ font-size:14px; color:#0b1215; text-transform:uppercase; border:1px solid #000; display:inline-block; padding:12px 45px; }
.bClose{ background:url(../images/close.png) center center no-repeat; width:58px; height:51px; top:-12px; right:-50px; position:absolute;  cursor:pointer; }
.bClose img{ max-width:100%;}
.pop-content{ width:800px; height:300px; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.pop-content:hover{  -webkit-filter: grayscale(0%); filter: grayscale(0%);}
.map{ width:100%; height:100%; }
.view-map-btn:hover{ background:#8c7649; border-color:#8c7649; color:#fff;}
.contact-outer{ float:left; width:100%; }
.contact-outer .contact-lft{ float:left; width:50%; }
.contact-outer h2{ font-size:24px; color:#0b1215; padding-bottom:40px; float:left; width:100%; display:block; }
.dtl-blk-cnt p .span1{ font-family: 'Source Sans Pro', sans-serif; font-size:20px; font-weight:bold; color:#7f7d7d; }
.dtl-blk-cnt p span{ font-weight:600; color:#0b1215; }
.dtl-blk-cnt p span a{  color:#0b1215; }
.dtl-blk-cnt p span a:hover{ color:#9a804c;}
.social-icons-contact{ width:100%; float:left; padding-top:10px; }
.social-icons-contact a{ display:inline-block; margin-right:8px; opacity:1;  -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.social-icons-contact a:hover{ opacity:1; -webkit-filter: grayscale(0%); filter: grayscale(0%);}
.contact-outer .contact-rgt{ float:right; width:50%;}
.contact-form{ width:100%; float:left;}
.contact-form li{ margin-bottom:25px;}
.contact-form li input{ height:39px; padding:0px 22px; background:#dcdbdb; border:1px solid #a9a9a9; width:100%; font-size:14px; color:#333232; font-family: 'Raleway', sans-serif; font-weight:400;} 
.contact-form li input:focus{ border:1px solid #978053;}

.contact-form li textarea{ height:39px; padding:22px 22px; background:#dcdbdb; border:1px solid #a9a9a9; width:100%; font-size:14px; color:#333232; font-family: 'Raleway', sans-serif; font-weight:400; min-height:150px;} 
.contact-form li textarea:focus{ border:1px solid #978053;}
.submit-btn{ font-size:16px; color:#333232; height:50px; border:1px solid #a9a9a9;   text-transform:uppercase;  font-family: 'Raleway', sans-serif; font-weight:400; padding:0px 44px; background:#dcdbdb;}
.submit-btn:hover{ background:#78653f; color:#fff; border-color:#78653f; }
.contact-map{ width:100%; float:left; padding:10px; border:1px solid #a9a9a9; margin-top:30px; height:250px; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.contact-map:hover{ -webkit-filter: grayscale(0%); filter: grayscale(0%); border-color:#8c7649; }
.pd1{ padding-top:5px;}

.mid-section ul li ul li{ width:100%; }





*:focus {
    outline: 0;
}
::-webkit-input-placeholder {
   color: #333232;
}

:-moz-placeholder { /* Firefox 18- */
   color: #333232;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #333232;  
}

:-ms-input-placeholder {  
   color: #333232;  
}



 







/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {
}
 @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px;
}
.ir:before { content: ""; display: block; width: 0; height: 150%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
* { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
a,
 a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after,
 a[href^="javascript:"]:after,
 a[href^="#"]:after { content: ""; }
pre,
 blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr,
 img { page-break-inside: avoid; }
img { max-width: 100% !important; }
 @page {
 margin: 0.5cm;
}
p,
 h2,
 h3 { orphans: 3; widows: 3; }
h2,
 h3 { page-break-after: avoid; }
}