html, body {margin: 0px;width: 100%;/* height: 100%; */display: block;/* font: 400 12px/18px 'Roboto Condensed', sans-serif; */}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, a, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body {background: #fff;display: block;width: 100%;position: relative;font-family: 'Roboto Condensed', sans-serif;font-weight: 400;line-height: 1.46666667;color: #212529;}

/* ==================== 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: #8d230f;text-decoration:none;}
a.button {font-size: 16px;}
a:hover,  a:focus {text-decoration: none;color: #600;}
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: #8d230f;text-align: left;font-family: 'Open Sans', sans-serif;text-rendering:optimizelegibility;}
h1 {color: #8d230f;font: 800 2.5em/1.2em  'Open Sans', sans-serif;margin-bottom: 10px;}
h2 {font: 400 2em/1.2em 'Open Sans', sans-serif;margin-bottom: 10px;}
h3 {font: 400 28px/36px 'Open Sans', sans-serif;margin-bottom: 5px;}
h4 {font: 400 22px/28px 'Open Sans', sans-serif;margin-bottom: 4px;}
h5 {font:400 18px/22px 'Roboto', sans-serif;margin-bottom: 3px;}
h6 {color:#000; font:300 15px/20px 'Roboto', sans-serif; margin-bottom:0; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:inherit;text-decoration:none;}
ul, ol { margin-left: 3em; list-style: square; }
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 #C3814F;}
table.content_table td, table.content_table th {padding: 4px;border: 1px solid #AB9D5B;border-collapse:collapse;}
.colbtn {padding: 6px 23px;color: #FFF;display:inline-block;margin:6px;}
.orange-btn,.blue-btn:hover {background: #FF1935;color: #FFF;}
.blue-btn,.orange-btn:hover {background: #0a8ce7; text-decoration: none;color: #FFF;}
a.red-btn {background: #8d230f; text-decoration: none; color: #fff; }


/* ==================== 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: #777;border: 1px solid #e8e1d5;background: #ffffff;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, .general_login ul li 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: #4c403a;cursor: pointer;padding: 8px 20px;display: inline-block;border-radius: 3px;outline: none;box-shadow: none;text-shadow: none;position: relative;letter-spacing: 0;/* font-family: 'Roboto Condensed', sans-serif; */} 
input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .button:hover, .general_login ul li button:hover {background: #4c403a;color: #FFF;}
input[type=button]:active, input[type=reset]:active, input[type=submit]:active, .button:active { background: #444; }




.button-red {background: #df902c;border:1px solid transparent;}
.button-red:hover {background:#333;}
.button-black {  background: #333;  }
.button-black:hover {  background: #df902c;  }
.button-white { background:#FFF; color:#333;}
.button-white:hover { background:#333; color:#FFF;}
.button-sm {padding: 5px 12px;  }
.button-sm {display: inline-block;  }
.button-large{padding: 18px 36px;}
.button-fullwidth {display:block;}
.button-lines{background:transparent;border: 1px solid #333;color: #333;}
.button-no-lines{background:transparent;border: 0;color: #333;}
.button-lines.button-red{border-color: #df902c;color: #df902c;}
.button-lines.button-black{border-color:#333;color: #333;}
.button-lines.button-red:hover{ background:#df902c; color:#FFF;}
.button-lines.button-black:hover{  background: #333; color:#FFF;}
.button-arrow-right:after {font-family: 'FontAwesome';content:"\f0a9";padding: 0 0 0 4px;}
.button-arrow-down:after {  font-family: 'FontAwesome'; font-size: 15.4px;  content: '\f063';  padding: 0 0 0 4px;  }
.button-arrow-left:before {  font-family: 'FontAwesome'; font-size: 15.4px;  content: '\f060';  padding: 0 4px 0 0px;  }
.button-arrow-right:after {  font-family: 'FontAwesome';  font-weight: 100;  font-size: 15.4px;  content: "\f178";  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;  }




.noresults {display: none;}

.burgundy { background: #600; }






/* ====================utility/ helper classes ====================
   ================================================== */
.clear { clear: both; height: 0px; margin: 0px; padding: 0px; }

.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 { float:none !important; margin:0 auto; clear:both;}

/*Generic styles */
.normal{font-weight:normal;}
.bold{ font-weight:bold;}
.bolder{font-weight:bolder;}
.black, .black > a{color:#000;}
.red, .red > a{color: #8d230f;}
.white, .white > a{color:#FFF;}
.uppercase, .uppercase > *{ text-transform:uppercase;}
.lowercase, .lowercase > *{text-transform:lowercase;}
.capitalize, .capitalize > *{text-transform:capitalize;}
.hide{ display:none;}
.align-center{ text-align:center;}
.align-left{text-align:left;}
.align-right{text-align:right;}
.no-padding{padding:0;}
.no-margin{margin:0;}



/* ==================== layout====================
   ================================================== */
.subpageHeader-block{padding-top: 120px;}
.subpageHeader-block .container{ position:relative;}
.subpageHeader-block .container h2{position:absolute;bottom:0;color:#FFF;font-size: 4em;text-transform:uppercase;font-weight:600;}
#layout {position: relative;top: 0;left: 0;width: 100%;min-width: 100%;background: #fff;}
#wrapper {height: auto;width: 100%;margin: 0 auto;margin-top: 0 !important;position: relative;}
.container {/* width: 96%; */position: relative;/* margin: 0; *//* margin-right: auto; *//* margin-left: auto; *//* height: auto; */}
.container.container-fluid{ margin:0;}
.content-block {padding: 25px 0;/* padding-top: 0; */}
.subpage-content-block {padding: 0;padding-bottom: 50px;border-radius: 0;}
.page-content-block{margin: 0 0;}
.home-content-block{border:0;padding: 30px 0;margin: 20px 0;}
.profile-block{margin:0 auto;}
.profile-block h3 {font-size: 28px;color: #333;padding: 0 0 0px 5px;border-bottom: 1px solid #e7dbc2;font-family: 'Open Sans', sans-serif;text-transform: uppercase;font-weight: 600;}
.home-content-block.page_conentBlock{padding:10px 0;margin: 0 auto;padding-bottom: 50px;}
.page-content-block.news-block {padding: 60px 0;} 
.page-content-block.partners-block{margin: 0;text-align: center;border: 0;padding: 50px 0;}
.page-content-block.partners-block p { text-align:center; font-size:18px; margin-bottom:20px;}
.partners-block .partner-block{ margin:10px 0;}
.page-content-block.partners-block a img{max-width: 150px;}
.subpage-block{margin-top: 74px;padding-top: 10px;}
.breadcrumb{padding: 0;margin-bottom: 30px;color: #45180d;background: transparent;border-radius: 0;border-top: 1px solid rgba(27, 7, 2, 0.5);}
.breadcrumb a {font-size: .96em;color: #45180d;}
.breadcrumb #breadcrumb {padding: 3px 0;}
.feature-blocks {padding: 30px 0;margin-bottom: 0;background: #fff;}
.feature-blocks h1, .feature-blocks h4{ text-align:center; color: #4c403a; }
.feature-blocks h1{ font-weight:700; font-family: 'Open Sans', sans-serif;}
.specialFont{font-family: 'Oswald', sans-serif;}
#featureBlocks.feature-blocks p {width: 70%;margin: 10px auto; margin-right:auto !important; margin-left:auto !important;}
#featureBlocks.feature-blocks * {text-align:center !important;}
.feature-blocks p a {display:inline-block;vertical-align:middle;margin:5px;}
.profile-block ul {margin:0;margin-bottom: 10px;}
.profile-block ul li { list-style:none; margin:0; padding:0;}
.profile-block ul li:before{content:"\f192";font-family: FontAwesome !important;display:inline-block;vertical-align:middle;line-height: 21px;height: 22px;margin-right: 8px;color: #8ec540;}
.featured-blocks {border-top: 1px solid #d1ba95;border-bottom: 1px solid #d1ba95;text-align: center;background: #dac5a3 url('/image/cache/bg_2.png');}
.featured-blocks .blk {padding: 25px 10px;padding-top: 10px;margin: 20px 10px;overflow: hidden;}
.featured-blocks .blk .thumb-round img{width: 250px;height: 250px;overflow:hidden;margin: 0  auto;border: 1px solid #d1ba95;}

.featured-blocks .blk:hover img {border: 1px solid #ffffff;}
.featured-blocks h3 { text-align: center; font-size: 1.2em; margin-bottom: 5px;   }
.featured-blocks img {width:100%;max-width: none;}

.call-to-action {display: none;}
.featured-blocks.call-to-action{display:block;padding-top: 60px;}
.feature-bg-block{position:relative; padding: 120px 0;text-align:center;color:#FFF;font-weight:700;background-position: center center;background-attachment: fixed;background-size: cover;text-shadow: 0 0 1px #000;}
.feature-bg-block:before{content:"";display:block;position:absolute;width:100%;height:100%;opacity: .85;top:0;left:0;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c403a+0,8ec540+100 */ /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ /* IE6-9 fallback on horizontal gradient *//* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8ec540+0,4c403a+100 */background: #5c4205; /* Old browsers */background: -moz-linear-gradient(45deg,  #8ec540 0%, #4c403a 100%); /* FF3.6-15 */background: -webkit-linear-gradient(45deg,  #f1d0b5 0%,#5c4205 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(45deg,  #f1d0b5 0%,#5c4205 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ec540', endColorstr='#4c403a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.feature-bg-block.bg-block-1 {background-image: url(/image/cache/bg_1.jpg);}
.feature-bg-block.bg-block-2 {padding:150px 0;background-image: url(/image/cache/bg_2.jpg);}
.feature-bg-block * {color: #FFF;text-align:center;text-shadow: 1px 0px 3px #333;}
.feature-bg-block h2 {font-size: 4em;line-height: 1.5em;font-weight: 300;text-transform:none;}
#leftprt { line-height:1.75em;}
.embedBlocksCaption{border-bottom:1px solid  #000;border-top:1px solid  #000;margin-top: 30px;margin-bottom: 20px;padding-top:10px;}
.embedBlocksCaption h1, .embedBlocksCaption h4{ color:#000;}

.embedBlock h3 span{font-weight:300;font-size: 24px;}


.events-block{padding: 50px 0;margin-top:20px;/* background:url(/image/cahce/cows_in_snow.jpg) no-repeat center bottom; *//* background-size: unset; */background: #8d230f;}

.info-block{padding: 30px 0;margin-top:20px;}



/* ====================header ====================
   ================================================== */
.header h1 { display: none; }
.header {position: fixed;width: 100%;top: 0;left: 0;background: #2b2b2b;background-size: auto;background-attachment: fixed;z-index: 999;}
.header > .container {display:flex;flex-direction: row;justify-content: space-between;align-items: center;}
.header > .container .clear { display:none;}

/* Medium desktops */
@media (min-width: 960px) {
   .header > .container {max-width: 100%;}
}
@media (min-width: 1200px) {
   .header > .container {max-width: 1200px;}
}
/* Large desktops */
@media (min-width: 1400px) {
   .header > .container { max-width: 1320px; }
}
/* Extra-large desktops or 4K displays */
@media (min-width: 1600px) {
   .header > .container { max-width: 1440px; }
}
@media (min-width: 1920px) {
   .header > .container { max-width: 1600px; }
}


.logo {position: relative;z-index: 99;left: 0;top: 0;text-align: left;vertical-align: middle;padding: 0;/* background: #FFF; */}
.logo-found{position:relative;}
.logo:after {/* content:""; */position: absolute;bottom: -15px;display:block;left: 0; height: 15px;border-right: 55px solid #A8754B;border-left: 55px solid #A8754B;border-bottom: 15px solid transparent;}
.logo a {display: block;position: relative;width: 100%;height: 100%;/* vertical-align: middle; */-moz-transition: .3s ease;-o-transition: .3s ease;-webkit-transition: .3s ease;transition: scale .8s linear;}
.logo img {position: relative;display: block;vertical-align: middle;padding: 3px;transition: all .5s ease;height: 120px;}
header.header.home.searchbar-collapse .logo a:before, .header.home:hover .logo a:before{background: url(/image/cahce/logo-black.png)  no-repeat center center; background-size:100%;}
.header.headBg .logo a img{width: auto;height: 100px;padding: 8px 3px;transition: all .5s ease;}
.header.headBg nav.main-nav{height: 100px;transition: all 0.3s ease;}
.header.headBg nav.main-nav > ul > li > a, .header.headBg nav.main-nav > ul > li > span{line-height: 60px;transition: all 0.3s ease;font-size: 1.3em;font-weight: 400;}
.header.headBg span.searchBlock-toggler{line-height: 100px;}
.header.headBg span.searchBlock-toggler:before{font-size:20px;line-height: 100px;transition: all .3s ease;}

span.searchBlock-toggler{color: #ffffff;font-size: 25px;padding: 0 0;line-height: 120px;height: 100%;width: 60px;display: inline-block;text-align: center;cursor: pointer;margin: 0;cursor: pointer;}
span.searchBlock-toggler:hover{ background:#8d230f;}
span.searchBlock-toggler:before{content:"\f00d";font-family: FontAwesome;font-size: 31px;line-height: 120px;display: block;transition: all .3s ease;}
span.searchBlock-toggler.collapsed:before{content:"\f002";}
.searchBlock-collapse {-ms-flex-preferred-size: 100%;flex-basis: 100%;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.search__backdrop {position: fixed;height: 100%;width: 100%;background-color: rgba(0,0,0,.45);left: 0;top: 0;z-index: 999;display: none;}
.searchBlock-collapse .search__body{background-color: white;width: 100%;padding: 10px 0px;margin: auto;position: absolute;z-index: 99;transform: translateY(-100%);-webkit-overflow-scrolling: touch;z-index: -1 -webkit-transition: transform .3s ease-in-out;transition: transform .3s ease-in-out;}
.searchBlock-collapse .search__body .searchBlock{position:relative;}
.searchBlock-collapse .search__body input[type=text] {width: 100%;padding-right: 70px;}
.searchBlock-collapse .search__body input[type=submit]{position:absolute;right:0;top: 0;margin: 0px 0;border: 1px solid transparent;min-width: auto;background: #4c403a;color: #FFF;}

.searchBlock-collapse.show .search__backdrop, .searchBlock-collapse.show .search__body{ display:block;}

.searchBlock-collapse.show .search__body{transform: translateY(0px);}

/* ====================navigation====================
   ================================================== */
.nav {position: relative;/* display: block; */}
.nav ul { list-style: none; padding: 0; margin: 0; }
.nav ul li { position: relative; display: block; }
.nav ul li a, .nav ul li > span { position: relative; display: block; padding: 10px 15px;  }
.nav-bar ul > li.has-sub span.sub-btn{display:none;}

.top-nav{position: relative;width: 20%;float: right;padding: 22px 0;top: 22px;z-index: 999;/* background: #070707; *//* border-bottom: 1px solid #4c403a; */}
.nav-top {/* float:right; */color: #F1F1F1 !important;/* text-align: right; *//* display: none; */}
.nav-top ul > li {float: left;}
.nav-top li a {padding: 3px 10px !important;font-size: .88em;color: #FFF !important;}

/*mobile navigation */
.navbar-block ul{ position:relative;display: block;top: 0;left: 0;width: auto;height: 100%;}
.navbar-block ul > li > a {padding: 10px 15px;border-bottom: 1px solid #3b3b3c;color: #333333;}
.navbar-block ul li ul, .navbar-block ul li ul li ul{ display:none;}
#close {display: none;background: 0 0 rgba(0, 0, 0, 0.75);      height: 100%;      position: fixed;top: 0; left: 0;      -moz-transition: all 0.2s linear 0s;      -webkit-transition: all 0.2s linear 0s;      -ms-transition: all 0.2s linear 0s;      transition: all 0.2s linear 0s;      width: 100%;z-index: 5;}
.navbar-block ul > li.has-sub .sub-btn { display:block; width: 30px; height: 45px; padding: 0;position:absolute; z-index: 1;right:0;cursor: pointer;}
.navbar-block ul li ul li > a { padding-left:17px; font-weight:normal;}
.navbar-block ul li ul li ul li a {padding-left: 25px !important;font-weight:normal;font-size:.82em;}

/* ====================fixed nav====================
   ================================================== */
.fix-top { position: fixed !important; left: 0;top: 0;right: 0;  z-index: 1030; background: #FFF; -webkit-transition: all .5s ease;  -moz-transition: all .5s ease;  -ms-transition: all .5s ease;  -o-transition: all .5s ease;  transition: all .5s ease;}

/* ==================== Social Menu ====================
   ================================================== */
.top-phone{float: right;} 
#social{ text-align:center;}
#social ul {text-align: center;width: 100%;}
#social li {float:none;display:inline-block;vertical-align:middle;padding: 2px 5px;}
#social li a {font-family: FontAwesome;text-align: left;padding: 0 !important;color: #FFF;font-size: 0;line-height: 0;}
#social li a span{ display:none;}
.nav-top li a:before, #social li a:before{content:'';font-size: 26px;text-align: center;color: #FFF;display: inline-block;vertical-align: middle;line-height: 35px;width: 35px;height: 35px;border-radius:4px;/* background: #088f96; */}
#social li.facebook a:before {content: "\f09a";}
#social li.twitter a:before {content: "\f099";}
#social li.instagram a:before {content:"\f16d";/* background: #d6249f; *//* background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); *//* border-radius: 4px; *//* font-size: 30px; */}
#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{content: "\f0e0";}
#social li.email a:before {content:"\f0e0"; }
#social li.rss a:before {content: "\f09e";}
#social li.phone a:before {content:"\f095";}

#social li a:hover:before{/* background:#07575b ; */}

.nav-top li a {line-height:20px;}
.nav-top li a span {display:inline-block;vertical-align: middle;font-size: 18px;width:auto;font-weight: 700;font-family: 'Oswald', sans-serif;color: rgba(0, 0, 0, 0.75);}

/* Social Menu Hover */
#social li:hover a:before, #social li a:hover:before {color: #8d230f;}

/* ====================Footer====================
   ================================================== */
footer {clear: both;bottom: 0;left: 0;background: #000000 url(/image/cache/ndsa-office-footer-2025.jpg);background-repeat: no-repeat;color: #fff;z-index: 1;width: 100%;padding: 65px 0;padding-bottom: 190px;line-height: 1.5em;font-family: "Oswald", sans-serif;font-size: 0.92em;text-align: left;position:relative;}
footer:after{content:"";display:block;position:absolute;width:100%;height:100%;background: rgba(8, 8, 8, 0.35);top:0;left:0;z-index: 1;}
footer .container{position:relative;z-index: 9;}


footer .contact * {/* float:left; */ color:#FFF;}
footer a {color: #fff; }
footer a:hover { color: #ccc; }
footer .contact p {color:#FFF;text-align:left;/* margin-left: 20px; */}
footer .contact p span{margin-left: -16px;}
footer .footerMenu {/* float:right; */}
footer .footerMenu p{ margin:0;}
.footlogo{float:left;margin-right:20px;margin-bottom: 35px;}
.footer-nav{width: 100%;}
.footer-nav ul li  { background: #08080852; }
.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: left;display: inline-block;  font-size: 0.92em; }
.footer-nav ul li.head >a, .footer-nav ul li.head >span{font-size: 18px !important; color: #ffffff; margin: 10px 0 5px 0; }
.subfooter-nav ul {/* float: right; */}
.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: left;padding: 0;margin-top: 20px;/* background: rgb(0, 0, 0); */}
.copyright:after{content:''; display:table; clear:both;}
.copyright a {color: #ffffff !important;padding: 10px;}
.copyright span {float: left;}


/* ==================== Go to top button ====================
   ================================================== */
.cd-top {display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 40px;right: 5px;z-index: 10;text-indent: 100%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);overflow: hidden;background: #dac5a3;border: 1px solid #b7a587;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: 5px;-moz-border-radius: 5px;border-radius: 5px;}                     
.cd-top:after {content: "\f062";font-family: FontAwesome !important;color: #FFFFFF;font-size: 1.2em;text-align: center;line-height: 40px;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 0;}
.fieldgroup_label { font-size: 1.5em; font-weight: bold;font-family: 'Oswald', 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: 97%;margin: 0 0.5%;text-align: left !important;/* margin-right: 20px !important; */}
.fieldrow .fieldval {display: inline-block;width: 97%;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 #EBBE75;}
.group_nogroup_label, .group_nogroup_label, .group_nogroup_tr { display: none; }


.webform_5{text-align:center;padding: 10px;background: #e1eaf3;border: 1px solid #d8dce0;}
.webform_5  h4{margin: 0 0 0 30px;font-size: 18px;color: #525252;}
.webform_5 .fieldrow{padding:5px 0;width:80%;margin: 0 auto;}
.webform_5 .fieldrow .fieldlabel{display:none;}
.webform_5 .fieldrow .fieldval {text-align: left;}
.webform_5 .fieldrow .fieldval input { width:100%;}
.webform_5 .fieldrow .fieldval input[type="submit"]{ float:left; width:auto; font-weight:400;}

.col-sm-6.map,.Contact-form{padding:5px;}
.col-sm-6.map iframe{border: 1px solid #f3ebdd !important;}
.webform_1 .fieldrow{ padding:0; padding-bottom:5px;}
.webform_1 .fieldrow div{ margin:2px 0;}
.webform_1 .fieldrow input, .webform_1 .fieldrow select{width: 99%;display:block;margin-right: 1%;padding: 8px;}
.webform_1 .fieldrow select {padding: 7px 1px;}
.webform_1 .fieldrow textarea, .webform_1 .fieldrow #address_input{width: 99.6%;}



.newPostTemplate.webform .fieldrow .fieldlabel, .newPostTemplate.webform .fieldrow .fieldval{width:auto;display:block;margin: 0 5px;}
.newPostTemplate.webform .fieldrow.hide{ display:none;}
.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*='date'], .newPostTemplate.webform .fieldrow .fieldval input[name*='date'],
.webform .fieldrow .fieldval input[name*='date'], .webform .fieldrow .fieldval input[name*='date']{width: calc(100% - 30px);}

.newPostTemplate.webform .fieldrow .fieldval input[type='checkbox']{width:auto; }
.newPostTemplate.webform .fieldrow .desc{ font-size:.84em; color:#777;}

.newPostTemplate.webform .fieldrow .fieldlabel{font-family: Roboto, Arial, sans-serif;font-weight: 600;display: block;font-size: 14px;margin: 0;color: #666;}
.newPostTemplate.webform .fieldrow .fieldlabel label{display:inline;margin: 0 5px;}

.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;}

div.type_of_presentation_multicheckbox div, .webform_39 div.conducting_a_demo_multicheckbox div, .conducting_a_demo_radio div{margin-bottom:15px;margin-left: 20px;font-size: .96em;/* font-style:italic; */}



.newPostTemplate.webform .fieldrow .fieldval div[class*="_radio"]{display:inline-block;}
.newPostTemplate.webform .fieldrow .fieldval div[class*="associate_membership_radio"], .newPostTemplate.webform .fieldrow .fieldval div[class*="sponsorship_level_radio"]{ display:block;}
.conducting_a_demo_multicheckbox div{/* display:none; */}
.newPostTemplate.webform .fieldrow .fieldval div.conducting_a_demo_radio {display:block;margin-bottom: 8px;}
.newPostTemplate.webform .fieldrow .fieldval div.sponsorship_level_radio div{display:inline-block;} 

.webform div[class*="_multicheckbox"] input, .webform div[class*="_multicheckbox"] label{ display:inline-block;}

.brandInspectorBlock {margin-bottom:30px;}
.brandInspector {border:1px solid #DDD;height: 100%;} 
.brandInspector > div{ padding:10px;}
.brandInspector img{/* max-height: 340px; */width: 100%;max-width: 100%;padding: 10px;}









/* ==================== Tabs Styles ====================
   ================================================== */
.tab-panel { display: none; padding: 5px 0; border-bottom: 1px solid #F3F3F3; }
.tab-panel.activeTab { display: block ;}
.nav-tabs {margin: 10px 0;clear:both;border-bottom: 1px solid #E9E9E9;}
.nav-tabs:after{ content:''; display:table; clear:both;}
.nav-tabs li {display: inline-block;vertical-align: top;float: left;}
.nav-tabs li a {text-align: center;background: #E9E9E9;display: block;padding: 8px;color: #FFF;}
.nav-tabs li a:hover {}
.nav-tabs li.active a {background: #754C36;color: #FFF;}

/* ==================== Collapsible Accordions ====================
   ================================================== */
.collapsible-wrapper{  margin: 10px 0;}
.collapsible-wrapper .accordion-title{ margin-bottom: 0;float: none;clear: both;cursor: pointer;}
.collapsible-wrapper .accordion-title span.arrow-icon { position:relative;}
.collapsible-wrapper .accordion-title span.arrow-icon:after{ content:'';  border-right: 4px solid transparent;  border-left: 4px solid transparent;  border-top: 4px solid #C4301F; height: 0; display: block; position: absolute; right: -12px; top: 2px; bottom: 0; margin: auto; box-sizing: content-box; -webkit-box-sizing: content-box;      -moz-box-sizing: content-box;  }
.collapsible-wrapper .accordion-value{  display: none;}
.collapsible-wrapper .accordion-value.expand{ display:block; }

/* ====================  Div BLocks Animation  ====================
   ================================================== */


/* ====================small size grid style declarations====================
   ================================================== */
@media (min-width: 580px) { 
     /* clear floats & align center on extra small screens  */
    /* ==================== multi level footer menu ====================
       ================================================== */
    .
    .footer-nav ul { margin: 0px; padding: 0px; width: 100%; list-style: none;  }
    .footer-nav ul li { float: left; width: 31%;  padding: 0 1%; ; }
    .footer-nav ul li.head > a {   }
    .footer-nav ul li>a {/* padding: 0px; */margin: 0px;display: block;}
    .footer-nav ul li span { font-size: 1.2em;  margin-bottom: 5px; display: block;   }
    .footer-nav ul li>ul  {margin: 0px; padding: 0; list-style: none;  }
    .footer-nav ul li> ul li {  float: none; display: block; width: 100%;   }
}

@media (min-width: 640px) { 
    /* ==================== tab navagation ====================
       ================================================== */
    .nav-tabs ul { display: block !important; clear: both; width: auto; float: none !important; padding: 0; margin: 10px 0 !important; border-bottom: 1px solid #DDD; }
    .nav-tabs ul:after { content: ""; display: table; clear: both; }
    .nav-tabs ul li { margin-bottom: -1px; float: left; }
    .nav-tabs ul li.active a { color: #333; border: 1px solid #DDD; border-bottom-color: transparent; background: #FFF; margin: 0; }
   
}
@media (min-width: 780px) { 
    /* ==================== Navigation ====================
       ================================================== */
    .navbar{position: relative;width: auto;left: 0;padding: 0;top: 0;border: 0;overflow: visible;}
    .navbar ul > li.has-sub .sub-btn{ display:none;}
    .navbar > ul > li > a { border:none;}
    .nav-bar ul {display: block;width: auto;height: 100%;margin: 0 auto;position: relative;background: none;}
    .nav-bar > ul:after { content:''; display:table; clear:both; } 
    .nav-bar ul > li {float: left;position: relative;padding: 0;height: 100%;}
    .nav-bar ul > li a, .nav-bar ul > li span{padding: 10px 15px;border: 0;color: #FFFFFF;/* font-size: 12px; */}
    .nav-bar ul > li > ul li {float: none;height: auto;}
    .nav-bar ul > li > ul li a, .nav-bar ul > li > ul li > span {padding: 2px 9px;display:block;}
    .nav-bar ul > li ul{display:none;position:absolute;left:0;top:100%;background: #8d230f;width:240px;height: auto;}
    .nav-bar > ul > li:hover > ul{display:block; }    
    .nav-bar > ul > li > ul > li{ position:relative; text-align:left;}
    .nav-bar > ul > li > ul > li >a,.nav-bar > ul > li > ul > li >span {padding:10px;display:block;color:#fff;cursor: pointer;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
    .nav-bar > ul > li > ul > li:hover >a,.nav-bar > ul > li > ul > li:hover >span{background: #fff;color: #8d230f;}
    .nav-bar > ul > li > ul > li:hover > ul{ display:block; position:absolute; left:100%; top:0; background:#fff;}
    .nav-bar > ul > li > ul > li > ul > li > a, .nav-bar > ul > li > ul > li > ul > li > span{color:#8d230f;padding: 10px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
    .nav-bar > ul > li > ul > li > ul > li:hover > a, .nav-bar > ul > li > ul > li > ul > li:hover > span{ background:#333; color:#fff;}
    .nav-bar > ul > li > ul > li > ul > li:hover > ul{ display:block; position:absolute; left:100%;top:0; background:#333;}
    .nav-bar > ul > li > ul > li > ul > li:hover > ul li a{display:block;padding: 10px;font-size:14px;}





   /*Mega menu*/    
    .nav-bar ul > li.megamenu  {}
    .nav-bar ul > li.megamenu  > ul {width: 240px;/* height: 100%; */float: none;clear: both;padding: 1%;z-index: 99;/* top: 100%; */left: 0;position: relative;border-top: 1px solid #190401;text-align: center;/* display: none; */}
    /*.nav-bar ul > li.megamenu:hover span:after{content:'';display:block;height: 10px;width:100%;background: #b7a587;bottom:0;} */
    .nav-bar ul > li.megamenu:hover  > ul {/* display: none !important; */}
    .nav-bar ul > li.megamenu > ul:after{ content:''; display:table;clear:both;}
    .nav-bar ul > li.megamenu > ul li. {width: 180px;margin-right: 15px;display: inline-block;vertical-align: top;float: none;clear: both;text-align: left;}    
    .nav-bar ul > li.megamenu > ul li. > a, .nav-bar ul > li.megamenu > ul li > span{/* display:none; *//* font-weight: bold; */font-size: 14px;color: #FFFFFF;padding: 0;}
    .nav-bar ul > li.megamenu > ul li:after{display:none;}    
    .nav-bar ul > li.megamenu > ul li:last-child{ border:none;}
    .nav-bar ul > li.megamenu > ul li ul{position: relative !important;display: block !important;background: none;left:0;top:0;width: 100%;min-width: 100px;float: none;}

    
    /* ==================== vertical / side bar navagation ====================
       ================================================== */
    .vertical-nav ul { float: none; display: block; margin: 10px 0; }
    .vertical-nav ul li { float: none; display: block; }
    .vertical-nav ul li a {padding: 5px 5px;border-bottom: 1px solid #C3814F;color: #7F4418;}
    .vertical-nav ul li:last-child a { border: 0; }

    /* ==================== go to top button ====================
       ================================================== */
    .cd-top { right: 20px; bottom: 20px; }

    /* ==================== webform styles ====================
       ================================================== */
    .fieldrow .fieldval select {width: 80%;padding: 8px 5px;margin: 0;color: inherit;}
    .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%;}
     #wrapper {margin-top: 100px;}
}

@media (min-width: 992px) { 
    #user-nav { margin:0;}
        /* ==================== padding and spacing classes ====================
       ================================================== */
    .md-pad{ padding-left:15px; padding-right:15px;}
    .md-pad-left{ padding-left:15px;}    
    .md-pad-right{ padding-right:15px;}
}

@media (min-width: 1200px) { 
    /* ==================== padding and spacing classes ====================
       ================================================== */
    .lg-pad{ padding-left:15px; padding-right:15px;}
    .lg-pad-left{ padding-left:15px;}    
    .lg-pad-right{ padding-right:15px;}

    /* ==================== go to top button ====================
       ================================================== */
    .cd-top { height: 40px; width: 40px; right: 30px; bottom: 30px; }
}



/* ==================== taoCMS Components and Modules ==================== 
================================================== */

/* ====================calendar ====================
   ================================================== */
#calendar {border-collapse: collapse;width: 90%;background: transparent;color: #000;margin: 0 auto;}
#calendar th, #calendar td {border: 1px solid #000;width: 100px;height: 100px;}
#calendar th { text-align: center; background: #088f96; vertical-align: middle; font-size: 18px;color: #000; line-height: 20px; }
#calendar td div.eventLnk {color: #8d230f;cursor:pointer;font-size: 14px;padding-top: 2px;/* border-top: 1px solid rgba(141, 35, 15, 0.65); */}
#calendar td div.eventLnk span{display: inline;vertical-align: middle;line-height: 1;}
#calendar td div.eventLnk:first-child{border:0;}
#calendar td div.eventLnk:before{content:"\f111";font-family:FontAwesome;font-size: 8px;display: inline;vertical-align: middle;margin-right: 2px;}
#calendar td { padding: 2px; }
#calendar td.caption {background: #07575b;vertical-align: middle;text-align: center;color: #fff;font-size: 18px;line-height: 20px;font-weight: bold;text-transform: uppercase;}
#calendar td.caption .nav{display:inline-block;vertical-align: top;color: #fff;line-height: 16px;font-size: 18px;}
#calendar td a {font-size: 12px;}
#calendar td a:link, td a:visited {color: #8d230f;}
#calendar td a:hover, td a:active {color: #8d230f;}
#calendar ul { margin: 0px; padding: 0px; list-style: none; display: block; }
#calendar ul li {padding: 2px;color: #333; /* background: #3F3F41; */ font-size: 11px;}
#calendar ul li a {color: #8d230f;}
.splitleft {  padding: 0 10px 25px 0px;  }
.article {  }
.article h2 {  padding: 25px 0 0 0;  margin: 0 }
.article p {  padding: 0 0 5px 0 }
.newschannel_2 h2 {  padding: 0;  margin: 0 }

/* ====================gallery ====================
   ================================================== */
#imageoverlay { position: fixed; top: 0; left: 0; z-index: 999; background: transparent; width: 100%; height: 100%; }
.overlay { position: absolute; z-index: 1121; width: 100%; height: 100%; }
.taoGalleryBox { width: 100%; padding: 0%; z-index: 1121; height: 100%; background: rgba(9,9,9,0.9); }
.no-rgba #gcontent { background: #333; }
#gimage { width: 100%; float: left; text-align: center; height: 100%; }
#gimage img { background: #FFF; padding: 5px; border: 1px solid #EEE; }
#gcontent { float: left; width: 0; line-height: 1.3em; margin: 10% 0; padding: 0; color: #CCC; display: none; }
#gcontent div { margin: 5px 0; }
#gcontent label { display: block; color: #7fa3c7; font-weight: bold; font-size: 1.2em; }
#gcontent span { display: block; }
#gnav { position: absolute; bottom: 5%; right: 5%; width: 50%; z-index: 1122; text-align: right; }
#gnav a { margin-left: 10px; color: #FFF; display: inline-block; padding: 2px 15px; }
#gclose {position: absolute;z-index: 1122;top: 0%;right: 5%;color: #777;width: 90px;background: #4c403a;padding: 5px 15px;color: #FFF;}
.gwait { margin-top: 40%; color: #DDD; }
.gallerylist { position: relative; float: left; height: 200px; width: 180px; padding: 35px 15px 30px 30px; margin: 5px 0; }
.gallerylist img { height: 135px; width: 170px; border: 1px solid #CCC; padding: 2px; }
.gallerylist h3 { margin-top: 5px; text-align: center; font-size: 1.1em; }
.gallerylist p { display: none; }
.imageGallery a {background: #FFF;height: 150px;border: 1px solid #FFF;width: 180px;margin: 1px;vertical-align: middle;text-align: center;overflow: hidden;display: inline-block;position: relative;}
.imageGallery a .gContent { display: none; }
.imageGallery a img {width: 100%;  /* Firefox 10+, Firefox on Android */ /* IE6-9 */ /* Chrome 19+, Safari 6+, Safari 6+ iOS */}
.imageGallery a:hover img { filter: none; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; border: 3px solid #FFF; }

/* ====================video ====================
   ================================================== */
.videoresults { padding: 15px 0px ;}
.videoresults div.videoleft { width: 400px; float: left; }
.videoresults div.desc { width: 270px; color: #666; float: right; padding-top: 30px; }

/* ====================event ====================
   ================================================== */
#editevent { background: #F9F9F9; padding: 20px; }
#editevent input { margin-left: 5px; }
#editevent table { border: 0px; margin: 0px; }
#editevent table  td { padding: 3px 0px; }
#editevent table  td { font-weight: bold ;}
#editevent  textarea { width: 350px; height: 100px; }
#editevent table  td div.field { padding: 3px 0px; }
#editevent table  td div.field span { display: inline-block; width: 80px; }
#editevent table .currentimage { display: none; }
.indievent {border-bottom: 1px dotted #CCC;}
.indievent h2 { font-size: 20px ;}
.indievent span { display: inline-block; }
.indievent label { display: block; color: #666; font-style: italic; }
.indievent div { text-align: justify; padding: 10px; }
.indievent img { float: left; margin: 5px 10px; width: 50%; height: auto; max-width: 50%; }
.eventrow {border-bottom: 1px dashed #4c403a;padding: 10px 0;margin-bottom: 15px;}
.eventrow:after{ content:''; display:table; clear:both;}
.eventrow img { float: left; margin: 0 10px 0 0; }

/* Modal */
#modalwindow {display: none;position: fixed;top: 0;bottom: 0;margin: auto;left: 0;height: 100%;z-index:999;overflow: hidden;width: 100%;background: rgba(0, 0, 0, 0.9);}
#bgShade, #shade { background: rgba(0,0,0,0.7); z-index: 100;   position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none;  }
#modaldata {overflow:auto;width: 60%;height: 70%;padding: 0;margin: 0 auto;position: relative;top: 50%;left: 60%;text-align: center;background: none;-webkit-transform: translateY(-50%) translateX(-100%);-ms-transform: translateY(-50%) translateX(-100%);transform: translateY(-50%) translateX(-100%);}
.shade{ display: block; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background: #DDD; z-index:998; -moz-opacity: 0.3; opacity:.30; filter: alpha(opacity=30); }
.modalcontent {height: 100%;width: 100%;position: relative;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);}
.modalcontent iframe{ width:100%;}
#modalbox {height: 100%;position: relative;}
#modalbox iframe{/* height: 100%; */background: #000;}
.modalcontent #mlcs {font-size: 1.5em; color: #ccc; float: right; background: #333;padding: 0 10px;color: #FFF;position: absolute; z-index: 10; right: 0;}
.modalcontent #mlcs:hover{text-decoration:none;color: red;}
.modalLabel span {float:right;background: #4c403a;color: #FFF !important;padding:0 5px;position: relative;z-index: 99;}
.modalLabel span a { color:#FFF;}


/* ====================catalog cart styles ====================
   ================================================== */
table.shippinginfotable { width: 100%; margin: 0 ; }
.catalogcart { width: 100%; margin: 10px 0px; border: 1px solid #DEDEDE; }
.catalogcart td, .catalogcart th {border: 1px solid #4c403a;padding: 5px;font-weight: normal;vertical-align: middle;text-align: center;}
.cartheadings {background: #d5e1ec;line-height: 30px;}
.cartheadings .partno { width:110px;}
.catalogcart .itemname { padding-top: 5px; }
.catalogcart p { padding: 0px; margin-top: 0px; }
.catalogcart .oddrow { background: #F9F9F9; }
.catalogcart .evenrow { background: #FFF ;}
.carttotals { line-height: 30px; }
.catalogcart th.subtotal, .catalogcart tr.tfoot td.price{ font-weight:700; }

#cartbuttons ul { list-style: none; padding: 0px; margin: 0px; margin-top: 20px; text-align: center; }
#cartbuttons ul li { display: inline-block; margin: 5px 0; }
.cartlinks { height: 30px; margin: auto; float: right; }
.cartlinks ul { margin: 0px; padding: 0px; list-style: none; float: right; margin-top: -4px; }

#changeinfo { margin-top: 20px; }
#changeinfo  ul { margin: 0; padding: 0; list-style: none; color: #4c403a; }
#changeinfo  ul li { float: left; margin-right: 20px; }
#returntocart a, #changeinfo  ul li:before { content: "\00ab\2006"; }

/* bliiing */
.billingaddress { padding: 2% 1%;}
.billingaddress .name { font-weight: bold;  }
.paymenttitle {margin-top: 15px;font-size: 1.3em;font-weight: 500;}
#paymentdiv { padding-bottom: 20px;  }
.paymentmodule{padding: 5px 0;/* font-size:1.1em; */} 
.paymentdetails{margin: 5px 0;text-align: left;}
.paymentdetails .row {margin:5px 0;}
.paymentchoice{ font-weight:bold;}
.nameoncardlabel, .cardnumberlabel, .expireoncardlabel, .codeoncardlabel{min-width: 100px;}
.nameoncardlabel,.nameoncardinput,.cardnumberlabel,.cardnumberinput, .expireoncardlabel, .codeoncardlabel {display:inline-block;vertical-align: top;margin-bottom: 5px;}
.sqaureCard iframe {background: #fff;}
.sq-input {height: 25px !important;}


/*catalog */
.billinfo { padding: 10px; display: inline-block; width: 45%; vertical-align: top;}
.billinginfotable {border: 0px;width: 100%;}
#billtable, #shiptable {border: 1px solid #7fa3c7;float: left;padding: 10px;width: 44%;margin: 10px 1%;min-height: 155px;}
.billtable tr td span {  display: inline-block; text-align: left; margin-right: 5px; }
.billtable select { width: 200px;  }
.billinginfotable select, .shippinginfotable select, .billinginfotable input, .shippinginfotable input{width: 55%;margin: 3px 0;}
#cartform{ clear:both;}
.bgcol { background: #EDF8ED; padding: 10px 20px; }
#payment_totalamount { clear: both; color: #4c403a; font-size: 1.5em; padding: 20px 0;  }
#payment_totalamount, #paymentinstructions {width: 44%;/* float:none; */clear: both;}
#paymentinstructions{  margin-bottom: 15px;}
.formorder  {width: 85%;margin: 20px 0;padding: 10px;}
.catalogcart .orderinfo{background: #d5e1ec;font-weight: 700;}
.catalogcart .orderinfo td, .catalogcart .orderinfo th {font-weight: 700; }
.formorder .formorder_head {display: table;text-align: right;border-bottom: 1px solid #84959E;width: 100%;font-weight: bold;}
.formorder .formorder_head span  { /* padding: 5px; */ display: table-cell;}
.formorder .formorder_head span.order_desc, .formorder .orderrow span.order_desc {text-align: left;}
.formorder .orderrow  {padding: 1%; margin: 0; display: table; width: 98%;}
.formorder .orderrow span { display:table-cell; }
.formorder .orderrow span.order_price  { text-align:right;}
.formorder .orderrow.total {border-top: 1px solid #84959E;border-bottom: 1px solid #84959E;}

.codeinput #giftcodeinput{ margin:0 5px; }
.promocodes{padding:5px;border: 1px solid #7fa3c7;}
.catalog.codeinput{ margin:5px; }
.catalog.codeheader { margin:0 10px ; font-weight:bold;}
.catalog.codeinput label, .catalog.codeinput input { display:inline-block;vertical-align:middle; margin:0 5px }


/* ====================paging ====================
   ================================================== */
#searchresults dt {margin-top: 10px;padding: 5px 0px;border-top: 1px dotted #4c403a;font-size: 12px;}
#searchresults dd { padding-left: 10px; }
.search {text-align: center;position: relative;}
#form_paging_links, #calendar_paging_links, #paging_links, #newschannel_paging_links, .gallery_paging_links { text-align: right; margin: 8px; }
#form_paging_links span, #paging span, #calendar_paging_links span, #paging_links span, .paging span, .gallery_paging_links span {display: inline-block;text-align: center;padding: 0px 8px;margin: 2px;border: 1px solid #4c403a;color: #4c403a;}
.paging span a {color: #4c403a;}
#newschannel_paging_links span {padding: 3px 10px;border: 1px solid #4c403a;margin: 5px;}
#newschannel_paging_links span:hover, #calendar_paging_links span:hover, #form_paging_links span:hover, #paging_links span:hover, .gallery_paging_links span:hover, #paging_links span.currentpage, .paging span.currentpage {background: #4c403a;color: #FFF;}
#paging_links span.currentpage a, .paging span.currentpage a, #newschannel_paging_links span:hover, #newschannel_paging_links span a:hover, #calendar_paging_links span:hover a, #calendar_paging_links span a:hover, #form_paging_links span:hover a, #form_paging_links span a:hover, #paging_links span:hover a, #paging_links span a:hover, .gallery_paging_links span:hover a, .gallery_paging_links span a:hover {background: #4c403a;text-decoration: none;color: #fff;/* display: block; */}    

/* ====================searchresults ====================
   ================================================== */
.search input {padding: 8px;padding-right: 40px;border: 0;width: 100%;height: 40px;font-size: 16px;background: rgba(0, 0, 0, 0.05);display: inline-block;vertical-align: middle;}
.search input[type=submit] {padding: 8px 6px;width: 150px;height: 40px;background: transparent;color: #020202;display: inline-block;vertical-align: middle;margin-left: 0;border: 0;outline: none;box-shadow: none;position: absolute;top: 0;right: 0;border-radius: 0;z-index: 2;}
.search span.icn{display:block;position:absolute;right:0;width: 40px;height: 40px;top: 0;} 
.search span.icn:after {content:"\f002";font: normal normal normal 14px/1 FontAwesome;display: block;line-height: 40px;color: #FFF;}
/* ====================forum ====================
   ================================================== */
#forum { border: 1px solid #DDD; border-collapse: collapse; }
#forum td { padding: 5px 10px; border: 1px solid #DDD; }
#forum-header { background: #EEE; font-weight: bold; }
#forum-highlight { background: #F9f9f9; }
#content-background { font-size: 0.82em; }



/* ==================== Image Slider ====================
   ================================================== */
.slider-block{padding-bottom: 0;padding-top: 100px;position: relative;}
.conent_slider{ margin: 0px auto;padding-bottom: 25px;}
.slider_block {position: relative;margin: 0;margin-bottom: 0;width: 100%;height: calc(100vh - 150px);min-height: 100%;}
.hblock {border-bottom: 1px dashed #EEC402;  }
.slider_block 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;}
/* slide show */
.slidebg{height: 480px;position:relative;z-index:5;width:100%;background:#2b2b2b;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%;/* padding: 7px; */overflow: hidden;}
.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%;opacity: 0;display: none;}
#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;}
#slides .sliderContent div.base .img a { display:block; line-height:0;}
.sliderContent div.base img {position: relative;border: 0;height: auto;margin: auto;padding: 0;width: 100%;}
.sliderContent div.base.Video .img { display:none; }
.sliderContent div.base .ovrly { width:100%; height:100%; background:transparent url(../image/cache/ovrly.png) no-repeat center center; position: absolute; z-index: 2; background-size: 100% 100%;} 
.sliderContent div.activeSlide {display: block;opacity: 1;}
.sliderContent div.base div.caption {position: relative;z-index: 5;width: 75%;padding: 25px 20px;padding-bottom: 80px;color: #FFF;max-width: 100%;margin: 0;top: 0;font-size: 0.92em;display: none;}
.sliderContent div.base div.caption * {color:#FFF;/* text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.69); */font-family: 'Oswald', sans-serif;font-weight: 400;}
.sliderContent div.base div.caption a {font-weight: 300 !important;padding: 10px;display: inline-block; margin: 0 auto; }
.sliderContent div.base div.caption p { font-size: 1.2em; margin: 0;  }
.sliderContent div.base div.caption h1{font-size: 3.0em;text-align: center; margin:0; text-transform: uppercase; font-weight: 600;  }
.sliderContent div.base div.caption h2{font-size: 3.0em;text-align: center;margin:0; text-transform: uppercase; font-weight: 600;  }
.sliderContent div.base div.caption h3{font-size: 2.0em;border: 0;margin: 0;padding: 0; text-transform: uppercase; font-weight: 600;  }
.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;}
.sliderContent div.base div.caption .cpcontent {opacity: 1;top: 0;position: relative;left: 50%;z-index: 1;transform: translateY(0%)  translateX(-50%);/* width: 75%; *//* vertical-align: middle; *//* display: inline-block; *//* height: 100%; */}

/* 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 *,.sliderContent div.base.slShow div.caption.Top-Left * {text-align:left !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;width: 50%;}
.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 *,.sliderContent div.base.slShow div.caption.Middle-Left * { text-align:left !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-Left * {text-align:left !important;}
.sliderContent div.base.slShow div.caption.Bottom-Center{top:100%; left:50%; -webkit-transform: translateY(-100%) translateX(-50%);  -ms-transform: translateY(-100%) translateX(-50%);  transform: translateY(-100%) 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:left !important;}

.sliderContent div.base.slShow div.caption.capcolorBlack * { color: #000 !important;  text-shadow: 1px 1px 4px rgba(239, 224, 224, 0.69); }
.sliderContent div.base.slShow div.caption.capcolorBlack a { border: 1px solid #000; }
.sliderContent div.base.slShow div.caption.capcolorYellow * { color: #ffc425 !important; text-shadow: 1px 1px 1px rgba(243, 231, 99, 0.69);   }
.sliderContent div.base.slShow div.caption.capcolorYellow a { border: 1px solid #ffc425; }

.sliderContent div.base div.caption div{margin-top:0px;text-align: center;}
.sliderContent div.base div.caption div a {padding: 8px 20px;text-align:center;color: #FFF;font-weight: bold;margin: 10px 0;}
.sliderContent div.base.slShow div.caption {display: block;position: absolute;}
.sliderContent div.base.slShow div.caption.No-Background { background:none !important;}

/*Caption Backgrounds*/
.sliderContent div.base div.caption.White {background: rgba(255,255,255,1);}
.sliderContent div.base div.caption.White1 { background: rgba(255,255,255, 0.1);}
.sliderContent div.base div.caption.White2 { background: rgba(255,255,255, 0.2);}
.sliderContent div.base div.caption.White3 { background: rgba(255,255,255, 0.3);}
.sliderContent div.base div.caption.White4 { background: rgba(255,255,255, 0.4);}
.sliderContent div.base div.caption.White5 { background: rgba(255,255,255, 0.5);}
.sliderContent div.base div.caption.White6 { background: rgba(255,255,255, 0.6);}
.sliderContent div.base div.caption.White7 { background: rgba(255,255,255, 0.7);}
.sliderContent div.base div.caption.White8 { background: rgba(255,255,255, 0.8);}
.sliderContent div.base div.caption.White9 { background: rgba(255,255,255, 0.9);}
.sliderContent div.base div.caption.Yellow {background: rgba(255, 196, 37, 1); color:#FFF!important;}
.sliderContent div.base div.caption.Yellow1 { background: rgba(255, 196, 37, 0.1);}
.sliderContent div.base div.caption.Yellow2 { background: rgba(255, 196, 37, 0.2);}
.sliderContent div.base div.caption.Yellow3 { background: rgba(255, 196, 37, 0.3);}
.sliderContent div.base div.caption.Yellow4 { background: rgba(255, 196, 37, 0.4);}
.sliderContent div.base div.caption.Yellow5 { background: rgba(255, 196, 37, 0.5);}
.sliderContent div.base div.caption.Yellow6 { background: rgba(255, 196, 37, 0.6);}
.sliderContent div.base div.caption.Yellow7 { background: rgba(255, 196, 37, 0.7);}
.sliderContent div.base div.caption.Yellow8 { background: rgba(255, 196, 37, 0.8);}
.sliderContent div.base div.caption.Yellow9 { background: rgba(255, 196, 37, 0.9);}
.sliderContent div.base div.caption.Yellow * { color:#FFF;}
.sliderContent div.base div.caption.Gold {background: rgba(202, 153, 8, 1);}
.sliderContent div.base div.caption.Gold1 { background: rgba(202, 153, 8, 0.1);}
.sliderContent div.base div.caption.Gold2 { background: rgba(202, 153, 8, 0.2);}
.sliderContent div.base div.caption.Gold3 { background: rgba(202, 153, 8, 0.3);}
.sliderContent div.base div.caption.Gold4 { background: rgba(202, 153, 8, 0.4);}
.sliderContent div.base div.caption.Gold5 { background: rgba(202, 153, 8, 0.5); }
.sliderContent div.base div.caption.Gold6 { background: rgba(202, 153, 8, 0.6); }
.sliderContent div.base div.caption.Gold7 { background: rgba(202, 153, 8, 0.7); }
.sliderContent div.base div.caption.Gold8 { background: rgba(202, 153, 8, 0.8); }
.sliderContent div.base div.caption.Gold9 { background: rgba(202, 153, 8, 0.9); }
.sliderContent div.base div.caption.Gold * { color:#FFF; }
.sliderContent div.base div.caption.Black{background: rgba(0, 0, 0, 1);}
.sliderContent div.base div.caption.Black1 { background: rgba(0, 0, 0, 0.1); }
.sliderContent div.base div.caption.Black2 { background: rgba(0, 0, 0, 0.2); }
.sliderContent div.base div.caption.Black3 { background: rgba(0, 0, 0, 0.3); }
.sliderContent div.base div.caption.Black4 { background: rgba(0, 0, 0, 0.4); }
.sliderContent div.base div.caption.Black5 { background: rgba(0, 0, 0, 0.5); }
.sliderContent div.base div.caption.Black6 { background: rgba(0, 0, 0, 0.6); }
.sliderContent div.base div.caption.Black7 { background: rgba(0, 0, 0, 0.7); }
.sliderContent div.base div.caption.Black8 { background: rgba(0, 0, 0, 0.8); }
.sliderContent div.base div.caption.Black9 { background: rgba(0, 0, 0, 0.9); }
.sliderContent div.base div.caption.Black * { color:#FFF;}

/*caption Video*/
.sliderContent div.base.Use_Video  div.caption { display:block;}
.sliderContent div.base.Use_Video  div.caption  {width:100%;max-width: none;text-align:center;position: relative;height: auto;padding: 0;border: 0; margin: 0;}
.sliderContent div.base.Use_Video  div.caption .cpdesc{
    position: relative;
    padding-bottom: 57.5%; /* 16:9 */
    /* padding-top: 25px; */
    height: 0;
    }
.sliderContent div.base.Use_Video  div.caption  h3{ text-align:left; margin: 0; margin-left:15px; padding:0; display: none;}
.sliderContent div.base.Use_Video  div.caption  iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 width: 100vw;
 height: calc(100vw/1.77);
 }

.sliderContent div.base.Use_Video  div.caption  video{
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* margin: 0; */
    /* padding: 0; */
    line-height: 0;
    }

 
.sliderContent div.base.Use_Video  div.caption  a, .sliderContent div.base.Use_Video  div.caption p { padding:0; margin:0;}

.sliderContent div.base.Use_Video .motto{position: absolute;z-index:99;bottom: 100px;width: 100%;text-align: center;color: #FFF;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.69);font-family: 'Oswald', sans-serif;font-weight: 400;}
 .sliderContent div.base.Use_Video .motto h2 {font-size: 3.0em;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
    font-weight: 600; color:#fff;}
 .sliderContent div.base.Use_Video .motto p{    font-size: 1.2em;
    margin: 0; color:#FFF;}

/* tao directional nav */
.directionNav a{position:absolute;top: calc(50% - 22px);width: 50px;height: 38px;line-height:40px;background: rgba(0, 0, 0, 0.65);text-align:center;font-size:0;box-shadow: 1px 1px 2px 3px rgba(0, 0, 0, 0.2);cursor:pointer;transition: all .5s ease;}
.directionNav a:before{content: "\f35a";font-family: FontAwesome;font-size: 32px;display: block;line-height: 40px;color: #ffffff;}
.directionNav a.prevNav{left: -100px;right:auto;-webkit-border-top-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-topright: 5px;-moz-border-radius-bottomright: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
.directionNav a.nextNav{right: -100px;-webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.directionNav a.prevNav:before{content:"\f053";}
.directionNav a.nextNav:before{content:"\f054";}
#slides:hover a.nextNav{ right:0px;transition: all .5s ease;}
#slides:hover a.prevNav{left:0;transition: all .5s ease;}
.directionNav a:hover{ background:rgba(0, 0, 0, 0.8);}
/* taoNav */
.taoNav{/* display:none; */margin-top: -22px;position: relative;z-index: 98;text-align: center;}
.taoNav a{margin: 5px;display: inline-block;vertical-align: middle;padding:0;border: 0;border-radius: 0;-webkit-border-radius: 0;-ms-border-radius: 0;-moz-border-radius: 0;color: #ffffff;background: #ffffff;cursor:pointer;font-size: 0;width: 20px;height: 8px;line-height: 10px;text-align: center;}
.taoNav a.active{background: #464646;color: #464646;}
.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;}

.joinButton{position:absolute;z-index: 99;max-width: 240px;margin:0 auto;left:0;right:0;bottom: -35px;background: #8d230f;}
.joinButton a{display:block;padding: 3px;/* background:#8d230f; */color:#FFF;font-size: 32px;text-align:center;margin: 10px;margin: 8px;border: 1px solid #fff;text-transform: uppercase;}



/*login*/
.changepass, .general_login {max-width: 380px;margin: 0 auto;text-align: left;padding: 10px;background: #f1f1f1;border: 1px solid rgb(233, 233, 233);}
.general_login div.logintitle {background: transparent;color: #333;font-size: 28px;line-height: 25px;font-family:  'Oswald', sans-serif;}
.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;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: #F44336;  font-size: .84em;  padding: 0;  text-align: center;  overflow: hidden;  }
#filter {  display: none;  }

.general_login ul {margin:0;display: block;padding:0;}
.general_login ul li {margin: 10px auto;width: 80%;text-align: left;}
.general_login ul li label{display:block;width: 100%;margin: 0 auto;text-align:left;/* font-size: 0px; */}
.general_login ul li input{width: 100%;}
.general_login ul > a{font-size:11px;float: right;margin-top: -30px;margin-right: 40px;}

/* =============================================== ==================================================
   =============================================== ==================================================  
                                 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: #dedede;display: block;padding:0 5px;height: 40px;}
header.home .nav-icon a{color:#1f1f1e;}
.nav-icon a:hover, .nav-icon.nav-collapsed a:hover{text-decoration:none !important;background:none !important;color: #eaeae9 !important;}
.nav-icon{float: right;font-size: 30px;position: relative;z-index: 99;right: 0;top: 0px;margin: auto;margin: 0 15px;margin-top: 30px;color: #9E9E9E;}
.nav-icon a:hover, .search-btn.search-on, .search-btn:hover {background: #4c403a;color: #FBFBEA;}
.nav-icon.nav-collapsed{ z-index:102; }
.nav-icon.nav-collapsed a {color: #ccc7c7 !important;}
.nav-icon a span:before{content:"\f0c9";font: normal normal normal 14px/1 FontAwesome;font-size: 40px;}
.nav-icon.nav-collapsed a span:before{ content:"\f00d"; font: normal normal normal 14px/1 FontAwesome;font-size: 40px;}
header.home .nav-icon a:hover{color:#b7a587 !important;}
.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: #4c403a;}
.featured .dtls a {font-size: .88em;font-style: italic;border: 1px dotted #8C1C1C;padding: 3px;color: #8C1C1C;}
.featured .dtls a span {vertical-align:middle;font-size:.84em;display: none;}
.featured .glyph{font-size: 30px;color: #ffffff;line-height: 65px;width: 80px;height: 80px;margin: 10px auto;/* background: #FFFFFF; */border: 10px solid #ffffff;border-radius: 40px;display: inline-block;vertical-align: middle;text-align: center;}

/*Staff*/
.staff_row {margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #DDD;}
.staff_row .image{ text-align:center; }
.staff_row .image img{max-width: 280px;}
.staff_row .details div{ margin-top:10px;}

/*Testimonials*/
.testi_block {/* text-align:center; */}

.test_row {margin-bottom:20px;/* border-bottom: 1px solid #8ec540; *//* padding-bottom:20px; */}
.test_row:last-child{ border:0;}
.test_row .details{display:inline-block;vertical-align:middle;/* width: 70%; */text-align: left;}
.test_row .details h4{ color:#00478f; font-weight:400;}
.test_row div[class=".image.hide#"]{ display:none !important;}

/*Resources*/
.res_group{ margin-bottom:20px;}
.res_group >h4 { margin:0; text-align: center;}
.res_row{/* padding-left:10px; */}
.res_row p{ margin:0;}
.res_row h4 {font-size: 15px;/* font-weight: 700; */margin:0;}
.res_row h4 a{color:#00478f;display:inline-block;vertical-align:middle;}
.res_row h4 a:before{content:" ";font-family: 'FontAwesome' !important;color:#bb001b;display:inline-block;vertical-align:middle;margin-right:5px;font-size: 20px;font-weight: normal;}
.res_row h4.file a:before{content:"\f1c1";} 
.res_row h4.url a:before{content:"\f14c";color: #3f3f41;}
.res_row h4[data=""]{display:none;}

/*FAQs*/
.faq_row{ margin-bottom:15px;}
.faq_row h4{margin:0;/* color:#333; */}
.faq_row {}


/* side navigation*/
.side-nav {  }
.side-nav ul li a {border-bottom: 1px solid #b7a587;font-size: 1em;color: #4c403a;font-weight: 500;}
.side-nav ul li a:before { content: "\f0da";font: normal normal normal 14px/1 FontAwesome; display: inline-block; padding: 0 5px 0 0; }
.side-nav ul li:last-child a { border:0;}
.side-nav ul li a:hover {background: #4c403a;color: #b7a587;}
.side-nav ul li ul { display: none;  }
.newsSignup{padding: 0;/* background: #e1eaf3; *//* border: 1px solid #d8dce0; */max-width: 95%;margin: 0 auto;}
.signup h4{margin:0;margin-bottom: 0px;font-size:20px;color: #525252;}
.newsSignup iframe{min-height: 220px;}
#rgtprt #social li{display:block;margin: 5px 0;}
#rgtprt #social li a span{display:inline-block;margin-left: 5px;color: #333;font: 300 17px/18px Oswald, 'Source Sans Pro', sans-serif;}
#rgtprt #social li.phone a:before {margin:0;}

/*news*/
.profile-block .row div, .news-block {margin:10px 0;margin-bottom: 0px;}
.item {padding-left: 8px;border-bottom:1px solid #f3ebdd;margin: 0 !important;}
.item:last-child{border:0;/* margin-bottom: 10px !important; */}
.item p{color: #333;}

.jsnews_525{    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;}

.newslist .button{background: #4c403a;color: #FFF;border-radius:0;display: inline-block;text-align: center;width: 150px;margin: 0 auto;display: block;}
.news-block img{ margin-bottom:10px; }
.newslist div.item{padding: 0;position: relative;border: 1px solid rgb(227, 227, 227);height: 100%;background: #333;margin: 0;}
.newslist div.item.noImg img{display:none;/* OPACITY: 0; */}
.newslist div.item.noImg .image {background:url('/image/cache/newsBG.jpg') no-repeat center top;background-size: 260px;background-color: #fff9ef;min-height: 270px;}

.newslist div.item span a  { display: block;  }
.newslist div.item label { color: #968368; }
.newslist div.item p {margin: 0;color: #FFF;}
.newslist div.item .newsItem {position:absolute;z-index:1;bottom:0;left: 0;padding: 0 8px;padding-top: 60px;width: 100%;min-height: 150px;background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgb(0, 0, 0) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */}
.newslist div.item .newsItem h4{font-size: 1.1em;line-height:1.2;color: #FFF;}
.newslist div.item .newsItem h4:hover a {color: #ffffff;}
.newslist div.item .image{position:relative;top:0;left:0;height: 100%;}
.newslist div.item .image img{width: 100%;max-width: 100%;}

.newslist strong { font-weight: normal;  }
ul.news_archive {list-style: none; margin-left: 0; }
ul.news_archive li {padding-left: 1em; }
ul.news_archive h2 {margin-bottom: 3px; margin-top: 6px; color: #000; font-size: 1.2em; }
.event-list{margin: 10px 0;margin: 0;margin-bottom: 10px;clear: both;border-bottom: 1px solid #f3ebdd;}
.event-list:last-child{border:0;margin-bottom: 0;}
.event-list:hover{ /*background:rgba(183, 165, 135, 0.3);*/}
.event-list:hover .img:after{content:'';display:block;width: 15px;height: 15px;position: absolute;right: -15px;top: 0;bottom: 0;margin: auto;border-left: 15px solid #4c403a;border-top: 15px solid transparent;border-bottom: 15px solid transparent;}
.event-list .dtls, .event-list .img{ display:inline-block; vertical-align:middle;} 
.event-list .dtls{max-width: 70%;}
.event-list .dtls strong {display:block;}
.event-list .dtls p { margin: 0;  }
.eventsBlock .event-list .dtls{ width:auto; max-width:none;}
.event-list .img {width: 55px;height: 80px;background: #088F96;text-align: center;margin-right: 20px !important;max-width: 26%;position: relative;}
.event-list .img a  {text-align:center; }
.event-list .img img{ width: auto; max-height: 100%; }
.event-list .img .date {font-size: 0.9em;/* padding: 5px; */text-transform: uppercase;display: block;color: #ffffff;}
.event-list .img .date .d_day{font-size: 12px;line-height: 18px;text-transform:capitalize;display: block;padding: 5px 3px;background: #07575b;color: #fff;}
.event-list .img .date .d_date {display: block;font-size: 1.6em;font-weight: 700;line-height: 1.1em;}
.event-list .img .date .d_month {display: block;font-size: 1.2em;line-height: 1.2em;}
.event-list .dtls h4{font-size:1.4em;line-height: 1.4em;  margin: 0;  }
.event-list .dtls .date, .event-list .dtls .loc{color: #333;font-size:.84em;}
.event-list .dtls .date { font-style:italic;}
.event-list .dtls .loc { font-style: normal; font-size:1em; display: block; color:#333;  }
.news div.article {border-bottom: 1px dotted #88633f;padding: 8px 5px;}
.news div.article  h2 {font-size: 1.5em;}
.splitleft, .splitright  { width: 47%; padding: 0 1%; display: inline-block; vertical-align: top;  }
.splitright { text-align: right;  }
.splitright a { color: #925F00;  }


.eventlst{text-align:center;}
.UpcomingEvents {padding: 15px;background:#fff;display: inline-block;/* margin: 0 auto; */height: 100%;border-top: 10px solid #454545;text-align: left;}
.UpcomingEvents #myform {padding: 14px 10px;border: 1px solid #bdbdbd;padding-bottom: 40px;}
.UpcomingEvents h3{margin-bottom: 10px;text-align:center;font-size:2em;text-transform:uppercase;font-weight: 600;color: #999;}
.UpcomingEvents a.button{text-align:center;display:block;max-width:250px;margin: 0 auto;margin-top: -25px;background: #8d230f;border: 5px solid #fff;color: #fff;}

.featuredEvent .featured {padding: 0px;height: 100%;display: flex;align-items: center;align-content: center;justify-content: center;flex-direction: column;}
.featuredEvent .featured > *{/* max-width:100%; *//* width:100%; */}
.featuredEvent .featured > a {display:inline-block;background:#fff;margin: 15px 0;padding: 7px 15px;font-size: 1.3em;font-weight: 600;text-transform: uppercase;}




.Newsrow .news{border-bottom:1px dashed  #e7e7e7;padding-bottom: 5px;}
.news .col-12.no-image{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.news .image img{padding: 0;margin: 0;max-height: 200px;}
.news a.button {text-transform:uppercase;font-size: 13px;line-height: 1.3em;}


.infoBlock{position:relative;margin: 30px 0;}
.infoBlock:first-child{ text-align:left;}
.infoBlock:last-child{ text-align:right;}
.infoBlock .img{position:relative;}
.infoBlock .info{position:absolute;right: 0;top: 30%;padding: 15px;background: #FFF;background: #fff;border-top: 7px solid #9d2235;box-shadow: 8px 8px 30px -5px rgba(0,0,0,.45);padding: 10px 20px 20px 20px;width: 350px;margin: 0 auto;}
.infoBlock:last-child .info{left:0;right:auto;text-align: left;}
.infoBlock .info h3{ text-transform:uppercase; font-size:1.3em; font-weight:600;}
.infoBlock .info p{
    border: 3px solid #e1e1e1;
    line-height: 1.4;
    padding: 5px 10px 15px 10px;
    }

.infoBlock a.button{text-align:center;display:block;max-width:250px;margin: 0 auto;background: #8d230f;color: #fff;}

/*footer*/
footer .nav-bar.nav-center { text-align:left;}
footer nav.nav-bar a:hover {color:#333;}

/*Directors*/
.collapse {display: none;}
.collapse.in { display: block; }
.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; -o-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; }
.panel-group.accordion p{margin:0;}
.panel-body .contact, .director .address{ color:#4c403a;}
.panel-body .address p{/* margin-left: 14px; */}
.panel-body .address p i{/* margin-left: -14px; */color: #b7a587;}
.panel-body .name{margin-bottom:10px;/* min-height: 70px; */}
.panel-body .name h4{font-size:16px;margin-bottom: 0;line-height:20px;font-weight: 700;}
.panel-body .contact a{ color:#4c403a;}
.panel-body .contact i{color: #b7a587;/* margin-left: -14px; */}
.panel-row {position: relative;border: 1px solid #e6dece;margin-bottom: 5px;}
.panel-body {padding-top: 0;padding-left: 10px;padding-bottom: 10px;}
.panel-body:after {content:''; display:table; clear:both;}
.panel-heading {padding: 5px 10px;} 
.panel-heading .panel-title { margin:0;}
.panel-heading span{ display:block; font-size:13px;margin:0;}
.panel-heading span.title{ font-size:18px;}
.panel-heading .collapsed:after {content: '\f055'; font-family: 'FontAwesome'; }
.panel-heading a:after {font-family: 'FontAwesome'; font-weight: 100; font-size: 1.2em; content: '\f056'; position: absolute; right: 10px; color: #b7a587; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }
.districtgrp .panel-row, .advSearchBlock .panel-row{width:48%;margin:1%;display:inline-block;vertical-align: top;min-height: 160px;}
.districtgrp .panel-row .panel-collapse, .advSearchBlock .panel-row .panel-collapse{ display:block;}
.districtgrp .panel-heading .panel-title a, .advSearchBlock .panel-heading .panel-title a{ cursor:default;}
.districtgrp .panel-row img, .advSearchBlock .panel-row img{float:left;margin-right: 10px;}
.districtgrp .panel-row .details, .advSearchBlock .panel-row .details{padding-left: 5px;float: left;}
.districtgrp .panel-row .panel-heading a:after, .districtgrp .panel-row .panel-heading .collapsed:after,
.advSearchBlock .panel-row .panel-heading a:after, .advSearchBlock .panel-row .panel-heading .collapsed:after{ display:none;}

.InspectorsCountyGroup {padding:10px;}
.InspectorsCountyGroup h2{margin-bottom:5px;margin-top: 20px;}
#countyList h5{ color:#FFF; }
#countyList{position:fixed; right:0; bottom: auto; top: 40vh; right: 20px; -webkit-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); max-width: 356px; min-width: 36px; height: auto; overflow: hidden; width:100%; background: #b7a587; padding:10px;}
#countyList select{width:100%;padding: 10px;font-size:20px;} 

/*Board & Staff*/
.boardRow {border:1px solid #000;height: 100%;}
.boardRow .thumb,.boardRow h4{text-align:center;}
.boardRow .thumb img{max-height: 300px;}
.boardRow .thumb{min-width:100%;flex-direction: column;}
.boardRow .panel{padding:10px;width: 100%;background:#efefef; text-align: center;}
.boardRow .panel p{ margin:0; font-size:14px;}
.boardRow .panel p.designation{ text-transform:capitalize;}

.memberRow {border:1px solid #000;height: 100%;background: #f5f5f5;}
.memberRow .thumb,.memberRow h4{text-align:center;}
.memberRow .thumb img{max-height: 300px;}
.memberRow .thumb{min-width:100%;flex-direction: column;}
.memberRow .panel{padding:10px;width: 100%;text-align: center;min-height: 150px;}
.memberRow .panel p{ margin:0; font-size:14px;}
.memberRow .panel p.designation{ text-transform:capitalize;}
.nominee.memberRow .panel{ min-height:auto;}
.nominee.memberRow .thumb{min-height: 280px;}
.nomineeInd img{float:left;margin: 0 20px 5px 0;}
.nomineeInd h2{ margin:0;}
.nomineeInd:after{ content:''; display:table; clear:both;}

/*modal*/
.modalData{/* display:none; */}
#eventsModal .close{position:absolute;right:0;background: red;z-index: 99;text-shadow: none;color: #FFF;line-height: 30px;outline: none !important;font-size: 30px;padding: 0 7px;}
.modalData_img img{max-height: 500px;display: block;margin: 0 auto;}
.modalData_lnk{ text-align:center;}
.modalData_lnk a{margin: 5px;}
#eventsModal-body{position:relative;}
#eventsModal-body .loader{position:relative;height: 150px;width: 150px;margin: 0 auto;}
#eventsModal-body .loader i{line-height: 150px;text-align: center;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}


/* button */
.groupNav ul.groupNavLinks > li > ul > li .blue-button, .groupNav ul.groupNavLinks > li > ul > li .green-button, .groupNav ul.groupNavLinks > li > ul > li .red-button, .groupNav ul.groupNavLinks > li > ul > li .orange-button{margin-bottom:5px;padding: 8px 10px;line-height: 1.7em;display: inline-block;min-width: 90%;}
.blue-button{background:#088f96;color: #FFF !important;display: inline-block;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.blue-button:hover{ background:#0a80d2;}
.green-button{background:#07575b;color: #FFF !important;display: inline-block;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.green-button:hover{background:#2e4e33;}
.red-button{background:#8d230f;color: #FFF !important;display: inline-block;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.red-button:hover{ background:#691b0d;}
.orange-button{background:#dd9933;color: #FFF !important;display: inline-block;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}
.orange-button:hover{ background:#bd7e1f;}

/*Resources*/
.resource_group{ margin-bottom:30px;}
.resource_group h2{ margin-bottom:10px;}

.resource-row{padding-bottom: 20px;}
.resource-row .resource { border:0px solid #DDD; padding:10px; height:100%; text-align:center;}
.resource-row .img{text-align:center;margin-bottom: 20px;}
.resource-row .img a[class="hide#"], .resource-row h4[data="#"],.resource-row h4[data=""]{ display:none;}
.resource-row img{max-height: 300px;}
.resource-row h4{ margin:0; text-align: center;}
.resource-row .detail{}

/* ====================mobile css ====================
   ================================================== */

@media (min-width: 460px) { 

}

@media (min-width: 580px) {

}

@media (min-width: 640px) { 

}

@media (min-width: 780px) { 
  /*header*/
  /* Fixed Header */
  .searchblk {font-size: 1.4em;color: #FFF;padding: 0;margin-top: 0;cursor: pointer;right: 0;display: inline-block;}
  #stickyNav{position:fixed;width:100%;display: none;top:0;z-index: 100;background: #fff;-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);}
  #stickyNav.collapsed{display: block;}
  #stickyNav nav.main-nav{ float:none; margin:0; }
  .fix-logo img{max-width: 133px;margin: 0;}
  #stickyNav .navbar > ul {float: right;}
  #stickyNav .navbar > ul > li > a, #stickyNav .navbar > ul > li > span {padding: 14px 10px !important;font-weight: 300;color: #525252;font-size: 16px;line-height: 40px;cursor: pointer;}
  #stickyNav .navbar > ul > li.has-sub > a:after, #stickyNav .navbar > ul > li.has-sub > span:after{content: '';border-right: 3px solid transparent;border-left: 3px solid transparent;border-top: 3px solid #4c403a;display: inline-block;vertical-align: middle;margin-top: 0px;margin-left: 2px;box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;}
  #stickyNav .navbar > ul > li > a:hover, #stickyNav .navbar > ul > li:hover > a, #stickyNav .navbar > ul > li > span:hover, #stickyNav .navbar > ul > li:hover > span{color: #4c403a;}
  #stickyNav ul > li.has-sub a{}
  #stickyNav ul li ul {margin:0;}
  #stickyNav .navbar > ul>li > ul {-webkit-box-shadow: 0px 4px 6px -3px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 4px 6px -3px rgba(0,0,0,0.75);
  box-shadow: 0px 4px 6px -3px rgba(0,0,0,0.75);}
  #stickyNav ul li ul li a:hover{/* color: #7F4418; */}
  .fix-logo{/* display: none; */float: left;}     
  .search-btn {clear:none;/* display: none; */padding: 24px 7px;font-size: 14px;line-height: 22px;text-align: center;color: #3f3f41;}
  nav.main-nav {position: relative;float: right;height: 120px;border-right: 0;border-left: 0;/* margin-top: 28px; *//* display: flex; */text-transform: capitalize;align-self: center;justify-self: stretch;justify-content: stretch;transition: all 0.3s ease;flex-wrap: nowrap;}
  nav.main-nav:after{ content:''; display:table; clear:both;}
  nav.main-nav > ul{/* margin-top: 15px; *//* width: 100%; */position: relative;right: 0;z-index: 999;height: 100%;list-style: none;margin: 0;padding: 0;}
  nav.main-nav > ul > li > a, nav.main-nav > ul > li > span{padding: 15px 8px;font-weight: lighter;height: 100%;display: block;line-height: 90px;transition: all 0.3s ease;}
  nav.main-nav > ul > li:hover > span, nav.main-nav > ul > li > span:hover, nav.main-nav > ul > li:hover > a, nav.main-nav > ul > li > a:hover{color: #FFF;background: #8d230f;}
  nav.main-nav > ul > li.home > a {font-size:0;display:block;/* width: 35px; *//* height: 36px; */padding-left: 12px;padding-right: 12px;text-align: center;}
  nav.main-nav > ul > li.home > a:after {content:"\f015";font-family:FontAwesome;font-size: 20px;font-weight: normal;display: block;vertical-align: middle;line-height: 24px;text-align: center;} 
  nav.main-nav > ul > li > a:before, nav.main-nav > ul > li > span:before{content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;/* background: #1f1f1e; */z-index: -1;-webkit-transform: scale(1, 0);/* transform: scale(1, 0); *//* transition: all 0.3s ease-in-out; */}
  nav.main-nav > ul > li:hover > a:before, nav.main-nav > ul > li:hover > span:before{ -webkit-transform: scale(1, 1); transform: scale(1, 1);}
  .headShrink nav.main-nav > ul > li > a, .headShrink nav.main-nav > ul > li > span {padding: 24px 16px;}
  .headShrink  .searchblk {padding: 24px 10px;}
  header.home:hover nav.main-nav > ul > li:hover > span, 
  header.home:hover nav.main-nav > ul > li > span:hover, 
  header.home:hover nav.main-nav > ul > li:hover > a, 
  header.home:hover nav.main-nav > ul > li > a:hover{  color:#FFF;}
  .megaNavWrapper {width:100%;position:relative;background: #fff;}
  .navigationWrapper > .container{position:relative;}
  .navigationWrapper{position: relative;width: 100%;z-index: 0;overflow: hidden;background: #fff; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);}
  .navigationWrapper.active,.navigationWrapper:hover{-webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transition: all ease .5s; transition: all ease .5s; height: auto;}
  .navigationWrapper .navBlock {background: #fff; padding: 0;left: 0;position: absolute;width: 100%;top: 0;opacity: 0;visibility: hidden; /* border-top: 1px solid #ececec; border-bottom: 1px solid rgba(0, 0, 0, 0.2); */ z-index: -11;}
  .navigationWrapper .navBlock .container:after, .navigationWrapper .navBlock:after{ content:''; display:table;clear:both;}
  .navigationWrapper .navBlock:hover, .navigationWrapper .navBlock.activeItem{position: relative;top: 0;opacity: 1;visibility: visible;transition: all ease .5s;pointer-events: all;z-index: 2;}
  .navigationWrapper .navBlock .groupNav{position: relative;z-index: 2;left: 0;max-width: 75%;width: auto;height: 100%;padding: 1%;top:0;list-style: none;float: left;}

  .groupNav ul{list-style:none;margin:0;padding:0;display: block;width: 100%;}
  
  .groupNav ul.groupNavLinks > li{display:inline-block;vertical-align:top;padding-right: 2%;min-width: 250px;max-width: 30%;}
  .groupNav ul.groupNavLinks > li > a, .groupNav ul.groupNavLinks > li > span{font-size:28px;/* font-weight: 700; */line-height: 1;font-family: 'Oswald', sans-serif;/* color: #8d230f; *//* text-transform: uppercase; */display: block;padding-bottom: 5px;} 
  .groupNav ul.groupNavLinks > li ul {margin-left: 0;}
  .groupNav ul.groupNavLinks > li > ul > li a{font-size:14px;display:block;padding: 0px 0 5px 14px;/* color: #212529; */line-height: 1;}
  .groupNav ul.groupNavLinks > li > ul > li > a, .groupNav ul.groupNavLinks > li > ul > li > span{font-size:16px;display:block;padding: 0px 0 5px 5px;/* color: #000; *//* font-weight: 600; *//* text-transform: uppercase; */line-height: 1;}
  .groupNav ul.groupNavLinks li.linkTextBlack > span, .groupNav ul.groupNavLinks  li.linkTextBlack > a{color: #000;}
  .groupNav ul.groupNavLinks li.linkTextBrown > span, .groupNav ul.groupNavLinks  li.linkTextBrown > a{ color: #8d230f; }
  .groupNav ul.groupNavLinks > li.hidePlaceholder > span,.groupNav ul.groupNavLinks > li.hidePlaceholder > a {display:none;}
  .groupNav ul.groupNavLinks > li.NavGroup > ul li{padding: 0px;}
  .groupNav ul.groupNavLinks  li.linkTextBrown > a:hover{ color:#000;}
  .groupNav ul.groupNavLinks a:hover{ color:#8d230f;}
  .groupNav ul.groupNavLinks > li > ul > li a, .groupNav ul.groupNavLinks > li > ul > li > a, .groupNav ul.groupNavLinks > li > ul > li > span, .groupNav ul.groupNavLinks > li > a, .groupNav ul.groupNavLinks > li > span
  {padding-bottom: 8px;}
  .navigationWrapper .navBlock .navThumbs{max-width: 25%;float:right;}
  .navigationWrapper .navBlock .navThumbs .group-promo{padding: 10px;background: #f0f1f3;}
  .navigationWrapper .navBlock .navThumbs h3{ font-size:18px; margin:0;}
  .navigationWrapper .navBlock .navThumbs p{margin:0;color: #000;text-align: left;font-size: 13px;}

  ul.black > li > a{color:#000;}
  ul.red > li > a{color:#8d230f;}
  
  /*header and navigation styles*/
  .nav-icon{ display:none; }
  .form-btn {clear: right;float: right;}
  .search-form-wrapper{width: 55% !important;height: auto;position: absolute;padding: 15px;background: #4c403a;color: #F1F1F1;top: 70px;/* left: 0; */right: 0;clear: right;z-index: 27;display: none;}
  .search-form-wrapper form{padding: 0;}
  .subpage-content-block.page-content-block {margin-top: 20px;}

  /*layout*/
  #leftprt {}
  /*footer*/
  footer nav.nav-bar{/* float:left; *//* min-width: 50%; */}
  .footer-logo a { display:inline-block; vertical-align:top;}
  .footer-logo a img{max-height: 70px;}
  footer nav.nav-bar.subfooter-nav{float:right;text-align: center;}
  #wrapper {margin-top: 73px;}
}

@media (min-width:991px){
nav.main-nav > ul > li > a, nav.main-nav > ul > li > span{
    font-size: 1.1em;
    cursor: pointer;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
}
#wrapper {margin-top: 73px;}
}

@media (min-width:1200px){
nav.main-nav > ul > li > span, nav.main-nav > ul > li > a{font-size: 1.3em;cursor: pointer;font-family: 'Oswald', sans-serif;color: #FFF;text-transform: uppercase;}
#wrapper {margin-top: 74px;}
}
@media all and (min-width: 0px) and (max-width: 1199px) {
#header .container{width: 100%;max-width: 1100px;}
.sliderContent div.base div.caption p{ margin:0; line-height:1.1em;}
.sliderContent div.base div.caption h1, .sliderContent div.base div.caption h2 {}
.infoBlock .img  img{max-width: 70%;}
.infoBlock .info {top: 15%;width: 300px;}
}

@media all and (min-width: 0px) and (max-width: 1080px) {
.top-nav{ width:18%;}
#socail > span{ display:block; line-height:normal;}
#socail li a:after { line-height:normal; font-size:25px; margin:0 2px;}
.header > .container{ width:98%;} 
}

@media (min-width: 0px) and (max-width: 991px) {
.logo .tag { margin-left:10px; letter-spacing:1px;}
.slider_block{height:calc(100vw/1.77);} 
.sliderContent div.base.Use_Video div.caption video{width:100%;height: 100%;transform: none;top: 0;left: 0;}
.footer-logo-block{margin-bottom:25px;clear: both;}
.footer-logo-block:after { content:""; display:table; clear:both;}
.footer-logo {float: left; width:48%; }
.separator{display:none;}
.general_login{width:90%;max-width: none;}
.top-nav{padding:0;top: 0;width: 50%;margin-top: 13px;margin-bottom: 10px;}
nav.main-nav{margin-top:0;display: none;}
.navIcon{float: right;position: relative;}
.NavbarToggle {display: inline-block;vertical-align: top;background-color: transparent;border: 0;width: 60px;padding: 0;border: 0;height: 120px;line-height: 120px;}
.NavbarToggle i {font-size: 35px;color:#FFF;line-height: 120px;display: block;}
.NavbarToggle:hover{ background:#8d230f;}
.header.headBg .NavbarToggle i, .header.headBg .NavbarToggle {line-height: 100px;height: 100px;}
.header.headBg span.searchBlock-toggler:before { font-size:28px;}
.sidebar__Close {padding: 0;}
.sidebar__Close i{ line-height:40px; color:#F44336;}
.sidebar__Close .NavbarToggle{line-height:40px;height: auto;}
.sidebar__Close .NavbarToggle i {line-height:40px;height: auto;}
.search__Close{position:absolute;top: 0;right: 0;background: #F44336;text-align: center;}
.searchToggle{background:none;padding: 0;color: #FFF;text-align: center;width: 30px;height: 30px;}
.searchToggle i {font-size:0;}
.searchToggle i:before{font-size: 24px;line-height: 30px;} 
.megaNavWrapper { 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%;  }
.Sidebar__body {background-color: #ffffff;left: -300px;width: 300px;top: 0;bottom: 0;position: fixed;overflow-y: auto;z-index: 9999;-webkit-transition: right .3s ease-in-out;transition: right .3s ease-in-out;}
.Sidebar.show .Sidebar__body, .Sidebar.in .Sidebar__body {left: 0;}
.Sidebar.show .Sidebar__backdrop {  display: block;  }
.SidebarMenu {padding: 0 10px;padding-bottom: 30px;}
.SidebarMenu .primaryNavigation ul {list-style: none;padding: 10px 0;margin: 0;/* margin-top: 20px; */}
.SidebarMenu .primaryNavigation ul li {margin-bottom: 5px;padding: 0;border-bottom: 1px solid rgba(0, 0, 0, 0.08);}
.SidebarMenu .primaryNavigation ul li a, .SidebarMenu .primaryNavigation ul li span{ cursor:pointer;}
.SidebarMenu > .primaryNavigation > ul > li > a, .SidebarMenu > .primaryNavigation > ul > li > span{text-transform:uppercase; font-size:1.3em; font-weight:600;}
.SidebarMenu > .primaryNavigation > ul > li > ul>li > a, .SidebarMenu > .primaryNavigation > ul > li > ul >li > span{text-transform:uppercase; font-size:1.0em;}

.SidebarMenu .primaryNavigation ul li ul {padding: 0;padding-left: 5px;}
.SidebarMenu .primaryNavigation ul li ul li{margin:0;padding: 0;border: 0;}
.SidebarMenu .primaryNavigation ul li ul li a {/* font-size: 16px; *//* font-weight: 500; */display: block;padding: 5px;color: #333;}
.SidebarMenu .primaryNavigation ul li ul li ul{ padding-left:8px;}
.SidebarMenu .primaryNavigation ul li ul li ul li ul{ padding-left:15px;}
.SidebarMenu .primaryNavigation ul li ul li a.button{margin: 4px;}
.SidebarMenu .primaryNavigation ul li ul li ul li ul li a{ font-size:14px; padding:2px;}
.SidebarMenu .primaryNavigation ul a {/* font-size: 18px; *//* font-weight: 500; */text-decoration: none;display: block;/* border-bottom: 1px solid rgba(0, 0, 0, 0.08); */color: #333;}
.SidebarMenu > .primaryNavigation > ul > li > a, .SidebarMenu > .primaryNavigation > ul > li > ul>li > a {/* color:#8d230f; */}
.primaryNavigation ul.navGroup > li > a, .primaryNavigation ul.navGroup > li > span {font-size:24px;/* font-weight: 700; */font-family: 'Oswald', sans-serif;/* color: #333; */}
.primaryNavigation ul.navGroup > li.hidePlaceholder > span { display:none;}
.primaryNavigation ul li.hasSubmenu .toggleSubmenu{font-size: 16px;font-weight: 700;font-family: 'Oswald', sans-serif;color: #333;display: block;width: 100%;line-height: 40px;text-align: left;margin-left: 0;padding: 0;cursor: pointer;text-transform: uppercase;}
.primaryNavigation ul li.hasSubmenu .toggleSubmenu:after{content:"\f105";font-family: FontAwesome;font-size: 26px;width: 30px;text-align: center;display: inline-block;float: right;-moz-transition: transform .3s ease;-o-transition: transform .3s ease;-webkit-transition: transform .3s ease;transition: transform .3s ease;}
.primaryNavigation ul li.hasSubmenu .toggleSubmenu.collapsed:after{transform: rotate(90deg);-moz-transition: transform .3s ease;-o-transition: transform .3s ease;-webkit-transition: transform .3s ease;transition: transform .3s ease;}
.primaryNavigation ul li.hasSubmenu ul.navGroup{-webkit-transform: translateX(-100%);transform: translateX(100%);position: absolute;top: 50px;left: -102vw;right: auto;height: 100%;width: 100%;/* overflow: auto; */-webkit-overflow-scrolling: touch;z-index: 1;-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-transform: translateX(0);transform: translateX(0);-webkit-transition: -webkit-transform .3s;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s,-webkit-transform .3s;background: #FFF;}
.primaryNavigation ul li.hasSubmenu ul.collapsed{-webkit-transform: translateX(0%);transform: translateX(00%);left: 0;}
.primaryNavigation ul li.hasSubmenu .toggleSubmenu.collapsed{position: fixed;z-index:999;top:0;left: 0;background: #FFF;width: 300px;line-height: 40px;margin: 0;text-align: left;padding: 0 30px 0 20px;}
.primaryNavigation ul li.hasSubmenu .toggleSubmenu.collapsed:before{font-size:40px;}
.SidebarMenu .social-nav #social{ margin-top:10px;}
.SidebarMenu .social-nav #social li{ padding:0;}
.SidebarMenu .social-nav #social li a:before{color: #8d230f;}

.featured-blocks .blk .thumb-round img{max-width: 100%;height: auto;}
.infoBlock {text-align:center;padding-bottom: 100px;margin-bottom:50px;}
.infoBlock .img img { max-width:100%;}
.infoBlock .info, .infoBlock:last-child .info {bottom:0;top: auto;right: 0;left: 0;width: 70%;}
.UpcomingEvents h3{font-size: 24px;}
.event-list .dtls h4 { font-size:1em;}
.SidebarMenu .primaryNavigation ul li ul li.second > span, .SidebarMenu .primaryNavigation ul li ul li.second > a {display:block;padding: 5px;}
.SidebarMenu .primaryNavigation ul li ul li.second > span:after,
.SidebarMenu .primaryNavigation ul li ul li.second > a:after,
.SidebarMenu .primaryNavigation ul li.first > span:after,
.SidebarMenu .primaryNavigation ul li.first > a:after
{content:"\f0da";font-family:FontAwesome;text-align:center;display:block;width:30px;height: 22px;font-size: 16px;float:right;line-height: 22px;transition: all .5s ease;}
.SidebarMenu .primaryNavigation ul.hideMobile{ display:none;}
.SidebarMenu .primaryNavigation ul li ul li.second > span.active:after,
.SidebarMenu .primaryNavigation ul li ul li.second > a.active:after,
.SidebarMenu .primaryNavigation ul li.first > span.active:after,
.SidebarMenu .primaryNavigation ul li.first > a.active:after
{transform: rotate(90deg);}


}

@media all and (min-width: 780px) and (max-width: 991px){
    nav.main-nav > ul > li > a, nav.main-nav > ul > li > span{padding: 25px 7px;}
}    
@media all and (min-width: 780px) and (max-width: 880px) {
nav.main-nav > ul > li > span, nav.main-nav > ul > li > a{ font-size:.84em;}
}
@media all and (min-width: 0px) and (max-width: 880px) {
  .logo {float: left;}
  .header > .container { width:98%;}
  nav.main-nav > ul{ margin:0;}
  .footer-nav { width:auto; float:none;}
  .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: 779px) {
    /* layout */
  #wrapper {margin-top: 70px;}
  .page-content-block{margin-top: 20px;padding-top: 0px;}
  .page-content-block.partners-block {padding: 20px 0;}
  .subpageHeader-block{padding-top: 70px;}
  .subpageHeader-block .container h2{ font-size:2.5em;}
    
  /* header */
  .nav-top{margin-top: 0;} 
  .nav-top li a{font-size: 0.82em;padding: 8px 6px !important;}
  .header {padding: 0px 0;border: 0;}
  .header > .container{ width:98%;}
  .logo a {display:block;} 
  .logo img, .logo-found img {padding: 8px 3px;height: 100px;}
  .NavbarToggle, .NavbarToggle i, span.searchBlock-toggler, span.searchBlock-toggler:before{line-height: 100px;height: 100px;}
  .top-nav {margin-top: 30px;}
  .slider-block {padding-top: 70px;}
  #stickyNav, #stickyNav.collapsed{display: none !important;}
  .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;font-weight: 600;text-align: center;margin: 0;}
  .sliderContent div.base div.caption h2{font-size: 1.4em;text-align: center;}
  .sliderContent div.base div.caption h3{font-weight: 400;text-align: center;font-size: 20px;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: #171819;display: none;}
  #main-navigation.navbar-block{ display:block; }
  .searchblk {float: right;font-size: 1.6em;color: #FFF;margin: 35px 5px;cursor: pointer;height: 40px;width: 40px;line-height: 40px;text-align: center;display: none;}

  /* ====================nav bar button====================
   ================================================== */
.navbar-toggle { display: block;  cursor: pointer;float: right;margin: 4px 0;position: relative;z-index: 99;}
.navbar-toggle a { position: relative; background-color: transparent; background-image: none; border: 1px solid transparent;  display: block;text-align: center;color: #FFF;font-size: 30px;padding: 0 8px;}
.navbar-toggle a:hover { text-decoration:none;color: #ED921B;}
.navbar-toggle.nav-collapsed a span:before{ content:"\e5c4"; }

#main-navigation {position: fixed;top: 0;left: -240px;width: 240px;height: 100%;padding: 10px 0;z-index: 999;-moz-transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;-ms-transition: all 0.2s linear 0s;transition: all 0.2s linear 0s;}
#main-navigation.nav-collapsed{width: 240px !important;left: 0;overflow-y: auto;      width: 280px;}  
#close {display: none;background: 0 0 rgba(0, 0, 0, 0.75);height: 100%;position: fixed;top: 0;left: 0;-moz-transition: all 0.2s linear 0s;-webkit-transition: all 0.2s linear 0s;-ms-transition: all 0.2s linear 0s;transition: all 0.2s linear 0s;width: 100%;z-index: 100;}

.main-nav { position: relative }
.main-nav > ul{ position:relative;display: block;top: 0;left: 0;width: 100%;height: 100%;}
.main-nav > ul:after{ content:''; display:table; clear:both;}
.main-nav > ul > li > span, .main-nav > ul > li > a {padding: 7px 15px;font-size: 15px;font-weight: normal;}
.main-nav > ul > li {float: none;text-align: left;position: relative;border: 0;/* border-bottom: 1px solid #220500 !important; */}
.main-nav > ul > li > ul {/* border-top: 1px solid #25262D; */width: auto;}
.main-nav ul li.currentitem, .main-nav ul li.currentbranch, .main-nav ul li:hover, .main-nav ul li a:hover, .main-nav ul li:hover a{background:none;}
.main-nav > ul > li:hover ul {display:none;}
.main-nav > ul > li > span, .main-nav > ul > li > a {border-bottom: 1px solid #2f2f2f;}
.main-nav ul li.currentitem a, .main-nav ul li.currentbranch a{ background:none;}
.main-nav ul li > span, .main-nav ul li > a, .main-nav ul ul li span {color: #FFFFFF !important;padding: 0 8px;line-height: 45px;font-size: 14px;}
.main-nav ul li ul {position: relative;background: #444444;padding: 0;}
.main-nav ul li > ul > li{ float:none;width: auto;margin: 0;}
.main-nav ul li > ul > li a, .main-nav ul li:hover > ul li a{padding: 10px 0;line-height: 20px;color: #FFFFFF !important;}
.main-nav ul li > ul > li a:before { color:#FFF;}
.main-nav ul li > ul li a, .main-nav ul li:hover > ul li a {padding-left: 15px;}
.main-nav ul li > ul > li a:hover, .main-nav ul li > ul > li:hover {text-decoration:none;background: #171819;}
.main-nav ul > li.has-sub .sub-btn {display:block;width: 30px;height: 46px;padding: 0;position:absolute;/* top: 1px; */z-index: 1;right:0;cursor: pointer;border: 0;box-shadow: 0px 0px 1px 0px #171819;text-align: center;background: #444444;/* display: none; */}
.main-nav ul > li.has-sub .sub-btn:before{content: "\f077";font-family:FontAwesome;display: block;line-height: 46px;font-size: 10px;text-align: center;}
.main-nav ul > li.has-sub .sub-btn.collapsed:before{content: "\f078";font-family:FontAwesome;}
.nav-bar ul > li.has-sub span.sub-btn{ display:block;}
.nav-bar ul > li.has-sub li.has-sub span.sub-btn{ display:none;}
.main-nav > ul >  li:hover {background: #444444;}
.main-nav > ul >  li:hover > span.sub-btn {background: #171819;}
.side-nav{/* background: #ece2d1; */margin: 15px 0;}
.breadcrumb #breadcrumb {padding-left: 0; }
footer .footer-bg{background-position:center bottom;}
.fifty_logo{ text-align:center;}
.footer-nav > ul > li {/* width: 47%; *//* float: none; */display: inline-block;vertical-align: top;}
.footer-nav-block{/* margin-top:45px; */clear:both;}
.footer-logo, .newsletter { width:100%; float:none;}

.featured { margin:10px auto;}

.featured h2 { font-size:2em;} 
.feature-blocks{padding: 70px 0;}
.featured-blocks .blk{ margin:0 auto;}
.staff_row h3, .staff_row strong{ text-align:center; display:block; }

.changepass div.row label, .general_login  div.row span.label{ text-align:left; width:auto; display:block;}
.general_login  div.row.remember{width:auto;display: inline-block;}
.general_login  div.row.remember span.label{ display:inline-block;}
.general_login  div.loginbtn{ width:auto; text-align:center;}
.general_login  div.forgotpassword{ margin:0; float:none; text-align:center;}
.general_login, .webform_5{width:70%;max-width: none; margin:0 auto;}
.webform_1 .fieldrow{ padding-bottom:0;}
.webform_1 .fieldrow div{margin-bottom: 8px;}

.districtgrp .panel-row, .advSearchBlock .panel-row{width:auto;margin:1%;display:block;min-height: auto;}
.districtgrp .panel-row .panel-collapse, .advSearchBlock .panel-row .panel-collapse{display: none;}
.districtgrp .panel-row .panel-collapse.in, .advSearchBlock .panel-row .panel-collapse.in{ display:block;}
.districtgrp .panel-row .panel-heading a:after, .districtgrp .panel-row .panel-heading .collapsed:after, 
.advSearchBlock .panel-row .panel-heading a:after, .advSearchBlock .panel-row .panel-heading .collapsed:after{ display:block;}

.sliderContent div.base.Use_Video .motto{bottom: 40px;}
 .sliderContent div.base.Use_Video .motto h2  {font-size:2em;}
 .jsnews_525{text-align:center;}
.newslist div.item {/* display:inline-block; */text-align:left;}
.newslist div.item.noImg .image {min-height:250px;}
.infoBlock {padding-bottom:150px;}
.infoBlock .info, .infoBlock:last-child .info{ width:90%;}

}

@media all and (min-width: 0px) and (max-width: 639px) { 
.nav-top { display:none; }
#wrapper {margin-top: 61px;}
.top-phone{/* float:right; */}
.sliderContent div.base div.caption{width:100%;min-width: 100%;max-width: 100%;position: absolute;padding-bottom: 20px;left: 0;background: none;}
.slider_block {/* min-height: 360px; *//* height: auto; */}
.sliderContent div.base.Use_Video div.caption {left: 100%;}
.nav-top ul li.topcontact a, .nav-top ul li.certificate a, .nav-top ul li.mailinglist a, .nav-top ul li.membership a{padding: 5px !important;font-size: .84em;line-height: normal;}
.nav-top ul li.topcontact a{font-size:0;text-align: center;}
.nav-top ul li.topcontact a:before{/* content: "\f098"; */width: 18px;height: 16px;font-size: 16px;margin: 0 !important;}
.taoNav{ margin-top:-30px;}

#slides .sliderContent div.base .img{width:100%;/* position: relative; */}

.joinButton a { font-size:20px;}

.feature-bg-block h2{ font-size:8vw;}
div.login, div.signup{margin:15px auto; }
.changepass div.row, .general_login  div.row{ text-align:center;}
.changepass div.row label, .general_login  div.row span.label { text-align:center;}
.general_login  div.row.remember,.changepass div.row, .general_login  div.row{text-align: left;width: 80%;margin: 0 auto;}
.changepass div.row label, .general_login  div.row span.label, .changepass div.row span, .general_login  div.row span.formw {text-align: left;display: block;}
.changepass div.row span, .general_login  div.row span.formw input{width:100%;;}
.general_login div.row.remember span.label, .general_login div.row.remember span.formw{display:inline-block;text-align:left;min-width: 0;}
.general_login div.row.remember span.formw input[type="checkbox"]{ width:auto; }
.general_login  div.loginbtn{margin: 0 auto;text-align: left;display: block;}
.general_login  div.forgotpassword{margin: 10px auto;float: none;display: block;/* text-align: center; */}
.changepass, .general_login{padding-bottom: 30px;}
.profile-block { padding:10px 0;}
#countyList{right: 0;top: 200px;transform: translateX(75%);transition: transform .5s ease;}
#countyList:hover{right:0;transform: translateX(0);transition: transform .5s ease;}
#countyList h5{font-size: 22px;display: inline-block;vertical-align: middle;margin: 0;width: 70px;}
#countyList select{display: block;float: right;width: 220px;/* margin-right: -230px; */}
}

@media all and (min-width: 0px) and (max-width: 579px) {
header.header.home{height: auto;position: fixed;top: 0;z-index: 9999;left: 0;box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.3);}
header.header.home  .logo a:before{background: url(/image/cahce/logo-black.png)  no-repeat center center; background-size:100%;}
header.header.home span.searchBlock-toggler,
header.header.home  .NavbarToggle i, header.header.home .NavbarToggle i{/* color:#1f1f1e; */}

.header > .container {background:none;}
.header:after{}
.top-nav .top-phone {font-size:1em;text-align:center;/* float: none; */text-align: center;}
.nav-top {/* display:none; */}
.nav-top li a {/* padding: 5px !important; */}
.slider-block{/* margin-top: 90px; */padding-top: 70px;}
.slider_block {/* margin-top: 71px; *//* height: 600px; */}
.logo{/* position:relative; */margin: 0;}
.logo img{/* max-width: 125px; */}
.nav-icon a, .nav-icon {/* line-height: 90px; */}
.sliderContent div.base div.caption h1{font-size: 1.8em;}
.sliderContent div.base div.caption h2{ font-size:1.4em; line-height:1.4em;}
.sliderContent div.base div.caption h3{font-size: 1.2em;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{padding: 30px 0;} 
.subpage-content-block.page-content-block {/* margin-top: 120px; */}
.feature-blocks h3{ width:auto; font-size:1.4em; line-height:1.2em;}
.feature-blocks p {width:auto; font-size:.90em;}
footer {
    background-size: cover;
    background-position: left top;
}
footer .footerMenu, footer .contact{float:none;}
.footer-nav{ margin-bottom:20px;text-align:left;}
.footer-nav > ul > li, .footer-nav ul li a{ display:block; text-align:left;}
.footer-nav ul li.login a { display:inline-block;font-size:1.1em;background: #7fba00;padding: 5px  8px;}
.copyright{}
.footlogo{float:none;margin: 0;}
.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;}
.top-nav{ width:40%;}
.search input{width: 100%;padding-right: 100px;}
.search input[type=submit]{position:absolute;top:0;right: 0%;border-radius: 0;}
.resource-row {display: block !important;}
.resource-row img { margin:0; margin-bottom:10px;}
}

@media all and (min-width: 0px) and (max-width: 460px) {
.slider_block{}
.searchblk{ display:block;}
.nav-icon{margin-top: 35px;margin-bottom: 10px;}
.top-nav{width: 100%;margin-top:0;display: none;} 
.nav-top{position:relative;text-align:right;}
#socail > span{display:inline-block;vertical-align: middle; font-family: 'Oswald', sans-serif; font-size: 11px;}
#socail li a:after{ font-size:20px; margin:2px;}

.sliderContent div.base div.caption h1{font-size: 1.2em;/* line-height: 1.2em; */font-weight: 400;}
.sliderContent div.base div.caption h1 span{ font-size:2em !important;}
.sliderContent div.base div.caption h2{ font-size:1.0em; line-height:1.0em;}
.sliderContent div.base div.caption h3{font-size: .84em;/* line-height: 1em; */border: 0;margin: 0;padding: 0;}
.sliderContent div.base div.caption h4{ font-size:.84em; line-height:1em;}
.sliderContent div.base div.caption h5{ font-size:.8em; line-height:1em;}
.sliderContent div.base div.caption div a { margin:0;}
.sliderContent div.base div.caption p{font-size:.96em;font-weight: normal;}
.sliderContent div.base div.caption p:empty{ display:none;}
.taoNav{margin-top: -20px;}

.subpageHeader-block .container h2{ font-size:1.5em;}
  
.general_login, .webform_5{width:90%;max-width: none; margin:0 auto;}
.event-list .img{margin-right:5px !important;}
.event-list .dtls h4 {font-size:1.1em;}
.event-list:hover .img:after{ display:none;}
.sliderContent div.base.Use_Video .motto{bottom: 40px;}
 .sliderContent div.base.Use_Video .motto h2  {font-size:1.2em;}
 .sliderContent div.base.Use_Video .motto p  {font-size:0.9em;font-weight: 300;}
.infoBlock{padding-bottom:20px;margin-bottom: 0;}
.infoBlock .info, .infoBlock:last-child .info {position:relative;width: 100%;}
 
}

@media all and (min-width: 0px) and (max-width: 380px) {
.slider_block{height: 240px !important;min-height: 100% !important;}
.sliderContent div.base.slShow div.caption{padding:5px; padding-bottom:25px;}
.sliderContent div.base.slShow div.caption * {color:#333; text-shadow:none;}
.logo a{ letter-spacing:0px; }
.footer-nav > ul > li{ display:block; width:auto;}
.nav-top li a span {font-size: 12px;}
.staff_row .image img{ max-width:100%;}
#countyList {top: 135px;}
.logo img, .logo-found img, .header.headBg .logo a img {padding: 0;max-width: 100%;height: 70px;}
}
@media all and (min-width: 0px) and (max-width: 300px) {
  .header{position: fixed;}
  .slider-block{/* margin:0; */}
}
@media all and (orientation: landscape) and (min-height:100px) and (max-height: 340px){

}