@charset "UTF-8";
@-ms-viewport {
  width: device-width;
}
/*Asenine Font*/
@font-face {
  font-family: Asenine;
  src: url('fonts/ASENINE.TTF') format('truetype');
}
@font-face {
  font-family: Asenine Thin;
  src: url('fonts/ASENINE THIN.TTF') format('truetype');
}
@font-face {
  font-family: Asenine Wide;
  src: url('fonts/ASENINE WIDE.TTF') format('truetype');
}
/**{
	transition-property: font-size, padding, margin, height, width, left, right, top, bottom, border;
	transition-duration: 0.25s;
	transition-timing-function: cubic-bezier(.1,.8,.2,1);
}*/
.floatfix:after {
  content: "";
  display: block;
  clear: both;
}
html {
  behavior: url(libraries/PIE.htc);
  /*font-family: 'Open Sans', sans-serif;*/
  font-family: sans-serif;
}
html, body {
  margin: 0;
  padding: 0;
  background-color: #cdcdcd;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-size: 14px;
  line-height: 1.35rem;
  min-width: 530px;
  /*Scroll Bars*/
  -ms-scrollbar-face-color: #777;
  -ms-scrollbar-arrow-color: #c80100;
  -ms-scrollbar-base-color: #777;
  -ms-scrollbar-track-color: #FFF;
  -ms-scrollbar-highlight-color: #777;
  -ms-scrollbar-shadow-color: #777;
  -ms-scrollbar-3dlight-color: #777;
  -ms-scrollbar-darkshadow-color: #777;
  /*-ms-overflow-style: scrollbar;*/
}
::selection {
  background: #c80100;
  color: #FFF;
}
a:link, a:visited {
  color: #c80100;
  text-decoration: none;
}
a:hover {
  color: #F00;
}
p a:hover, .GoogleNewsLink a:hover {
  text-decoration: underline;
}
a:hover:active {
  color: #900;
}
p a:hover:active, .GoogleNewsLink a:hover:active {
  background-color: rgba(255, 0, 0, 0.125);
}
input, textarea {
  outline: none;
  box-sizing: border-box;
  padding: 4px;
  margin: 0;
  border: 1px solid #BBB;
  border-color: rgba(0, 0, 0, 0.25);
  font-size: 18px;
  color: #555;
}
textarea {
  font-family: sans-serif;
  font-size: 14px;
}
input:hover, textarea:hover, label:hover input, label:hover textarea {
  border-color: rgba(255, 0, 0, 0.5);
  color: #000;
}
input:hover:active, textarea:hover:active, label:hover:active textarea {
  border-color: red;
  color: #000;
}
input:focus, textarea:focus {
  border-color: #c80100;
  color: #000;
}
button, input[type="button"], input[type="submit"], input[type="reset"] {
  outline: none;
  margin: 0;
  padding: 6px 12px;
  color: #c80100;
  background-color: #FFF;
  border: 1px solid #DDD;
  border-color: rgba(0, 0, 0, 0.125);
}
button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
  color: #F00;
  background-color: #EEE;
}
button:hover:active, input[type="button"]:hover:active, input[type="submit"]:hover:active, input[type="reset"]:hover:active {
  color: #FFF;
  background-color: #c80100;
  border-color: #c80100;
}
.split-control > *:not(:last-child):not(:hover):not(:active) {
  border-right-width: 0px !important;
}
.split-control > *:hover + *, .split-control > *:active + * {
  border-left-width: 0px !important;
}
@keyframes loader {
  from {
    transform: scale(0);
    opacity: 1;
  }
  to {
    transform: scale(2);
    opacity: 0;
  }
}
.loader {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
}
.loader:before, .loader:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #c80100;
  transform: scale(0);
  animation-name: loader;
  animation-duration: 0.75s;
  animation-iteration-count: infinite;
}
.loader:after {
  animation-delay: 0.325s;
}
ul.h-list, ul.h-sub-list, ul.v-list {
  margin: 0;
  padding: 0;
}
ul.h-list > li, ul.h-sub-list > li, ul.v-list > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.h-list > li, ul.h-sub-list > li {
  display: inline-block;
  zoom: 1;
  /**display: inline;*/
}
.grid {
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}
.grid#content, #footer > .grid {
  padding: 6px 34px 12px 34px;
}
.grid > .row {
  display: table;
  width: 100%;
  border-spacing: 6px;
  margin-bottom: -6px;
}
.box .grid > .row {
  border-spacing: 0;
  margin-bottom: 0;
}
[class*='cell'] > .grid {
  margin: -6px;
  width: auto;
}
.grid > .row > [class*='cell'] {
  display: table-cell;
}
.grid.floated > [class*='cell'] {
  display: block;
  float: left;
}
.grid .cell {
  width: auto;
}
.grid .cell-1_2 {
  width: 50%;
}
.grid .cell-1_4 {
  width: 25%;
}
.grid .cell-3_4 {
  width: 75%;
}
.grid .cell-1_8 {
  width: 12.5%;
}
.grid .cell-1_3 {
  width: 33.333333333%;
}
.grid .cell-2_3 {
  width: 66.666666666%;
}
.grid .cell-2_3_right {
  width: 66.333333333%;
}
.grid .cell-1_3_right {
  width: 33.333333334%;
}
.grid .cell-2_3_left {
  width: 66.666666667%;
}
.box {
  padding: 0px;
  box-sizing: border-box;
  border: 4px solid #DDD;
  border-color: rgba(0, 0, 0, 0.04);
  background-clip: padding-box;
  background-color: #FFF;
  color: #333;
  font-size: 14px;
}
[class*='cell'] > .box {
  margin-bottom: 6px;
  height: 100%;
}
.box > h1, .box > h2, .box > h3, .box > h4, .box > h5, .box > h6, .box > a:first-child {
  margin: 0;
  padding: 6px 18px;
  background-color: #F8F8F8;
  background-color: rgba(0, 0, 0, 0.02);
  border-width: 1px 0px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.03125);
  color: #777;
  font-size: 18px;
}
.box > h3 {
  font-size: 14px;
  font-weight: bold;
  color: #000;
}
.box > h1:first-child, .box > h2:first-child, .box > h3:first-child, .box > h4:first-child, .box > h5:first-child, .box > h6:first-child, .box > a:first-child {
  border-top-width: 0;
}
@keyframes arrow-bounce {
  0% {
    animation-timing-function: cubic-bezier(0.1, 0.8, 0.2, 1);
  }
  50% {
    transform: translateX(6px);
  }
  100% {
    animation-timing-function: cubic-bezier(0.6, 0, 0.9, 0.3);
  }
}
.box > a:first-child {
  display: block;
  padding: 6px 18px;
  color: #777;
}
.box > a:first-child:hover {
  color: #F00;
}
.box > a:first-child:hover:active {
  color: #900;
  background-color: #F2F2F2;
}
.box > a:first-child:after {
  float: right;
  content: "";
  margin-top: 4px;
  width: 7px;
  height: 11px;
  background-image: url(images/template/header-arrow.png);
}
.box > a:first-child:hover:after {
  background-position: 0px -11px;
}
.box > a:first-child:hover:active:after {
  background-position: 0px -22px;
}
.box > p, [class*='cell'] > p, .box > .padded, [class*='cell'] > .padded {
  margin: 0;
  text-align: justify;
  padding: 6px 18px 18px 18px;
}
/*.box > p:last-child,
[class*='cell'] > p:last-child,
.box > .padded:last-child,
[class*='cell'] > .padded:last-child{
	padding: 6px 18px 12px 18px;
}
.box > img.float-left*/
.box > p > img {
  float: left;
  margin: 0.25em 1em 0.5em 0em;
}
.box > p > img.center {
  display: block;
  float: none;
  margin: 1em auto;
  max-width: 100%;
  width: 100%;
  height: auto;
}
.box > p:last-child > img.center {
  margin-bottom: 0;
}
@keyframes border-flash {
  0% {
    animation-timing-function: cubic-bezier(0.1, 0.8, 0.2, 1);
  }
  20% {
    border-color: rgba(255, 0, 0, 0.5);
  }
  100% {
    animation-timing-function: ease;
  }
}
@keyframes text-flash {
  0% {
    animation-timing-function: cubic-bezier(0.1, 0.8, 0.2, 1);
  }
  20% {
    color: #F00;
  }
  100% {
    animation-timing-function: ease;
  }
}
@keyframes background-flash {
  0% {
    animation-timing-function: cubic-bezier(0.1, 0.8, 0.2, 1);
  }
  20% {
    background-color: rgba(255, 0, 0, 0.125);
    border-color: rgba(255, 0, 0, 0.125);
  }
  100% {
    animation-timing-function: ease;
  }
}
.box:target {
  animation-name: border-flash;
  animation-duration: 5s;
  animation-delay: 0.25s;
}
.box:target > h1, .box:target > h2, .box:target > h3, .box:target > h4, .box:target > h5, .box:target > h6, ul.item-list:target {
  animation-name: background-flash;
  animation-duration: 5s;
  animation-delay: 0.25s;
}
ul.item-list:target > li > h1, ul.item-list:target > li > h2, ul.item-list:target > li > h3, ul.item-list:target > li > h4, ul.item-list:target > li > h5, ul.item-list:target > li > h6 {
  animation-name: text-flash;
  animation-duration: 5s;
  animation-delay: 0.25s;
}
ul.item-list {
  padding: 0px;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
}
.box > ul.item-list:last-child, [class*='cell'] > ul.item-list:last-child {
  padding-bottom: 12px;
}
ul.item-list > li {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 0px 12px;
  margin-top: -1px;
}
ul.item-list.static {
  list-style: disc inside !important;
}
ul.item-list.static > li {
  display: list-item;
  padding: 7px 6px;
  margin: 0px 12px;
  width: auto;
  background: transparent !important;
  border-bottom: 1px solid #DDD;
  border-bottom-color: rgba(0, 0, 0, 0.125);
}
ul.item-list > li.separator {
  box-sizing: border-box;
  margin: 12px 12px 0px 12px;
  width: auto;
  border-bottom: 1px solid #DDD;
  border-bottom-color: rgba(0, 0, 0, 0.125);
}
ul.item-list:first-of-type > li:first-child {
  margin-top: 0;
}
ul.item-list > li:hover:active {
  background-color: rgba(0, 0, 0, 0.03125);
}
ul.item-list > li > * {
  display: block;
  box-sizing: border-box;
  margin: 0;
  padding: 7px 6px 6px 6px;
  width: 100%;
  text-align: left;
  font-size: 14px;
  font-weight: normal;
}
ul.item-list > li > * > img {
  text-align: center;
  display: block;
  margin: 0;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.25);
}
ul.item-list > li > a, ul.item-list > li > label, ul.item-list > li > span, ul.item-list > li > h1, ul.item-list > li > h2, ul.item-list > li > h3, ul.item-list > li > h4, ul.item-list > li > h5, ul.item-list > li > h6 {
  background-color: transparent;
  border: none;
}
ul.item-list > li.header-link {
  padding: 0;
}
ul.item-list > li.header-link > a {
  display: block;
  font-size: 28px;
  padding: 7px 18px 6px 18px;
}
a .deemphasize {
  color: #888;
  font-size: 12px;
}
ul.item-list > li.header-link ~ li {
  padding-left: 24px;
}
ul.item-list > li > a:last-child, ul.item-list > li > label:last-child, ul.item-list > li > span:last-child, ul.item-list > li > h1:last-child, ul.item-list > li > h2:last-child, ul.item-list > li > h3:last-child, ul.item-list > li > h4:last-child, ul.item-list > li > h5:last-child, ul.item-list > li > h6:last-child {
  border-bottom: 1px solid #DDD;
  border-bottom-color: rgba(0, 0, 0, 0.125);
}
ul.item-list > li > h1 {
  font-size: 18px;
}
ul.item-list.static > li:last-child, ul.item-list:last-of-type > li:last-child > a, ul.item-list:last-of-type > li:last-child > label, ul.item-list:last-of-type > li:last-child > span, ul.item-list:last-of-type > li:last-child > h1, ul.item-list:last-of-type > li:last-child > h2, ul.item-list:last-of-type > li:last-child > h3, ul.item-list:last-of-type > li:last-child > h4, ul.item-list:last-of-type > li:last-child > h5, ul.item-list:last-of-type > li:last-child > h6 {
  border-bottom: none;
}
ul.item-list > li > label {
  padding: 7px 0px 6px 0px;
  text-align: right;
  display: table;
  border-spacing: 0;
}
ul.item-list > li > .no-h-padding {
  padding: 7px 0px 6px 0px;
}
ul.item-list > li > .padded {
  padding-left: 37px;
  padding: 10px 6px 9px 40px;
}
ul.item-list > li > label.stacked {
  display: block;
  padding: 7px 0px 6px 0px;
}
ul.item-list > li > label > .item-label {
  display: table-cell;
  vertical-align: middle;
  user-select: none;
  padding-left: 6px;
  text-align: left;
  color: #777;
}
ul.item-list > li > label > .error-label {
  display: table-cell;
  vertical-align: middle;
  user-select: none;
  padding-left: 6px;
  text-align: left;
  color: #c80100;
}
ul.item-list > li > label:hover > .item-label {
  color: #c80100;
}
ul.item-list > li > label:hover:active > .item-label {
  color: #600;
}
ul.item-list > li > label.stacked > .item-label, ul.item-list > li > label.stacked > input, ul.item-list > li > label.stacked > textarea {
  width: 100%;
  display: block;
}
ul.item-list > li > label.stacked > .item-label {
  padding: 0px 6px;
}
ul.item-list > li > label > .item-label:after {
  content: ":";
}
ul.item-list > li > label > input {
  /*display: table-cell;*/
}
ul.item-list > li > label > input:focus, ul.item-list > li > label > textarea:focus {
  /*border-color:#c80100;*/
}
ul.item-list > li > label > textarea, ul.item-list > li > label.stacked > input {
  resize: none;
  margin: 6px 0px 5px 0px;
  width: 100%;
}
ul.item-list > li > button, ul.item-list > li:last-child > button {
  padding-top: 6px;
  font-size: 18px;
}
ul.item-list > li > a:before, ul.item-list > li > button:before {
  content: "";
  display: block;
  float: right;
  margin-top: 0.2em;
  width: 7px;
  height: 11px;
}
ul.item-list > li > a:before {
  background-image: url(images/template/link-arrow.png);
}
ul.item-list > li > button:before {
  background-image: url(images/template/button-arrow.png);
  margin-top: 3px;
}
ul.item-list > li.icon > a:before, ul.item-list > li.icon > button:before {
  margin-top: 8px;
}
ul.item-list > li > a:hover:before, ul.item-list > li > button:hover:before {
  background-position: 0px -11px;
}
ul.item-list > li > a:hover:active:before, ul.item-list > li > button:hover:active:before {
  background-position: 0px -22px;
}
[class^="list-icon-"] {
  display: inline-block;
  vertical-align: middle;
  width: 26px;
  height: 26px;
  background-color: #C80100;
  background-repeat: no-repeat;
  background-size: 26px auto;
  color: #FFF !important;
  /*background-origin: border-box;

	border: 1px solid rgba(0,0,0,0.25);
	border-radius: 3px;

	box-sizing: border-box;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.25);*/
}
a[class^="list-icon-"]:hover, a:hover [class^="list-icon-"] {
  background-color: #F00;
}
[class^="list-icon-"]:hover:active, a:hover:active [class^="list-icon-"] {
  background-color: #900;
}
.h-list a {
  text-align: center;
}
.h-list [class^="list-icon-"] {
  display: block;
  margin: 0 auto;
}
.h-list.large-icons > li {
  vertical-align: top;
}
.h-list [class^="list-icon-"] + .iconlink-text {
  display: block;
  text-align: center;
  width: 100px;
}
.v-list [class^="list-icon-"] + .iconlink-text, .item-list [class^="list-icon-"] + .iconlink-text {
  /*height: 26px;*/
  vertical-align: middle;
  margin-left: 8px;
  /*font-size: $text-small;*/
}
.quote, .grid.quotes > .row > [class*='cell'] {
  position: relative;
  background: #FDD;
  padding: 24px 0px !important;
  font-size: 14px;
  color: #600;
}
.grid.quotes > .row > [class*='cell'] > p {
  position: relative;
}
.quote:before, .quote:after, .grid.quotes > .row > [class*='cell'] > p:before, .grid.quotes > .row > [class*='cell'] > p:after {
  display: block;
  position: absolute;
  font-family: "Times New Roman", Times, serif;
  font-size: 72px;
  color: #FBB;
}
.quote:before, .grid.quotes > .row > [class*='cell'] > p.quote-text:before {
  content: "“";
  top: 0px;
  left: 0.1em;
}
.quote:after, .grid.quotes > .row > [class*='cell'] > p.quote-text:after {
  content: "”";
  bottom: -15px;
  right: 0.1em;
}
.quote .person, .grid.quotes > .row > [class*='cell'] .person {
  display: block;
  margin-top: 6px;
  font-size: 18px;
  font-style: italic;
  text-align: right;
  color: #C66;
}
.quote .person:before, .grid.quotes > .row > [class*='cell'] .person:before {
  content: "- ";
}
.grid.quotes {
  padding: 6px;
}
.grid.quotes > .row {
  border-spacing: 6px;
  margin-bottom: -6px;
}
.grid.quotes > .row:last-child {
  margin-bottom: 0;
}
#top {
  background-color: #d6d0c5;
}
#top a {
  color: #555;
  text-decoration: none;
  font-weight: bold;
}
#top a:hover {
  color: #c80100;
}
#top a:hover:active {
  color: #600;
}
#top-header {
  height: 100px;
  border-bottom: 12px solid #FFF;
  position: relative;
}
#top-pattern {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 82px;
  border-bottom: 3px solid #c80100;
  background-color: #cecece;
  background-image: url(images/template/toppattern.png);
  background-repeat: repeat-x;
}
#top-logo, #top-social {
  user-select: none;
  position: absolute;
  bottom: 0;
  border-color: transparent;
  border-color: rgba(255, 255, 255, 0.5);
  border-style: solid;
  border-width: 6px 6px 0px 6px;
  background-clip: padding-box;
  background-color: #FFF;
}
#top-logo {
  left: 48px;
  /*padding: 12px 20px;
	padding: 8px 20px 6px 20px;*/
  text-align: center;
  font-size: 0;
}
#logo {
  display: inline-block;
  background-image: url(images/template/Jtd-Logo-large.png);
  background-repeat: no-repeat;
  width: 422px;
  height: 71px;
}
#top-social {
  right: 48px;
  padding: 6px 6px 0px 6px;
  transition-property: none;
}
#bottom-social {
  margin: 0 auto;
  text-align: left;
}
[class^="list-icon-social-"] {
  background-image: url(images/template/social-icons.png);
}
.large-icons [class^="list-icon-social-"] {
  width: 100px;
  height: 100px;
  background-image: url(images/template/social-icons-100.png);
  background-size: 100px auto;
}
.list-icon-social-phone-landline {
  background-position: 0px -52px;
}
.list-icon-social-phone-mobile {
  background-position: 0px -78px;
}
.list-icon-social-phone-landline + .iconlink-text:before, .list-icon-social-phone-mobile + .iconlink-text:before {
  content: "Call ";
}
.list-icon-social-email {
  background-position: 0px -26px;
}
.list-icon-social-email + .iconlink-text:before {
  content: "Email ";
}
.list-icon-social-phone-landline + .iconlink-text, .list-icon-social-phone-mobile + .iconlink-text, .list-icon-social-email + .iconlink-text {
  user-select: text;
}
/*[class^="list-icon-social-"] + .iconlink-text:after{content:"";}*/
.list-icon-social-facebook {
  background-color: #3B5999;
  background-position: 0px -104px;
}
#top-social [class^="list-icon-social-"] {
  width: 26px;
  display: block;
}
.large-icons .list-icon-social-facebook {
  background-position: 0px -100px;
}
a.list-icon-social-facebook:hover, a:hover .list-icon-social-facebook {
  background-color: #5174BB;
}
.list-icon-social-facebook:hover:active, a:hover:active .list-icon-social-facebook {
  background-color: #2F4677;
}
/*.list-icon-social-facebook + .iconlink-text{color: #3B5999;}
a:hover .list-icon-social-facebook + .iconlink-text{color: #5174BB;}
a:hover:active .list-icon-social-facebook + .iconlink-text{color: #2F4677;}*/
.list-icon-social-facebook + .iconlink-text:before {
  content: "Like ";
}
.list-icon-social-facebook + .iconlink-text:after {
  content: " on Facebook";
}
.list-icon-social-twitter {
  background-color: #00ACED;
  background-position: 0px -130px;
}
.large-icons .list-icon-social-twitter {
  background-position: 0px -200px;
}
a.list-icon-social-twitter:hover, a:hover .list-icon-social-twitter {
  background-color: #26C4FF;
}
.list-icon-social-twitter:hover:active, a:hover:active .list-icon-social-twitter {
  background-color: #008BBF;
}
/*.list-icon-social-twitter + .iconlink-text{color: #00ACED;}
a:hover .list-icon-social-twitter + .iconlink-text{color: #26C4FF;}
a:hover:active .list-icon-social-twitter + .iconlink-text{color: #008BBF;}*/
.list-icon-social-twitter + .iconlink-text:before {
  content: "Follow @";
}
.list-icon-social-twitter + .iconlink-text:after {
  content: " on Twitter";
}
.list-icon-social-linkedin {
  background-color: #006699;
  background-position: 0px -156px;
}
.large-icons .list-icon-social-linkedin {
  background-position: 0px -300px;
}
a.list-icon-social-linkedin:hover, a:hover .list-icon-social-linkedin {
  background-color: #008CD0;
}
.list-icon-social-linkedin:hover:active, a:hover:active .list-icon-social-linkedin {
  background-color: #00486A;
}
/*.list-icon-social-linkedin + .iconlink-text{color: #006699;}
a:hover .list-icon-social-linkedin + .iconlink-text{color: #008CD0;}
a:hover:active .list-icon-social-linkedin + .iconlink-text{color: #00486A;}*/
.list-icon-social-linkedin + .iconlink-text:before {
  content: "Follow ";
}
.list-icon-social-linkedin + .iconlink-text:after {
  content: " on LinkedIn";
}
#top-phone {
  position: absolute;
  bottom: 24px;
  right: 47px;
  color: #555;
  text-align: center;
  font-size: 14px;
}
#top-social + #top-phone {
  bottom: 46px;
}
#top-phone .colon {
  color: #c80100;
}
#top-phone .colon:after {
  content: ":";
}
[class*="phone-icon-"] {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-bottom: -1px;
  background-image: url(images/template/phone-icons.png);
}
.phone-icon-mobile {
  background-position: 0px -12px;
}
#top-banner {
  height: 192px;
  height: auto;
  padding: 20px 20px 0px 20px;
  background-color: #FFF;
  border-color: #d6d0c5;
  border-style: solid;
  border-width: 40px 20px 0px 20px;
}
#banner-images {
  display: table;
  margin-bottom: -20px;
}
#banner-images * {
  transition: none;
}
#banner-images > #center-text {
  box-sizing: border-box;
  display: table-cell;
  width: auto;
  height: 100%;
  padding: 0;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
}
#banner-images > #center-text h1 {
  margin: 0;
  padding: 6px 12px 4px 12px;
  color: #777;
}
#banner-images > #center-text h1 .strap-line {
  font-size: 18px;
  display: block;
}
#banner-images > #center-text h1 .call-to-action {
  font-size: 28px;
  display: block;
  margin-top: 4px;
  line-height: 1.4em;
}
@media screen and (min-width: 960px) and (max-width: 1110px) {
  #banner-images > #center-text h1 .call-to-action {
    font-size: 22px;
    margin-top: 2px;
  }
}
#banner-images > #center-text p {
  margin: 0;
  padding: 0px 12px 6px 12px;
  font-size: 11px;
  color: #333;
}
#banner-images > [id^="image-"] {
  display: table-cell;
  width: 40%;
}
#banner-images > [id^="image-"] > img {
  display: block;
  width: 100%;
  height: auto;
}
#banner-images > #image-2 {
  text-align: right;
}
#top-nav-bar {
  padding: 18px 40px 0 40px;
  user-select: none;
  background-color: #c80100;
  border-top: 40px solid #FFF;
  border-bottom: 12px solid #FFF;
}
#top-nav-bar #menu-button {
  position: relative;
  z-index: 100;
  display: none;
  visibility: hidden;
  margin: 0;
  padding: 8px 17px 6px 18px;
  background-color: #c80100;
  border-bottom: 3px solid #dadada;
  color: #FFBFBF;
}
#top-nav-bar #menu-button:hover {
  background-color: #F33;
  color: #FFF;
}
#top-nav-bar #menu-button:hover:active {
  background-color: #900;
  color: #F99;
}
#top-nav-bar #menu-button:after {
  content: "";
  display: block;
  float: right;
  width: 11px;
  height: 7px;
  margin-top: 6px;
  background-image: url(images/template/top-menu-arrow.png);
  transition: transform 0.25s cubic-bezier(0.1, 0.8, 0.2, 1);
}
#top-nav-bar #menu-button:hover:after {
  background-position: 0px -7px;
}
#top-nav-bar #menu-button:hover:active:after {
  background-position: 0px -14px;
}
#top-nav-bar[data-open="1"] #menu-button:after {
  transform: rotate(180deg) translateY(2px);
}
#top-nav-bar > ul {
  position: relative;
  padding: 0px 8px;
  border-color: #dadada;
  border-style: solid;
  border-width: 4px 4px 0px 4px;
  background-color: #FFF;
}
#top-nav-bar > ul:before, #top-nav-bar > ul:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  box-sizing: border-box;
  border-top: 2px solid #dadada;
  border-bottom: 12px solid #d6d0c5;
  background-color: #a5a5a5;
  width: 44px;
  height: 18px;
}
#top-nav-bar > ul:before {
  left: -44px;
  box-shadow: inset -4px 0px rgba(255, 255, 255, 0.25);
}
#top-nav-bar > ul:after {
  right: -44px;
  box-shadow: inset 4px 0px rgba(255, 255, 255, 0.25);
}
#top-nav-bar li {
  padding: 9px 0px 0px 0px;
  position: relative;
}
#top-nav-bar li > a {
  padding: 11px 12px 13px 12px;
  font-size: 14px;
}
#top-nav-bar li > a:hover:active {
  background-color: rgba(255, 0, 0, 0.125);
}
#top-nav-bar li.menu > a {
  cursor: pointer;
  border: 4px solid #FFF;
  border-bottom: none;
  border-top: none;
  position: relative;
  transition-duration: 0.5s;
}
#top-nav-bar li ul {
  position: absolute;
  z-index: 100;
  border: 4px solid #FFF;
  border-top: none;
  top: 40px;
  left: 0;
  min-width: 200px;
  color: red;
  background-color: #EEE;
  background-clip: padding-box;
  visibility: hidden;
  opacity: 0;
  box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.0625);
  transform: translate(-25%, -25%) scale(0.5);
  transition-property: visibility, opacity, transform;
  transition-delay: 0s, 0s, 0.5s;
  transition-duration: 0.5s, 0.5s, 0s;
}
#top-nav-bar li li {
  display: block;
  padding: 0;
  border-top: 1px solid #FFF;
}
#top-nav-bar li li:first-child {
  border-top: none;
}
#top-nav-bar li li a {
  display: block;
  text-align: left;
}
#top-nav-bar li li a:hover {
  background-color: #FFF;
}
#top-nav-bar-mobile {
  Display: none;
}
#content {
  background-color: #f5f5f5;
}
#footer {
  display: block;
  border-top: 3px solid #c80100;
}
#footer .box {
  border-color: #C0C0C0;
  border-color: rgba(0, 0, 0, 0.04);
  color: #333;
  font-size: 14px;
}
#footer .box > h1 {
  background-color: #D0D0D0;
  background-color: rgba(0, 0, 0, 0.04);
}
/*-------form styling------------------------------------------*/
.wpdevart-forms.default-skin.forms-general-styling {
  background: none;
  padding: 0px 20px 20px 20px;
  box-sizing: border-box;
}
.wpdevart-forms.default-skin.forms-general-styling label {
  font-size: 14px;
  font-weight: 500;
}
/*input fields*/
.wpdevart-forms.default-skin.forms-general-styling input[type="text"] {
  width: 100%;
  max-width: 40rem;
  border: solid 1px #ccc;
  height: 1.5em;
  font-size: 1.25em;
  background-color: #fff;
}
.wpdevart-forms.default-skin.forms-general-styling label {
  margin-top: 0.75rem;
  margin-bottom: 0;
}
/*checkboxes*/
.wpdevart-forms.default-skin.forms-general-styling .wpdevart-sub-fields .checkboxradios {
  display: block;
  padding-left: 24px;
  font-style: italic;
  font-weight: 100;
  vertical-align: middle;
}
.wpdevart-forms.default-skin.forms-general-styling input[type=checkbox] {
  width: 1.2em;
  height: 1.2em;
  margin-right: 5px;
  margin-top: -3px;
}
.wpdevart-forms.default-skin.forms-general-styling .wpdevart-sub-fields-inner label {
  font-size: 1.25rem;
  margin-top: 10px;
}
/*text areas*/
.wpdevart-forms.default-skin.forms-general-styling .wpdevart-textarea textarea {
  font-weight: 600;
}
/*submit button*/
.wpdevart-forms.default-skin.forms-general-styling button[type=submit] {
  margin-top: 10px;
  color: #c80100;
  padding: 5px 20px;
  font-size: 2rem;
  font-weight: bold;
}
#top-nav-bar > ul > li .menu-link {
  margin-right: 25px;
}
#top-nav-bar > ul > li .menu-link:hover:active {
  background-color: rgba(255, 0, 0, 0.125);
}
#top-nav-bar > ul > li .expander-button {
  display: block !important;
  padding: 2px 12px 0px 0px;
  width: 32px;
  border-width: 7px 0px 6px 0px;
  border-style: solid;
  border-color: transparent #333;
  position: absolute;
  top: 0;
  right: -4px;
}
#top-nav-bar > ul > li .expander-button:before {
  content: "S";
  color: transparent;
}
#top-nav-bar > ul > li .expander-button:after {
  content: "";
  display: inline-block;
  right: 16px;
  margin-top: -5px;
  width: 11px;
  height: 7px;
  background-image: url(images/template/expander-arrow.png);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.1, 0.8, 0.2, 1);
  transition: transform 0.25s cubic-bezier(0.1, 0.8, 0.2, 1);
}
#top-nav-bar > ul > li .expander-button:hover:after {
  background-position: 0px -7px;
}
#top-nav-bar > ul > li .expander-button:hover:active {
  background-color: rgba(255, 0, 0, 0.125);
}
#top-nav-bar > ul > li .expander-button:hover:active:after {
  background-position: 0px -14px;
}
#top-nav-bar > ul > li ul a {
  padding-left: 18px;
  padding-right: 18px;
}
#top-nav-bar > ul > li[data-open="1"] .expander-button:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#top-nav-bar > ul > li[data-open="1"] ul {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition: all 0.25s ease;
}
.signature {
  font-size: 28px;
  font-style: italic;
  display: block;
  text-align: center;
}