@font-face {
  font-family: 'Raleway';
  src: url('/assets/fonts/Raleway-Regular.woff') format('woff'), url('/assets/fonts/Raleway-Regular.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway';
  src: url('/assets/fonts/Raleway-Light.woff') format('woff'), url('/assets/fonts/Raleway-Light.ttf')  format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway';
  src: url('/assets/fonts/Raleway-ExtraLight.woff') format('woff'), url('/assets/fonts/Raleway-ExtraLight.ttf')  format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Raleway';
  src: url('/assets/fonts/Raleway-Bold.woff') format('woff'), url('/assets/fonts/Raleway-Bold.ttf')  format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'JosefinSlab';
  src: url('/assets/fonts/JosefinSlab.woff') format('woff'), url('/assets/fonts/JosefinSlab.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
:focus {outline:none;}
html {box-shadow:inset 0 0 77px rgba(40,20,10,0.4);width:100%;height:auto !important;}
body {width:100%;height:100%; /*-webkit-font-smoothing: subpixel-antialiased;*/font-family:'Raleway', sans-serif;background:url(/assets/gfx/canvas.jpg) #eee;}
div, input, textarea, label {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}		
img {max-width:100%;}
b {font-weight: bold;}
i {font-style: italic;}
a {text-decoration: none;color:#A67E65;font-weight: bold;}
a:hover {cursor:pointer;color:#856451;}
hr {border:none;height:1px;background:rgba(80,50,0,0.2);}
.hide {display:none;}
.inline {display:inline-block;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.pull-right {float: right;}
.pull-left {float: left;}
.ghost {color:rgba(0,0,0,0.1) !important;}
.dim {color:rgba(0,0,0,0.4) !important;}
.sup {vertical-align:baseline;position:relative;font-size:70%;top:-0.6em;font-weight:bold;}
.box {border:1px solid rgba(0,0,0,0.1);background:rgba(255,255,255,0.35);box-shadow:1px 2px 4px rgba(0,0,0,0.1);padding:21px;}

#header {position: fixed;top:0;z-index: -1;height:420px;display:table;width:100%;text-align: center;overflow:hidden;background: url(/assets/gfx/bg1a.jpg) center center  #000;background-size:cover;box-shadow:0 1px 10px rgba(0,0,0,0.1);}
#header.bg1 {animation: do_bg_one 2s;animation-fill-mode:forwards;}  
  @keyframes do_bg_one {from {-moz-transform: rotate(0.01deg);background-image:url(/assets/gfx/bg4a.jpg);} to {-moz-transform: rotate(0.01deg);background-image:url(/assets/gfx/bg1a.jpg);}}
#header.bg2 {animation: do_bg_two 2s;animation-fill-mode:forwards;}  
  @keyframes do_bg_two {from {-moz-transform: rotate(0.01deg);background-image:url(/assets/gfx/bg1a.jpg);} to {-moz-transform: rotate(0.01deg);background-image:url(/assets/gfx/bg2a.jpg);}}
#header.bg3 {animation: do_bg_three 2s;animation-fill-mode:forwards;}  
  @keyframes do_bg_three {from {-moz-transform: rotate(0.01deg);background-image:url(/assets/gfx/bg2a.jpg);} to {-moz-transform: rotate(0.01deg);background-image:url(/assets/gfx/bg3a.jpg);}}
#header.bg4 {animation: do_bg_four 2s;animation-fill-mode:forwards;}  
  @keyframes do_bg_four {from {-moz-transform: rotate(0.01deg);background-image:url(/assets/gfx/bg3a.jpg);} to {-moz-transform: rotate(0.01deg);background-image:url(/assets/gfx/bg4a.jpg);}}

#header .title {display:table-cell;vertical-align:middle;padding:4px;}
#header a {color:rgba(255,255,255,0.7);}
#header a:hover {color:rgba(255,255,255,0.9);}
#header .fb {position: absolute; bottom: 7px; left:7px;font-size:21px;}
#header .ig {position: absolute; bottom: 7px; left:32px;font-size:21px;}
#header .v_align {padding:28px 21px;width:70%;max-width:1158px;box-sizing:border-box;margin:0 auto;background:rgba(0,0,0,0.17);color:#fff;border:1px solid rgba(255,255,255,.21);font-weight:400;font-size:35px;letter-spacing:1px;text-shadow:1px 1px 2px rgba(0,0,0,0.7);border-radius:21px;}
#header .v_align:hover {cursor:pointer;}
#header .v_align span {font-size:28px;font-weight:300;letter-spacing: 2px;}

#nav {z-index:10;height:60px;text-align: center;line-height: 60px;margin-top:420px;background:url(/assets/gfx/canvas.jpg) #eee;box-shadow:inset 77px 0 77px -77px rgba(40,20,10,0.4),inset -77px 0 77px -77px rgba(40,20,10,0.4);}
#nav_outer {background:rgba(40,20,10,0.33);}
#nav_inner {position: relative;max-width:1160px;margin:0 auto;}
#nav ul li {display:inline-block;width:12.15%;margin:0;transition-property: background;transition-duration: .35s;transition-timing-function: linear;}
#nav ul li:hover, li.hover {background:rgba(255,255,255,0.14);}
#nav ul a {font-size:18px;font-weight:bold;letter-spacing:1px;text-decoration: none;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.3);}
#nav ul a.active {color:rgba(0,0,0,0.6);text-shadow:1px 1px 2px rgba(0,0,0,0.1);}
#nav ul li.active, .page {background:url(/assets/gfx/canvas.jpg) #fff;box-shadow:inset 0 -7px 7px  rgba(40,20,10,0.02)}
#nav .curr_page {display:none;text-transform:capitalize;font-size:28px;letter-spacing: 2px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.3);position: relative;}
#nav.fixed {position:fixed;margin-top:0;top:0;width:100%;z-index:9;opacity: 0.95;height:40px;line-height:40px;box-shadow:0 2px 7px rgba(0,0,0,0.1);}
#nav img.nav_logo {opacity:0;height:49px;position:absolute;left:21px;top:-11px;padding:3px 0 0 28px;transition-property: opacity;transition-duration: .35s;transition-timing-function: linear;}
#nav.fixed img.nav_logo {opacity: 1;}
.toggle-panel {display: none; z-index:99;position:absolute;top:-14px;left:7px;padding:14px;letter-spacing:2px;font-size:20px;/*background: rgba(0,0,0,0.28);*/border-radius:4px;color:#fff;text-decoration:none;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.toggle-panel:hover {cursor: pointer;}

#m_nav {background:url(/assets/gfx/canvas.jpg) #fff;height:100%;z-index:9999;width:100% + 10px;margin: 0 -10px 0 -10px ; text-align: left;}
#m_nav .m_inner {background: rgba(0,0,0,0.77);height:100%;} 
#m_nav ul {padding-top:63px;}
#m_nav ul li {padding:21px 0 21px 42px;border-bottom:1px solid rgba(0,0,0,0.2);transition-property: background;transition-duration: .35s;transition-timing-function: linear;}
#m_nav ul li:hover, #m_nav ul li.active:hover {background:rgba(255,255,255,0.14);}
#m_nav ul li.active {background:rgba(255,255,255,0.07);}
#m_nav ul a {text-decoration: none;font-size:28px;font-weight:200;letter-spacing:2px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.3);}
/*#m_nav.fix{margin-top:420px;}*/

.nav_more {color:#444;background:#000;width:100%;text-align: center;}
.nav_more span {white-space: nowrap;}
.nav_more a {color:#999;text-shadow:none;font-weight:bold;font-size:13px;line-height:42px;padding:0 17.5px 0 0 ;white-space: nowrap;}
.nav_more a:hover {color:#ddd;}
.nav_more a.active {color:#ddd;}

#page {min-height:500px;max-width:100%;margin:0 auto;padding:0 0 21px 0;position:relative;z-index: 2;background:url(/assets/gfx/canvas.jpg) #eee;  box-shadow:inset 77px 0 77px -77px rgba(40,20,10,0.4),inset -77px 0 77px -77px rgba(40,20,10,0.4);overflow-x:hidden;}
#page p, #page ul {padding:7px 0;font-size:21px;color:#333333;line-height:25px;font-weight:normal;}
#page h1 {font-size:49px;font-weight:bold;color:#888583;padding:14px 0;}
#page h1.first {margin-top:14px;}
#page h1 span {font-size:21px;}
#page h2 {font-size:28px;line-height:35px;padding:10px 0;color:#888583;font-weight: bold}
#page h3 {font-size:21px;padding:10px 0 0 0;color:#888583;font-weight: bold}
#page.fixed {margin-top:480px;}

.m_show {display:none !important;margin:0 auto;width:100%;}
.m_hide {display:block !important;margin:0 auto;width:100%;}

.page_inner {margin:0 auto;}

.txt {max-width:1200px;margin:0 auto;padding:70px 21px;text-align:justify;}
.txt h1:not(.text-center) {text-align:left;}
.txt .artist {padding-bottom:7px;margin:0 0 7px 0;border-radius:7px;transition-property: background;transition-duration: .35s;transition-timing-function: linear;}
.txt .artist:hover {cursor:pointer;background:rgba(0,0,0,0.05);}
.txt .artist span {font-weight: bold;opacity: .2;text-transform: capitalize;}

.translate_widget {position: absolute;top:28px;right:-177px;width:221px;text-align:left;color:#A67E65;background:#fff;font-size:21px;padding:14px;box-shadow:2px 3px 7px rgba(0,0,0,0.15);border-bottom-left-radius: 7px;  border-top-left-radius: 7px;}
.translate_widget:hover {cursor: pointer;color:#856451;}

.round {width:150px;height:150px;background-size:cover !important;border-radius:100px;border:3px solid #fff;box-shadow:1px 1px 2px rgba(0,0,0,0.3);margin:21px;}

.about {text-align:center;}

.row {margin:0 auto;}
.col {width:49%;display:inline-block;vertical-align: top;padding:0 21px;}
.col.img img {border-radius:7px;}

.swiper-container {background: rgba(255,255,255,0.85);border-radius: 7px;box-shadow:2px 2px 14px rgba(0,0,0,0.1);margin:28px auto !important;}
.quote_wrap {width:100%;margin:0 auto;padding:21px 42px 28px 42px;}
.quote_wrap:hover {cursor: pointer;}
.quote_wrap .round {margin:0 21px 45px 0;}
.quote_wrap .name {font-family:raleway;font-weight:bold;font-size:28px;color:rgba(0,0,0,0.7);padding:7px 0;}
.quote_wrap .name span {opacity:1 !important; color:rgba(0,0,0,0.7);}
.quote_wrap .disc {font-family:raleway;font-weight:normal;font-size:17px;opacity:.4;padding:4px 0;}
.quote_wrap .q_text {font-size:18px;line-height:25px;font-family: 'JosefinSlab', serif;text-shadow:none;padding: 7px 0;}
.quote_wrap .q_text i {opacity:.4;}

.back_to_top {position:fixed;bottom:21px;right:35px;z-index:97;transition: opacity 0.2s ease-out;opacity: 0;background:rgba(255,255,255,0.77);border-radius:21px;padding:2px 4px;}
.back_to_top.show {opacity:1;}

#footer {background:url(/assets/gfx/canvas.jpg);text-align: center;color:rgba(255,255,255,0.88);text-shadow:1px 1px 1px rgba(0,0,0,0.3);clear:both;position: relative;}
#footer .d_btn {margin:0 0 0 -60px;width:120px;position: absolute;left:50%;top:-10px;z-index: 5;}
#footer .d_btn a {background:url(/assets/gfx/hwf-logo-wood.jpg) center 100px;font-size:21px;color:#eee;padding:7px 14px;border:2px solid rgba(40,20,10,0.33);border-radius:50%;}
#footer .d_btn a:hover {color:#fff;}
#footer .footer_inner {background:rgba(40,20,10,0.33);padding:42px 0 42px 0;border-top:1px solid rgba(40,20,10,0.33);}
#footer .footer_inner .box_wrap {max-width:1158px;margin:0 auto;}
#footer .box {background:rgba(0,0,0,0.5);width:48%;min-height:120px;padding:30px 20px;display:inline-block;margin:10px 0;vertical-align:top;border-radius:4px;font-weight:normal;font-size:21px;line-height:28px;}
#footer .box.b1 {float:left;}
#footer .box.b2 {float:right;}
#footer .footer_bottom {color:#444;background:#000;width:100%;text-align: center;}
#footer .footer_bottom span {white-space: nowrap;}
#footer .footer_bottom a {color:#999;text-shadow:none;font-weight:bold;font-size:13px;line-height:42px;padding:0 17.5px 0 0 ;white-space: nowrap;}
#footer .footer_bottom a:hover {color:#ddd;}
#footer .footer_bottom a.active {color:#ddd;}
#footer .footer_bottom hr {background:#444;}
#footer .copy {font-size:11px;background:#000;color:#777;line-height: 17px;padding:14px 0 0 0;}
#footer .copy a {font-size:11px;padding:0;font-weight:normal;color:#777;line-height: 17px;}
#footer .copy a:hover {color:#ddd;}
#footer .copy span {white-space: nowrap;}

/************ CONTACT FORM ************/
.news_signup {z-index:3;position:absolute;left:-252px;top:28px;min-height:49px;text-align:left;min-width:251px;background:#fff;border-top-right-radius:7px;border-bottom-right-radius:7px;box-shadow:2px 3px 7px rgba(0,0,0,0.15  );-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.news_signup .signup_header {font-size:21px;color:#A67E65;padding:14px;font-weight: bold;white-space:nowrap;display:inline-block;}
.news_signup .signup_header:hover {cursor:pointer;color:#856451;}
.news_signup .signup_header {transition-property: margin;transition-duration: 1s;transition-timing-function: ease-out;}
.news_signup.open .signup_header {margin:0 0 0 48px;}
.news_signup #news_signup_form img {width:320px;}
.news_signup .field {height:65px;}
.news_signup .inner {padding:14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.news_signup .inner div {position:relative;}
.news_signup button{margin:14px auto 0 auto;background:rgba(40,20,10,0.11);color:#333;border:1px solid rgba(40,20,10,0.11);font-size:20px;padding:7px 21px;border-radius:4px;}
.news_signup button:hover{cursor:pointer;background:rgba(40,20,10,0.13);}
.news_signup textarea{width:100%;height:95px;padding:17px 16px;font-size:16px;background:rgba(40,20,10,0.11);color:#333;border:none;outline:none;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;position:relative;}
.news_signup input[type="text"]:not(#recaptcha_response_field){background:rgba(40,20,10,0.11);color:#333;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:-webkit-calc(3em + 3px);height:calc(3em + 3px);margin:0 0 1em;padding:1em;border-radius:1.5em;resize:none;outline:none;font-size:16px;position:relative;}
.news_signup input[type="text"]:focus, .news_signup textarea[required]:focus{}
.news_signup input[type="text"][required]:focus + label[placeholder]:before,
.news_signup textarea[required]:focus + label[placeholder]:before{color:#333;background:#fff;padding:2px 3px;}
.news_signup input[type="text"][required]:focus + label[placeholder]:before,
.news_signup textarea[required]:focus + label[placeholder]:before,
.news_signup input[type="text"][required]:valid + label[placeholder]:before,
.news_signup textarea[required]:valid + label[placeholder]:before{color:#333;background:#fff;padding:2px 3px;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transform:translate(0,-1.5em) scale(0.9,0.9);-ms-transform:translate(0,-1.5em) scale(0.9,0.9);transform:translate(0,-1.5em) scale(0.9,0.9);}
.news_signup input[type="text"][required]:invalid + label[placeholder][alt]:before,.news_signup textarea[required]:invalid + label[placeholder][alt]:before{content:attr(alt);color:#333;}
.news_signup input[type="text"][required] + label[placeholder]{display:block;pointer-events:none;line-height:1em;margin-top:-webkit-calc(-3em - 2px);margin-top:calc(-3em - 2px);margin-bottom:-webkit-calc((3em - 1em) + 2px);margin-bottom:calc((3em - 1em) + 2px);}
.news_signup textarea[required] + label[placeholder]{display:block;pointer-events:none;line-height:1em;margin-top:-webkit-calc(-5em - 2px);margin-top:calc(-5em - 2px);/* margin-bottom:-webkit-calc((3em - 1em) + 2px);margin-bottom:calc((3em - 1em) + 2px);*/}
.news_signup input[type="text"][required] + label[placeholder]:before,.news_signup textarea[required] + label[placeholder]:before{content:attr(placeholder);display:inline-block;margin:0 -webkit-calc(1em + 2px);margin:0 calc(1em + 2px);padding:0 2px;color:#898989;white-space:nowrap;-webkit-transition:0.3s ease-in-out;transition:0.3s ease-in-out;border-radius:7px;-webkit-background-size:100% 5px;background-size:100% 5px;background-repeat:no-repeat;background-position:center;}
.news_signup .error:not(.check) {font-weight:bold;font-size:10px;padding:2px;color:#333;background:;border:1px solid red;position:absolute;top:0;right:0;margin:2px 17px 0 0;border-radius:5px;webkit-box-sizing:border-box;moz-box-sizing:border-box;box-sizing:border-box;}
.news_signup .error label {display:block;}
.news_signup .conf_msg {color:#333;width:320px;text-align: center;padding:20px;}


.ui-dialog {padding:0 !important;background:transparent;border:none;max-width:1200px;}
.ui-dialog .ui-dialog-titlebar{text-align:center;}
.ui-dialog .ui-dialog-content {}
.ui-dialog-title {color:rgba(50,40,0,0.9);}
.ui-widget-overlay {background: rgba(0,0,0,0.8) !important;opacity: .75 !important;}
.modal {font-size:17px;font-family:raleway;line-height:25px;color:rgba(0,0,0,0.7) !important;}
.modal h3{font-size:15px;}

@media (max-width: 1380px){
    #nav img.nav_logo {display:none;}
}
@media (max-width: 1200px){    
    #footer .box_wrap {padding:0 21px;}
}
@media (max-width: 1200px){    
    .col {width:100%;display:block;padding:0;}   
    .col.img {text-align: center;margin-top:42px;}
}
@media (max-width: 1047px){
    #footer .footer_bottom br.hide {display:block !important;}
}
@media (max-width: 1018px){
    #nav ul li {width:12.0%;}
}
@media (max-width: 775px){
    #footer .box {width:90%;min-height:140px;float:none !important;}
}        
@media (max-width : 777px){    
    .toggle-panel { display: block; }
    #nav.fixed .toggle-panel {display:none;}
    #nav ul{ display: none; }
    #nav .curr_page {display: block;}
    #nav img.nav_logo {display:block;}  
    #nav .nav_more {display:none !important;}
    #footer .box_wrap {padding:0;}
}
@media (max-width: 700px){
    .quote_wrap {padding:21px;}    
}
@media (max-width: 606px){
  #footer .dot {display:none;}
}
@media (max-width: 520px){
    .txt {text-align: left;}
    #nav img.nav_logo {display:none;}
    #header .v_align {line-height:21px !important;}
    #header .v_align span {font-size:21px;}
    .m_hide {display:none !important;}
    .m_show {display:block !important;} 
}
@media (max-width: 450px){        
    .txt {padding:21px 14px 49px 14px;}
    #page h1.first {margin-top:63px;}
}
@media (max-width: 441px){        
    #footer .dot {display:inline-block;}
}
@media (max-width: 420px){	
	#header .v_align span {font-size:18px;}
}
@media (max-width: 385px){        
    #header .fb {top:7px;right:7px; left:auto;}    
    #header .ig {top:7px; left:7px;}    
}