@charset "utf-8";

body {font-family:'Open Sans',Helvetica, sans-serif;font-size:14px;background: #fff;color:#000;line-height: 22px; }

header {  background-color:RGBA(255, 255, 255, 1); width:100%; box-shadow: 1px 1px 5px #4444445e;  }

.ward { max-width: 1200px; margin:0 auto; padding:0 15px; }
.title-box { text-align: center; margin-bottom: 30px;  }
.title-box img {  border-bottom: 6px solid #fdba2d; padding: 20px 35px; background-color: #292929; }


a{text-decoration: none;color:#ef8918;}
a:hover,a:focus {text-decoration: none !important;}
a,input,button {outline: none!important;}
.blue {color:#3b64a3!important;}
.editor {overflow: hidden;}
.editor img {display: inline-block;max-width: 100%!important;height: auto!important;}
.editor iframe {max-width: 100%;}
.editor table {max-width: 100%!important;}

.logo { height: auto;  margin-left: 30px;}

.box-logo {float:left;margin:10px 0;}

.box-logo {width: 40%;}
 .header-right {width: 60%;} 
@media(min-width: 600px) {
 .box-logo {width: 30%;}
 .header-right {width: 70%;}  
}
@media(min-width: 991px) {
 .box-logo {width: 20%;}
 .header-right {width: 80%;}  
}
@media(min-width: 1280px) {
  .box-logo {width: 20%;}
  .header-right {width: 80%;}  

}

.slideshow img { width: 100%; }

.about-main { background-color: #f8f8f8; padding: 20px 0; }
.about-main h2 { text-align: center; font-weight: bold; font-size: 24px; }
.about-main h3 { border-bottom: 3px solid #ff7700; width: 100px; margin: 0 auto; margin-bottom: 20px; margin-top: 15px; }
.about-main .text-box { text-align: center; max-width: 750px; margin: 0 auto; margin-bottom: 30px; }
.about-main .button {  margin-bottom: 35px; text-align:  center; }
.about-main .button a { background-color: #000; padding: 8px 40px; color: #fff; }
.about-main .button a:hover { background-color: #ff7700;transition: all 0.4s; }

.main-box  { padding: 40px 0; }

.main-box .z-box { width: 100%; float: left; margin-bottom: 20px;   }
@media(min-width: 600px) {
.main-box .z-box { width: 50%; float: left; margin-bottom: 20px;   }
}
@media(min-width: 991px) {
.main-box .z-box { width: 33%; float: left; margin-bottom: 0;   }
}

.main-box .z-box h3 { font-size: 20px; margin-top: 0; border-left: 6px solid #ff7700; padding-left: 15px; line-height: 18px; margin-bottom: 20px; }
.main-box .z-box .mail a { color: #000; text-decoration: underline; }
.main-box .z-box .lookup a { color: #575757; text-decoration: underline; font-weight: bold; }

.main-box .z-box .pdf { max-width: 350px; }
.main-box .z-box .pdf  { background: #f8f8f8 url(../images/left-icon2.png) 30px center no-repeat; padding: 10px 70px; color: #000; font-size: 14px; font-weight: bold; }
.main-box .z-box .pdf:hover {  background: #ff7700 url(../images/left-icon.png) 30px center no-repeat; color: #fff; font-size: 14px; font-weight: bold; transition: all 0.4s; }

footer { text-align: center; background-color: #ff7700; padding: 15px ; color: #fff; }
footer a { color: #fff; font-weight: bold; }