@font-face {
    font-family: 'ar_bonnieregular';
    src: url('fonts/ARBONNIE/arbonnie-webfont.eot');
    src: url('fonts/ARBONNIE/arbonnie-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ARBONNIE/arbonnie-webfont.woff') format('woff'),
         url('fonts/ARBONNIE/arbonnie-webfont.ttf') format('truetype'),
         url('fonts/ARBONNIE/arbonnie-webfont.svg#ar_bonnieregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
        font-family: 'CopperplateGothic-Bold';
        src: url('fonts/CopperplateGothic-Bold/CopperplateGothic-Bold.eot');
        src: url('fonts/CopperplateGothic-Bold/CopperplateGothic-Bold.eot?#iefix') format('embedded-opentype'),
             url('fonts/CopperplateGothic-Bold/CopperplateGothic-Bold.woff') format('woff'),
             url('fonts/CopperplateGothic-Bold/CopperplateGothic-Bold.ttf') format('truetype'),
             url('fonts/CopperplateGothic-Bold/CopperplateGothic-Bold.svg#CopperplateGothic-Bold') format('svg');
        font-weight: normal;
        font-style: normal;
}

* { margin:0; padding:0;}
/* default */
h1,h2,h3,h4,h5,h6{ padding:0; margin:0; font-weight:normal;}
a { text-decoration:none;}
a img { border:0;}
ul,ol { list-style:none;}
.hidden{ text-indent:-999em; overflow:hidden;}
hr.hide-line{ padding:0; margin:0; display:none;}
.clear{ clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}/* End hide from IE Mac */
/*nojavascript*/
.nojavascript{ position:absolute; z-index:1; color:red; background:#fff; font:bold 12px 'Trebuchet MS',Arial,georgia, San-serif; border:2px red dashed; width:990px; top:0; left:50%; margin-left:-495px; }

/* Body */
body { font: 100% Arial, Helvetica, sans-serif; background:url(../images/common/bodyBG.jpg) center 913px; margin:0; padding:0; text-align: center; color:#FFF;}
#hd-wrapper { width:100%; min-width:980px; background:url(../images/common/hd-wrapper.jpg) no-repeat center top;}
#ft-wrapper { width:100%; min-width:980px; background:url(../images/common/ft-wrapper.png) no-repeat center top; background-size: cover; max-width: 1400px; margin: auto; position: relative; z-index: 999;}

/* inner pages backgrounds */
body#inner #hd-wrapper { background:url(../images/common/hd-wrapper-inner.jpg) repeat-x center top;}

/* main */
#main { position:relative; margin:0 auto; padding:0; height:100%; text-align:left; width:980px;}

/* header */
#header{ z-index:99; position:absolute; top:0; left:0; width:980px; height:130px; margin:0; padding:0;}
#header h6,#header h5,#header h4,#header h3 { position:absolute;}
#header .hd-logo { position:absolute; top:0; left:6px; margin:0; padding:0;}
#header ul { position:absolute; top:65px; right:19px; margin:0; padding:0;}
#header ul li { float:left; margin:0; padding:0 1px 0;}
#header ul li a { display:block; text-align:center; width:128px; height:60px; margin:0; padding:20px 0 0; font-size:16px; line-height:120%; color:#FFF; font-family: 'CopperplateGothic-Bold'; background:url(../images/common/navBG.png) no-repeat center top;}  
#header ul li a:hover,#header ul li.active-menu a { background:url(../images/common/nav-hover.png) no-repeat center top; color:#000;}
#header nav a#pull {
  display: none;
}
/* banner */
#banner { position:absolute; top:130px; left:0; width:980px; height:783px; margin:0; padding:0; background:url(../images/common/banner.jpg) no-repeat center top;}  
#banner .bn-img1 { position:absolute; top:122px; right:32px; margin:0; padding:0;}
#banner h6 { position:absolute; top:231px; left:27px; margin:0; padding:0; font-size:40px; line-height:120%; font-family: 'ar_bonnieregular'; text-shadow:1px 1px 1px #000}
#banner h6 span { padding:0 0 0 155px;}
#banner h5 { position:absolute; top:390px; left:25px; width:980px; text-align:center; margin:0; padding:0; font-size:16px; line-height:120%; font-family: 'CopperplateGothic-Bold';}
#banner h5 big { display:block; margin:0; padding:0; font-size:40px; line-height:120%; color:#FFCC00;}
#banner h5 a {color:#FFCC00;}
#banner .bn-bot { position:absolute; top:455px; left:0; width:980px; height:308px; margin:0; padding:20px 0 0; background:url(../images/common/bn-bot.png) no-repeat center top;}
#banner .bn-bot h4 { width:195px; height:37px; margin:0 0 0 30px; padding:13px 0 0 15px; font-size:20px; line-height:120%; font-family: 'CopperplateGothic-Bold'; background:url(../images/common/bn-services.png) no-repeat center top;}
#banner .bn-bot h4 span { color:#FFCC00;}
#banner .bn-data { width:940px; height:204px; margin:0 auto; padding:10px 0 0; background:url(../images/common/bn-botBG.jpg) repeat-y center top; border-radius:5px; -moz-border-radius:5px;}     
#banner .bn-data .bn-text { float:left; width:210px; height:194px; margin:0 0 0 20px; padding:0; text-align:center; background:url(../images/common/bn-data-textBG.jpg) no-repeat center top;}
#banner .bn-data .bn-text p { width:190px; margin:0 auto; padding:18px 0 0; font-size:12px; line-height:145%; color:#111;}
#banner .bn-data .alternate-bn-discription dd { padding-top:7px; top:5px;}
#banner .bn-data dl { position:relative; top:0; left:0; float:left; width:210px; height:194px; margin:0 0 0 20px; padding:0;}
#banner .bn-data dl dt { position:absolute; top:0; left:0; margin:0; padding:0;}
#banner .bn-data dl dd { z-index:99; position:relative; top:3px; left:5px; margin:0; padding:0 0 0 10px; font-size:16px; line-height:120%; font-family: 'CopperplateGothic-Bold';}
#banner .bn-data dl dd a { color:#FFF;}
#banner  .ct { font-size:125%; margin:80px 0 0 100px; text-align:center; width:960px; font-weight:bold; color:#FFCC00; position:relative; top:277px; right:70px;}
/* content */
body#inner #content { margin:215px 0 0; padding:10px 0 0; border-top-left-radius:5px; -moz-border-top-left-radius:5px; border-top-right-radius:5px; -moz-border-top-right-radius:5px;}
body#inner #content p big { display:block; margin:0; padding:0; font-size:15px; line-height:120%; color:#FFCC00; font-family: 'CopperplateGothic-Bold';}
body#inner #content ul { margin:0; padding:0 0 0 30px; list-style:square;}
body#inner #content ul li { margin:0; padding:0; font-size:12px; line-height:145%;}
#content{ float:left; margin:913px 0 0; padding:0; width:980px; min-height:300px; background:url(../images/common/cnBG.png) center top; color:#D6D6D6; padding-bottom: 35px;} 
#content h1 { margin:0; padding:0 0 0 15px; font-size:20px; line-height:120%; color:#238C00; font-family: 'CopperplateGothic-Bold';}
#content h6 { float:left; margin:0; padding:0 15px 0;}
#content p { margin:0; padding:0 18px 0 15px; font-size:12px; line-height:145%;}
#content p span { color:#FFCC00;}   

.cn-left { float:left; width:740px; margin:0; padding:0;}
.cn-right { float:right; width:240px; margin:0; padding:0;}
.cn-right .cn-contact-container { width:222px; height:418px; margin:0; padding:5px 0 0; color:#000; background:url(../images/common/rightBG.png) no-repeat center top}
.cn-right h4 { margin:0; padding:0 0 0 15px; font-size:14px; line-height:120%; font-family: 'CopperplateGothic-Bold';}
.cn-right h4 big { display:block; margin:0; padding:0; font-size:22px; line-height:120%; color:#228C00;}
.cn-right h4 span { display:block; margin:0; padding:0; color:#175E00;}
.cn-right .cards { text-align:center; padding:0;}
.cn-right h5 { float:none; padding:0; font-size:13px; line-height:124%; color:#1F1F1F;}
.cn-right h5 small { display:block; margin:0; padding:0; font-size:10px; line-height:120%;}
.cn-right h5 a { color:#1F1F1F;}
.cn-right h5 big { float:left; display:block; position:relative; top:0; left:0; margin:0; padding:0 10px 0;}
.cn-right h5 span { display:block; float:left; width:164px; margin:0; padding:0;}

/* footer */
#footer{ width:980px; height:81px; margin:0 auto; padding:82px 0 0; position: relative; z-index: 999; margin-top: -25px;} 
#footer p { margin:0; padding:0; font-size:16px; line-height:120%; font-family: 'CopperplateGothic-Bold';}
#footer p span { padding:0 10px 0;}
#footer p a { color:#FFF;}
#footer p a:hover,#footer p a.active-menu { color:#FFCC00;}
#footer h6 { margin:0; padding:5px 0 0; font-size:13px; line-height:120%;}
#footer h5 { margin:0; padding:0; font-size:13px; line-height:120%;}
#footer h5 a { color:#71c043;}
#footer h5 img { display:inline-block; margin:0; padding:0; width:50px; position:relative; top:5px; left:0;}
#footer h5 span { position:relative; top:0; display:inline-block; margin:0; padding:0;}#footer .viewmobile a { color: #FFCC00 }

.ctc-hide {
  display: none !important;
}

.destroy-on-load {
  display: none;
}


#footer .silver img {
  display: inline-block;
  vertical-align: middle;
  max-width: 50px;
}

#footer .silver a:hover {
  color: #3eb0f7;
}

.cta {
  display: none;
}

.inner #banner .bn-bot {
  display: none;
}

.inner #content {
  padding: 30px 10px;
  margin: 620px 0 0;
  box-sizing: border-box;
}

.inner #content ul {
    margin: 0;
    padding: 0 0 0 30px;
    list-style: square;
}

.inner #content ul li {
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 145%;
}

.inner #content p big {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 120%;
    color: #FFCC00;
    font-family: 'CopperplateGothic-Bold';
}

