@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%;font-family:'Raleway', sans-serif;background:url(/assets/gfx/canvas.jpg) #eee;}
div, input, textarea, label, button {box-sizing:border-box;}	
input[type="text"], input[type="password"] {min-width:210px;margin:3px 3px 14px 0;padding:3px 7px;font-size:14px;font-family:raleway;letter-spacing:1px;outline:none;border:1px solid #ddd;border-radius:3px;}
textarea {width:100%;min-height:150px;margin:3px 3px 14px 0;padding:3px 7px;font-size:14px;font-family:raleway;letter-spacing:1px;outline:none;border:1px solid #ddd;border-radius:3px;}
button:not(.alumni-login button), .button {padding:14px 21px;margin:3px 3px 14px 0;font-size:14px;font-weight:bold;font-family:raleway;background:rgba(255,255,255,0.77);color:#A67E65;text-transform:uppercase;letter-spacing:1px;outline:none;border:1px solid #ddd;border-radius:3px;box-shadow: 1px 1px 3px rgba(0,0,0,0.08);}
button:not(.alumni-login button):hover, .button:hover {cursor: pointer;color:#856451;background:#fff;box-shadow: 1px 3px 5px rgba(0,0,0,0.08);}
label.error {font-size:12px;font-weight:bold;color:darkred;}
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);margin:21px auto;}
.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;z-index:0;top:0;left:0;right:0;pointer-events:none;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 {transform: rotate(0.01deg);background-image:url(/assets/gfx/bg4a.jpg);} to {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 {transform: rotate(0.01deg);background-image:url(/assets/gfx/bg1a.jpg);} to {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 {transform: rotate(0.01deg);background-image:url(/assets/gfx/bg2a.jpg);} to {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 {transform: rotate(0.01deg);background-image:url(/assets/gfx/bg3a.jpg);} to {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);pointer-events:auto;}
#header a:hover {color:rgba(255,255,255,0.9);}
#header .fb {position: absolute; bottom: 7px; left:7px;font-size:25px;}
#header .ig {position: absolute; bottom: 7px; left:36px;font-size:25px;}
#header .v_align {pointer-events:auto;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 {position:relative;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;z-index:10;margin-top:0;top:0;width:100%;opacity: 0.95;height:40px;line-height:40px;box-shadow:0 2px 7px rgba(0,0,0,0.1);}
#nav.fixed + #page {padding-top: 480px; /* nav.fixed height */ }
#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);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:14px;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.fixed {margin-top:480px;}*/
#page p, .modal p, #page ul, .modal ul {padding:7px 0;font-size:21px;color:#333333;line-height:25px;font-weight:normal;}
#page h1, .modal h1 {font-size:49px;font-weight:bold;color:#888583;padding:14px 0;}
#page h1.first {margin-top:14px;}
#page h1 span, .modal h1 span {font-size:21px;}
#page h2, .modal h2 {font-size:28px;line-height:35px;padding:14px 0;color:#888583;font-weight: bold}
#page h3, .modal h3 {font-size:21px;padding:14px 0;color:#888583;font-weight: bold}

.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 ul {list-style-type: disc;text-indent:42px;list-style-position:inside;padding-left:42px;}
.txt ul li {margin-left:21px;padding:3px 0 3px 21px;text-indent:-21px;}

.translate_widget {position: absolute;top:28px;right:-196px;width:240px;text-align:left;color:#A67E65;background:#fff;font-size:21px;padding:7px;box-shadow:2px 3px 7px rgba(0,0,0,0.15);border-bottom-left-radius: 7px;  border-top-left-radius: 7px;}
.translate_btn {padding:7px;}
.translate_btn:hover {cursor: pointer;color:#856451;}
.goog-te-gadget .goog-te-combo {max-width:180px;} /* google translate <select> dropdown*/

/*.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;}
.col:first-of-type{padding: 0 21px 0 0;}
.col:last-of-type{padding: 0 0 0 21px;}

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

/*fatured artists*/
.txt .artist {padding:7px;margin:7px auto;font-weight:bold;font-size:17px;color:rgba(0,0,0,0.7);border-radius:14px;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;color:#888583;font-size:14px;color:#777;text-transform: capitalize;}

/*Fixes crash on mobile Safari*/
.swiper-slide {opacity:0;} 
.swiper-slide.swiper-slide-active, .swiper-slide.swiper-slide-next {opacity:1 !important;}

/*Alumni Quotes*/
.swiper-container.quotes_swiper .swiper-slide {margin:42px auto;}
.quote_wrap {max-width:420px;margin:42px auto;padding:21px;background:#fff;box-shadow:0 0 42px rgba(0,0,0,0.17);border-radius: 14px;}
.quote_wrap:hover {cursor: pointer;}
.quote_wrap .round {margin:0 14px 14px 0;}
.quote_wrap .name {font-family:raleway;font-weight:bold;font-size:21px;color:rgba(0,0,0,0.7);padding:7px 0;}
.quote_wrap .name span {color:rgba(0,0,0,0.7);}
.quote_wrap .disc {font-family:raleway;font-weight:bold;font-size:17px;padding:4px 0;color:#888583;}
.quote_wrap .q_text {font-size:18px;line-height:25px;font-family: 'JosefinSlab', serif;padding: 14px 0 7px 0;text-align:left;}
.quote_wrap .q_text i {opacity:.4;}

/*Alumni News*/
.news_preview {max-width:420px;background:#fff;padding:21px 0;margin:42px auto;border-radius:14px;box-shadow:0 0 42px rgba(0,0,0,0.17);line-height:145%;}
.news_preview .top {padding:0 14px;}
.news_preview .a_photo {width:70px;height:70px;float:left;overflow:hidden;border-radius:100%;background-size:cover !important;margin:0 14px 14px 0;}
.news_preview .a_name {color:rgba(0,0,0,0.7);font-size:21px;font-weight:bold;}
.news_preview .a_disc {color:#888583;font-size:17px;font-weight:bold;}
.news_preview .a_date {color:#888583;font-size:17px;font-weight:normal;}
.news_preview .news_img_wrap {clear:both;width:100%;height:420px;text-align:center;background: #f7f7f7;line-height: 420px;max-height: calc(100vh - 28px);}
.news_preview .news_img_wrap img {max-width:100%;max-height:100%;vertical-align: middle;} /*min-width:100%;*/
.news_preview .bottom {padding:0 14px;}
.news_preview h2 {font-size:21px !important;font-weight:bold;text-align:center;line-height: 130% !important;}
.news_preview .blurb_wrap {position: relative;}
.news_preview .blurb_wrap .news_blurb {font-size:16px;max-height:150px;overflow-y:auto;padding-bottom:14px;white-space:pre-wrap;}
.news_preview .blurb_wrap .fade {position: absolute;bottom: 0;width:100%;height: 35px;background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); }
.news_preview .link {font-size:14px;color:#A67E65;}

.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/wood_btn.jpg) center center;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:#888583;line-height: 17px;padding:14px 0 0 0;}
#footer .copy a {font-size:11px;padding:0;font-weight:normal;color:#888583;line-height: 17px;}
#footer .copy a:hover {color:#ddd;}
#footer .copy span {white-space: nowrap;}

/************ Newletter Signup 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;}

/*jQuery UI Dialog (Modal)*/
.ui-dialog {border:none;border-radius:14px;left: 50% !important;transform: translate(-50%, 0);}
/*left: 50% !important;transform: translate(-50%, 0);*/
.ui-dialog .ui-dialog-titlebar{text-align:center;}
.ui-dialog .ui-dialog-content {overflow-x:hidden;}
.ui-dialog-title {color:rgba(50,40,0,0.9);}
.ui-widget-overlay {background: rgba(0,0,0,0.8) !important;opacity: .75 !important;}
.ui-dialog i.fa-times-circle {float:right;font-size:28px;margin:-3px -7px 0 0;color:rgba(0,0,0,0.07);-webkit-transition-property: color;-moz-transition-property: color;-o-transition-property: color;transition-property: color;transition-duration: .35s;transition-timing-function: linear;}
.ui-dialog  i.fa-times-circle:hover {cursor: pointer;color:rgba(0,0,0,0.28);}

.ui-dialog.pic {padding:0 !important;text-align:center;background:transparent;border:none;}
.ui-dialog.pic img {padding:0 !important;box-shadow:7px 7px 21px rgba(0,0,0,0.5);margin: 14px auto 28px auto;border-radius:7px;}
.ui-dialog.pic .ui-dialog-titlebar {display:none;}
.ui-dialog.pic .ui-dialog-content {padding:none !important;}
.ui-dialog-title {color:rgba(50,40,0,0.9);}
.ui-widget-overlay {background: rgba(0,0,0,0.8) !important;opacity: .75 !important;}
.ui-dialog.no_title .ui-dialog-titlebar {display:none;background:url(/assets/gfx/canvas.jpg) #eee;}

.modal {font-size:17px;font-family:raleway;line-height:28px;color:rgba(0,0,0,0.7) !important;}
.modal h2{font-size:21px;}
.modal h3{font-size:17px;}
.modal h1 {font-size:49px;font-weight:bold;color:#888583;padding:14px 0;}
.modal ul {list-style-type:disc;margin:14px 0;}
.modal ul li {margin-left: 21px;}
.modal input[type="text"] {box-sizing:border-box;width:fit-content;min-width:300px;text-align:center;border:1px solid #ccc;outline:none;border-radius:3px;letter-spacing:1px;}

@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;}
    .news_preview .news_img_wrap {height:auto;line-height: normal;}
}
@media (max-width: 441px){        
    #footer .dot {display:inline-block;}
    #header .fb {top:7px;right:7px; left:auto;}    
    #header .ig {top:7px; left:7px;}    

}
@media (max-width: 420px){	
	#header .v_align span {font-size:18px;}
    .round {margin:21px 14px;}  
}
@media (max-width: 389px){  
    .txt {padding:21px 7px 49px 7px;}
    .round {margin:14px 7px;}  
}