/* GENERAL //////////////////////////////////////////////////////*/
.off-canvas-nav { display: none }
body{background-image:url(images/bg.jpg);padding:30px;margin:0}
div#holder{width:760px;margin:0 auto;background-image:url(images/bg-holder.gif);background-color:#fcf4e5}
.logo{padding:22px 20px 20px;background:#a88c59;background:-moz-linear-gradient(top,#a88c59 0%,#725f3c 100%);background:-webkit-linear-gradient(top,#a88c59 0%,#725f3c 100%);background:linear-gradient(to bottom,#a88c59 0%,#725f3c 100%)}
div#logo-menu{width:223px;padding:0;float:left}
div#left-menu{width:177px;padding:20px 13px 20px 33px;background-color:#1c1c1c}
div#callback{width:157px;padding:20px 33px 53px;background-color:#fcf4e5;height:100%; float: left}
div#right{width:537px;float:right}
div#right-content{width:471px;background-color:#FFF;padding:20px 33px 15px;float:right}
.mainbody{font-family:"Times New Roman",Times,serif;font-size:14px;color:#333;line-height:18px}
.mainbodyGold{font-family:"Times New Roman",Times,serif;font-size:14px;color:#886c16;line-height:18px;padding-bottom:7px}
.mainbodyCB{font-family:"Times New Roman",Times,serif;font-size:14px;color:#000;line-height:14px;padding-bottom:7px;display:block}
.ul{font-family:"Times New Roman",Times,serif;font-size:14px;color:#333;line-height:22px}
.footnote{font-family:"Times New Roman",Times,serif;margin-bottom:25px;font-size:10px;color:#333;line-height:12px}
.nav{font-family:"Times New Roman",Times,serif;font-size:12px;font-weight:400;color:#b3b3b3}
.navActive{color:#fff}
.phoneEmail{font-family:"Times New Roman",Times,serif;font-size:12px;color:#ffc256}
.phoneEmailBig{font-family:"Times New Roman",Times,serif;font-size:20px;color:#ffc256}
ul{font-family:"Times New Roman",Times,serif;font-size:12px;color:#000;line-height:14px}
hr.home{border:0;height:1px;color:#999;background:#999;margin:0 0 30px}
.form{margin:0}
.callbackTextfield{height: 30px;border-style:solid;border-width:1px;border-color:#d2c28e;margin-bottom:10px; padding: 0 0 0 10px; width:100%;font-family:"Times New Roman",Times,serif;font-size:12px;box-sizing:border-box;border-radius:0; -webkit-appearance: none; outline: none; background: #fff}
.callbackTextfield:focus { border: 1px solid #000 }
textarea.callbackTextfield { height: auto }
.activeLink{font-family:"Times New Roman",Times,serif;font-size:12px;font-weight:400;text-decoration:none;color:#fff;line-height:18px;display:block}
a.phoneEmail:link{font-family:"Times New Roman",Times,serif;font-size:12px;color:#ffc256}
a.phoneEmail:hover{font-family:"Times New Roman",Times,serif;font-size:12px;color:#ffd48a}
a:link{font-family:"Times New Roman",Times,serif;font-size:inherit;font-weight:400;text-decoration:none;color:#000;line-height:18px}
a:visited{font-family:Georgia,"Times New Roman",Times,serif;font-size:inherit;font-weight:400;text-decoration:none;color:#666;line-height:18px}
a:hover{font-family:"Times New Roman",Times,serif;font-size:inherit;font-weight:400;text-decoration:none;color:#886c16;line-height:18px}
a.nav:visited{font-family:"Times New Roman",Times,serif;font-size:12px;font-weight:400;text-decoration:none;color:#b3b3b3;line-height:18px}
a.nav:link{display:block;font-family:"Times New Roman",Times,serif;font-size:12px;font-weight:400;text-decoration:none;color:#999;line-height:18px}
a.nav:hover{font-family:"Times New Roman",Times,serif;font-size:12px;font-weight:400;text-decoration:none;color:#fff;line-height:18px}
h1{font-family:"Times New Roman",Times,serif;font-weight:400;font-size:23px;line-height:26px;color:#886c16}
h2{font-family:"Times New Roman",Times,serif;font-weight:400;font-size:18px;line-height:19px;margin-top:30px;color:#be9001}
h2.home{font-size:18px;text-transform:uppercase;color:#333;letter-spacing:2px;margin:10px 0 8px}
h3{font-family:"Times New Roman",Times,serif;font-weight:400;font-size:16px;line-height:22px;color:#be9001}
h3.home{margin:0;font-style:italic;font-size:18px}
strong{color:#333}
p.home{text-transform:uppercase;font-size:11px;margin-bottom:15px;color:#666}
a[href^="tel"]{ color:inherit; font-size: inherit; text-decoration:none; }
input.send { background: black; padding: 5px 10px; color: #ffc256; -webkit-appearance: none; -moz-appearance: none; border: none; border-radius: 0; font-family:"Times New Roman",Times,serif; font-size: 14px; margin: 10px 0 0 0}

/* MEDIA QUERIES //////////////////////////////////////////////////////*/
@media screen and (max-width: 736px ) {
body{padding:0}
div#holder,div#logo-menu,div#callback,div#leftmenu,div#right,div#right-content{width:100%;display:block;box-sizing:border-box}
div#logo-menu, div#right, div#right-content { float: none }
div#left-menu { padding: 10px 13px 10px 33px; width: auto }
div#left-menu .nav, div#left-menu br, .activeLink { display: none }
.reflection{display:none}
div#callback{padding:20px 33px 53px}
.phoneEmail span { display: block }

/* OFF CANVAS NAV */
/* Menu */
.wrapper, .open, .off-canvas-nav, .off-canvas-nav.open { -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out }
.wrapper { width: 100%; height: 100%; -webkit-transform: transitionX(0); transform: transitionX(0); }
.open { -webkit-transform: translateX(-15rem); transform: translateX(-15rem); }
.off-canvas-nav { display: block; height: 100%; position: fixed; background: #222; width: 15rem; top: 0; right: 0; padding: 20px 0 0 0; -webkit-transform: translateX(15rem); transform: translateX(15rem); overflow-y: hidden }
.off-canvas-nav.is-open { -webkit-transform: translateX(0rem); transform: translateX(0rem); }
.off-canvas-nav a { padding: 0.5rem 2rem; display: block; color: #f0f0f0; text-decoration: none; }
.off-canvas-nav a:hover { color: #fff; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
hr { margin: 1rem 2rem; border-top: 1px solid #666; }

/* Hamburger */
#hamburger { width: 20px; height: 30px; position: absolute; top:12px; right:30px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); }
#hamburger span { background-color: #fff; display: block; position: absolute; height: 1px; width: 100%; border-radius: 9px; left: 0px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out .5s; transition: 0.25s ease-in-out .5s; z-index: 2; }
#hamburger span:nth-child(1) { top: 14px; left: 10px; -webkit-transform-origin: left center; transform-origin: left center; }
#hamburger span:nth-child(2) { top: 18px; left: 10px; -webkit-transform-origin: left center; transform-origin: left center; }
#hamburger span:nth-child(3) { top: 22px; left: 10px; -webkit-transform-origin: left center; transform-origin: left center; }
#hamburger.open span:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 10px; left: 12px; height: 1px; }
#hamburger.open span:nth-child(2) { opacity: 0; filter: alpha(opacity=0); height: 1px; }
#hamburger.open span:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 24px; left: 12px; height: 1px; }
.bar { position: relative }
}