.inner #content .ctc-form {
  margin: 0 auto;
  text-align: center;
  color: #000;
  width: 100%;
  padding: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  outline: 3px solid #000;
  outline-offset: -5px;
}

.inner #content .ctc-form h2 {
  text-align: center !important;
  padding: 5px 0 20px;
}

.inner #content .ctc-form label {
  color: #fff;
}

.inner #content .ctc-form input[type="text"],
.ctc-form textarea {
  font-size: 16px;
  color: #000;
  height: 45px;
  display: block;
  width: 100%;
  border: 1px solid #ddd;
  padding: 5px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto 8px;
  max-width: 100%;
}

form .loading {
  width: 100%;
  margin: auto;
  max-width: 20px;
  display: none;
}

.inner #content .ctc-form textarea {
  height: 120px;
  padding-top: 10px;
}

.inner #content .ctc-form button {
  display: block;
}

.inner #content .ctc-form .recap {
  display: inline-block;
}

.inner #content .ctc-form .g-recaptcha > div {
  margin: 0 auto 10px;
}


#Contact_Box { 
  width: 500px; 
  margin: 10px auto; 
  padding: 10px 0px 5px 0px; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 13px; 
  font-weight: normal; 
  color: #333; 
  background-color:#F6F1E6; 
  border: 1px #FFCB05 solid; 
  text-align: left; 
  line-height: 1.3; 
  }
  
