@charset "utf-8";
/* CSS Document */
/* Parscale Media Style Sheet
-----------------------------------------------------------------------------

Prototype Version:  2.4
Developer: 			Giles-Parscale Inc
Email Address:		info@parscale.com
Developer Website:  http://www.parscale.com/

Client Website: 	http://
Last Modifier:		Brad Parscale - Giles-Parscale Inc
Last Modified: 		07.27.2015

*/
/* Table of Contents
-----------------------------------------------------------------------------
1. Clean Base
2. Base Typography
3. Images
4. Links
5. Forms
6. Tables
7. Framework
*/

/* 1. Clean Base
------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video
{margin:0 auto; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);}

html,body { -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
img{border:none;}

input[type="text"], input[type="submit"], input[type="button"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea {-webkit-appearance: none; outline: none;}
textarea:focus, input:focus, a, div, img { outline: none; }

.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block;}
.columns {-webkit-columns: 300px 2; -moz-columns: 300px 2; columns: 300px 2;}
/* 2. Base Typography
------------------------------------------------------------------------------*/
body{ background: #ffffff; color:#000000; font-size:16px; font-family: 'Roboto Condensed', sans-serif; font-weight:400; line-height:25px; min-width: 960px;}

h1, h2, h3, h4, h5, h6{ margin-bottom:20px; font-weight:normal;}
h1{ font-size:25px; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0.07em; color: #000000; font-weight: 700;}
h2{ font-size:20px; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0.05em; line-height: 29px; color: #b2795b; font-weight: 700;}
h3{ font-size:18px; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0.05em; color: #b2795b; font-weight: 400;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:12px;}

p{ font-family: 'Roboto Condensed', sans-serif; font-size:16px; font-weight:400; line-height:25px; margin-bottom:20px; letter-spacing: 0.05em; color: #000000;}

ul{ margin:20px 20px; padding:0;}
ul li{ font-size:13px;  color:#373d48; font-weight:400; line-height:18px; padding:0 0 5px 0; list-style:outside circle;}

ol{ margin:20px 20px; padding:0;}
ol li{ font-size:13px;  color:#373d48; font-weight:400; line-height:18px; padding:0 0 5px 0; list-style: decimal; margin-left:20px;}

blockquote{ display:block; margin-bottom:20px; /*text-align:left;position:relative; background:#f3f3f3; padding:20px 20px 10px 20px; border-left:2px solid #1589cb;*/}
blockquote p{ font-size:13px; font-weight:400; line-height:17px; margin-bottom:15px; position:relative; }

hr {border:0 #000 solid; border-top-width:1px; clear:both; height:0;}

/* 3. Images
------------------------------------------------------------------------------*/
img{border:none; border-style: none;}

/* 4. Link
------------------------------------------------------------------------------*/
a{color:#000000;}
a:hover{color:#b2795b; text-decoration: underline;}
a:active, a.current {color: #b2795b;}
a:focus {outline: none;}

/* 5. Forms
------------------------------------------------------------------------------*/
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"]{ border:1px solid #dedede; padding:0 15px; color:#666666; font-size:12px; height:36px; }
textarea{ border:1px solid #dedede; padding:5px 15px; color:#666666; font-size:12px; height:60px; resize:none;  line-height:16px;}

input[type="submit"], input[type="button"], input[type="reset"]{ background:#666; cursor:pointer; color:#fff; border:none; height:30px; line-height:28px; display:block; font-size:15px;}
input[type="submit"]:hover, input[type="button"]:hover{ background:#666; color:#fff;}

/* 6. Tables
------------------------------------------------------------------------------*/
table{border-spacing: 0; border-collapse: collapse;}
td{text-align: left; font-weight: normal;}

/* 7. Layout Framework
------------------------------------------------------------------------------*/
/* main container */
#wrapper{ width:100%; min-height:100%;}
.container{ max-width:980px; width:100%;}

/* header */
header{ width:236px; height: calc(100% - 50px); background: #ffffff url(../assets/images/site/header-bg.png) repeat; display: block; position: fixed; left: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-right: 1px solid #b2795b; z-index: 999; overflow-y: auto;}
header .logo-container {width: 100%; height: 255px; display: block; padding-top: 92px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; -webkit-transition: 0.6s all ease;-o-transition: 0.6s all ease;transition: 0.6s all ease; position: relative;}
header .logo-container .logo-full {width: 200px; height: auto; display: block !important; opacity: 1 !important; position: absolute; top:50%; left: 50%; margin: -53px 0 0 -100px;}
/*.home-main header .logo-container .logo-full {display: none;}*/
header .logo {display: block; margin-bottom: 88px;}
header .logo img{text-align: center; display: block; }
/*header .logo-container.after-scroll {padding-top: 30px;}*/
header .logo-container .logo-s {-webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;}
header .logo-container.after-scroll .logo-s {opacity: 0; visibility: hidden;}
.home-main header .logo-container .logo-s {display: block;}
.inner-main header .logo-container .logo-s {display: none;}

/* navigation */
nav{ width:100%; height:auto; text-align: center; position: relative;}
nav:before {content:""; background: url(../assets/images/site/nav-bracket-before.png) no-repeat; width: 58px; height: 9px; display: block; position: absolute; top: 0; left: 50%; margin-left: -29px;}
nav:after {content:""; background: url(../assets/images/site/nav-bracket-after.png) no-repeat; width: 58px; height: 9px; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -29px;}
nav ul{padding: 38px 0;}
nav ul li {list-style: none;}
nav ul li a{color: #000000; text-transform: uppercase; font-size: 15px; font-weight: 700; line-height: 35px; padding: 7px 0; -webkit-transition: 0.4s ease all;-o-transition: 0.4s ease all;transition: 0.4s ease all; letter-spacing: 0.06em; /*text-shadow: 0.06em 0px 0px rgba(0, 0, 0, 1); -webkit-text-shadow: 0.05em 0px 0px rgba(0, 0, 0, 1);*/}
nav ul li a:hover, nav .active{color:#b2795b; text-decoration: none; /*text-shadow: 0.06em 0px 0px #b2795b; -webkit-text-shadow: 0.06em 0px 0px #b2795b;*/}

/* footer */
footer { width:100%; height:50px; background:#ffffff; position: fixed; bottom: 0; border-top: 1px solid #b2795b; z-index: 999;}
footer .social-part {width: 235px; height: 100%; border-right: 1px solid #b2795b; float: left; text-align: center; padding-top: 12px;}
footer .social-part a.social-footer {color:#a87256; margin: 0; padding: 0; margin: 0 4px; display: inline-block; vertical-align: middle; border: 2px solid #a87256; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; width: 24px; height: 24px; -webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;-webkit-transition: 0.4s ease all;-o-transition: 0.4s ease all;transition: 0.4s ease all;}
.social-part-mobile{display: none}
footer .social-part a.icon-facebook {font-size: 15px; padding-left: 0; padding-top: 1px;}
footer .social-part a.icon-social-twitter {font-size: 17px; padding-left: 2px; padding-top: 1px;}
footer .social-part a.icon-instagram {font-size: 14px; padding-left: 0px; padding-top: 0px;}
footer .social-part a.social-footer:hover {background: #a87256; text-decoration: none; color:#ffffff;}
ul.footer-nav {margin: 0; padding: 0; margin-left: 76px; display: block; float: left; padding-top: 8px; }
ul.footer-nav li{margin: 0; padding: 0; list-style: none; float: left;}
ul.footer-nav li a{color: #000000; text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 35px; padding: 5px 18px; -webkit-transition: 0.4s ease all;-o-transition: 0.4s ease all;transition: 0.4s ease all; letter-spacing: 0.09em;}
ul.footer-nav li a:hover, ul.footer-nav .active, ul.footer-nav .current{color:#b2795b; text-decoration: none;}
footer .copyright-designby {font-size: 12px; font-weight: 400; color:#000000; float: right; margin-right: 47px; padding-top: 14px; letter-spacing: 0.09em;}

/* banner part */
.banner {/* width: calc(100% - 236px); height: calc(100% - 50px); */ width: 100%; height: 100%; display: block; line-height: 0; position: relative; background-size: cover !important; display: block; clear: both; float: right; }
.banner img {width: 100%; height: auto; display: block;}
.banner .banner-logo {display: table; position: absolute; top: 50%; left: 50%; margin-top: -131px;  margin-left: -241px; }
.banner:before {content:""; background: url(../assets/images/site/home-banner-gradient.png) no-repeat; width: 800px; height:600px; display: block; position: absolute; top: 50%; left: 50%; margin-top: -300px;  margin-left: -400px;}
.banner .banner-logo img {width: 483px; height: auto; display: block;}

/* content area */
#content-area {width: calc(100% - 236px); float: right; height: auto; display: block; padding-bottom: 50px;}

/* border frame 1  */
#content-area .frame-1 {position: absolute;width: calc(100% - 96px);height: calc(100% - 80px);top: 40px;left: 48px;pointer-events: none;border: 2px solid #b2795b;border-image: url(../assets/images/site/frame-1.png) 49 round;-webkit-border-image: url(../assets/images/site/frame-1.png) 49 round;-o-border-image: url(../assets/images/site/frame-1.png) 49 round;box-sizing: border-box;border-image-width: 49px;}

/* border frame 2  */
#content-area .frame-2 {position: absolute;width: calc(100% - 112px);height: calc(100% - 140px);top: 80px;left: 56px;pointer-events: none;border: 2px solid #b2795b;border-image: url(../assets/images/site/frame-2.png) 74 round;-webkit-border-image: url(../assets/images/site/frame-2.png) 74 round;-o-border-image: url(../assets/images/site/frame-2.png) 74 round;box-sizing: border-box;border-image-width: 74px;background: #fff;border-radius: 100px}

/* border frame 3  */
#content-area .frame-3 {position: absolute;width: calc(100% - 132px);height: calc(100% - 132px);top: 66px;left: 66px;pointer-events: none;border: 2px solid #b2795b;border-image: url(../assets/images/site/frame-3.png) 49 round;-webkit-border-image: url(../assets/images/site/frame-3.png) 49 round;-o-border-image: url(../assets/images/site/frame-3.png) 49 round;box-sizing: border-box;border-image-width: 49px;}

/* text caption block */
#content-area .caption {text-align: center;position: absolute;z-index: 990;padding: 0 80px;left: 0;right: 0;top: 15%;bottom: 4%;width: calc(100% - 160px);}
#content-area .text_desc {-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);position: absolute;top: 50%;left: 0;right: 0;padding: inherit;}

/* section shedow */
.section-shadow {position: relative; width: 100%; height: 100%; display: block;}
.section-shadow:before {content:""; background: url(../assets/images/site/section-shedow-top.png) repeat-x; width: 100%; height: 20px; display: block; position: absolute; top: 0px; right: 0; z-index: 90;}
.section-shadow:after {content:""; background: url(../assets/images/site/section-shedow-bottom.png) repeat-x; width: 100%; height: 20px; display: block; position: absolute; bottom: 0px; right: 0; z-index: 90;}

/* about section */
#about {position: relative;}
#about {width: 100%; height: auto;}
#about .top-about-content {background: #fff; width: 100%; height: auto; min-height: 370px; border: 22px solid #f4f2ea; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; position: relative;}
#about .top-about-content h1{text-transform: uppercase; position: relative; padding-bottom: 10px;}
#about .top-about-content h1:after {content:""; background: #b2795b; width: 122px; height: 1px; display: block; left: 50%; position: absolute; bottom: 0; margin-left: -61px; }
#about .top-about-content .text_desc {max-width: 590px; width: 100%;}
#about .bottom-about-image {width: 100%; height: auto; /*min-height: 430px;*/ display: block; overflow: hidden; position: relative;}
#about .bottom-about-image img{width: 100%; height: auto; display: block;}
.image-caption {position: absolute; display: block; top: 118px; right: 0; width: 275px; height: auto; background: rgba(255,255,255,0.75); padding: 7px 25px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; text-transform: uppercase; font-size: 15px; font-weight: 700; line-height: 18px; letter-spacing: 0.07em;}
.about-half-part {width: 50%; min-height: 768px; display: block; float: left; overflow: hidden;}
#about .about-half-part.bg-cover {background-size: cover !important;}
.title-header {font-size:25px; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0.07em; color: #000000; font-weight: 700; text-transform: uppercase; text-align: center; position: relative; padding-bottom: 10px; margin-bottom: 25px;}
.title-header:after {content:""; background: #b2795b; width: 122px; height: 1px; display: block; left: 50%; position: absolute; bottom: 0; margin-left: -61px; }
.about-half-part img {width: 100%; height: auto;}
.opacity-bg {background: url(../assets/images/site/opacity-bg.png) repeat;}
#about .about-half-part .top-half-about {position: relative; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 80px 56px 60px 56px; width: 100%; height: 57%; display: block;}
.text-area {padding: 0px 30px 0px 30px; max-width: 315px; text-align: center;position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);/*display: table; height: 100%;*/}
.top-half-about .text-area p {margin-bottom: 0; position: relative;}
#about .about-half-part .bottom-half-about {position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0 30px 110px 30px; width: 100%; height: 43%; display: block;}
.text-area { max-width: 315px; text-align: center; position: relative; padding: 33px 0 28px 0; top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.bottom-half-about .text-area:before {content:""; background: url(../assets/images/site/copper-bracket-before.png) no-repeat; width: 58px; height: 9px; display: block; position: absolute; top: 0px; left: 50%; margin-left: -29px;}
.bottom-half-about .text-area:after {content:""; background: url(../assets/images/site/copper-bracket-after.png) no-repeat; width: 58px; height: 9px; display: block; position: absolute; bottom: 0px; left: 50%; margin-left: -29px;}
.text-area p {margin-bottom: 0; position: relative;}

/* menu section */
#menu .top-menu-container {padding: 25px 0 15px 0;  background: #f4f2ea; display: block; width: 100%; height: auto;}
#menu .title-header {margin-bottom: 15px;}
#menu .title-header:after {width: 46px; margin-left: -23px;}
ul.menu-list {margin: 0; padding: 0; text-align: center; margin: 0 auto;}
ul.menu-list li {display: inline-block; }
ul.menu-list li a {padding: 0 20px; font-size: 15px; letter-spacing: 0.05em; text-transform: uppercase; font-weight: 700; -webkit-transition: 0.4s ease all;-o-transition: 0.4s ease all;transition: 0.4s ease all; position: relative;}
ul.menu-list li a:hover {color:#b17a5c; text-decoration: none;}
ul.menu-list li a:after {content:""; background: url(../assets/images/site/menu-dimond.png) no-repeat; position: absolute; bottom: -22px; left:50%; margin-left: -12px; width: 25px; height: 0px; visibility: hidden; -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;}
ul.menu-list li a:hover:after {content:"";  bottom: -34px; visibility: visible; height: 25px;}
ul.menu-list a.active {color:#b17a5c;}
ul.menu-list a.active:after {content:""; background: url(../assets/images/site/menu-dimond.png) no-repeat; position: absolute; bottom: -34px; left:50%; margin-left: -12px; width: 25px; height: 25px; visibility: visible;}
#menu .detail-menu-container {max-width: 800px; padding: 40px 0 36px 0; -webkit-transition: 0.4s all ease;-o-transition: 0.4s all ease;transition: 0.4s all ease;}
#menu .detail-menu-container h2 {text-transform: uppercase; text-align: center; margin-bottom: 15px;}
#menu .detail-menu-container h3 {text-transform: none; text-align: center; margin-bottom: 41px;}
#menu .detail-menu-container .half-menu {width: 100%; height: auto; display: block; float: left; margin-left: 0; margin-right: 120px; max-width: 300px;}
#menu .detail-menu-container .half-menu.right-half {margin-right: 0;}
.single-menu-list {margin-bottom: 44px; max-width: 300px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; float: left;}
/*.single-menu-list{margin: 30px 60px;}*/
.single-menu-list h4{font-weight: 700; font-size: 17px; line-height: 21px; text-transform: uppercase; margin-bottom: 25px;}
.single-menu-list ul {margin: 0; padding: 0; margin-left: 15px;}
.single-menu-list ul li{margin: 0; padding: 0; list-style: none; padding-bottom: 8px;}
.single-menu-list ul li {font-size: 16px; font-weight: 400; letter-spacing: 0.05em; text-transform: none; line-height: 21px; position: relative; color:#000; /*text-shadow: 0.01em 0px 0px rgba(0, 0, 0, 1); -webkit-text-shadow: 0.01em 0px 0px rgba(0, 0, 0, 1);*/}
.single-menu-list ul li:before {content:"+"; font-size: 16px; position: absolute; left: -13px; top: 0; }

/* menu callout block */
.menu-callout .half-callout{width: 50%; height: auto; display: block; float: left; overflow: hidden; position: relative;}
.menu-callout .half-callout img {width: 100%; height: auto; display: block;}
.menu-callout .half-callout .callout-caption {padding: 58px 20px; height: 100%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; text-align: center; border: 22px solid #f4f2ea;}
.menu-callout .half-callout .callout-caption .text-area {position: relative; max-width: 320px; top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
#menu .callout-caption .text-area .title-header:after {width: 122px; margin-left: -61px;}

/* gallery section */
.bx-slider {position: relative; width: 100%; height: auto; overflow: hidden;}
.bx-slider ul {margin: 0; padding: 0;}
.bx-slider ul li{margin: 0; padding: 0; list-style: none; line-height: 0; overflow: hidden;}
.bx-slider ul li img {width: 101%; height: auto; display: block; margin: 0; padding: 0;}

/* gallery navigation */
.bx-controls.bx-has-controls-direction {position: absolute; top:50%; margin-top: -25px; display: block; width: 100%;}
.bx-slider .bx-controls.bx-has-controls-direction a.bx-prev {position: absolute; left: 35px;background: url(../assets/images/site/arrowleft.png) no-repeat center center; width: 30px; height: 50px; line-height: 0; -webkit-transition: 0.2s ease all;-o-transition: 0.2s ease all;transition: 0.2s ease all;}
.bx-slider .bx-controls.bx-has-controls-direction a.bx-prev:hover {left: 30px;}
.bx-slider .bx-controls.bx-has-controls-direction a.bx-next {position: absolute; right: 35px; background:  url(../assets/images/site/arrowright.png) no-repeat center center; width: 30px; height: 50px; line-height: 0;-webkit-transition: 0.2s ease all;-o-transition: 0.2s ease all;transition: 0.2s ease all;}
.bx-slider .bx-controls.bx-has-controls-direction a.bx-next:hover {right: 30px;}
.bx-slider.single-image .bx-controls{display:none;}
/*
.bx-slider.single-image a.bx-prev{display: none;}
.bx-slider.single-image a.bx-next{display: none;}*/

/* blog section */
#blog .white-overlay {position: relative; display: block;}
#blog .white-overlay:after{content:""; background: rgba(255,255,255,0.3); position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;}
#blog h2{text-transform: uppercase; margin-bottom: 5px;}
#blog .text-area {max-width: 345px;}
#blog a.readmore {text-transform: uppercase; color:#b2795b;}
#blog a.readmore:before {content:"+"; margin-right: 3px; }
#blog a:hover {text-decoration: none;}
#blog a.img-right-icon {position: relative; display: block;}
#blog a.img-right-icon:after {content:""; position: absolute; background: #f4f2ea; width: 20px; height: 20px; display: block; top: 33%; margin-top: -10px; right: -10px; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#blog .text-area p {margin-bottom: 17px;}

/* newsletter section */
#newsletter .newsletter-block {padding-top: 40px; display: block; text-align: center;height: auto; width: 100%; background: #fff !important;}
#newsletter .newsletter-block p {margin-bottom: 25px;}
.newsletter-form {max-width: 586px; text-align: center; width: 100%;}
.newsletter-form input[type="text"], .newsletter-form input[type="email"] {font-size: 16px; font-weight: 400; color: #9a694f; margin-bottom: 0; text-transform: capitalize; width: 282px; height: 40px; padding: 0 10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border: 1px solid #9a694f; display: inline-block; margin-right: 16px;margin-bottom: 30px; font-family: 'Roboto Condensed', sans-serif;}
.newsletter-form input[type="email"] {text-transform: none; margin-right: 0; }
.newsletter-form input.input-text {text-transform: none; margin-right: 0; }
.newsletter-form ::-webkit-input-placeholder {text-transform: capitalize; color: #9a694f;}
.newsletter-form :-moz-placeholder { text-transform: capitalize; color: #9a694f;}
.newsletter-form ::-moz-placeholder {  text-transform: capitalize; color: #9a694f;}
.newsletter-form :-ms-input-placeholder {  text-transform: capitalize; color: #9a694f;}
.newsletter-form input[type="submit"], .newsletter-form button[type="submit"] {border: none; background: none; color: #b2795b; text-transform: uppercase; font-weight: 400; font-size: 15px; letter-spacing: 0.05em; text-align: center; display: inline-block; margin-bottom: 25px; font-family: 'Roboto Condensed', sans-serif;}
.newsletter-form button[type="submit"]:focus {outline: none;}

/* contact section */
.contact-block {width: 100%; height: auto; display: block; border: 22px solid #f4f2ea; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.contact-block .contact-border {border: 1px solid #9a694f; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin: 36px 38px; padding: 0 10px; display: block;}
.contact-details-block {border-left: 1px solid #9a694f;border-right: 1px solid #9a694f; text-align: center; text-transform: uppercase; }
.contact-details-block .hours-block {width: 45%; height: 100%; display: block; float: left; border-right: 1px solid #9a694f; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 40px;}
.contact-details-block .address-block {width: 55%; height: 100%; display: block; float: left; padding: 40px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-left: 1px solid #9a694f; margin-left: -1px;}
.contact-details-block .text-caption {position: relative; top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%); padding: 40px 0;}
.contact-details-block .title-header:after {width: 48px; margin-left: -24px;}
.contact-details-block p {margin-bottom: 12px;}
.contact-details-block p em {margin: 0 15px; font-style: normal;}
.contact_hour ul {width: 100%; max-width: 150px; display: inline-block; margin: -20px 0px; padding: 0;}
.contact_hour ul li {padding: 0; list-style: none; font-size: 16px; font-weight: 400; line-height: 25px; width: 165px; margin: 5px -10px;}
.contact_hour ul:last-child {margin: 10px auto 0px;}

/*--------- gift cards page ------------*/
/* top content part */
.giftcards-block {width: 100%; height: auto; display: block; border: 22px solid #f4f2ea; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; position: relative; padding:45px; }
.giftcards-block .top-gift-content {width: 100%; height: auto; display: block; margin: 0; padding: 0; position: relative; margin-bottom: 38px;}
.giftcards-block .frame-1 {top:0 !important; left: 0 !important; position: absolute; width: 100% !important; height: 100% !important; }
.giftcards-block .top-gift-content .caption {max-width: 640px;}
.top-gift-content .caption h1 {position: relative; text-transform: uppercase; padding-bottom: 10px; margin-bottom: 25px;}
.top-gift-content .caption h1:after {content:""; background: #b2795b; width: 122px; height: 1px; display: block; left: 50%; position: absolute; bottom: 0; margin-left: -61px; }
.gift-image, .gift-content {display: block; width: 50%; height: auto;float: left; overflow: hidden; position: relative;}
.gift-image img {width: 100%; height: auto; display: block;}
.gift-content .contact-details-block {border: none;}
.gift-content .contact-details-block p:first-child {text-transform: none;}
.giftcards-block .text-area:before {content:""; background: url(../assets/images/site/copper-bracket-before.png) no-repeat; width: 58px; height: 9px; display: block; position: absolute; top: 0px; left: 50%; margin-left: -29px;}
.giftcards-block .text-area:after {content:""; background: url(../assets/images/site/copper-bracket-after.png) no-repeat; width: 58px; height: 9px; display: block; position: absolute; bottom: 0px; left: 50%; margin-left: -29px;}

/*--------- press page ------------*/
/* outer border */
.press-outer-border {border: 22px solid #f4f2ea; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative;}

.press-outer-content { position: relative; display: table; height: 100%;}
.press-head {position: absolute; top: 100px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%)}
/* content part */
.press-content {width: 100%; height: auto; max-width: 720px; display: block; text-align: center; display: table-cell; vertical-align: middle; padding: 210px 50px 40px 50px; display: block;}
.press-content h1{text-transform: uppercase; position: relative; padding-bottom: 10px; margin-bottom: 30px;}
.press-content h1:after {content:""; background: #b2795b; width: 58px; height: 1px; display: block; left: 50%; position: absolute; bottom: 0; margin-left: -29px; }
.press-content .filter-block {margin-bottom: 45px;}
.filter-block a{padding: 0 20px; text-transform: uppercase; font-size: 15px;}
.filter-block a:hover {text-decoration: none;}
.single-news-block {margin-bottom: 45px;}
.single-news-block .date-block {width: 120px; margin-right: 20px; display: block; float: left;}
.single-news-block .news-details {width: 580px; height: auto; display: block; float: right;}
.single-news-block .news-details img {width: 174px; height: 114px; display: block; margin-right: 25px; float: left;}
.news-details a {font-size: 16px; text-transform: uppercase; letter-spacing: 0.07em; text-align: left; margin-bottom: 5px; color:#9a694f; font-weight: 700;}
.news-details a:hover {text-decoration: none;}
.news-details h4 {margin-bottom: 5px; font-weight: 700;}
.news-details p {text-align: left;}



/*--------- reservation page ------------*/
/* top content part */
.mob-sroll-errow{display: none;}
.resev-block {width: 100%; height: auto; display: block; border: 22px solid #f4f2ea; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.resev-block .resev-border {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;/* margin: 60px 40px 45px; */ padding: 0 10px; display: block; height: auto;}
.resev-bottom-left{ max-width: 315px; text-align: center; position: relative;/* padding: 33px 0 28px 0;  top: 50%; -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); height: 100%; */}
.main-title{max-width: 445px; text-transform: lowercase; display: block; height: 100%; width: 100%; position: relative; }
.main-title .title-header{font-size:25px; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0.07em; color: #000000; font-weight: 700; text-transform: uppercase; text-align: center; position: relative; padding-bottom: 10px; margin-bottom: 25px; line-height: 30px; height: auto; line-height: normal}
.reservation .title-header.small::after{display: inline-block; width: 48px; left: 0; right: 0; margin: 0 auto}
.main-title .title-header.small{ position: relative;}
.resev-details-block {text-align: center; text-transform: uppercase; width: 50%; display: inline-block; padding: 50px; -webkit-box-sizing: border-box; -moz-box-sizing:
    border-box; box-sizing: border-box; height: 100%;}
.resev-details-block p{text-transform: none}
.resev-details-block .text-captions {position: relative; top:0; padding: 45px 0;  height: 100%;}
.resev-bottom-left .text-captions:before {content:""; background: url(../assets/images/site/copper-bracket-before.png) no-repeat; width: 58px; height: 9px; display: block; position: absolute; top: 0px; left: 50%; margin-left: -29px;}
.resev-bottom-left .text-captions:after {content:""; background: url(../assets/images/site/copper-bracket-after.png) no-repeat; width: 58px; height: 9px; display: block; position: absolute; bottom: 0px; left: 50%; margin-left: -29px;}
/* .resev-details-block p {text-transform: lowercase;} */
.resev-details-block .text-captions p {text-transform: uppercase;}
.sub-hours {width: 50%; max-width: 150px; display: inline-block;}
#OT_form {padding: 20px 0; }
#OT_form .cell{margin-bottom: 23px;}
schedule-tour-popup form div.has-calender {width:310px; height:40px; background:#f4f2ed; border:none; position:relative; z-index:9999;}
.schedule-tour-popup form div.has-calender:after {content:""; background:url(../assets/images/site/spriteset.png) no-repeat -535px -6px; width:25px; height:25px; display:block; position:absolute; right:7px; top:7px; z-index:-1;}
#OT_form .has-calender .hasDatepicker, #OT_form .has-calender input{border:1px solid #9a694f; width: 100%; box-sizing: border-box; text-transform: uppercase; text-align: left; font-weight: 400; font-size: 16px; color:#9a694f;}
.select-boxs{width: 100%; padding-left: 43px;  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
::-webkit-input-placeholder {color: #9a694f;}
:-moz-placeholder { /* Firefox 18- */color: #9a694f; }
::-moz-placeholder {  /* Firefox 19+ */color: #9a694f;  }
:-ms-input-placeholder {  color: #9a694f;  }

#OT_form  .time.select-boxs {background:url(../assets/images/site/clockicon.png) no-repeat center left ;}
#OT_form  .personicon.select-boxs{background: url(../assets/images/site/personicon.png) no-repeat center left ;}
#OT_form  .select-boxs.date{background: url(../assets/images/site/dateicon.png) no-repeat center left ;}
#OT_form select{width: 100%; }
#OT_form  .select-boxs input[type="button"]{background: none;text-transform: uppercase; text-align: left; font-weight: 400; font-size: 15px; color:#9a694f;}
#OT_form .select-box {border:1px solid #9a694f; box-sizing: border-box; height: 40px; position: relative}
#OT_form .select-box select {width: 100% !important; height: 40px !important;}
#OT_form .select-box span {padding-left: 5px; padding-top: 1px; text-transform: uppercase; text-align: left; font-weight: 400; font-size: 16px; color:#9a694f;}
#OT_form .select-box select option {text-transform: uppercase; color:#9a694f; font-size: 15px;margin-bottom: 2px;}
#OT_form .customSelect {background: url(../assets/images/site/arrowdown.png) no-repeat ;  background-position: 90%; margin-top: 5px; }
.resev-right{width: 49%; display: inline-block; vertical-align: top; float: none; text-align: center; position: relative; padding: 20px 0}
.resev-right .resev-ception{ padding: 8px 10px; text-align: center; z-index: 990; max-width: 225px; display: table; height: 100%;}
.resev-ception .blocks{padding: 0px 0 0 0; display: table-cell; vertical-align: middle; }
.resev-ception .title_h2{font-size: 20px; font-weight: 700; line-height: 28px; color:#b17a5c; letter-spacing: 1px;}
.reservation {position: relative;}
.reservation {width: 100%; height: auto;}
.reservation .resrv-half-part {width: 50%; float: left; display: table; background-color: transparent}

/*.reservation .bottom-right {width: 50%; display: block; float: left; overflow: hidden; height: auto}
.reservation .resv-bottom-part .title-header:after{display: none}
.reservation .bottom-left .title-header {font-size:25px; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0.07em; color: #000000; font-weight: 700; text-transform: uppercase; text-align: center; position: static; padding-bottom: 10px; margin-bottom: 25px; line-height: 30px; height: auto;}
.reservation  .text-area-res {padding: 0px 30px 0px 30px; max-width:367px; position: absolute; top: 30%; left: 50%; margin-left: -153px; text-align: center; box-sizing: border-box;}
.reservation .bottom-left .frame-3{background:#ffffff none repeat scroll 0 0; border-radius: 20px; background-image: url("../assets/images/site/frame-3.png") 49 49 49 49 / 49px 49px 49px 49px round round; height: 100%;}
.reservation .bottom-left{position: relative; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 50px 56px 60px 56px; width: 100%; height: 57%; display: block;}
.bottom-right img {width: 100%; height: auto;}
*/

.reservation .events-form {padding: 50px 0px 10px;}
.reservation .events-form h2 {line-height: 25px; font-size: 18px; color: #000; margin: 25px 0px 10px;}
.reservation .events-form form {max-width: 768px; margin: auto; width: 90%;}
.reservation .events-form input.text, .reservation .events-form textarea, .reservation .events-form input.email {border: 1px solid #9a694f; box-sizing: border-box; color: #9a694f; font-size: 16px; font-weight: 400; font-family: 'Roboto Condensed', sans-serif !important; text-align: left; text-transform: none; width: calc(98% - 20px); border-radius: 0; padding: 20px 10px !important;}
.reservation .events-form .dfcolumns .column {min-height: auto;}
.reservation .events-form #ddform_200, .reservation .events-form #ddform_203 {height: 42px; background: #fff url(/assets/images/site/dateicon.png) no-repeat; background-position: 10px 7px; padding: 10px 10px 10px 45px !important;}
.reservation .events-form #ddform_195 {background: #fff url(/assets/images/site/clockicon.png) no-repeat; background-position: 10px 7px; padding: 20px 10px 20px 45px !important;}
.reservation .events-form #ddform_196 {background: #fff url(/assets/images/site/clockicon.png) no-repeat; background-position: 10px 7px; padding: 20px 10px 20px 45px !important;}
.reservation .events-form input.submit {background: none; color: #b1795b; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; font-size: 17px; margin: auto;}
@media all and (-ms-high-contrast:none){
	.reservation .events-form input.text, .reservation .events-form textarea, .reservation .events-form input.email {padding: 0 10px !important;}
}


/* bottom image and text callout */
#reservation .callout-caption {border: none; padding: 0;}
#reservation .frame-3 {top: 48px; left: 65px; width: calc(100% - 130px); height: calc(100% - 96px); border-image: url(../assets/images/site/frame-3-white.png) 49 round;-webkit-border-image: url(../assets/images/site/frame-3-white.png) 49 round;-o-border-image: url(../assets/images/site/frame-3-white.png) 49 round;box-sizing: border-box;border-image-width: 49px; background: #fff; border-radius: 100px;}
#reservation .title-header:after {display: none;}
#reservation .callout-caption p {margin-bottom: 20px; width: 81%;}

.parent-table {display: table; max-width: 350px; padding-top: 30px;}
.child-table-cell {display: table-cell; vertical-align: middle;}
.follow-steps ul {text-align: left; }
.follow-steps ul li{font-size: 15px; }

.ie9 body #content-area .frame-1, .ie9 body #content-area .frame-2, .ie9 body #content-area .frame-3 {border-radius: 0; border: 1px solid #9a694f;}
.ie9 body #content-area .blocks{padding-top: 0;}

/* */
.overlay {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(255, 255, 255, .85); z-index: 9999; display: none;}
.overlay .map-container {width: 80%;height: 70%;margin: auto; margin-top: 125px;border: 3px solid #cca652; z-index: 99999; position: relative;}
a.close-map {width: 40px; height: 40px; font-weight: 700; position: fixed; left: 50%; top:50%; border: 2px solid #cca652; border-radius: 50%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-left: 14px; padding-top: 6px; background: #cca652; color:#fff; -webkit-transition: 0.3s all ease;-o-transition: 0.3s all ease;transition: 0.3s all ease;}
a.close-map:hover {text-decoration: none; color:#cca652; background: #fff; cursor: pointer;}

.ui-widget-overlay {z-index: 9999 !important;}
body > div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable {width: 80% !important; height: 80% !important; position: fixed !important;}
#dialog {width: 100% !important; height: 100% !important; display: block; position: relative;}
#dvMap {width: calc( 100% - 1px) !important; height: calc( 100% - 1px) !important; display: block;}
.ui-widget-overlay {background: rgba(255,255,255,0.8) !important; opacity: 1 !important;}
.ui-widget-content {background: rgba(255,255,255,0.8) !important; border: none !important;}

.map-overlay {position: relative; display: block; width: 100%; height: 100%; background: none; z-index: 99999 !important; display: none; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}




/**** == RESPONSIVE STYLE == ****/
html, body{min-width: inherit;-webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased;}
.mobile-nav{display: none;}
#mobile-menu{display: none}
.resp_black-logo{display: none !important}
.learn-more p{font-size: 14px;}
form input{-webkit-border-radius: 0}

#OT_form {width: 225px !important;}
#OT_form > div.OT_wrapper {width: 225px; background: none; border: none;}
#OT_form > div > div > h1 {font-size:20px; font-family: 'Roboto Condensed', sans-serif; letter-spacing: 0.07em; color: #b17a5c; line-height: 28px; font-weight: 700; text-transform: uppercase; text-align: center; position: relative; padding-bottom: 0px; margin-bottom: 0px; width: 100% !important;}
#OT_form > div > div > h2 {display: none;}
#OT_form > div > ul > li {border: none !important; width: 80%;}
#reservation > div.resev-block.cf > div > div.resev-right.equal-height.cf > div.resev-ception > div > a {display: none;}
#OT_form > div > ul {width: 225px !important;}
#OT_form > div > ul > li input[type="text"] {border: 1px solid #9a694f;box-sizing: border-box;color: #9a694f;font-size: 16px;font-weight: 400;font-family: 'Roboto Condensed', sans-serif !important; text-align: left;text-transform: uppercase;width: 100%; border-radius: 0; }.OT_searchTimeField, .OT_searchDateField, .OT_searchPartyField {background: none !important;}
.OT_day, .OT_time, .OT_party {background-image: none !important; font-family: 'Roboto Condensed', sans-serif; }

#OT_form .OT_time {position: relative;}
#OT_form .OT_time:after {content:"";background:url(/assets/images/site/clockicon.png) no-repeat; margin: 0;height: 26px;background-repeat: no-repeat;position: relative;list-style: none; position: absolute; top: 20px; left: 0; display: block; width: 30px;}
#OT_form .OT_day {position: relative;}
#OT_form .OT_day:after {content:"";background:url(/assets/images/site/dateicon.png) no-repeat; margin: 0;height: 26px;background-repeat: no-repeat;position: relative;list-style: none; position: absolute; top: 20px; left: 0; display: block; width: 30px;}
#OT_form .OT_party {position: relative;}
#OT_form .OT_party:after {content:"";background:url(/assets/images/site/personicon.png) no-repeat; margin: 0;height: 26px;background-repeat: no-repeat;position: relative;list-style: none; position: absolute; top: 20px; left: 0; display: block; width: 30px;}
#OT_form .personicon.select-boxs{background: url(../assets/images/site/personicon.png) no-repeat center left ;}
#OT_form .select-boxs.date{background: url(../assets/images/site/dateicon.png) no-repeat center left ;}


a.OT_Find_a_Table:link, a.OT_Find_a_Table:visited, a.OT_Find_a_Table:hover, a.OT_Find_a_Table:active {
    background-image: none !important; background-repeat: no-repeat;background-position: 0 0;background-color: transparent;font-family: 'Roboto Condensed', sans-serif; text-decoration: none;color: #9a694f !important;text-align: center;height: 23px;display: block;padding: 0;line-height: 21px;text-shadow: none !important;font-size: 15px !important;font-weight: 400 !important;text-transform: uppercase !important;padding-top: 10px !important;}
a.OT_Find_a_Table {position: relative;}
a.OT_Find_a_Table:before {content: "+"; display: inline-block; width: 23px; height: 23px; color: #9a694f !important;}
.OTButton, #OTButton {width: 220px !important; font-family: 'Roboto Condensed', sans-serif !important;  }
.OTButton a, #OTButton a {font-family: 'Roboto Condensed', sans-serif !important; font-size: 15px; font-weight: 400;}
/*.OT_Find_a_Table {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #9a694f;
font-size: 15px;
font-weight: 400;
text-align: left;
text-transform: uppercase;}*/
/* responsive  */
.mobile-menu-content{display: none;}
.mob-copyright-designby{display: none}
.mob-about_banner,mob-about_banner-bottom,.mob-pages-menu,.mob-gallery-img,.mob-menu-small-img,mob-reservation-menu{display: none}

            /* popup_box DIV-Styles*/
#popup_box { display:none; /* Hide the DIV */position:fixed; _position:absolute; /* hack for internet explorer 6 */  height:calc( 100% - 190px);  width:calc( 100% - 150px);  background:#FFFFFF;  left: 50px;top: 50px;z-index:100; /* Layering ( on-top of others), if you have lots of layers: I just maximized, you can change it yourself */margin-left: 15px;  /* additional features, can be omitted */border:2px solid #b2795b;padding:15px;  font-size:15px;  -moz-box-shadow: 0 0 5px #b2795b;-webkit-box-shadow: 0 0 5px #b2795b;box-shadow: 0 0 5px #b2795b;}
#container {background: #d2d2d2; /*Sample*/width:100%;height:100%;}
#popup_box a{  cursor: pointer;  text-decoration:none; }
/* This is for the positioning of the Close Link */
/*#popupBoxClose {font-size:20px;  line-height:15px;  right:5px;  top:5px;  position:absolute;  color:#6fa5e2;  font-weight:500;}*/
#popupBoxClose {width: 40px; height: 40px;  position: absolute; right:-17px; top:-20px; border: 2px solid #b2795b; border-radius: 50%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding-left: 10px; padding-top: 6px; background: #b2795b; color:#fff; -webkit-transition: 0.3s all ease;-o-transition: 0.3s all ease;transition: 0.3s all ease;}
#popupBoxClose span {position: relative; width: 16px; height: 16px; top: 10px; right: 4px; display: block;}
#popupBoxClose span:before {content:"";background: #fff; width: 16px; height: 3px; display: block; position: absolute; top: 0; right: 0; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#popupBoxClose span:after {content:"";background: #fff; width: 16px; height: 3px; display: block; position: absolute; top: 0; right: 0;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#popupBoxClose:hover {text-decoration: none; color:#b2795b; background: #fff; cursor: pointer; }
#popupBoxClose:hover span:before {content:"";background:#b2795b;}
#popupBoxClose:hover span:after {content:""; background:#b2795b;}

/* mac height issue */
#reservation .mac-height{height: 50vh;}
#menu .detail-menu-container .half-menu.columns {max-width: 100%;}


/* New Reviews Section */
#reviews {position: relative;background: url(../assets/images/site/opacity-bg.png) repeat;text-align: center;}
#reviews .bxslider2 {height:100%;display:block;}
#reviews .bx-viewport {max-width: 612px;padding: 0px 40px;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;}
#reviews .bx-viewport:before {content:url('/assets/images/site/quoteleft.png');position: absolute;top: 65px;left: 0;}
#reviews .bx-viewport:after {content:url('/assets/images/site/quoteright.png');position: absolute;top: 65px;right: 0;}
#reviews .bx-viewport ul li {padding:65px 0;}
#reviews .review {text-align: center;display: block;}
#reviews p {font-weight:400;font-size:18px;font-family:"Roboto Condensed", sans-serif;line-height:29px;letter-spacing:.05em;}
#reviews a {color:#9a694f;font-size:16px;font-family:"Roboto Condensed", sans-serif;font-weight:400;}
#reviews a:hover {color:#000;}
#reviews .bx-slider .bx-controls.bx-has-controls-direction a.bx-prev {background: url(../assets/images/site/darkarrowleft.png) no-repeat center center;}
#reviews .bx-slider .bx-controls.bx-has-controls-direction a.bx-next {background: url(../assets/images/site/darkarrowright.png) no-repeat center center;}


/* 14 july 2016 blog page addition */
.blog-details-page .press-head {width: 100%; max-width: 680px;}
#blog-menu-header .top-menu-container {padding: 25px 0 15px 0;  background: #f4f2ea; display: block; width: 100%; height: auto;}
#blog-menu-header .title-header {margin-bottom: 15px;}
#blog-menu-header .title-header:after {width: 46px; margin-left: -23px;}
.blog-page a.readmore {text-transform: uppercase; color:#b2795b;}
.blog-page a.readmore:before {content:"+"; margin-right: 3px; }
.blog-page a:hover {text-decoration: none;}

/*.blog-page .blog-lists {min-height: calc(100vh - 187px);position: relative;}*/
.blog-page .menu-callout .half-callout .callout-caption .text-area {max-width: 350px;}
.blog-page .menu-callout .half-callout .callout-caption {border: none; padding: 28px 20px;}
.blog-page .menu-callout .half-callout.blog-left {float: left;}
.blog-page .menu-callout .half-callout:after {content: "";display: block;width: 0;height: 0;border-style: solid;border-width: 22px 23px 22px 0;border-color: transparent #fff transparent transparent;position: absolute;  pointer-events: none;}
.blog-page .menu-callout .half-callout.blog-left:after {top: 100px; right: 0;}
.blog-page .menu-callout .half-callout.blog-right:after {top: 100px; left: 0; -webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.blog-page .menu-callout .half-callout.blog-right {float: right;}
.blog-page #blog-menu-header ul.menu-list a.active:after, .blog-page #blog-menu-header ul.menu-list li a:hover:after {z-index: 9;}
.blog-page ul.blog-pagination {background: #f4f2ea;display: block;width: 100%;height: auto; margin: 0;padding: 0; text-align: center;padding: 10px 0;}
.blog-page ul.blog-pagination li {margin: 0; padding: 0; list-style: none; display: inline-block; vertical-align: middle;  margin: 5px; position: relative; box-sizing: border-box;}
.blog-page ul.blog-pagination li a {display: block; padding: 10px; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
.blog-page ul.blog-pagination li:hover a, .blog-page ul.blog-pagination li a.active {color: #b17a5c; text-decoration: none;}
.blog-page ul.blog-pagination li a:before {content: ""; width: 18px; height: 18px; display: block; position: absolute; top: 8px; left: 3px; border: 1px solid #b17a5c; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg); pointer-events: none; opacity: 0; visibility: hidden; -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
.blog-page ul.blog-pagination li:hover a:before, .blog-page ul.blog-pagination li a.active:before {visibility: visible; opacity: 1;}


.stButton .stLarge {padding: 0 3px !important;}
.share-icons {display: inline-block; vertical-align: middle; line-height: 22px;}
.share-icons  span {background-image: none !important;width: 16px !important;height: 22px !important;display: inline-block;cursor: pointer;margin: 0 !important;padding: 0 !important;vertical-align: middle; margin-right: 10px !important;}
.stButton .chicklets {font-size: 0 !important;}
.share-icons > span span {width: 20px !important;}
.share-icons {margin-bottom: 66px;}
.share-icons  span.social-design {color: #a87256;margin: 0;padding: 0;margin: 0 4px !important;display: inline-block;vertical-align: middle;border: 2px solid #a87256;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 24px !important;height: 24px !important;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;-webkit-transition: 0.4s ease all;-o-transition: 0.4s ease all;transition: 0.4s ease all; position: relative;}
.share-icons  span.social-design:before {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.share-icons .share-text {width: 45px !important; pointer-events: none; text-transform: uppercase;}

/*banner-message*/
#banner .banner-message { position: absolute; top: 50%; left: 0; right: 0; padding: 0; margin: -200px auto 0; width: 614px;max-width: 100%; height: 383px; display: block; background: url(../assets/images/site/supper_banner_message3.png) no-repeat 0 0; background-size:contain ;-webkit-background-size: contain;}
#banner .banner-message .inner { margin: 150px 0 0 50px; width: 455px; text-align: center;float: left;}
#banner .banner-message .inner h1 {position: relative;padding-bottom: 10px;margin-bottom: 30px;font-size: 25px;font-family: 'Roboto Condensed', sans-serif;letter-spacing: 0.07em;color: #000000;font-weight: 700; text-transform: uppercase;}
#banner .banner-message .inner h1:after {content: "";background: #b2795b;width: 122px;height: 1px;display: block;left: 50%;position: absolute;bottom: -10px;margin-left: -61px;}


#banner.has_slider .bx-controls-direction a {color: transparent; padding: 20px;}
#banner.has_slider .bx-controls-direction a.bx-prev {background: url(../assets/images/site/darkarrowleft.png) no-repeat center center; float: left;}
#banner.has_slider .bx-controls-direction a.bx-next {background: url(../assets/images/site/darkarrowright.png) no-repeat center center; float: right;}

/*#banner:before {content: "";background: url(../assets/images/site/section-shedow-top.png) repeat-x;width: 100%;height: 20px;display: block;position: absolute;top: 0px;left: 0;z-index: 90;margin: 0;}
#banner:after {content: "";background: url(../assets/images/site/section-shedow-bottom.png) repeat-x;width: 100%;height: 20px;display: block;position: absolute;bottom: 0px;left: 0;margin: 0;z-index: 90;}*/
#banner.has_slider .bx-controls-direction a.bx-next { background: url(../assets/images/site/darkarrowright_new.png) no-repeat center center;}
#banner.has_slider .bx-controls-direction a.bx-prev {background: url(../assets/images/site/darkarrowleft_new.png) no-repeat center center;}
#banner .slider-item {-webkit-box-shadow: inset 3px 3px 65px 0px rgba(52,36,1,0.77) ;-moz-box-shadow:   inset 3px 3px 65px 0px rgba(52,36,1,0.77) ;box-shadow:         inset 3px 3px 65px 0px rgba(52,36,1,0.77) ;}

#band-aid.new { box-sizing: border-box; padding: 80px 50px 80px 10px; }
#band-aid.new img { visibility: hidden; position: relative; top: -99999px;}
#band-aid.new .image { width: 100%; height: 100%; display: block; border: 1px solid #b2795b; }
#about.new .about-half-part { background: none;}
#about.new .parent-equal-height { background: url(../assets/images/site/opacity-bg.png) repeat; display: inline-block; width: 100%; }
@media screen and (min-width: 768px) and (max-width: 1024px) {
	#band-aid.new { display: none;}
	#about.new .about-half-part { float: none;}
	#about.new .about-half-part.band-aid { height: 550px !important;margin-bottom: 55px;  max-width: 80%;border: 1px solid #b2795b;}
}
@media screen and (min-width: 320px) and (max-width: 767px) {
	#band-aid.new { display: none;}
	#about.new .about-half-part { float: none;}
	#about.new .about-half-part.band-aid { height: 400px !important;margin-bottom: 45px;  max-width: 82%;border: 1px solid #b2795b;}
}



/* Blog Video */
.blog-video {margin-bottom:25px;}