html {  font-family: sans-serif;  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%;  }
html { scroll-behavior: smooth; }
body {margin: 0;font-family: "Open Sans", Helvetica, Arial, sans-serif;font-weight: 400;font-size: 14px;color: #333;overflow-x: hidden;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {  display: block;  }
audio,canvas,progress,video {  display: inline-block;  vertical-align: baseline;  }
audio: not([controls]) {  display: none;  height: 0;  }
[hidden],template {  display: none;  }
a {  background-color: transparent;  }
a:active,a:hover {  outline: 0;  }
abbr[title] {  border-bottom: 1px dotted;  }
b,strong {  font-weight: bold;  }
dfn {  font-style: italic;  }
h1, .h1style {/* font-size: 2em; *//* margin: 0.67em 0; */}
mark {  background: #ff0;  color: #000;  }
small {  font-size: 80%;  }
sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;  }
sup {  top: -0.5em;  }
sub {  bottom: -0.25em;  }
img {  border: 0;  }
svg: not(: root) {  overflow: hidden;  }
figure {  margin: 1em 40px;  }
hr {  -webkit-box-sizing: content-box;  box-sizing: content-box;  height: 0;  }
pre {  overflow: auto;  }
code,kbd,pre,samp {  font-family: monospace, monospace;  font-size: 1em;  }
button,input,optgroup,select,textarea {  color: inherit;  font: inherit;  margin: 0;  }
button {  overflow: visible;  }
button,select {  text-transform: none;  }
button,html input[type="button"],input[type="reset"],input[type="submit"] {  -webkit-appearance: button;  cursor: pointer;  position: relative;  background: #8d261d;  color: #ffffff;  border: none;  text-transform: uppercase;  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 15.4px;  font-weight: bold;  letter-spacing: 0.6px;  text-align: center;  cursor: pointer;  padding: 5px 12px;  }
button[disabled],html input[disabled] {  cursor: default;  }
button:: -moz-focus-inner,input:: -moz-focus-inner {  border: 0;  padding: 0;  }
input {  line-height: normal;  }
input[type="checkbox"],input[type="radio"] {  -webkit-box-sizing: border-box;  box-sizing: border-box;  padding: 0;  }
input[type="number"]:: -webkit-inner-spin-button,input[type="number"]:: -webkit-outer-spin-button {  height: auto;  }
input[type="search"] {  -webkit-appearance: textfield;  -webkit-box-sizing: content-box;  box-sizing: content-box;  }
input[type="search"]:: -webkit-search-cancel-button,input[type="search"]:: -webkit-search-decoration {  -webkit-appearance: none;  }
fieldset {  border: 1px solid #c0c0c0;  margin: 0 2px;  padding: 0.35em 0.625em 0.75em;  }
legend {  border: 0;  padding: 0;  }
textarea {  overflow: auto;  }
optgroup {  font-weight: bold;  }
table {  border-collapse: collapse;  border-spacing: 0;  }
td,th {  padding: 0;  }

/*! Source: https: //github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {  *, *:before, *:after {  background: transparent !important;  color: #000 !important;  -webkit-box-shadow: none !important;  box-shadow: none !important;  text-shadow: none !important;  }
 a, a:visited {  text-decoration: underline;  }
 a[href]:after {  content: " (" attr(href) ")";  }
 abbr[title]:after {  content: " (" attr(title) ")";  }
 a[href^="#"]:after, a[href^="javascript: "]:after {  content: "";  }
 pre, blockquote {  border: 1px solid #999;  page-break-inside: avoid;  }
 thead {  display: table-header-group;  }
 tr, img {  page-break-inside: avoid;  }
 img {  max-width: 100% !important;  }
 p, h2, .h2style, h3, .h3style {  orphans: 3;  widows: 3;  }
 h2, .h2style, h3, .h3style {  page-break-after: avoid;  }
 .navbar {  display: none;  }
 .btn > .caret, .dropup > .btn > .caret {  border-top-color: #000 !important;  }
 .label {  border: 1px solid #000;  }
 .table {  border-collapse: collapse !important;  }
 .table td, .table th {  background-color: #fff !important;  }
 .table-bordered th, .table-bordered td {  border: 1px solid #ddd !important;  }
  }

 /* ==================== Basic declarations ==================== ================================================== */
header, section, article, aside, footer, figure, nav, hgroup, video, div, canvas {  display: block;  }
p {margin: 0.5em 0;line-height: 1.7em;}
a {-moz-transition: .3s ease;-o-transition: .3s ease;-webkit-transition: .3s ease;transition: .3s ease;color: #8d261d;text-decoration: none;}
.Button-primary {background-color: #333;border-color: #333;}
.Button-primary:hover {background: #c14600;border-color: #c14600;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle
{background: #333;border-color: #333;}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus
{box-shadow:0 0 0 0.2rem rgba(193, 70, 0, 0.5);}
a.button {font-size: 0.9em;}
a:hover, a:focus {  text-decoration: none;  color: #8d261d;  }
a img {  border: 0px  }
img {  max-width: 100%;  width: auto\9;  height: auto;  vertical-align: middle;  border: 0;  -ms-interpolation-mode: bicubic;  }
h1, h2, h3, h4, h5, h6 {color: #333;text-align: left;font-family: 'Roboto Slab', sans-serif;font-weight: 800;text-rendering: optimizelegibility;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {  color: inherit;  text-decoration: none;  }
ul, ol {  margin-left: 3em;  list-style: disc;  }
ol {  list-style: decimal;  }
blockquote, q {  quotes: none;  }
blockquote:before, blockquote:after, q:before, q:after {  content: '';  content: none;  }
hr {  margin-top: 20px;  margin-bottom: 20px;  border: 0;  border-top: 1px solid #eee;  }
sub, sup {  position: relative;  font-size: 75%;  line-height: 0;  vertical-align: baseline;  }
sup {  top: -.5em;  }
sub {  bottom: -.25em;  }
table {  border-collapse: collapse;  }
table td, table th {  vertical-align: top;  }
table.content_table {  border: 1px solid #e9e9e9;  }
table.content_table td, table.content_table th {  padding: 4px;  border: 1px solid #e9e9e9;  border-collapse: collapse;  }
.colbtn {  padding: 6px 23px;  color: #FFF;  display: inline-block;  margin: 6px;  }
nav ul {  margin: 0;  padding: 0;  }

/* ==================== input elements==================== ================================================== */
button, input, optgroup, select, textarea {  margin: 0;  font: inherit;  color: inherit;  }
button {  overflow: visible;  }
button, select {  text-transform: none;  }
button:: -moz-focus-inner, input:: -moz-focus-inner {  padding: 0;  border: 0;  }
input {  line-height: normal;  }
input[type="checkbox"], input[type="radio"] {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  padding: 0;  margin: 0 3px;  }
input[type="number"]:: -webkit-inner-spin-button, input[type="number"]:: -webkit-outer-spin-button {  height: auto  }
input, select, textarea {  color: #271f1b;  border: 1px solid #E9E9E9;  background: #FBFBEA;  padding: 5px;  font-style: normal;  font-weight: 400;  text-align: left;  outline: none;  }
textarea {  overflow: auto;  height: 120px;  min-width: 250px;  width: 70%;  }
input[type=button], input[type=reset], input[type=submit], .button {-moz-transition: 0.4s all ease;-webkit-transition: 0.4s all ease;-o-transition: 0.4s all ease;transition: 0.4s all ease;text-align: center;border: none;color: #fff;text-decoration: none;background: #333;cursor: pointer;display: inline-block;text-transform: uppercase;min-width: 180px;outline: none;text-shadow: none;letter-spacing: 0;font: 600 14px/1.2em 'Montserrat', sans-serif;position: relative;padding: 18px 30px;line-height: 16px;border-radius: 5px;white-space: nowrap;border: 2px solid transparent;transition: .3s;backface-visibility: hidden;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.18);}
 input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .button:hover {background: #b96b36;color: #FFF;}
input[type=button]:active, input[type=reset]:active, input[type=submit]:active, .button:active {background: #444;color: #FFF;}

input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea {  width: 100%;  min-height: 45px;  background-color: rgba(49, 48, 47, 0.07);  border: 1px solid transparent;  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 14px;  padding: 11px 21px;  text-align: left;  color: #31302f;  margin: 10px 0;  border-radius: 4px;  }
 input[type=email]:: -webkit-input-placeholder, input[type=password]:: -webkit-input-placeholder, input[type=tel]:: -webkit-input-placeholder, input[type=text]:: -webkit-input-placeholder, select:: -webkit-input-placeholder, textarea:: -webkit-input-placeholder {  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  }
 input[type=email]:: -moz-placeholder, input[type=password]:: -moz-placeholder, input[type=tel]:: -moz-placeholder, input[type=text]:: -moz-placeholder, select:: -moz-placeholder, textarea:: -moz-placeholder {  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  }
 input[type=email]: -ms-input-placeholder, input[type=password]: -ms-input-placeholder, input[type=tel]: -ms-input-placeholder, input[type=text]: -ms-input-placeholder, select: -ms-input-placeholder, textarea: -ms-input-placeholder {  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  }
 input[type=email]: -moz-placeholder, input[type=password]:: -moz-placeholder, input[type=tel]:: -moz-placeholder, input[type=text]:: -moz-placeholder, select: -moz-placeholder, textarea: -moz-placeholder {  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  }
 input[type=email]:focus:: -webkit-input-placeholder, input[type=password]:focus:: -webkit-input-placeholder, input[type=tel]:focus:: -webkit-input-placeholder, input[type=text]:focus:: -webkit-input-placeholder, select:focus:: -webkit-input-placeholder, textarea:focus:: -webkit-input-placeholder {  color: transparent;  }
 input[type=email]:focus: -moz-placeholder, input[type=password]:focus: -moz-placeholder, input[type=tel]:focus: -moz-placeholder, input[type=text]:focus: -moz-placeholder, select:focus: -moz-placeholder, textarea:focus: -moz-placeholder {  color: transparent;  }
 input[type=email]:focus:: -moz-placeholder, input[type=password]:focus:: -moz-placeholder, input[type=tel]:focus:: -moz-placeholder, input[type=text]:focus:: -moz-placeholder, select:focus:: -moz-placeholder, textarea:focus:: -moz-placeholder {  color: transparent;  }
 input[type=email]:focus: -ms-input-placeholder, input[type=password]:focus: -ms-input-placeholder, input[type=tel]:focus: -ms-input-placeholder, input[type=text]:focus: -ms-input-placeholder, select:focus: -ms-input-placeholder, textarea:focus: -ms-input-placeholder {  color: transparent;  }
input[type=radio] {  display: block;  float: left;  margin-right: 10px;  }
.select-wrapper {  position: relative;  }
 .select-wrapper:after {  content: "\f0d7";  font-family: 'FontAwesome';  color: #136580;  font-size: 20px;  line-height: 1;  height: 20px;  width: 10px;  text-align: center;  display: block;  position: absolute;  right: 10px;  top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);  pointer-events: none;  }
select {font-family: "Open Sans", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;padding: 10px 20px 10px 10px;color: #136580;border-radius: 2px;margin: 0;font-size: 16px;}
 select:: -ms-expand {  display: none;  }
label {  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  font-weight: bold;  display: block;  font-size: 16.8px;  }
.error {  color: #ee592b;  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 0.9em;  display: block;  }
input[type=number],input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea {width: 100%;min-height: 45px;background-color: rgba(49, 48, 47, 0.07);border: 1px solid rgba(49, 48, 47, 0.07);font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;padding: 11px 21px;text-align: left;color: #31302f;margin: 10px 0;border-radius: 0;}
 input[type=email]:: -webkit-input-placeholder, input[type=password]:: -webkit-input-placeholder, input[type=tel]:: -webkit-input-placeholder, input[type=text]:: -webkit-input-placeholder, select:: -webkit-input-placeholder, textarea:: -webkit-input-placeholder {  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  }
 input[type=email]:: -moz-placeholder, input[type=password]:: -moz-placeholder, input[type=tel]:: -moz-placeholder, input[type=text]:: -moz-placeholder, select:: -moz-placeholder, textarea:: -moz-placeholder {  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  }
 input[type=email]: -ms-input-placeholder, input[type=password]: -ms-input-placeholder, input[type=tel]: -ms-input-placeholder, input[type=text]: -ms-input-placeholder, select: -ms-input-placeholder, textarea: -ms-input-placeholder {  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  }
 input[type=email]: -moz-placeholder, input[type=password]: -moz-placeholder, input[type=tel]: -moz-placeholder, input[type=text]: -moz-placeholder, select: -moz-placeholder, textarea: -moz-placeholder {  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  }
 input[type=email]:focus:: -webkit-input-placeholder, input[type=password]:focus:: -webkit-input-placeholder, input[type=tel]:focus:: -webkit-input-placeholder, input[type=text]:focus:: -webkit-input-placeholder, select:focus:: -webkit-input-placeholder, textarea:focus:: -webkit-input-placeholder {  color: transparent;  }
 input[type=email]:focus: -moz-placeholder, input[type=password]:focus: -moz-placeholder, input[type=tel]:focus: -moz-placeholder, input[type=text]:focus: -moz-placeholder, select:focus: -moz-placeholder, textarea:focus: -moz-placeholder {  color: transparent;  }
 input[type=email]:focus:: -moz-placeholder, input[type=password]:focus:: -moz-placeholder, input[type=tel]:focus:: -moz-placeholder, input[type=text]:focus:: -moz-placeholder, select:focus:: -moz-placeholder, textarea:focus:: -moz-placeholder {  color: transparent;  }
 input[type=email]:focus: -ms-input-placeholder, input[type=password]:focus: -ms-input-placeholder, input[type=tel]:focus: -ms-input-placeholder, input[type=text]:focus: -ms-input-placeholder, select:focus: -ms-input-placeholder, textarea:focus: -ms-input-placeholder {  color: transparent;  }
input[type=radio] {  display: block;  float: left;  margin-right: 10px;  }



.button-gold {background: #e7a422;}
.button-gold:hover {background: #8d261d;}
.button-red {  background: #8d261d;  }
.button-red:hover {  background: #e7a422;  }
.button-sm {padding: 9px 15px;}
.button-sm {display: inline-block;  }

.button-lines{background:transparent; color: #8d261d;}
.button-lines.button-gold{ border-color:#e7a422; color:#e7a422;}
.button-lines.button-red{border-color: #8d261d;color: #8d261d;}
.button-lines.button-gold:hover{ background:#e7a422; color:#FFF;}
.button-lines.button-red:hover{background: #8d261d;color:#FFF;}


.button-arrow-right:after {  font-family: 'FontAwesome';  font-weight: 100;  font-size: 15.4px;  content: '\f061';  padding: 0 0 0 4px;  }
.button-arrow-down:after {  font-family: 'FontAwesome';  font-weight: 100;  font-size: 15.4px;  content: '\f063';  padding: 0 0 0 4px;  }
.button-arrow-left:before {  font-family: 'FontAwesome';  font-weight: 100;  font-size: 15.4px;  content: '\f060';  padding: 0 4px 0 0px;  }

/* ====================utility/ helper classes ==================== ================================================== */
.clear {  clear: both;  height: 0px;  margin: 0px;  padding: 0px;  }
.header:after, .container:after, .row:after, .navbar-toggle:after, .nav-bar:after, .clearfix:after {  content: "";  display: table;  clear: both;  }
.pad {  padding-left: 15px;  padding-right: 15px;  }
.pad-left {  padding-left: 15px;  }
.pad-right {  padding-right: 15px;  }
.divider {  margin-top: 20px;  position: relative;  }
.visible-xs, .visible-sm, .visible-md, .visible-lg {  /* display: none !important;  */
 }
.divider-line {  margin: 40px 0;  }
.lead {  margin-bottom: 20px;  font-size: 16px;  font-weight: 300;  line-height: 1.4;  }
.img-circle {  border-radius: 50%;  }
.hide {  display: none;  }
.show {  display: block !important;  }
.invisible {  visibility: hidden;  }
.headeing {  font-size: 1.5em;  vertical-align: middle;  position: relative;  display: inline-block;  padding: 7px 50px 7px 20px;  margin-left: -15px;  margin-bottom: 15px;  color: #FFF;  background: #202835;  }
.headeing:after {  content: '';  position: absolute;  float: right;  right: -39px;  margin: auto;  border-bottom: 1px solid #DDDDDD;  width: 0;  height: 0;  top: 0;  border-top: 39px solid rgb(32, 40, 53);  border-bottom: 39px solid transparent;  border-right: 39px solid transparent;  }
.text-center, .text-center * {  text-align: center !important;  }
.margin-auto {  margin: 0 auto !important;  float: none !important;  }

/* ==================== layout==================== ================================================== */
#layout {  position: relative;  top: 0;  left: 0;  width: 100%;  min-width: 100%;  background: #FFFFFF;  }
#wrapper {  height: auto;  width: 100%;  margin: 0 auto;  position: relative;  }
.content-block {  padding: 25px 0; }
.page-content-block {  margin: 0 0;  }
.subpageHeader-block {position:relative;text-align: justify;background: #333;margin-bottom: 30px;}
.subpageHeader-block:before{content:'';position:absolute;z-index: 0;width:100%;height:100%;background: url(../image/cache/subpage-featureBG.jpg) no-repeat center center;background-attachment: fixed;top:0;left:0;opacity: .3;}
.subpageHeader-block .container{position:relative;z-index:10;}
.subpageHeader-block h1 {color: #FFF;margin: 15px 0;display: block;}

.home-content-block {border: 0;padding: 50px 0;padding-bottom: 0;}

/* Separators Styles */
.separator{position:relative;display: none;}
.separator:before,.separator:after {content:'';position:absolute;}
.separator-top:before {left:0;width:100%;height:30px;-webkit-background-size: 24px 100%;-moz-background-size: 24px 100%;-o-background-size: 24px 100%;background-size: 24px 100%;top:0;background-image:linear-gradient(315deg,#FFF 50%,transparent 50%),linear-gradient(45deg,#FFF 50%,transparent 50%);margin-top: -24px;z-index:100;}
.separator-bottom:before {left:0; width:100%; height:30px; -webkit-background-size:25px 100%; -moz-background-size:25px 100%; -o-background-size:25px 100%; background-size:25px 100%; top:0; background-image:linear-gradient(583deg,#FFF 50%,transparent 50%),linear-gradient(136deg,#FFF 50%,transparent 50%); margin-top:0px; z-index: 100; }
.subpage-block {  margin-top: 74px;  padding-top: 10px;  }

.facts { color:#FFF;}
.facts h4 {
    font-size:40px;
    margin-bottom:20px;
    color: #FFF;
}
.parallax h1,.parallax h2,.parallax h3,.parallax h4,.parallax h5,.parallax h6 {
    color:#fff;
}
.facts p {
    font-size:16px;
    text-transform:uppercase;
    margin:0;
}
.story .icon-wrapper i {
    font-size:70px;
}
.facts i {
    font-size: 70px;
}

.breadcrumb {clear: both;background: transparent;margin: 0;padding: 0 !important;padding-top: 40px !important;border-radius: 0;}
#breadcrumb{ display:block; clear:both; float:none; width:100%;}
.breadcrumb a {font-size: .84em;/* color: #FFF; */}


.section-title {font-size:36px; line-height:40px; text-transform:uppercase; margin-bottom:15px; font-weight:600; }
.main.lead {margin-bottom:80px; }
.lead {font-size:17px; line-height:24px; font-weight:normal; text-transform:uppercase; margin-bottom:15px; color:#2e2e2e; position:relative; } 
.lead:after {position:absolute;content:' ';background: #e7a422;width:80px;height:3px;bottom:-22px;left:50%;margin-left:-40px;}

/*Services*/
.story h3{/* color:#9e4507; */}
.story .icon-wrapper i {font-size:70px; }
.story .col-wrapper {padding:0 10px; }
.story .icon-wrapper {position:relative;height:80px;margin-top: 40px;color: #e7a422;}


/* ==========================================================================
    06. Food menu 
========================================================================== */
.menu-items {
    text-align:center;
    margin:0 auto;
}
.menu-titles h3 {
    text-shadow:none;
    color:#8d261d;
    text-align:center;
    margin:0 auto;
    padding-top: 10px;
    padding-bottom:15px;
}

.menu-images img {
    border: 1px solid #eee;
    display:block;
    margin:auto;
    margin-top: 40px;
}


/* ==========================================================================
    09. Chefs 
========================================================================== */
.chefs-block h2{ color:#FFF;}
.chefs-block .lead{ color:#FFF;}
.chefswrapper{ position:relative; z-index:1;}
.chefs img {
    border:5px solid #e7e7e7;
    width: 80%;
}
.chefs h3{ color:#FFF;}
.chefs-block{position: relative;background: #333;color: #FFF;}
.chefs-block.bg-block-1:after{content:'';position:absolute;width:100%;height:100%;background: url(../image/cache/featureBG02.jpg) no-repeat center center;background-attachment: fixed;z-index: 0;top:0;left:0;opacity: .3;}


.features-block{position:relative;}
.feature-blocks h3 {  text-align: center;  width: 70%;  margin: 0 auto;  color: #fff;  border-bottom: 1px solid #8d261d;  }
.feature-blocks p {  font: 300 17px/22px Open Sans;  margin: 10px auto;  color: #F79654;  }
.feature-background-block {position: relative;text-align: center;background-position: center center;background-size: cover;background-color: #333;}
.feature-background-block.bg-block-1:before{content:'';position:absolute;z-index: 0;width:100%;height:100%;background: url(../image/cache/featureBG.jpg) no-repeat center center;background-attachment: fixed;top:0;left:0;opacity: .3;}
.feature-bg-block.bg-block-2 {  padding: 150px 0; margin-top: 0;  }
.feature-bg-block .text {  color: #FFF;  text-align: center;  }
.feature-bg-block p {  font-size: 1.6em;  }
.feature-bg-block .text h3 {  text-align: center;  margin: 24px 0;  }
.feature-bg-block .text h3 a.button {  background: none;  border: 1px solid #FFF;  }
.feature-bg-block .text h3 a.button:hover {  background: #FFF;  color: #8d261d;  }
.feature-bg-block h2 {  font-size: 4em;  line-height: 1.5em;  font-weight: 300;  text-transform: none;  }

.bg-block-1.testimonials-block{ background:#8d261d;}

/* ====================header ==================== ================================================== */
.Header h1 {  display: none;  }
.Header {position: fixed;width: 100%;z-index: 9999999;padding: 0;background: #ffffff;transition: background .5s ease;box-shadow: 0px 0px 1px 1px rgba(4, 4, 4, 0.15);}
body.subpage .Header {}
.Navigation{position:relative;margin-top: 30px;background: #FFF;padding: 0;z-index: 9;}
.Navigation:after{ content:""; display:table; clear:both;}
.logoBlock{text-align: left;padding: 0;transition: top .5s ease;z-index: 0;float: left;margin-right: 15px;}
//.logoBlock:after{content:'';display:block;position: absolute;top: 50px;left: -100px;right: 0;margin: auto;border-top: 80px solid #fff7ee;border-left: 180px solid transparent;border-right: 180px solid transparent;transition: all .3s ease;}
.Header .tag {font-size: 1.4em;font-weight: 300;text-transform: capitalize;width: 220px;color: #555;float: left;line-height: 22px;margin: 16px 0;padding-left: 10px;border-left: 1px solid #e7a422;}
.Header #social {/* float: left; */padding: 18px 0;}
.Header #social li a:before{font-size: 18px;width: 38px;height: 38px;line-height: 38px;background: none;border: 1px solid #666;color: #666;}




.logo {position: relative;z-index: 99;left: 0;right: 0;top: 0;/* margin: auto; */display: block;text-align: left;vertical-align: middle;/*-webkit-transition: all .5s ease;  -moz-transition: all .5s ease;  -ms-transition: all .5s ease;  -o-transition: all .5s ease;  transition: all .5s ease;  */max-width: 180px;/* margin-bottom: 6px; */transition: max-width .5s ease;}

.logo img {  position: relative;  display: inline-block;  vertical-align: middle;  max-width: 240px;  padding: 6px 0;  }
.headePhone{background: #333;border: 1px solid transparent;}
.headePhone span{color:#8d261d;font-size: 1.4em;font-weight: 600;padding: 9px 0 0 10px;display: block;}
.headePhone a {color:#FFF;font-size: 1.6em;font-weight: 900;padding: 8px 10px;display: block;}
.headePhone a i{ vertical-align:middle;}
.HeaderMenu  {background: #fff;}
.HeaderMenu .container{border-top:1px solid #ebebeb;}
.HeaderMenu ul {list-style: none;margin: 0;padding: 0;width: 100%;text-align: center;align-items: center;justify-content: center;}
.HeaderMenu nav>ul>li {padding: 0;text-align: center;position:relative;min-width: 2.9%;}
.HeaderMenu nav>ul>li a {color: #555;font-size: 14px;font-weight: 600;margin: 0 1px;display: block;text-transform: capitalize;padding: 8px 8px;}

.HeaderMenu nav>ul>li ul{position:absolute;left:0;top:100%;width:240px;background: #e7a422;display:none;}
.HeaderMenu nav ul li:hover ul{ display:block;}
.HeaderMenu nav>ul>li ul li{text-align:left; margin-bottom:2px;}
.HeaderMenu nav>ul>li ul li:hover a{ background:#333; color:#fff;}

.HeaderMenu nav ul li:hover {background: #e7a422;}
.HeaderMenu nav ul li:hover a{color:#333;}


.HeaderMenu ul>li.home a{font-size: 0;padding: 7px 0;} 
.HeaderMenu ul>li.home a:before{content:"\f015";font-family: FontAwesome;margin: 0;font-size: 18px;}


.Sidebar__body {background-color: #333;right: -320px;width: 320px;top: 0;bottom: 0;position: fixed;overflow-y: auto;-webkit-overflow-scrolling: touch;z-index: 9999;-webkit-transition: right .3s ease-in-out;transition: right .3s ease-in-out;}
.Sidebar.show .Sidebar__body {  right: 0;  }
.Sidebar.show .Sidebar__backdrop {  display: block;  }
.SidebarMenu {padding: 0 20px;padding-bottom: 50px;}
.SidebarMenu ul {  list-style: none;  padding: 0;  margin: 0;  }
.SidebarMenu ul li {margin-bottom: 2px;}
.SidebarMenu ul li ul { margin-bottom:10px;}
.SidebarMenu ul li ul li{padding-left: 12px;}
.SidebarMenu ul li ul li a{font-size:14px;font-weight:normal;padding: 0;text-transform: unset;}
.SidebarMenu ul li.mainlogo{display:none;}
.SidebarMenu ul a {font-size: 15px;display: block;padding: 4px;color: #fff;text-decoration: none;text-transform: uppercase;}
.navIcon {position: relative;padding: 22px 6px;}
 .NavbarToggle {  display: inline-block;  vertical-align: middle;  background-color: transparent;  border: 0;  padding: 0;  }
.NavbarToggle i {font-size: 1.8em;color: #8d261d;}
.sidebar__Close {  padding: 20px;  }
body.subpage .Header .NavbarToggle i {  color: #8d261d;  }

.Header.headBg {box-shadow: 0px 0px 1px 1px rgba(4, 4, 4, 0.15);}
.Header.headBg .logoBlock:after {border-top: 40px solid #fff7ee;border-left: 90px solid transparent;border-right: 90px solid transparent;transition: all .3s ease;left: -10px;}
.Header.headBg .Navigation {margin-top: 0;border: 0;}
.Header.headBg .logo{transition: max-width .5s ease;/* max-width: 80px; */}
.Header.headBg .logoBlock {}
body.subpage .Header .HeaderMenu>ul>li a, .Header.headBg .HeaderMenu>ul>li a {color: #797979;transition: color .5s ease;}

/* ==================== Social Menu ==================== ================================================== */
#social {}
#social ul {margin: 0;padding: 0;text-align: right;width: 100%;}
#social li {float: none;display: inline-block;vertical-align: middle;padding: 3px 0px;}
#social li a {font-family: 'FontAwesome';text-align: left;padding: 0 !important;color: #FFF;line-height: normal;}
#social li a span {display: none;}
#social li a:before {font-size: 16px;text-align: center;color: #333;display: inline-block;vertical-align: middle;border-radius: 6px;line-height: 38px;background: #FFF;width: 38px;height: 38px;}
#social li.facebook a:before {  content: "\f09a";  }
#social li.twitter a:before {  content: "\f099";  }
#social li.instagram a:before {  content: "\f16d";  }
#social li.linkedin a:before {  content: "\f0e1";  }
#social li.youtube a:before {  content: "\f16a";  }
#social li.pinterest a:before {  content: "\f231";  }
#social li.googleplus a:before {  content: "\f0d4";  }
#social li.contact a:before, #social li.email a:before {  content: "\f0e0";  }
#social li.rss a:before {  content: "\f09e";  }
#social li.mailinglist a span, #social li.phone a span {  display: inline-block;  vertical-align: middle;  font-size: 18px;  width: auto;  font-weight: 700;  font-family: 'Montserrat', sans-serif;  color: rgba(0, 0, 0, 0.75);  }
#social li.phone a:before {  content: "\f095";  margin-right: 5px;  }
#social li.mailinglist a span {font-size: 11px;text-transform: uppercase;padding: 0px 8px;height: 38px;line-height: 38px;background: none;border: 1px solid #666;color: #666;border-radius: 6px;}

/* Social Menu Hover */
#social li:hover a:before, #social li a:hover:before {color: #8d261d;}

/* ====================Footer==================== ================================================== */
footer {clear: both;bottom: 0;left: 0;background: #333;color: #FFF;z-index: 1;width: 100%;padding-bottom: 0;line-height: 1.6em;font-size: 14px;text-align: left;position: relative;border: 0;}
footer * {  color: #fbfbfb;  }
footer .address {  margin: 0 15px;  text-align: left;  }
footer .address * {  color: #fbfbfb;  }
footer .address p span {  font-size: .80em;  display: none;  }
.footer-nav {width: 100%;display: none;}
.footer-nav ul:after {  content: '';  display: table;  clear: both;  }
.footer-nav ul li a:hover {  color: #FFF;  }
.footer-nav > ul > li > span, .footer-nav > ul > li > a {  font-size: 16px !important;  }
.footer-nav > ul > li > a:before {  content: '' !important;  }
.footer-nav ul li a {  padding: 2px 5px;  /* text-align: right;  */
font-size: 12px;  }
.footer-nav ul li.head >a, .footer-nav ul li.head >span {  font-size: 15px !important;  color: #eee;  }
.subfooter-nav ul {  float: right;  display: block;  }
.subfooter-nav ul li {  display: inline-block !important;  float: none !important;  }
.subfooter-nav ul li a {  padding: 0 5px !important;  }
.subfooter-nav ul li a:hover {  background: none !important;  }

/* ==================== Copyright ==================== */
.copyright {font-size: 12px;text-align: center;padding: 7px 0;margin-top: 0;background: #2d2d2d;}
.copyright a {color: #696969 !important;padding: 0px;display: inline-block;}
.copyright span {  display: block;  color: #696969 !important;  float: right;  }

/* ==================== Go to top button ==================== ================================================== */
.cd-top {  display: inline-block;  height: 50px;  width: 50px;  position: fixed;  bottom: 30px;  right: 5px;  z-index: 10;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);  overflow: hidden;  background: #8d261d;  visibility: hidden;  opacity: 0;  -webkit-transition: opacity .3s 0s, visibility 0s .3s;  -moz-transition: opacity .3s 0s, visibility 0s .3s;  transition: opacity .3s 0s, visibility 0s .3s;  -webkit-border-radius: 50px;  -moz-border-radius: 50px;  border-radius: 50px;  }
 .cd-top i {color: #FFFFFF;font-size: 1.4em;text-align: center;line-height: 50px;text-indent: 0;display: block;position: absolute;right: 0;top: 0;left: 0;bottom: 0;margin: 0 auto;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {  -webkit-transition: opacity .3s 0s, visibility 0s 0s;  -moz-transition: opacity .3s 0s, visibility 0s 0s;  transition: opacity .3s 0s, visibility 0s 0s;  }
.cd-top.cd-is-visible {  visibility: visible;  opacity: 1;  }
.cd-top.cd-fade-out {  opacity: .5;  }
.cd-top:hover, .no-touch .cd-top:hover {  opacity: 1;  }

/* ==================== webform post form styles ==================== ================================================== */
.fieldgroup {  clear: both;  margin: 10px 0;  padding: 5px;  }
.fieldgroup_label {  font-size: 1.5em;  font-weight: bold;  font-family: 'Open Sans', sans-serif;  width: 98%;  display: block;  color: #F9A13A;  padding: 5px 1%;  margin: 20px 0 5px 0;  border-bottom: 1px solid #F9A14C;  }
.fieldgroup_desc, .field_desc {  font-style: italic;  color: #333;  line-height: 1.4em;  padding: 0 3px;  font-size: 0.87em;  margin-bottom: 10px;  clear: both;  }
.fieldrow {  padding: 5px 0;  text-align: left;  display: block;  }
.fieldrow .fieldlabel sup {  color: red;  margin-left: 5px;  }
.fieldrow .fieldval textarea {  width: 80%;  min-height: 100px;  }
.fieldrow .fieldlabel {  display: inline-block;  width: 100%;  margin: 0 0.5%;  text-align: left !important;  margin-right: 20px !important;  }
.fieldrow .fieldval {  display: inline-block;  width: 100%;  margin: 0 0.5%;  vertical-align: top;  }
.fieldrow .fieldval input, .fieldrow .fieldval input[type=text], .fieldrow .fieldval input[type=tel], .fieldrow .fieldval input[type=email], .fieldrow .fieldval select {  width: 80%;  }
.fieldrow .fieldval input[type=button], .fieldrow .fieldval input[type=reset], .fieldrow .fieldval input[type=submit], .button {  width: auto;  }
 .fieldrow .fieldval input[type=file] {  border: 1px solid #ddd;  }
.group_nogroup_label, .group_nogroup_label, .group_nogroup_tr {  display: none;  }

/* reports */ 
#changeparameters_3 { display: none; }
#changeparameters_3 table { display: inline; padding: 0px;  }
#changeparameters_3 table td select { display: none; } 
#changeparameters_3 table tr { display: inline-block; vertical-align: middle;  }
#changeparameters_3 table tr td {  display: inline-block; vertical-align: middle; padding: 0 2px; font-weight: bold;  }
#changeparameters_3 input[type=submit]{ display: inline-block; margin-left: 10px; }
#salary_report_results { margin: 20px auto; }
#salary_report_results table{ border:1px solid #CCC; width: 100%; border-collapse: collapse;    }
#salary_report_results td{ padding: 5px 10px;border-bottom:1px solid #DDD; border:1px solid #CCC;   }
#salary_report_results tr:nth-child(even) { background: #;}
#salary_report_results th { padding:5px 10px;    border:1px solid #CCC;  }
#salary_report_results .classhead{ color:#fff;background:#808080; }
#salary_report_results .headrow{ background:#EEE; color: #333; font-weight: bold; }
#salary_report_results .price { width: 20%; }
#salary_report_results .total { background:#f1f1f1 !important; font-weight: bold;  }
#countiesList { max-width: 350px;  position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%); }
.reportmap { max-width: 650px; position: relative;  }
.heyo:hover {
  fill: #e7a422;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.ndmap .ndcounty-map.current-county {
  fill: #8d261d;
  cursor: pointer;
}
.enabled {
  fill: #DDD;
  cursor: pointer;
}
.map-tooltip {
  pointer-events: none;
  position: absolute;
  font-size: 16px;
  text-align: center;
  background: #333;
  padding: 0px 15px;
  z-index: 5;
  height: 30px;
  line-height: 30px;
  margin: 0 auto;
  color: #FFF;
  border-radius: 5px;
  display: none;
}
.map-tooltip.active {
  display: block;
}
.map-tooltip:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #333;
}
.loaderbg {background: #f9f0f06b; position: fixed;
  z-index: 5; width: 100%; height: 100%; left: 0; top: 0;  }
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: 0 auto;
  font-size: 10px;
  position: fixed;
  z-index: 12;
  left: 50%;
  top: 50%;
  text-indent: -9999em;
  border-top: 1.1em solid #777;
  border-right: 1.1em solid #777;
  border-bottom: 1.1em solid #777;
  border-left: 1.1em solid #e7a422;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.buttons { text-alig: center; }
.instructions {  font-size: 11px; color: #777;}
.buttons div { margin: 8px auto; }
.mltselect { min-width: 120x; height: 150px; }
.opthead {  font-weight: bold; }

/* ====================small size grid style declarations==================== ================================================== */
@media (min-width: 580px) {  
  /* ==================== multi level footer menu ==================== ================================================== */
 .footer-nav ul {  display: block;  clear: none;  text-align: left;  width: 100%;  }
 .footer-nav > ul > li {  vertical-align: top;  list-style: none;  }
 .footer-nav ul li a, .footer-nav ul li span {  padding: 8px 5px;  margin: 0 5px;  }
 .footer-nav ul li.head > ul {  padding-left: 4px;  }
 .footer-nav ul li.head li.head ul {  padding-left: 0;  }
 .footer-nav ul li.head li.head >a {  margin-left: -5px;  }
 }

@media (min-width: 640px) {  }

@media (min-width: 780px) {  
 .Navigation {margin-top: 0;transition: margin .5s ease;background: transparent;}
 body.subpage .Navigation {}
body.subpage .Navigation .headePhone{border-color: #0a273a;}
 /* ==================== webform styles ==================== ================================================== */
 .fieldrow .fieldval select {width: 80%;padding: 8px 5px;/* margin: 0; */}
 .fieldrow .fieldval input {  width: 80%;  }
 .fieldrow .fieldval input[type=button], .fieldrow .fieldval input[type=reset], .fieldrow .fieldval input[type=submit], .fieldrow .fieldval .button, .fieldrow .fieldval input[type='radio'], .fieldrow .fieldval input[type='checkbox'] {  width: auto;  }
 .fieldrow .fieldval {  display: inline-block;  vertical-align: top;  width: 40%;  margin: 0;  text-align: left;  }
 .fieldrow .fieldlabel {  width: 30%;  min-width: 10%;  }
  }

/* ==================== taoCMS Components and Modules ==================== ================================================== */
/* ==================== Image Slider ==================== ================================================== */
 .mainSlideContent {  position: absolute;  width: 100%;  height: 100%;  z-index: 99;  }
 .mainSlideContent .container {  position: relative;  z-index: 99;  text-align: center;  top: 50%;  transform: translateY(-50%);  }
 .mainSlideContent h3 {  text-align: center;  }
.slider-block {padding-bottom: 0;margin-top: 0;padding-top: 0;position: relative;}
.conent_slider {  margin: 0px auto;  padding-bottom: 25px;  }
.slider_block {position: relative;margin: 0;margin-bottom: 0;width: 100%;height: 100vh;background: #FFF;}
.slideing {  width: 100%;  left: 0;  position: relative;  }
#slides {  height: 100%;  position: absolute;  top: 0px;  width: 100%;  }
.slide_img {  height: 300px;  width: 100%;  position: absolute;  z-index: 6;  }

/* slide show */
.slidebg {  height: 480px;  position: relative;  z-index: 5;  width: 100%;  background: #FFF;  margin-bottom: 21px;  padding-bottom: 10px;  }
.slidebg {  }
.slidebg div.container {  position: absolute;  height: 100%;  left: 0;  right: 0;  }
.slideing {  width: 100%;  left: 0;  position: relative;  }
#slides {  height: 100%;  position: absolute;  top: 0px;  width: 100%; }
.slide_img {  height: 300px;  width: 100%;  position: absolute;  z-index: 6;  }
.sliderContent {  height: 100%;  position: relative;  overflow: hidden;  width: 100%;  float: none;  }
.sliderContent div.base {position: absolute;width: 100%;height: 100%;right: 0;opacity: 1;display: none;background-repeat: no-repeat;background-size: cover;background-position: top center;background-attachment: fixed;}
.sliderContent div.base:after {content: "";display: block;position: absolute;z-index: 0;width: 100%;height: 100%;top: 0;left: 0;/* background: rgba(0, 0, 0, 0.5); */}
.sliderContent div.base .container .sliderData {top: 50%;z-index: 99;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);position: relative;}
#slides .sliderContent div.base .img {width: 100%;height: 100%;text-align: center !important;background-size: cover;position: absolute;left: 0;top: 0;background-repeat: no-repeat;background-clip: padding-box;background-position: center center;}
.sliderContent div.base.Video .img {  display: none;  }
.sliderContent div.activeSlide {  display: block;  right: 0;  }
.sliderContent div.base .link a {  font-weight: 400;  padding: 10px 15px;  }
.sliderContent div.base div h1 {  font-size: 3.0em;  margin: 0;  font: 60px/70px 'Montserrat', sans-serif;  font-weight: 600;  text-transform: uppercase;  color: #8d261d;  margin: 0 0 10px;  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.69);  }
.sliderContent div.base div h2 {font-weight: 400;text-transform: uppercase;color: #ffffff;text-shadow: 1px 1px 2px #333;font-family: "Open sans", sans-serif;}
.sliderContent div.base div .block-text {font-weight: 800;/* background: #9e4507; */display: inline-block;padding: 0 10px;}
.sliderContent div.base div .block-text-reverse{/* background:#FFF; *//* color: #9e4507; */padding: 0 10px;}
.sliderContent div.base div h3 {color: #FFF;text-shadow: 1px 1px 2px #333;}
.sliderContent div.base div h4 {  font-size: 1.0em;  line-height: 1.2em;  font: 300 16px/24px 'Open Sans', sans-serif;  }
.sliderContent div.base div h5 {  font-size: .84em;  line-height: 1.18em;  }

/*caption Video*/
.sliderContent div.base.slShow div.caption.Video {  width: 100%;  max-width: none;  text-align: center;  position: relative;  height: auto;  padding: 0;  border: 0;  margin: 0;  }
.sliderContent div.base.slShow div.caption.Video h3 {  text-align: left;  margin: 0;  margin-left: 15px;  padding: 0;  display: none;  }
.sliderContent div.base.slShow div.caption.Video iframe {  height: 400px !important;  width: 100%;  }
.sliderContent div.base.slShow div.caption.Video a, .sliderContent div.base.slShow div.caption.Video p {  padding: 0;  margin: 0;  }

/* caption positions*/
.sliderContent div.base.slShow div.caption.Top-Left {  top: 2%;  left: 0;  }
.sliderContent div.base.slShow div.caption.Top-Center {  top: 2%;  left: 50%;  -webkit-transform: translateY(-2%) translateX(-50%);  -ms-transform: translateY(-2%) translateX(-50%);  transform: translateY(-2%) translateX(-50%);  }
.sliderContent div.base.slShow div.caption.Top-Center * {  text-align: center !important;  }
.sliderContent div.base.slShow div.caption.Top-Right {  top: 2%;  left: 100%;  -webkit-transform: translateY(-2%) translateX(-100%);  -ms-transform: translateY(-2%) translateX(-100%);  transform: translateY(-2%) translateX(-100%);  text-align: right !important;  }
.sliderContent div.base.slShow div.caption.Top-Right * {  text-align: right !important;  }
.sliderContent div.base.slShow div.caption.Middle-Left {  top: 50%;  left: 0%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);  display: block !important; }
.sliderContent div.base.slShow div.caption.Middle-Center {  top: 50%;  left: 50%;  -webkit-transform: translateY(-50%) translateX(-50%);  -ms-transform: translateY(-50%) translateX(-50%);  transform: translateY(-50%) translateX(-50%);  }
.sliderContent div.base.slShow div.caption.Middle-Center * {  text-align: center !important;  }
.sliderContent div.base.slShow div.caption.Middle-Right {  top: 50%;  left: 100%;  -webkit-transform: translateY(-50%) translateX(-100%);  -ms-transform: translateY(-50%) translateX(-100%);  transform: translateY(-50%) translateX(-100%);  }
.sliderContent div.base.slShow div.caption.Middle-Right * {  text-align: right !important;  }
.sliderContent div.base.slShow div.caption.Bottom-Left {  top: 100%;  left: 0%;  -webkit-transform: translateY(-100%);  -ms-transform: translateY(-100%);  transform: translateY(-100%);  }
.sliderContent div.base.slShow div.caption.Bottom-Center {top: 90%;left: 50%;-webkit-transform: translateY(-90%) translateX(-50%);-ms-transform: translateY(-90%) translateX(-50%);transform: translateY(-90%) translateX(-50%);}
.sliderContent div.base.slShow div.caption.Bottom-Center * {  text-align: center !important;  }
.sliderContent div.base.slShow div.caption.Bottom-Right {  top: 100%;  left: 100%;  -webkit-transform: translateY(-100%) translateX(-100%);  -ms-transform: translateY(-100%) translateX(-100%);  transform: translateY(-100%) translateX(-100%);  }
.sliderContent div.base.slShow div.caption.Bottom-Right * {  text-align: right !important;  }
.sliderContent div.base div.caption div {  margin-top: 0px;  }
.sliderContent div.base div.caption div a {  padding: 6px 10px;  text-align: center;  color: #FFF;  font-weight: bold;  margin: 10px 0;  }
.sliderContent div.base.slShow div.caption {display: block;position: relative;padding: 15px 0;z-index: 1;}
.sliderContent div.base.slShow div.caption.No-Background {  background: none !important;  }

/*Caption Backgrounds*/
.sliderContent div.base div.caption.White {  background: rgba(255,255,255,0.65);  }
.sliderContent div.base div.caption.Yellow {  background: rgba(191, 130, 54, 0.65);  color: #FFF!important;  }
.sliderContent div.base div.caption.Yellow * {  color: #FFF;  }
.sliderContent div.base div.caption.Blue {  background: rgba(62, 77, 92, 0.65);  }
.sliderContent div.base div.caption.Blue * {  color: #FFF;  }
.sliderContent div.base div.caption.Black {  background: rgba(0, 0, 0, 0.65);  }
.sliderContent div.base div.caption.Black * {  color: #FFF;  }
.taoNav {margin-top: -20px;position: relative;z-index: 98;text-align: center;}
.taoNav a {margin: 2px 6px;display: inline-block;vertical-align: middle;padding: 0;border: 0;border-radius: 2px;-webkit-border-radius: 2px;-ms-border-radius: 2px;-moz-border-radius: 2px;color: #ffffff;background: #ffffff;cursor: pointer;font-size: 0;width: 28px;height: 6px;line-height: 0;text-align: center;}
.taoNav a.active {  background: #8d261d;  color: #8d261d;  }
.taoNav a:hover {  text-decoration: none;  }

/* ==================== Tao Slider Thumb Menu ==================== ================================================== */
#slides .taoTab_blk {  position: relative;  top: 0;  left: 0;  width: 29%;  z-index: 2;  height: 100%;  }
#slides .taoTab_blk .taoTab {  background: #181818;  display: block;  margin: 0;  color: #FFF;  line-height: 1.2em;  width: 100%;  }
#slides .taoTab_blk .taoTab .tab {  display: block;  padding: 4% 5px 4.5% 5px;  height: 16%;  border-top: 1px solid #4A4A4A;  }
#slides .taoTab_blk .taoTab h3 {  color: #FFF;  }
#slides .taoTab_blk .taoTab:hover {  background: #333;  cursor: pointer;  }
#slides .taoTab_blk .taoTab.active {  }
#slides .taoTab_blk .taoTab img {  margin: 6px;  display: inline-block;  width: 23%;  padding: 1px;  border: 1px solid #DDD;  vertical-align: middle;  }
#slides .taoTab_blk .taoTab span {  width: 65%;  display: inline-block;  font-size: .9em;  vertical-align: middle;  }
#slides .taoTab_blk .taoTab.active .tab {  background: #003E7E;  border-top: 1px solid #FFF;  }

/* subpage_slider*/
.subpage_slider {  padding: 100px 0;  background: url(/image/cache/subpage.jpg);  background-position: center center;  background-attachment: fixed;  background-size: cover;  }

/* testimonial slider */
#testimonial_slides {height: 200px !important;position: relative;} 
#testimonial_slides .sliderContent div.base {background: transparent;}
#testimonial_slides .sliderContent div.base:after{ display:none;}
#testimonial_slides .sliderContent div.base *{text-shadow:none;color: #ffffff;} 
#testimonial_slides .sliderContent div.base a{ color:#dc3545;}
#testimonial_slides .sliderContent div.base p{ color:#271f1b;}
#testimonial_slides .sliderContent div.base p i{color: #b9b2a5;}
#testimonial_slides .sliderContent div.base .media-body p{ color:#8c8b84;}
#testimonial_slides .sliderContent div.base.activeSlide { display: block; right: 0; }
.testimonial.base {position:relative;}
#testimonial_slider .taoNav{display:block;text-align: center;margin: -30px 0 0 0;position: relative;z-index: 2;}



/* tao directional nav */
.directionNav a{position:absolute;top: calc(50% - 25px);width: 50px;height: 50px;line-height: 50px;text-align:center;font-size:0;cursor:pointer;opacity:0; transition: all .5s ease;}
.directionNav a:before{content: "\f35a";font-family: FontAwesome;font-size: 50px;display: block;line-height: 50px;color: #ffffff;}
.directionNav a.prevNav{left: -100%;right:auto;}
.directionNav a.nextNav{right: -100%;}
.directionNav a.prevNav:before{content:"\f053";}
.directionNav a.nextNav:before{content:"\f054";}
#testimonial_slider:hover a.nextNav{right: -15%;transition: all .5s ease;opacity:1;}
#testimonial_slider:hover a.prevNav{left: -15%;transition: all .5s ease;opacity:1;}

/*login*/
.changepass, .general_login {  max-width: 360px;  margin: 0 auto;  text-align: left;  padding: 10px;  border: 1px solid rgb(233, 233, 233);  }
.general_login div.logintitle {  background: transparent;  color: #0d3c8a;  font-size: 18px;  line-height: 25px;  font-weight: normal;  }
.general_login div.loginmessage {  font-style: italic;  margin-bottom: 20px;  }
.changepass div.row, .general_login div.row {  margin: 8px 0px;  text-align: left;  }
.changepass div.row label, .general_login div.row span.label {  text-align: right;  padding-right: 7px;  min-width: 100px;  font-weight: bold;  display: inline-block;  }
.changepass div.row label {  font-weight: normal;  min-width: 125px;  }
.changepass div.row span, .general_login div.row span.formw {  display: inline-block;  vertical-align: middle;  }
.changepass div.row span input {  max-width: 190px;  }
.general_login div.loginbtn {  margin-left: 100px;  display: inline-block;  text-align: center;  }
.general_login div.forgotpassword {  vertical-align: middle;  display: inline-block;  }
.general_login .errmsg {  color: #08364c;  font-size: .84em;  padding: 0;  text-align: center;  overflow: hidden;  }
#filter {  display: none;  }

/* =============================================== ================================================== =============================================== ================================================== Custom Styles =============================================== ================================================== =============================================== ================================================== */
 /*navigation */
.form-btn {  padding: 10px 10px;  cursor: pointer;  position: relative;  float: right;  text-align: center;  right: 0;  margin: 3px 0;  color: #fff;  }
.nav-icon a {  color: #3f3f41;  line-height: 75px;  display: block;  padding: 0 5px;  }
.nav-icon a:hover, .nav-icon.nav-collapsed a:hover {  text-decoration: none !important;  background: none !important;  color: #08364c !important;  }
.nav-icon {  float: right;  font-size: 30px;  line-height: 75px;  position: relative;  z-index: 99;  right: 0;  top: 0px;  margin: auto;  padding: 0 7px;  color: #08364c;  }
.nav-icon a:hover, .search-btn.search-on, .search-btn:hover {  background: #08364c;  color: #FBFBEA;  }
.nav-icon.nav-collapsed {  z-index: 102;  }
.nav-icon.nav-collapsed a {  color: #8d261d !important;  }
.nav-icon.nav-collapsed a span:before {  content: "\f00d";  }
.feature-bg-blocks {  padding: 150px 0;  position: relative;  color: #FFF;  }
.featured {  text-align: center;  font-size: .90em;  color: #FFF;  }
.featured .title {  text-align: center;  }
.featured h4 {  text-align: center;  display: block;  vertical-align: middle;  margin: 0;  text-transform: uppercase;  color: #FFF;  }
.featured .dtls a, .featured h2 a {  color: #08364c;  }


/* side navigation*/
.side-nav{margin-top: 20px;}
.side-nav ul {list-style:none;display: block;}
.side-nav ul li {position: relative;display: block;z-index: 1;}
.side-nav ul li a {border-bottom: 1px solid #333;font-size: 16px;font-weight: 400;color: #333;position: relative;display: block;padding: 15px 10px;}
.side-nav ul li:last-child a { border:0;}
.side-nav ul li a:hover {background: #333;color: #FFF;}


/*Home*/
.sectionBlock {position:relative;cursor: pointer;overflow: hidden;}
.sectionBlock .img{ position:relative;}
.sectionBlock .dtls{position: absolute;width: 95%;min-height: 90%;padding: 15px;text-align: center;top: 50%;left: 50%;background: rgba(0, 0, 0, 0.7);color:#fff;-webkit-transform: translateY(-50%) translateX(-50%);-ms-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);}
.sectionBlock .dtls h3{text-align:center; color:#FFF;}
.sectionBlock.projects .dtls{/* background:rgba(141, 38, 29, 0.8); */}



/*news*/
.newsListBlock h2 {  color: #08364c;  }
.newsListBlock .news, .LatestInfo {  padding-bottom: 5px;  margin-bottom: 10px;  border-bottom: 1px solid #DDD;  }
.newsListBlock .news:after {  content: "";  display: table;  clear: both;  }
.news-block h3 {  margin: 0;  margin-bottom: 15px;  font-weight: 300;  font-size: 26px;  padding: 0;  color: #F79654;  text-align: left;  }
.news-block h3:after {  content: "";  display: block;  width: 40%;  height: 1px;  background: #8d261d;  margin: 0;  }
.newsListBlock img {  margin: 0 10px 10px 0;  float: left;  max-width: 150px;  }
.LatestInfo h4, .newsListBlock h4 {  font-weight: 600;  font-size: 16px;  margin-bottom: 0;  }
.LatestInfo h4 a, .newsListBlock h4 a {  color: #08364c;  }
.LatestInfo p, .newsListBlock p {  line-height: 1.4em;  font-size: .98em;  margin-top: 0;  text-align: justify;  }
 .newsListBlock em {  line-height: 1.4em;  font-size: .98em;  color: #999;  }
.LatestInfo a.more, .newsListBlock .news a.more {  display: inline-block;  padding: 0 6px;  font-size: .84em;  font-weight: 500;  color: #F44336;  }


/*BoD*/
.directors  {border:1px solid #ddd;height: 100%;}
.directors div.d-none\#{/* display:none; */}
.directors .details {/* padding:10px; */}

/*Events*/

.events-block{background: rgba(0, 46, 91, 0.1) !important;}
.blog, .event {padding: 0;margin: 0;border: 1px solid #f4f4f4;background: #FFF;margin-bottom: 15px;height: 100%;}
.events {padding-bottom: 30px;} 
.events .event_date{padding: 5px;text-align: center;/* background: #8d261d; *//* color: #FFF; */font-size: 30px;font-weight: 900;line-height: 30px;display: flex;width: 100%;border: 0;border-bottom: 1px solid #da7314;}
.events .event_date div{ padding:0 5px;}

.blog .image img{max-width:240px;}
.blog .blog_content, .event_content{padding:10px;}
.blog .blog_content p img{float:left;margin-right:10px;max-width: 240px;}
.events_month_header h2{ font-size:24px; margin-top:30px; border-bottom:1px solid #DDD; padding:5px;}
.event_row .event_date{border:0;/* padding-right: 20px; */}
.event_date{border: solid 1px #b54b33;margin: 0 auto;}
.event_row .event_day{font-size: 20px;font-weight: 300;margin-bottom: 1px;}
.event_row .event_month {font-size: 22px;font-weight: 900;line-height: 30px;}
.event_row .event_month span{/* display:block; */text-transform: uppercase;font-weight: 500;/* font-size: 25px; */}
.blog .blog_name a, .event_name a {font-size: 16px;font-weight: 500;}
.events .event_name a:hover {color: #ffb606; } 
.events .event_location{font-size: 14px;font-weight: 500;color: #6e7b97;margin-top: 2px;}
.events .event_content p{font-weight: 400;color: #666;margin-top: 0;margin-bottom: 0;}
.blog {/* border:0; */} 
.blog .blog_content p a{ text-transform:uppercase;}
.blog .image img{max-width: 240px;}
.blogs_row_block .blog{border:0;border-bottom: 1px solid #f4f4f4;}
.event_image img{width: 100%;}
.events_block{ padding:30px 0;}

.events_block .date{text-align: center;font-size: 20px;width: 110px;display: flex;}
.events_block .event_row {border-bottom:1px solid #ddd;}




.newPostTemplate.webform .fieldrow .fieldlabel, .newPostTemplate.webform .fieldrow .fieldval{width:auto;display:block;margin: 0 5px;}
.newPostTemplate.webform .fieldrow .fieldval input[type=number], .newPostTemplate.webform .fieldrow .fieldval input[type=text], .newPostTemplate.webform .fieldrow .fieldval input[type=tel], 
.newPostTemplate.webform .fieldrow .fieldval input[type=email], .newPostTemplate.webform .fieldrow .fieldval select, .newPostTemplate.webform .fieldrow .fieldval textarea
{ width:100%;}
.newPostTemplate.webform .fieldrow .fieldval input[name*='_time'], .newPostTemplate.webform .fieldrow .fieldval input[name*='_time'],
.webform .fieldrow .fieldval input[name*='_time'], .webform .fieldrow .fieldval input[name*='_time']
{width: calc(100% - 20px);}
.newPostTemplate.webform .fieldrow .desc{ font-size:.84em; color:#777;}

.newPostTemplate.webform .fieldrow .fieldlabel label{font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 400;display: block;font-size: 15px;margin: 0;}
.newPostTemplate.webform .fieldrow .fieldval label{font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 400;font-size: 15px;margin: 0;display: inline-block;}


.fieldlabel input, .fieldlabel input ~ span{ display:inline-block;}




/*footer*/
footer .nav-bar.nav-center {  text-align: left;  }
footer nav.nav-bar a:hover {  color: #333;  }

.single_contant_left input, .single_contant_left textarea{border: 1px solid #b7b7b7;padding:10px;border-radius: 5px;margin: 0;}

/* ====================mobile css ==================== ================================================== */
@media (min-width: 460px) {  }

@media (min-width: 580px) {  }

@media (min-width: 640px) {  }

@media (min-width: 780px) {  
  .subpage-content-block.page-content-block {  margin: 20px 0;  }
 /*footer*/
 .footer-logo a {  display: inline-block;  vertical-align: top;  }
 .footer-logo a img {  max-height: 70px;  }
}

@media (min-width: 991px) {  }

@media (min-width: 1200px) {  
  .logo {  margin-top: 0;  }
}

@media all and (min-width: 0px) and (max-width: 1199px) {  
.slider-block { padding-top:80px;}
.HeaderMenu nav>ul>li{/* min-width:12%; */}
.HeaderMenu nav>ul>li>a{padding: 8px 4px;font-size: 13px;font-weight: 500;}
  .sliderContent div.base div.caption p {  margin: 0;  line-height: 1.1em;  }
}

@media all and (min-width: 0px) and (max-width: 1080px) {  
  #socail > span {  display: block;  line-height: normal;  }
  #socail li a:after {  line-height: normal;  font-size: 25px;  margin: 0 2px;  }
 }

@media all and (min-width: 0px) and (max-width: 991px) {  
.logoBlock{left: auto;right:auto;width: auto;padding-top: 5px;float: none;}
.Header.headBg .logo, .logo {max-width: 155px;}
.logoBlock:after { display:none;}
.HeaderMenu>ul>li {  padding: 0 7px;  }
.Header .tag {font-size: 14px;/* padding-left: 3px; */width: 160px;padding: 3px;border: 0;margin: 0;border-top: 1px solid #e7a422;}
#countiesList { position: relative; padding-bottom: 10px; left: 0; top: 0; transform: none;; }
.Header #social, .navIcon {padding: 8px 0;}
.Header #social li a:before { width:30px; height:30px; line-height:30px; font-size:16px;}
#social li.mailinglist a span {line-height:30px;height:30px;padding: 0 3px;font-size: 10px;}
.Navigation .navbar-collapse {  display: none;  }
.Sidebar__backdrop {  background-color: rgba(0,0,0,.25);  left: 0;  top: 0;  z-index: 999;  display: none;  }
.Sidebar--active, .Sidebar__backdrop {  position: fixed;  height: 100%;  width: 100%;  }
.Sidebar.active .Sidebar__backdrop {  display: block;  }
.Sidebar--active, .Sidebar__backdrop {  position: fixed;  height: 100%;  width: 100%;  }
.Header.headBg .NavbarToggle i {color: #8d261d;}
body.subpage .Header .sidebar__Close i , .Header.headBg .sidebar__Close i { color:#dc3545;}
 
 }

 @media all and (min-width: 0px) and (max-width: 880px) {  
  .sliderContent div.base div.caption {  -webkit-transform: translateY(-50%) translateX(-100%);  -ms-transform: translateY(-50%) translateX(-100%);  transform: translateY(-50%) translateX(-100%);  left: 100%;  top: 50%;  float: none;  }
  .sliderContent div.base div.caption p {  line-height: 1.6em;  }
 }

@media all and (min-width: 0px) and (max-width: 768px) { 
.page-content-block {  margin-top: 20px;  padding-top: 0px;  }
.profile-block{margin-top: 0px;}
 /* header */
 .nav-top {  margin-top: 0;  }
 .nav-top li a {  padding: 8px 6px !important;  }
 .header {  padding: 0px 0;  border: 0;  }
 .header > .container {  width: 98%;  }
 .logoBlock{margin:0;padding: 0;}
 .Header .tag {padding:0;border:0;margin: 0;/* font-size: 16px; */width: 160px;/* display: none; */border-top: 1px solid #e7a422;}
 .Header #social, .navIcon {padding: 8px 0;float: none;}

 
 .Navigation .NavbarToggle {  top: calc(50% - 18px);  z-index: 1;  display: block;  float: right;  }
 .sliderContent div.base img {/* max-width: none; *//* top: 0; *//* left: 50%; *//* -webkit-transform: translateY(0%) translateX(-50%); */-ms-transform: translateY(0%) translateX(-50%);/* transform: translateY(0%) translateX(-50%); */}
 .sliderContent div.base div.caption h1 {  font-size: 2.2em;  line-height: 1.4em;  font-weight: 600;  text-align: center;  margin: 0;  }
 .sliderContent div.base div.caption h2 {font-size: 2.5em;text-align: center;}
 .sliderContent div.base div.caption h3 {/* font-weight: 400; *//* text-align: center; */font-size: 3.4em;/* line-height: 18px; */margin: 0;}
 .sliderContent div.base div.caption h4 {  font-weight: 400;  text-align: center;  font-size: 13px;  line-height: 16px;  margin: 0;  }
 
 /* navigation */
 .nav-top ul {  margin: 0 !important;  }
 #main-navigation {  position: fixed;  overflow-y: auto;  width: 0;  height: 100%;  margin-bottom: 0;  z-index: 1;  left: 0;  top: 0;  background: #08364c;  display: none;  }
 #main-navigation.navbar-block {  display: block;  }

 /* ====================nav bar==================== ================================================== */
 footer .footer-bg {  background-position: center bottom;  }
 .footer-nav > ul > li {  vertical-align: top;  }
 .footer-nav-block { clear: both;  }
 .footer-logo, .newsletter {  width: 100%;  float: none;  }
 }

@media all and (min-width: 0px) and (max-width: 639px) {  
.nav-top {  display: none;  }
.top-phone {  float: right;  }
.sliderContent div.base div.caption {  width: 100%;  min-width: 100%;  max-width: 100%;  transform: none; padding: 0;  left: 0;  top: auto;  background: none;  }
#slides .sliderContent div.base .img {width: 100%;/* position: relative; */}
.feature-bg-block h2 {  font-size: 8vw;  }
 }

@media all and (min-width: 0px) and (max-width: 579px) {  
.Header{background:#FFF;}
.Navigation{ margin-top:0;}
.logoBlock{}
.logo {
    max-width: 150px;
}
.navIcon{padding: 8px 0;}
.Header #social, .navIcon { padding:0;}
.subpageHeader-block{padding-top: 90px;}
.nav-icon a, .nav-icon {  line-height: 74px;  }
.sliderContent div.base div.caption h1 {  font-size: 1.8em;  }
.sliderContent div.base div.caption h2 {font-size: 2em;line-height: 1.4em;}
.sliderContent div.base div.caption h3 {font-size: 2.5em;border: 0;margin: 0;padding: 0;}
.sliderContent div.base div.caption h4 {  font-size: 1.0em;  line-height: 1.2em;  }
.sliderContent div.base div.caption h5 {  font-size: .84em;  line-height: 1.18em;  }
.home-content-block, .page-content-block.news-block, .feature-blocks {  padding: 30px 0;  }
 .subpage-content-block.page-content-block {  margin-top: 129px;  }
.feature-blocks h3 {  width: auto;  font-size: 1.4em;  line-height: 1.2em;  }
.feature-blocks p {  width: auto;  font-size: .90em;  }
footer .footerMenu, footer .contact {  float: none;  }
.footer-nav {  margin-bottom: 0;  text-align: center;  }
.footer-nav > ul {  display: block;  width: 100%;  }
.footer-nav > ul > li, .footer-nav ul li a {  display: block;  text-align: center;  }
footer .address p {  text-align: center !important;  margin-top: 20px;  }
.subfooter-nav ul,.copyright span {  display: block;  text-align: center;  float: none;  }
.subfooter-nav ul {  margin: 0 auto;  display: block;  }
.subfooter-nav ul li {  float: none;  display: inline-block;  }
#socail li {  margin: 0 2px;  }
footer .address, footer .address * { text-align:center;}
footer #social ul{ text-align:center;}
 }

@media all and (min-width: 0px) and (max-width: 460px) {  
.nav-top {  position: relative;  text-align: right;  }
#socail > span {  display: inline-block;  vertical-align: middle;  font-family: 'Open Sans', sans-serif;  font-size: 11px;  }
#socail li a:after {  font-size: 20px;  margin: 2px;  }
.headePhone { display:none;}
.Header .col-6.col-md-8 {width:100%;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.logoBlock {display:block;float:none;/* text-align:center; */padding: 0;}
.logoBlock .logo{/* margin:0 auto ; */} 
.Header #social, .navIcon{padding: 0;}
.slider-block {padding-top: 100px;}
 }

@media all and (min-width: 0px) and (max-width: 380px) {  
.slider_block { min-height: 100% !important;  }
.logo a {  letter-spacing: 0px;  }
.logo img {  margin-right: -5px;  }
.logo .tag {  letter-spacing: 1px;  font-size: 15.5px;  }
.search-btn, .nav-icon {  margin: 0 5px;  padding: 0;  }
.footer-nav > ul > li {  display: block;  width: auto;  }
 }

@media all and (orientation: landscape) and (min-height: 100px) and (max-height: 540px) {  
  .sliderContent div.base div {font-size: .90em;margin-top: 40px;}
 }