#Contact_Box .Contact_Clear { 
  clear: both; 
  display: block; 
  height: 0px; 
  margin: 0; 
  padding: 0; 
  }

#Contact_Box .Address_Box { 
  float: left; 
  width: 200px; /* 250 */ 
  padding: 3px 0px 0px 30px !important; 
  margin: 0px 0px 0px 0px; 
  background: url(../images/contact/home_icon.gif) no-repeat 5px 0px; 
  overflow: hidden; 
  }
    
#Contact_Box div { 
  float: left; 
  width: 250px; /* 250 */ 
  margin: 0; 
  }

#Contact_Box div .Phone_Box { 
  float: left; 
  width: 210px; /* 250 */ 
  padding: 3px 10px 10px 30px !important; 
  margin: 0; 
  background: url(../images/contact/phone_icon.gif) no-repeat 5px 0px; 
  overflow: hidden; 
  }

#Contact_Box div .Email_Box { 
  float: left; 
  width: 210px; /* 250 */ 
  padding: 3px 10px 0px 30px !important; 
  margin: 0; 
  background: url(../images/contact/email_icon.gif) no-repeat 5px 0px; 
  overflow: hidden; 
  }

#Contact_Box div .Email_Box a {

  }
  
#Contact_Box p a{ color:#000000; text-decoration:none;}   
#Contact_Box p a:hover{ text-decoration:underline;}   

/* Contact Form */
#Form_Container { 
  width: 500px; 
  margin: 10px auto; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px !important; 
  font-weight: normal; 
  color: #333; 
  background-color: #F6F1E6; 
  border: 1px #FFCB05 solid; 
  line-height:1;
  text-align:left;
  color:#000;
  }
  
#Form_Container h2 { 
  float: left; 
  width: 498px; 
  margin: 0 auto; 
  padding: 5px 0px 8px 0px; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 13px; 
  font-weight: bold; 
  color: #000; 
  background-color: #FFCB05; 
  border: 1px #F9F8F5 solid; 
  text-align: center; 
  }
  
#Form_Container form .Form_Full { 
  clear: both;
  /*float: left;*/ 
  width: 500px; /* 500px */ 
  margin: 0; 
  padding: 5px 0px 0px 0px; 
  }

#Form_Container form .Form_Text { 
  clear: both;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 13px; 
  font-weight: normal; 
  color: #000; 
  text-align: center;
  padding: 5px 0px 3px 0px !important;
  margin: 0;
  }

#Form_Container span.required { 
  color: #F00; 
  }

#Form_Container form .Form_Full label { 
  float: left; 
  width: 90px; /* 100px */ 
  margin: 0px 0px 0px 20px; 
  padding: 8px 5px 0px 5px; 
  }

#Form_Container form .Form_Full p { 
  float: left; 
  width: 350px; /* 380px */ 
  margin: 0; 
  padding: 5px 5px 0px 5px !important; 
  }

#Form_Container form .Form_Full p input { 
  margin: 0; 
  width: 345px; /* 365px */ 
  border: 1px #CCC solid; 
  }

#Form_Container form .Form_Full p textarea { 
  margin: 0; 
  width: 345px; /* 365px */ 
  border: 1px #CCC solid; 
  }
      
#Form_Container form .Form_Half { 
  float: left; 
  width: 240px; 
  padding: 5px 0px 0px 0px; 
  }

#Form_Container form .Form_Half label { 
  float: left; 
  width: 95px; 
  margin: 0px 0px 0px 20px; 
  padding: 5px 0px 0px 5px; 
  }

#Form_Container form .Form_Half label.center { 
  text-align: center; 
  }
  
#Form_Container form .Form_Half p { 
  float: left; 
  width: 100px; 
  margin: 0; 
  padding: 5px 0px 0px 5px !important; 
  }

#Form_Container form .Form_Half p input { 
  float: left; 
  width: 100px; 
  margin: 0; 
  padding: 0; 
  border: 1px #CCC solid; 
  }

#Form_Container form .Form_Half p select { 
  float: left; 
  width: 90px; 
  margin: 0; 
  padding: 0; 
  border: 1px #CCC solid; 
  }

#Form_Container form .Form_Submit { 
  clear: both; 
  width: 305px; /* 500px */ 
  margin: 0; 
  padding: 20px 0px 15px 195px; 
  }

#Form_Container form .Form_Submit input { 
  margin: 0; 
  }

/* Form Submit */
#Form_Submit_Container { 
  width: 500px; 
  margin: 10px auto; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12px; 
  font-weight: normal; 
  color: #333; 
  text-align: center;
  }
  
#Form_Submit_Container h4 { 
  margin: 0; 
  padding: 10px 0px 10px 0px; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 16px; 
  font-weight: bold; 
  color: #000; 
  text-align: center; 
  }

/* Email Template */
#Email_Template {
  width: 500px;
  border: 1px #FFCB05 solid; 
  margin: 0 auto;
  background-color: #F3F1EB;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 2px 2px;
  empty-cells: show;
  font-size:12px; 
  color:#000;
  }

#Email_Template th {
  width: 115px; /* 120px */
  text-align: left;
  padding: 3px 0px 3px 5px;
  background: #F9F8F5;
  vertical-align: top;
  }

#Email_Template td {
  width: 380px;
  text-align: left;
  overflow: hidden;
  }
  
#errorCode{ text-align:center; margin:0 auto; width:500px; font-size:12px; color:#F00; padding-top:10px;}

#Email_Message{ width:500px; text-align:center; margin:0 auto; padding:15px 0 0 0;}
@media screen and (max-width: 768px) {
  body {
    min-width: 320px;
  }

  #main,
  #header,
  #banner,
  #banner h5,
  #banner .ct,
  #banner .bn-bot,
  #banner .bn-data,
  .cn-left,
  #content,
  #footer {
    width: 100%;
  }

  #hd-wrapper,
  #ft-wrapper {
    min-width: 100%;
  }

  #header {
    position: relative;
    height: auto;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }

  #header nav {
    display: block;
    height: auto;
    width: 100%;
  }

  #header nav ul {
    max-width: 100%;
    display: none;
    height: auto;
    background: #000;
    position: relative;
    top: 0;
    right: 0;
  }

  #header nav ul li {
    max-width: 100%;
    position: relative;
    text-align: left;
    display: block;
    float: none;
  }

  #header nav ul li a {
    padding: 0;
    width: 100%;
    background: none;
    color: #fff;
  }

  #header nav ul li a {
    text-align: left;
    width: 100%;
    text-indent: 25px;
    height: auto;
    padding: 10px 0;
    text-align: left;
  }

  #header nav a#pull {
    display: block;
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(#5c0c98),
      to(#3f1065)
    );
    background: -o-linear-gradient(left, #5c0c98, #3f1065);
    background: linear-gradient(to right, #5c0c98, #3f1065);
    width: 100%;
    position: relative;
    height: 45px;
    color: #fff;
    z-index: 999;
    padding-left: 20px;
    box-sizing: border-box;
  }

  #header nav a#pull:after {
    content: "";
    background: url("../images/nav-icon.png") no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 13px;
  }

  #header nav a#pull strong {
    line-height: 45px;
  }

  #header ul li a:hover, 
  #header ul li.active-menu a {
    background: none;
    color: #fff;
  }

  #header .hd-logo {
    position: relative;
  }

  #banner {
    height: auto;
    padding: 20px 10px;
    box-sizing: border-box;
    position: relative;
    background-size: cover !important;
  }

  #banner::before {
    content: "";
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
  }

  #banner h6 {
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 30px;
  }

  #banner h6 span {
    padding: 0;
  }

  #banner .ct {
    margin: auto;
    right: 0;
    top: 0;
    font-size: 17px;
  }

  #banner h5 big {
    font-size: 25px;
  }

  #banner,
  #banner h6,
  #banner h5,
  #banner .bn-img1 {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    padding: 10px 0;
  }

  #banner .bn-img1 {
    width: 100%; 
    max-width: 376px;
  }

  #banner .bn-bot {
    position: relative;
    top: 0;
    height: auto;
  }

  #banner .bn-bot h4 {
    margin: 0;
    padding-left: 0;
    background-size: 100% 100% !important;
  }

  #banner .bn-data {
    height: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    column-gap: 10px;
  }

  #banner .bn-data .bn-text,
  #banner .bn-data dl {
    float: none;
    margin: 10px;
  }

  #banner .bn-data dl dd {
    text-align: left;
  }

  #content {
    margin: 0;
    float: none;
  }

  .cn-left,
  .cn-right {
    float: none;
  }

  .home #content {
    padding: 30px 10px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  #content h6 {
    float: none;
    text-align: center;
    padding-bottom: 10px;
  }

  #content h6 img {
    width: 100%;
    max-width: 300px;
  }

  .cn-right .cn-contact-container {
    margin: 20px 0 0;
  }

  #footer {
    height: auto;
  }

  #footer p {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 0;
  }

  .inner #content {
    margin: 0;
  }

}