html, body {margin: 0px;width: 100%;/* height: 100%; */display: block;font: 300 14px/20px 'Oxygen', sans-serif;font-weight: 500;-webkit-text-size-adjust: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #333;background: #FFF;}
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, table, caption, tbody, tfoot, thead, tr, th, td, 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 { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-family: 'Oxygen', sans-serif; font-size: 14px;font-size: 14px;line-height: 1.42857143;color: #333;background: #FFF url(/image/cache/body_bg.png);display: block;width: 100%;/* height: 100%; *//* min-height: 100%; */position: relative;text-rendering: optimizeSpeed;-moz-osx-font-smoothing: grayscale !important;text-rendering: optimizeLegibility !important;/* -webkit-font-smoothing: antialiased !important; */-moz-osx-font-smoothing: grayscale !important;-webkit-text-size-adjust: none;}
/* ==================== Basic declarations ====================
================================================== */
header, section, article, aside, footer, figure, nav, hgroup, video, div, canvas { display: block; }
p { margin: 0.5em 0 }
a {text-decoration: none;color: #FF9900;}
a.button { font-size: 0.9em; }
a:hover, a:focus {text-decoration: none;color: #7F4418;}
a img { border: 0px }
img { max-width: 100%; width: auto\9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }
h1, h2, h3, h4, h5, h6 {color: #333;text-align: left;font-family: 'Russo One', sans-serif;font-weight: 700;letter-spacing:2px;text-rendering: optimizeLegibility !important;font-size: 2.8em;line-height: 1.2em;margin-bottom: 10px;}
h1 { font-size: 2em; padding-bottom: 4px; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.4em ;}
h4 { font-size: 1.2em ;}
h5 { font-size: 1.1em ;}
h6 { font-size: 1em ;}
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;}
/* ==================== 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: #000;border: 1px solid #DDD;padding: 8px;font-style: normal;font-weight: 400;text-align: left;outline: none;font-size: 1em;line-height: inherit;}
textarea { overflow: auto; height: 120px; min-width: 250px; width: 70%; }
input[type=button], input[type=reset], input[type=submit], .button {background: #FF9900;color: #FFF;-webkit-appearance: button;cursor: pointer;text-transform: uppercase;font-size: 1em;text-decoration: none;padding: 8px 12px;display: inline-block;width: auto;outline: none;border: 0;}
input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .button:hover {background: #CA7C07;color: #FFF;}
input[type=button]:active, input[type=reset]:active, input[type=submit]:active, .button:active { background: #444; }
/* ====================utility/ helper classes ====================
================================================== */
.clear { clear: both; height: 0px; margin: 0px; padding: 0px; }
.header:after, .container:after, .row:after, .navbar-toggle:after, .nav-bar:after, .clearfix:after { content: ""; display: table; clear: both; }
.pad { padding-left: 15px; padding-right: 15px; }
.pad-left { padding-left: 15px;}
.pad-right{ padding-right: 15px;}
.divider { margin-top: 20px; position: relative; }
.visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; }
.divider-line { margin: 40px 0;}
.lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; }
.img-circle { border-radius: 50%; }
.hide { display: none;}
.show { display: block !important; }
.invisible { visibility: hidden; }
.headeing{ font-size: 1.5em; vertical-align: middle;position: relative;display: inline-block;padding: 7px 50px 7px 20px;margin-left: -15px;margin-bottom: 15px;color: #FFF;background: #202835;}
.headeing:after { content:''; position: absolute;float: right;right: -39px; margin: auto;border-bottom: 1px solid #DDDDDD; width: 0;height: 0;top: 0;border-top: 39px solid rgb(32, 40, 53);border-bottom: 39px solid transparent;border-right: 39px solid transparent;}
.text-center, .text-center *{ text-align:center !important;}
/* ==================== layout====================
================================================== */
#layout {position: relative;top: 0;left: 0;width: 100%;/* height: 100%; */min-width: 100%;min-height: 100%;/* background: #FFE0A1; */}
#wrapper {height: auto;width: 100%;margin: 0 auto;position: relative;/* background: #FFE0A1; */}
.container { width: 96%; position: relative; margin: 0; margin-right: auto; margin-left: auto; height: auto; }
.content-block { padding: 25px 0 ;padding-top: 0;}
.page-content-block{margin-top: 35px;}
.title-block { border-bottom: 1px solid #C4301F;margin-bottom: 10px;}
.title-block .title{ vertical-align: middle;position: relative;padding-left: 5px;margin-bottom: 0;color: #C4301F;}
.title-block .title:after { content:''; position: absolute;float: right;right: -39px; margin: auto; width: 0;height: 0;top: -39px;/* border-bottom: 39px solid rgb(208, 97, 65); *//* border-top: 39px solid transparent; *//* border-right: 39px solid transparent; */}
.breadcrumb{padding: 1px 0 2px 0;margin-bottom: 10px;color: #7F4418;}
.breadcrumb a {font-size:.84em;color: #7F4418;}
/* ====================grid====================
================================================== */
.row { /* margin-right: -15px; */ /* margin-left: -15px; */ }
.col-xxs-1,.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xxs-2, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xxs-3,.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xxs-4, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xxs-5, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xxs-6, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xxs-7, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xxs-8, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xxs-9, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xxs-10, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xxs-11, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xxs-12, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {position: relative;min-height: 1px;/* padding-right: 15px; *//* padding-left: 15px; */width: 100%;}
/* ====================header ====================
================================================== */
.header h1 { display: none; }
.header {position: relative;top: 0;width: 100%;/* min-height: 100px; */z-index: 99;background-size: cover;font-family: 'Roboto', sans-serif;background: url(/image/cache/header_bg.png);}
#header.header:after {content:'';display:block;position:absolute;z-index: -1;width:100%;height: 54px;bottom: -35px;background: url(/image/cache/header_bottom.png) repeat-x left center;}
.logo {position: absolute;z-index: 1;left: 0;top: 0;margin: auto;display: block;text-align: left;vertical-align: middle;/*-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;*/}
.logo a { display: block; color: #333; }
.logo img {margin: 2px 0;position: relative;display: inline-block;vertical-align: middle;max-width: 200px;}
/*slide out Search Form*/
.search-form-wrapper{width: 100% !important;height: auto;position: absolute;padding: 15px;background: #E6DCB2;border: 1px solid #D9CEA0;top: 100px;/* left: 0; */right: 0;margin: auto;clear: right;z-index: 27;display: none;}
.search-form-wrapper form{ padding: 3px;}
.search-form-wrapper input[type='text'] {max-width: 100%;width: 100%;padding: 7px 5px;margin-right: -35px;float: left;border: 0;border: 1px solid rgb(217, 206, 160);background: rgb(239, 231, 196);}
.search-form-wrapper input[type='submit'] {background: #7F4418;background-size: 50%;border: 0;padding: 0;color: #FFF;text-align: center;overflow: hidden;display: inline-block;vertical-align: top;width: 35px;height: 35px;border: 1px solid #D9CEA0;}
.search-form-wrapper input[type='submit']:before{ content:"\e911"; color:#FFF; font-family:'taoGlyphs !important';}
.search-form-wrapper {display:none;}
/* popup Login Form*/
.login-form-wrapper.active{ display:block;}
.login-form-wrapper{ position:absolute; z-index: 100; width: 300px;padding: 10px; bottom: 0;top: 38px; right: 0; height: 200px;background: #F1F1F1;color: #C7C7C7;border: 1px solid #DDDDDD;box-shadow: 0px 3px 2px 0px rgba(25, 24, 24, 0.35);text-align: center;display: none;}
.login-form-wrapper h2{ margin: -8px 0 10px -3px;font-size: 1.4em;font-weight: normal;color: #3F3F41;}
.login-form-wrapper a#form-close{ position:absolute; top:0; right: 2px; font-size:1.2em; margin:2px;color: #3F3F41;}
.login-form-wrapper input[type=text],.login-form-wrapper input[type=password] { width: 90% !important; padding: 8px 3px; margin: 2px 0;background: #E9E9E9;}
.login-form-wrapper input[type=submit] { padding: 5px; width: 80px; margin:5px 0;margin-bottom: 10px;text-align: center;}
.mlolnks a{ font-size: .8em;}
.login-form-wrapper.logged_in{ display:none !important;}
/* ====================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;}
.nav-top{position: absolute;padding: 5px 0;width: 100%;}
.nav-top ul{float: right !important;margin-right: 35px !important;}
.user-nav ul li a, .nav-top ul li a { padding: 10px!important; font-size:.88em; font-weight:normal; color:#555;}
.user-nav{ position:absolute; z-index: 99;padding-top: 10px;right: -1px;top: 30px; display: none;}
.user-nav ul{background: #F1F1F1; padding:5px;border: 1px solid #DDD;width: 100px;}
.user-nav ul li a {padding: 6px 10px !important;}
.user-nav .flyout-arrow-front{position: absolute;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 11px solid #F1F1F1;z-index: 10; width: 0;left: 0;right: 0;top: 0px;margin: auto;}
.user-nav .flyout-arrow-back{position: absolute; border-left: 11px solid transparent;border-right: 11px solid transparent;border-bottom: 11px solid #DDDDDD; z-index: 0; left: 0;top: -1px;right: 0;width: 0;margin: auto;}
/*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 #3E3F46;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 ====================
================================================== */
#socail {/* padding: 10px 0; *//* margin-bottom: 10px; */width: 100%;text-align: left;clear: both;float: none;}
#socail li { float:none; display:inline-block; vertical-align:middle;}
#socail li a {font-size:0;font-family:taoGlyphs !important;text-align: left;padding: 0;height: 30px;width: 30px;margin-right: 5px;}
#socail li a:after{font-size: 28px;line-height: 30px;}
#socail li.facebook a:after {content: "\f230";}
#socail li.twitter a:after { content:"\f081"; }
#socail li.youtube a:after {content:"\f166";}
#socail li.pinterest a:after {content:"\f231";}
#socail li.googleplus a:after {content:"\f0d4";}
#socail li.email a:after {content: "\f003";}
#socail li.rss a:after {content: "\f09e";}
/* Social Menu Hover */
#socail li:hover a, #socail li a:hover {color: #f9f9f9;}
/* ====================Footer====================
================================================== */
footer {clear: both;bottom: 0;left: 0;background: url(/image/cache/footer-bg.png) top left;color: #FFF;position: relative;z-index: 1;width: 100%;line-height: 1.6em;font-size: 14px;text-align: left;margin-top: 20px;}
footer:after{content:'';display:block;position:absolute;z-index: -1;width:100%;height: 70px;top: -30px;background: url(/image/cache/footer_top.png) repeat-x top left;}
footer .footer-bg{display:block;position:absolute;width:100%;height:100%;top: 0;background: transparent url(/image/cache/footer-image.png) no-repeat center bottom;background-size: contain;z-index: -1;}
footer * {color: #E4F2FF;}
footer .address{float:left;width: 20%;margin-right: 15px;color: #E4F2FF !important;}
footer .address * { color:#FFF;}
footer .address p span{font-size:.80em; display:none;}
.footer-nav{float:left;width: 77%;}
.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;font-size: 13px;}
.footer-nav ul li.head >a, .footer-nav ul li.head >span{font-size: 1.2em !important;font-weight: 600;}
//.footer-nav ul li a:before{content: "\f061";font-family:taoGlyphs !important;font-size: 8px;margin-right:1px;color: #f9f9f9;}
.subfooter-nav ul {float: right;}
.subfooter-nav ul li { float:left; }
.subfooter-nav ul li a { padding:5px !important; }
.subfooter-nav ul li a:hover { background:none !important; }
/* ==================== Copyright ==================== */
.copyright {font-size: 12px;}
.copyright a {color: #E4F2FF !important;padding: 10px;}
.copyright span { display: inline-block; vertical-align: middle; float: left; padding: 5px 0; }
/* ==================== 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: #5F8F00;border: 1px solid #507801;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: taoGlyphs !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; }
.fieldgroup_label { font-size: 1.5em; font-weight: bold; font-family: 'Exo 2', sans-serif; width: 98%; display: block; color: #F9A13A; padding: 5px 1%; margin: 20px 0 5px 0; border-bottom: 1px solid #F9A14C; }
.fieldgroup_desc, .field_desc {font-style: italic;color: #333;line-height: 1.4em;padding: 0 3px;font-size: 0.87em;margin-bottom: 10px;clear: both;}
.fieldrow { padding: 5px 0; text-align: left; display: block; }
.fieldrow .fieldlabel sup { color: red; margin-left: 5px; }
.fieldrow .fieldval textarea { width: 80%; min-height: 100px; }
.fieldrow .fieldlabel { display: inline-block; width: 100%; margin: 0 0.5%; }
.fieldrow .fieldval { display: inline-block; width: 100%; margin: 0 0.5%; vertical-align: top; }
.fieldrow .fieldval input, .fieldrow .fieldval input[type=text], .fieldrow .fieldval input[type=tel], .fieldrow .fieldval input[type=email], .fieldrow .fieldval select {width: 90%;}
.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; }
.mail_to_radio{ display:inline-block; vertical-align:middle;}
#totalFee{font-weight: 900;color: #000; }
.errinp .require, .require.error {border-color:red;}
/*form builder*/
.head.zoo_memberships_input_head { background: #968368; padding: 10px 0px; margin-bottom:5px; text-align: center; }
.taoFieldBuilder .tafb_row {margin-bottom: 1px;text-align: left;background: #d8b377;padding: 5px;}
.taoFieldBuilder .fcol.studentoradultname_col{width: 33%;display:inline-block;vertical-align: middle;font-weight:bold;}
.taoFieldBuilder .fcol.nameonmembership_col{ width:35%; display:inline-block; vertical-align:middle; text-align:center; font-weight:bold;}
.taoFieldBuilder .fcol.membership_col{ width:25%; display:inline-block; vertical-align:middle; text-align:center; font-weight:bold;}
.taoFieldBuilder .fcol input {width: 96%;/* height: 30px; */}
.taoFieldBuilder .tfbact{/* font-weight:bold; */font-size:1.6em;line-height: 17px;display:inline-block;vertical-align: middle;margin-right: 3px;text-align: center;float: right;}
.taoFieldBuilder a.addAct{text-decoration:none;color:#FFF;background: rgb(95, 143, 0);padding: 0px;display: block;height: 25px;width: 25px;line-height: 22px;}
.taoFieldBuilder a.tfbdel {text-decoration:none;background: #B82100;color: #FFF;margin-top: 8px;padding: 0px;display: block;height: 25px;width: 25px;line-height: 22px;}
#additional_attendees {font-size: 1.0em;font-weight: bold;font-family: 'Exo 2', sans-serif;width: 98%;display: block;color: #333;padding: 5px 1%;margin: 20px 0 5px 0;}
#formbuild{width: 83%;}
.taoFieldBuilder .head {padding: 7px 5px;background: #d8b377;margin-bottom: 1px;}
.taoFieldBuilder .head:after{content:''; display:table; width:100%; clear:both;}
.taoFieldBuilder .head span{font-size: 1.0em;font-weight:bold;}
.taoFieldBuilder .fcol.name_col{width: 57%;display: inline-block;}
.taoFieldBuilder .fcol.type_col{width: 38%;display: inline-block;}
.taoFieldBuilder .fcol.type_col select{width:100%;}
#total {font-weight:bold;font-size: 1.3em;}
.formBuildView.taoFieldBuilder .tafb_row{ background:none; border:1px solid #d8b377;}
/* ==================== Tabs Styles ====================
================================================== */
.tab-panel { display: none; padding: 5px 0; border-bottom: 1px solid #F3F3F3; }
.tab-panel.activeTab { display: block ;}
.nav-tabs ul { margin: 10px 0; }
.nav-tabs ul li a { text-align: center; background: #EEE; margin: 1px 0; }
.nav-tabs ul li a:hover {}
.nav-tabs ul li.active a { background: #333; 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 ====================
================================================== */
/* Css animation to slide elemets/blocks on window load ( use .slide-block class ) */
.slide-block { visibility: hidden }
.slide { animation-name: slide; -webkit-animation-name: slide; animation-duration: 1s; -webkit-animation-duration: 1s; visibility: visible; }
@keyframes slide {
0% { opacity: 0; -webkit-transform: translateY(70%); }
100% { opacity: 1; -webkit-transform: translateY(0%); }
}
@-webkit-keyframes slide {
0% { opacity: 0; -webkit-transform: translateY(70%); }
100% { opacity: 1; -webkit-transform: translateY(0%); }
}
.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; }
/* ====================small size grid style declarations====================
================================================== */
@media (min-width: 580px) {
.container { width: 98%;}
.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {float: left;}
.col-xxs-12 { width: 100%; }
.col-xxs-11 { width: 91.66666667%; }
.col-xxs-10 { width: 83.33333333% ;}
.col-xxs-9 { width: 75%; }
.col-xxs-8 { width: 66.66666667%; }
.col-xxs-7 { width: 58.33333333% ;}
.col-xxs-6 { width: 50%; }
.col-xxs-5 { width: 41.66666667%; }
.col-xxs-4 { width: 33.33333333% ;}
.col-xxs-3 { width: 25%; }
.col-xxs-2 { width: 16.66666667% ;}
.col-xxs-1 { width: 8.33333333% ;}
.visible-xxs { display: block !important ;}
/* ==================== padding and spacing classes ====================
================================================== */
.xxs-pad{ padding-left:15px; padding-right:15px;}
.xxs-pad-left{ padding-left:15px;}
.xxs-pad-right{ padding-right:15px;}
/* clear floats & align center on extra small screens */
/* ==================== multi level footer menu ====================
================================================== */
.footer-nav ul {display: block;clear: both;}
.footer-nav > ul > li {float: left;padding-right: 1%;width: 24%;}
.footer-nav ul li a, .footer-nav ul li span {padding: 2px 5px;}
.footer-nav ul li.head > ul { padding-left: 4px; }
.footer-nav ul li.head li.head ul{padding-left:0;}
.footer-nav ul li.head li.head >a {margin-left: -4px;}
}
@media (min-width: 640px) {
.container { width: 98%;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }
.col-xs-12 { width: 100%; }
.col-xs-11 { width: 91.66666667%; }
.col-xs-10 { width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333% ;}
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333% ;}
.col-xs-3 { width: 25%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%; }
.visible-xs { display: block !important; }
.pull-right { float: right;}
.pull-left { float: left;}
/* ==================== padding and spacing classes ====================
================================================== */
.xs-pad{ padding-left:15px; padding-right:15px;}
.xs-pad-left{ padding-left:15px;}
.xs-pad-right{ padding-right:15px;}
/* ==================== 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 !important;width: auto;/* float: left; */margin: 0 auto;position: relative !important;background: none;}
.nav-bar > ul:after { content:''; display:table; clear:both; }
.nav-bar ul > li { float: left; }
.nav-bar ul > li a{ padding: 10px 25px; border: 0;}
.nav-bar ul > li > ul li { float: none; }
.nav-bar ul > li > ul li a, .nav-bar ul > li > ul li span {padding:7px;display:block;color: #5F8F00;}
.nav-bar ul > li > ul li > a:hover, .nav-bar ul > li > ul li > span:hover {color: #7F4418;}
.nav-bar ul > li ul > li ul, .nav-bar ul > li ul {position: absolute !important;top: 100%;left: 0;display: none !important;float: left;min-width: 220px;padding: 0;font-size: 12.5px;font-weight: normal;text-align: left;list-style: none;background: #FFF url(/image/cache/body_bg.png);-webkit-background-clip: padding-box;background-clip: padding-box;}
.nav-bar ul > li ul > li ul { top: 0; left: 100%; background-color: #9A2C0C; border: 0;}
.nav-bar ul > li:hover > ul, .nav-bar ul > li ul > li:hover ul {display: block !important;}
.nav-bar.nav-right ul, .nav-bar ul.nav-right { float: right ;}
.nav-bar.nav-center ul { float: none; margin-left: auto; margin-right: auto; clear: both; display: block; }
.nav-bar > ul > li.has-sub > a, .nav-bar > ul > li.has-sub > span {padding-right: 7px;}
.nav-bar > ul > li.has-sub > a:after, .nav-bar > ul > li.has-sub > span:after {content: '';border-right: 4px solid transparent;border-left: 4px solid transparent;border-top: 4px solid #f9f9f9;display: inline-block;vertical-align: middle;margin-top: -4px;margin-left: 2px;box-sizing: content-box;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;}
.nav-bar > ul > li.has-sub:hover > a:after, .nav-bar > ul > li.has-sub:hover > span:after {content: '';border-top: 4px solid #5F8F00;}
.nav-bar > ul > li > ul{border: 1px solid #D0C39C;border-top: 0;-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);}
/*Mega menu*/
.nav-bar ul > li.mega-menu-block { position:static;}
.nav-bar ul > li.mega-menu-block > ul {width: auto;float: none;clear: both;padding: 1%;/* z-index: -1; */}
.nav-bar ul > li.mega-menu-block > ul:after{ content:''; display:table;clear:both;}
.nav-bar ul > li.mega-menu-block > ul li.links-block {width: 180px;margin-right: 15px;display: inline-block;vertical-align: top;float: none;clear: both;}
.nav-bar ul > li.mega-menu-block > ul li.links-block > a{/* display:none; */font-weight: bold;font-size: 1.15em;color: #5F8F00;padding: 0;}
.nav-bar ul > li.mega-menu-block > ul li.links-block:after{display:none;}
.nav-bar ul > li.mega-menu-block > ul li.links-block:last-child{ border:none;}
.nav-bar ul > li.mega-menu-block > ul li.links-block 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; }
/* ==================== padding and spacing classes ====================
================================================== */
.sm-pad{ padding-left:15px; padding-right:15px;}
.sm-pad-left{ padding-left:15px;}
.sm-pad-right{ padding-right:15px;}
/* ==================== Grid ====================
================================================== */
.container { width: 98%; }
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
.col-sm-12 { width: 100%; }
.col-sm-11 { width: 91.66666667%; }
.col-sm-10 { width: 83.33333333% ;}
.col-sm-9 { width: 75%; }
.col-sm-8 { width: 66.66666667%; }
.col-sm-7 { width: 58.33333333%; }
.col-sm-6 { width: 50%; }
.col-sm-5 { width: 41.66666667%; }
.col-sm-4 { width: 33.33333333%; }
.col-sm-3 { width: 25%; }
.col-sm-2 { width: 16.66666667%; }
.col-sm-1 { width: 8.33333333%; }
.visible-sm { display: block !important }
/* ==================== go to top button ====================
================================================== */
.cd-top { right: 20px; bottom: 20px; }
/* ==================== webform styles ====================
================================================== */
.fieldrow .fieldval select {width: 90%;padding: 8px 5px;margin: 0;}
.fieldrow .fieldval input {width: 80%;}
.fieldrow .fieldval input[type=button], .fieldrow .fieldval input[type=reset], .fieldrow .fieldval input[type=submit], .fieldrow .fieldval .button, .fieldrow .fieldval input[type='radio'], .fieldrow .fieldval input[type='checkbox'] { width: auto; }
.fieldrow .fieldval, .fieldrow .fieldlabel { font-size: 1.1em; display: inline-block; vertical-align: top; width: 38%; margin: 0; text-align: left; }
.fieldrow .fieldval { width: 50%; }
}
@media (min-width: 992px) {
.container {width: 970px;}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
.col-md-12 { width: 100%; }
.col-md-11 { width: 91.66666667%; }
.col-md-10 { width: 83.33333333% ;}
.col-md-9 { width: 75%; }
.col-md-8 { width: 66.66666667% ;}
.col-md-7 { width: 58.33333333%; }
.col-md-6 { width: 50%; }
.col-md-5 { width: 41.66666667%; }
.col-md-4 { width: 33.33333333%; }
.col-md-3 { width: 25%; }
.col-md-2 { width: 16.66666667% ;}
.col-md-1 { width: 8.33333333%; }
.visible-md { display: block !important; }
#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) {
.container { width: 1170px }
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
.col-lg-12 { width: 100%; }
.col-lg-11 { width: 91.66666667% ;}
.col-lg-10 { width: 83.33333333% ;}
.col-lg-9 { width: 75% ;}
.col-lg-8 { width: 66.66666667% ;}
.col-lg-7 { width: 58.33333333% ;}
.col-lg-6 { width: 50% ;}
.col-lg-5 { width: 41.66666667% ;}
.col-lg-4 { width: 33.33333333% ;}
.col-lg-3 { width: 25% ;}
.col-lg-2 { width: 16.66666667% ;}
.col-lg-1 { width: 8.33333333% ;}
.visible-lg { display: block !important ;}
/* ==================== 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 ====================
================================================== */
/* ==================== Image Slider ====================
================================================== */
.slider-block{padding-bottom: 0;margin-top: -26px;position: relative;}
.conent_slider{ margin: 0px auto;padding-bottom: 25px;}
.slider_block {height: 480px;position: relative;margin: 0;margin-bottom: 0;width: 100%;/* background: #F7F0DB; */-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.5);box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.5);}
.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:#FFF;margin-bottom: 21px;padding-bottom: 10px;}
.slidebg {}
.slidebg div.container{position:absolute;height:100%;left:0;right:0;}
.slideing{width:100%;left:0;position:relative;}
#slides{height: 100%;position:absolute;top:0px;width:100%;/* padding: 7px; */}
.slide_img{ height: 300px; width: 100%; position: absolute;z-index: 6;}
.sliderContent { color: #000; height: 100%; position: relative; overflow: hidden;width: 100%;float: none;}
.sliderContent div.base { position: absolute; width: 100%; height: 100%; right: 0; opacity: 1; display: none;}
#slides .sliderContent div.base .img{width:100%;/* height: 91%; */text-align: center !important;background-size: cover;position: absolute;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;width: 100%; margin: auto; padding: 0;height: auto;}
.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; right: 0; }
.sliderContent div.base div.caption {position: relative;z-index: 5;padding: 10px;color: #000000;/* min-width: 40%; */max-width: 100%;margin: 0;display: none;}
.sliderContent div.base div.caption a{ font-weight: 400; padding: 10px;display: inline-block;}
.sliderContent div.base div.caption h1{font-size: 2em;}
.sliderContent div.base div.caption h2{ font-size:1.6em; line-height:1.4em;}
.sliderContent div.base div.caption h3{font-size: 2.0em;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;}
/*caption Video*/
.sliderContent div.base.slShow div.caption.Video {width:100%;max-width: none;text-align:center;position: relative;height: auto;padding: 0;border: 0; margin: 0;}
.sliderContent div.base.slShow div.caption.Video h3{ text-align:left; margin: 0; margin-left:15px; padding:0; display: none;}
.sliderContent div.base.slShow div.caption.Video iframe { height: 400px !important; width: 100%; }
.sliderContent div.base.slShow div.caption.Video a, .sliderContent div.base.slShow div.caption.Video p { padding:0; margin:0;}
/* caption positions*/
.sliderContent div.base.slShow div.caption.Top-Left{top:2%; left:0;}
.sliderContent div.base.slShow div.caption.Top-Center{top:2%; left:50%; -webkit-transform: translateY(-2%) translateX(-50%); -ms-transform: translateY(-2%) translateX(-50%); transform: translateY(-2%) translateX(-50%);}
.sliderContent div.base.slShow div.caption.Top-Center * { text-align:center !important;}
.sliderContent div.base.slShow div.caption.Top-Right{top:2%; left:100%; -webkit-transform: translateY(-2%) translateX(-100%); -ms-transform: translateY(-2%) translateX(-100%); transform: translateY(-2%) translateX(-100%);text-align: right !important;}
.sliderContent div.base.slShow div.caption.Top-Right * {text-align:right !important;}
.sliderContent div.base.slShow div.caption.Middle-Left{top:50%;left:0%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);display: block !important;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 * { text-align:right !important;}
.sliderContent div.base.slShow div.caption.Bottom-Left{top:100%; left:0%; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%) ; transform: translateY(-100%);}
.sliderContent div.base.slShow div.caption.Bottom-Center{top: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:right !important;}
.sliderContent div.base div.caption div{margin-top:0px;}
.sliderContent div.base div.caption div a {padding: 6px 10px; text-align:center;color: #FFF;background: #00853E;}
.sliderContent div.base.slShow div.caption {display: block;}
.sliderContent div.base.slShow div.caption.No-Background { background:none !important;}
/*Caption Backgrounds*/
.sliderContent div.base div.caption.White{background: rgba(255,255,255,0.65);}
.sliderContent div.base div.caption.Yellow{background: rgba(191, 130, 54, 0.65); color:#FFF!important;}
.sliderContent div.base div.caption.Yellow * { color:#FFF;}
.sliderContent div.base div.caption.Blue{background: rgba(62, 77, 92, 0.65);}
.sliderContent div.base div.caption.Blue * { color:#FFF; }
.sliderContent div.base div.caption.Black{background: rgba(0, 0, 0, 0.65);}
.sliderContent div.base div.caption.Black *{ color:#FFF;}
.taoNav{text-align: center;right:0;width:100%;height:auto;padding:0;z-index: 5;position:relative;margin-top: -40px;}
.taoNav a{margin: 0 2px;display:inline-block;vertical-align: middle;padding:0;border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px;-moz-border-radius:10px;height:10px;width:10px;background: #FFFFFF;line-height:0.7em;color: #FFFFFF;cursor:pointer;font-size:0;}
.taoNav a.active{background: #FF9900;color: #FF9900;}
.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; }
/*Banner slider*/
.subscribe{ margin-top: 5px;}
.subscribe img { max-width:100%;}
/*Banner slider*/
.hm_vid iframe, .subscribe img{ max-width:100%; }
.sld_bnr { height: 580px; width:100%; overflow: hidden; }
.sld_bnr #banners { height: auto; width:100%; position: relative;}
.sld_bnr {margin: 10px 0; }
.sld_bnr h3 { margin:0;padding-left: 10px;border-bottom: 1px solid #EEE;}
.sld_bnr h3 a { display:block; color: #479D23; }
.sld_bnr div.sliderContent {height:auto; overflow: hidden;}
.sld_bnr div.base { width: 98%; height: auto; padding: 0 1%; margin: 5px auto; position: relative; }
.sld_bnr div.base a { width: 100%; height: 100%; display: block; position: relative;}
.sld_bnr div.base a:hover { cursor:pointer;}
.sld_bnr #banners div.base .img { width: 98%; height: 100%; margin: 0 auto; position: relative; text-align: center;}
.sld_bnr #banners div.base .img a img{ max-height: 100%; max-width: 98%; position: relative; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.sld_bnr div.activeSlide { left: 0; }
div.bnr_pop{ display:none;}
#modalbox .bnr_pimg { position:relative; width: auto; height: 98%; margin: 0; padding: 0;}
#modalbox .bnr_pimg img{ max-width: 100%; max-height: 100%; position: absolute; width: auto; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
#modalbox .bnt_lnk { margin: 0 auto; position: absolute; bottom: 0; left: 0; right: 0; text-align: center;}
#modalbox .bnt_lnk a { font-size: 1.1em; background: #1876BA; padding: 8px 30px; color: #FFF; position: relative;}
/* Modal */
#modalwindow { display: none; position: fixed; top: 0; bottom: 0; margin: auto; left: 0; height: 90%; z-index:999; overflow: hidden; width: 100%; }
#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: 98%; padding: 1%; margin: 0px auto; position: relative; text-align: center; background: none;}
.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: 98%;}
.modalcontent iframe{ width:100%;}
#modalbox { height: 100%;}
.modalcontent #mlcs { position: fixed; right: 19%; top: 5%; color: #FFF; z-index: 999; font-size: 18px; line-height: 18px; padding: 5px; width: 20px; height: 20px;}
.modalcontent #mlcs:hover{ text-decoration:none; color: rgb(210, 226, 126);}
.modalLabel span { float:right; background: #D05B2B; color: #FFF !important;padding:0 5px;}
.modalLabel span a { color:#FFF;}
/* Banner Ads*/
.bnrs{ text-align:center; width: 100%;}
.bnrs img { max-width:100%; }
.bnrs .sky_scprs{ width: 48%; float:left; margin: 1%;}
.top_ldr_brd { margin-bottom:10px;}
/*Banner ads page*/
.banner_blk{ width:31%; float:left; margin:1%; min-height:250px; max-height:250px; position: relative;}
.banner_blk .img a img { max-width:100%; max-height:100%; position: absolute; top: 0; bottom: 0; margin: auto;}
.banner_blk .img a:hover { cursor:pointer;}
/* ==================== news list ====================
================================================== */
.news div.article img { float: left; margin: 0 5px 5px 0; max-width: 65%; }
.news div.article div { clear: both; float: none; }
div.article { border-bottom: 1px dashed #CCC; padding: 8px 5px; }
div.article:after { content: ''; display: table; clear: both; }
div.article h2, div.article h3 { font-size: 1.2em }
.article_title { margin-bottom:10px;}
.article_title h2{ margin:0; }
.article_title em { font-size:.84em; color:#777;}
.news-image { text-align:center;}
.splitleft, .splitright { padding: 0 1%; display: inline-block; vertical-align: top; }
.splitleft { padding: 0; float: left; font-size: .9em;color: #666;}
.splitright { text-align: right; float: right; }
.splitright a {color: #163C7A;font-size: .84em;}
/* ====================calendar ====================
================================================== */
#calendar { border-collapse: collapse; width: 85%; background: transparent; color: #333; margin: 0 auto; }
#calendar th, #calendar td { border: 1px solid #CCC; width: 14%;height: 50px;}
#calendar th { text-align: center; background: #EEE; vertical-align: middle; font-size: 18px;color: #3F3F41; line-height: 20px; font-family: 'Arimo', sans-serif;}
#calendar td.caption {background: #FDB41E; vertical-align: middle; text-align: center;color: #3F3F41; font-size: 18px; line-height: 20px;font-weight: bold;text-transform: uppercase;}
#calendar td.caption .nav{ display:inline-block;color: #3F3F41;}
#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: #FFF;}
/* gallery */
.hide { display: none; }
#imageoverlay { position: fixed; top: 0; left: 0; z-index:111; 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: 73%; float: left; text-align: center; height: 100%; }
#gimage img { background: #FFF; padding: 5px; border: 1px solid #EEE; }
#gcontent { float: left; width: 25%; line-height: 1.3em; margin: 10% 0; padding: 0; color: #CCC; display: none; }
#gcontent div { margin: 5px 0; }
#gcontent label { display: block; color: #FFF; 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: #7f4418;display: inline-block;padding: 2px 15px;border: 1px solid #7f4418;}
#gnav a:hover{ background:#7f4418; color:#FFF;}
#gclose {position: absolute;z-index:1122;top: 0%;right: 5%;color: #777;width: 80px;background: #7f4418;padding: 5px 15px;color: #FFF;text-align: center;}
.gwait { margin-top: 40%; color: #DDD;}
.gallerylist { float: left; padding: 1% .5%; margin: 1%; border: 1px solid #D6CFBD; width: 30%; position: relative; text-align: center; }
.gallerylist a { display:block; width: 180px; height: 120px; margin: 0 auto; overflow: hidden;}
.gallerylist img { max-width: 100%; background: #AB7C5F; }
.gallerylist a:hover img, .gallerylist a img:hover{ opacity:.75; }
.gallerylist h3 { margin: 0; margin-top: 5px; text-align: center; font-size: 1.1em;}
.gallerylist p { display: none; }
.imageGallery a {/* background: #fff; */height: 120px;border: 1px solid #b77c3f;width: 180px;margin: 2px;vertical-align: middle;position: relative;text-align: center;/* overflow: hidden; */display: inline-block;}
.imageGallery a img{max-width:100%;height: 100%;padding: 1px;}
.imageGallery a .gContent { display: none; }
/* .imageGallery a img { width: 100%;} */
.imageGallery a:hover img { opacity: .75;}
/* ====================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 #7f4418;border-left: 0px;border-right: 0px;}
.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;max-width: 40%;height: auto;}
.eventrow {border-bottom: 1px dashed #321007;padding: 10px 0;margin-bottom: 15px;display: block;}
.eventrow:after{/* content:''; *//* display:table; *//* clear:both; */}
.eventrow img { float: left; margin: 0 10px 0 0; }
/* Schedule of events*/
.events {display:table;border-collapse: collapse;width: 100%;clear: both; font-size:.98em;}
.events .bHead {display:table-row;background: #7f4418;color: #FFF;}
.events .bHead .bHeadDate, .events .bHead .bHeadTime, .events .bHead .bHeadEvent {display: table-cell;vertical-align:middle;text-align:center;font-weight: bold;font-size: 1.2em;border: 1px solid #AB9D5B;padding: 2px;}
.events .bBody{display: table-row-group;width:100%;}
.events .bBody h2 {width: 100%;padding: 2px;margin: 2px;line-height: 1.4em;}
.events .eventRow {display:table-row;clear: both;}
.events .eventRow .eventDate, .events .eventRow .eventTime, .events .eventRow .eventTitle {display:table-cell;border: 1px solid #ab9d5b;padding: 5px;background: #e6d9ae;}
.events .eventRow .eventTitle p {margin:0;font-size:.94em;color: #575555;}
/* ====================webform ====================
================================================== */
.postwebform tr { margin: 8px 0px; }
.errmsg, .msg { color: red; font-weight: normal; padding: 0px; }
.taoCMSerror { color: red; }
form table tr td { padding: 8px 0px; }
form legend { border-bottom: 1px dashed #CCC; width: 100%; display: block; background: transparent; color: #667233; font-size: 14px; }
.filteropts h2 { display: inline-block; font-size: 12px; }
.postwebform td.labelcol { width: 35%; padding-right: 8px vertical-align: top; }
.postwebform td.valuecol { width: 68%; vertical-align: top; }
/*login*/
.changepass, .general_login{ max-width: 360px; margin:0 auto; text-align: left;padding: 10px;border: 1px solid rgb(233, 233, 233);}
.general_login div.logintitle { background: transparent;color: #32548A; font-size: 18px; line-height: 25px; font-weight: normal;}
.general_login div.loginmessage { font-style: italic; margin-bottom: 20px; }
.changepass div.row, .general_login div.row { margin: 8px 0px; text-align: left;}
.changepass div.row label, .general_login div.row span.label { text-align: right; padding-right: 7px; min-width: 100px; font-weight: bold; display: inline-block; }
.changepass div.row label { font-weight:normal; min-width:125px;}
.changepass div.row span, .general_login div.row span.formw{ display:inline-block; vertical-align:middle; }
.changepass div.row span input{ max-width: 190px;}
.general_login div.loginbtn{ margin-left: 100px; display: inline-block;text-align: center;}
.general_login div.forgotpassword { vertical-align:middle; display:inline-block;}
.general_login .errmsg{ color: #C4301F; font-size:.84em; padding:0; text-align: center;overflow: hidden;}
#filter { display: none ;}
/* ====================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 #DEDEDE; padding: 0px 5px; font-weight: normal; text-align: center; }
.cartheadings { background: #E9E9E9; line-height: 30px; }
.catalogcart .itemname { padding-top: 5px; }
.catalogcart p { padding: 0px; margin-top: 0px; }
.catalogcart .oddrow { background: #F9F9F9; }
.catalogcart .evenrow { background: #FFF ;}
.carttotals { line-height: 30px; }
#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: #800080; }
#changeinfo ul li { float: left; margin-right: 20px; }
#returntocart a, #changeinfo ul li:before { content: "\00ab\2006"; }
/* bliiing */
.billingaddress { width: 48%; padding: 2% 1%; }
.billingaddress .name { font-weight: bold; }
.paymenttitle { margin-top: 15px; font-size: 1.3em; }
#paymentdiv { padding-bottom: 20px; }
#paymentbuttons{margin:10px 0;}
.paymentmodule{padding: 5px;font-size:1.1em;}
.paymentdetails{margin:5px;text-align: left;}
.paymentchoice{ font-weight:bold;}
.nameoncardlabel, .cardnumberlabel,.expireoncardlabel{ min-width:125px; }
.nameoncardlabel,.nameoncardinput,.cardnumberlabel,.cardnumberinput, .cardnumberinput input, .expireoncardlabel{width:100%;display:block;/* margin-bottom: 5px; */}
.paymentdetails {max-width: 460px;
.nameoncardlabel, .nameoncardinput, .nameoncardinput input {width: 100%; display: block; }
.ccnameoncard-block, .carddetail-block {display: flex;flex-wrap: wrap;justify-content: space-between;
.cardnumber-block {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding-top: 10px;}
.codeoncard-block, .expireoncard-block {-ms-flex: 0 0 49%;flex: 0 0 49%;max-width: 49%;padding-top: 10px;
span, input, select{width:100%;}
}
.expireoncardinput {padding: 0;display:flex;} .
.expireoncardinput select{-ms-flex: 0 0 49%;flex: 0 0 49%;max-width: 49%;}
}
}
/*catalog */
.billinfo { padding: 10px; display: inline-block; width: 45%; vertical-align: top;}
.billinginfotable { border: 0px; }
#billtable, #shiptable {border: 1px solid #7F4418;float: left;padding: 10px 0;width: 44%;margin: 10px 0;}
.billtable tr td span { display: inline-block; text-align: left; margin-right: 5px; }
.billtable select { width: 200px; }
.bgcol { background: #EDF8ED; padding: 10px 20px; }
#payment_totalamount { clear: both; color: #B82100; font-size: 1.5em; padding: 20px 0; }
#billtable, #payment_totalamount, #paymentinstructions {width: 100%;float:none;clear: both;}
#payment_totalamount {font-weight:bold;}
#paymentinstructions{ margin-bottom: 15px;}
.formorder {width: 85%;margin: 20px 0;padding: 10px;}
.formorder .formorder_head {display: table;text-align: right;border-bottom: 1px solid #7F4418;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 #7F4418;border-bottom: 1px solid #7F4418;}
/*Coupon codes*/
#cartcodes {margin: 25px 0;padding: 8px;background: rgba(0, 0, 0, 0.03);}
#cartcodes .errmsg{ color:#ffc107; }
.promocodes {padding: 0;}
.orderdiscountheading{ font-size:1.2em;}
ul.discount{padding:0;margin:0;text-align: left;list-style: none;}
ul.discount li { padding-left:5px;}
ul.discount li:before{content:"\f058"; font-family:FontAwesome; color:green;}
.catalog.code span{display:inline-block; vertical-align:middle;}
.catalog.code .codevalue {display:inline-block;margin: 0;text-align: center;border: none;color: green;text-decoration: none;background: none;border: 1px solid green;padding: 7px 14px;display: inline-block;text-transform: uppercase;margin-right: 10px;}
.catalog.code .codevalue:before{content:"\f058"; font-family:taoGlyphs; color:green; display:inline-block; margin-right:5px;}
.catalog.code .removebutton{height: 30px;width: 30px;font-size:0;padding: 0;min-width: 30px;text-align:center;position: relative;overflow: hidden;}
.catalog.code .removebutton:before{content:"\f057";font-family:taoGlyphs;font-size: 30px;color: #B82100;display: block;position: absolute;z-index: 0;width: 100%;height: 42px;top: 0;bottom: 0;margin: auto;line-height: 42px;}
.catalog.code .removebutton input{font-size:0;height:100%;background: transparent; position:relative; z-index:2;}
.catalog.code~.catalog.codeinput{/* display:none; */}
.catalog.codeheader {font-weight:bold;font-size: 1.1em;margin-bottom: 5px;}
.catalog.codeinput{margin: 10px 0;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.catalog.codeinput label{display: block;width: 100%;margin: 0;}
.catalog.codeinput input[type="text"], .catalog.codeinput input[type="submit"]{display:inline-block;width: 205px;margin: 0;/* margin-right:5px; */}
.catalog.codeinput input[type="submit"] {width: auto;background: #32383e;padding: 8px 10px;font-size: .85em;}
/* ====================paging ====================
================================================== */
#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 #7F4418;color: #7F4418;}
.paging span a {color: #7F4418;}
#newschannel_paging_links span {padding: 3px 10px;border: 1px solid #7F4418;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: #7F4418;color: #FFF;}
#paging_links span.currentpage a, .paging span.currentpage a, #newschannel_paging_links span:hover a, #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: #7F4418;text-decoration: none;color: #FFF;}
/* ====================searchresults ====================
================================================== */
#searchresults dt {margin-top: 10px;padding: 5px 0px;border-top: 1px dotted #7F4418;font-family: 'Arimo', sans-serif;font-size: 12px;}
#searchresults dd { padding-left: 10px; }
/* ====================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; }
.animals-block.row{
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
flex-direction: row;
}
.animals-block.row div[class*="col-"]{float:none !important;}
.animals-block .animal > div{padding: 5px;text-align:center;margin: 5px;min-height: 240px;}
.animals-block .animal > div > a {display: inline-block;position:relative;margin: 0 auto;}
.animals-block .animal img{max-height: 170px;-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.6);-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.6);box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.6);}
.animals-block .animal a span.threatened {display: none;width: 25px;height: 25px;position:absolute;top: 0;left: 0;border-right: 25px solid transparent;border-left: 25px solid #FF5200;border-bottom: 25px solid transparent;}
.animals-block .animal a span.threatened:before{content:"\f069";font-family:taoGlyphs;position:absolute;left: -23px;top: 1px;font-size: .75em;color: #FFF;font-weight: normal;}
.animals-block .animal a span.threatened.Yes{ display:block;}
.animals-block .animal .details {margin-top: 6px;}
.animals-block .animal .details h3, .animals-block .animal .details p{ text-align:center; margin:0; }
.animals-block .animal .details h3 {font-size: 1em;}
.animals-block .animal .details h3 a {color:#7F4418;}
.animals-block .animal .details h3 a span.hide.Yes {display:inline-block;color: #FF5200;}
.animals-block .animal .details em{/* font-size:.96em; */color: #321007;}
.animal_indi img{display:block;margin:0 15px 5px 0;-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.6);-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.6);box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.6);}
.animal_indi h2 {/* border-bottom: 1px solid #7F4418; */padding:2px 5px;color: #7F4418;margin: 0;}
.animal_indi h2 span.hide.Yes {display:inline;color: #FF5200; font-size:.84em;}
.animal_indi p{margin: 3px;color: #321007;}
.animal_indi .details >div{margin-top: 5px;position: relative;margin-bottom: 10px;}
.adopt_link{position: absolute;right:0;/* bottom: 0; */text-align: right;}
.group_fee_adopt {margin:10px 0;border: 1px solid #C3814F;}
.group_fee_adopt > h4 {background: #C3814F;padding:5px;color: #FFF;margin: 0;}
.group_fee_adopt .sub_group{/* margin-bottom: 10px; */}
.group_fee_adopt .sub_group strong{display:block;border-bottom: 1px solid #C3814F;border-top: 1px solid #C3814F;padding: 1px 5px;font-size: 1.1em;}
.group_fee_adopt .sub_group .animal-row{display: inline-block;vertical-align: top;min-width: 49%;padding: 3px 6px;padding-right: 10px;font-size: .88em;}
.group_fee_adopt .sub_group .animal-row:nth-child(even){ border-right:1px solid #C3814F;}
.group_fee_adopt .sub_group .animal-row a {color: #7F4418;font-weight:bold;}
.group_fee_adopt .sub_group .animal-row a >span.hide.Yes{display:inline;color: #FF5200;}
.group_fee_adopt .sub_group .animal-row a.adopt_link{position:relative;float:right;color: #5F8F00; font-weight:normal;}
/* =============================================== ==================================================
=============================================== ==================================================
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: #FFF;text-shadow: 0 0 1px #333;line-height: 0;display: block;}
.search-btn, .nav-icon{float: right;font-size: 36px;line-height: 0;position: relative;margin: 10px;padding: 0 0px;color: #FFF;}
.login-btn.logged_in:hover .user-nav{ display:block;}
.form-btn.form-on{color: #666;/* background: #E9E9E9; */}
.login-btn:before{content: 'Login';font-weight: normal;}
.search-btn:before, .login-btn.logged_in:before{/* content: 'Welcome'; */font-weight: normal;display: inline-block;vertical-align: bottom;}
.search-btn:before{/* content: 'Search'; */font-size: 15px;font-weight: normal;display: inline-block;vertical-align: bottom;margin: 0 3px 0 0;}
/*header nac*/
.nav-top ul li{ float:left;}
.nav-top ul li.topcontact a, .nav-top ul li.mailinglist a, .nav-top ul li.adoptbutton a, .nav-top ul li.membership a, .nav-top ul li.certificate a {display:block;position: relative;color: #FFF;text-align: center;font-size: 1.0em;/* background: #ff9900; */border-right: 1px solid #DDD;padding: 7px 9.2px !important;}
.nav-top ul li.certificate a {background: #468f2b;line-height: 20px;}
.nav-top ul li.certificate a:before{content: "\f0a3";font-family:taoGlyphs;margin-right: 5px;vertical-align: middle;font-size: 1.2em;display: inline-block;margin-top: -4px;}
.nav-top ul li.membership a {background:#ff9900;line-height: 20px;}
.nav-top ul li.membership a:before{content:"\f007";font-family:taoGlyphs;margin-right: 5px;vertical-align: middle;font-size: 1.2em;display: inline-block;margin-top: -4px;}
.nav-top ul li.mailinglist a { background:#0066cc; line-height: 20px;}
.nav-top ul li.mailinglist a:before{content: "\f155";font-family:taoGlyphs;margin-right: 5px;vertical-align: middle;font-size: 1.2em;display: inline-block;margin-top: -4px;}
.nav-top ul li.adoptbutton a { background:#34a9ad; line-height: 20px;}
.nav-top ul li.adoptbutton a:before{content: "\f155";font-family:taoGlyphs;margin-right: 5px;vertical-align: middle;font-size: 1.2em;display: inline-block;margin-top: -4px;}
.nav-top ul li.topcontact a {background: #7F4418;border:0;line-height: 20px;text-align: center;}
.nav-top ul li.topcontact a:before{content:"\f098";font-family:taoGlyphs;margin-right: 5px;vertical-align: middle;font-size: 1.2em;display: inline-block;margin-top: -2px;}
.nav-top ul li a:hover{text-shadow: 0 0 2px #000000;}
/*footer*/
footer .nav-bar.nav-center { text-align:left;}
footer nav.nav-bar a:hover { color:#333;}
.copyright{margin-top: 20px;padding: 3px 0;width: 100%;}
h3.block-title{border-bottom: 1px solid #FDB41E; padding:5px;padding-left: 5px;font-size: 1.2em;}
h3.block-title span {vertical-align:middle; font-size:1.4em;}
#rgtprt h3.block-title{border-bottom: 1px solid #DDD;}
#rgtprt .event-block {border-bottom: 1px solid #E9E9E9; }
#rgtprt .event-block .event-title a{color: #163C7A;}
#rgtprt .event-block .event-title > span{color: #666;}
/*news list*/
.feature-blocks {margin-top: 0px;background: url(/image/cache/event_back.jpg);position: relative;z-index: 10;margin-bottom: 50px;padding: 0;}
.feature-blocks:before{content:'';display:block;width:100%;height:40px;position:absolute;top: -15px;left:0;background: url(/image/cache/event_top.png);}
.feature-blocks:after{content:'';display:block;width:100%;height: 50px;position:absolute;bottom: -30px;left:0;background: url(/image/cache/event_bottom.png) center bottom;}
img.content_image{float:none !important;display: block;margin: 5px !important;}
.newsBlock{padding: 0 5px;}
.newsBlock .block-title{padding: 12px 9px;border: 0;font-weight: normal;color: #FFF;font-size: 1.8em;margin: 0 -7px;text-shadow: 0 1px 1px #000;background: url(/image/cache/news_bg_2.png) no-repeat center center;background-size: 100%;}
.hNewsrow{margin-bottom: 5px;border-bottom: 1px dashed #321007;}
.hNewsrow p{ margin:0;}
.hNewsrow a {color: #7F4418;font-size: 1.0em;}
.hNewsrow em{ font-size:.74em; }
.newsBlock .more-link{text-align:right;color: #2D2D2B;display:block;padding: 5px 0px;font-size: .80em;}
.newsBlock .more-link span {vertical-align: middle;font-size: .84em;}
/*Feature Animals*/
.feature_animals{margin-bottom: 35px;}
.feature_animals h4 a {color: #321007;}
.feature_animals .animal { text-align:center; overflow:hidden; position:relative;}
.feature_animals .animal .image {padding: 5px;}
.feature_animals .animal .image > a {display:block;width:100%;height:100%;position: relative;padding: 3px;}
.feature_animals .animal .image > a:before {content:'';display:block;background: url(/image/cache/photo_bg.png) no-repeat center center;background-size: contain;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 10;}
.feature_animals .animal img{
max-height: 100px;
}
.feature_animals .animal strong{display:block;/* margin-top:5px; */}
.feature_animals .animal strong a {color: #321007;}
/*events list*/
.events-block{padding: 0 0;/* height: 97px; */clear: both;position: relative;z-index: 11;}
.events-block:after { content:''; display:table; clear:both;}
.events-block .title{font-size: 1.8em;line-height: 28px;margin: 5px 0;margin-bottom: 5px;color: #f9f9f9;font-family: 'Russo One', sans-serif;/* text-shadow: 0 1px 2px #020202; */display: inline-block;vertical-align: middle;}
.eventBlock{display:inline-block;vertical-align: top;/* padding: 5px; */text-align: left;/* color: #FFF; *//* text-shadow: 0 1px 1px #333; */margin: 10px 0;}
.eventDate{/* display: inline-block; */vertical-align: top;/* float: left; */margin: 0 9px 0 0;}
.eventDate .date{font-size: 1.0em;line-height: 22px;color: #7F4418;}
.eventDate .date span {font-size: .9em;/* display: block; */font-weight: bold;}
.eventDate .time{font-weight:bold;}
.eventDetails .time .sTime, .eventDetails .time .eTime{display:inline-block;margin-right:5px;}
.eventDetails{display:inline-block;vertical-align:top;}
.eventDetails a {display:block;/* font-weight:bold; */color: #f9f9f9;font-size: 1.3em;text-shadow: 1px 0px 0px #422911;}
.eventDetails span {font-style:italic;font-size:.88em;color: #3C1C0A;}
/*Encountours*/
.toursList {display:flex;margin-bottom: 15px;}
.toursList .select_tour_radio {min-width:33.333%;padding: 15px 0;border: 1px solid #C3814F;margin: 5px;padding: 10px;}
.toursList .select_tour_radio label { font-weight:600;}
.toursList .tourdetails {padding: 0;}
.toursList .tourdetails ul {margin:0;padding:0;padding-left: 15px;}
.tourDate {display:flex;}
.tourDate.hide { display:none;}
.tourDate .fieldval{display:flex;flex-wrap: wrap;align-items: center;position: relative;width: 50%;}
.tourDate .fieldval input[type=text]{ width:calc(100% - 50px) !important;}
#calendarIcon {display: inline-block;margin: 0 6px;height: 40px;line-height: 40px;}
#calendarIcon i:before {font-size: 22px;color: #b82100;}
#calendarWrapper {position:relative;display: none;min-width: 90%;}
#calendarWrapper.show{display:block;}
#calendarWrapper table{position:absolute;width: 100%;background: #FFF; border-collapse:collapse;}
#calendarWrapper table tr { margin:0;}
#calendarWrapper table tr th {padding: 0px;}
#calendarWrapper table tr th, #calendarWrapper table tr td{ border:1px solid #aeaeae; text-align:center;}
#calendarWrapper table tr td.month {background: #C3814F;color: #FFF;font-weight:bold;text-transform: uppercase;padding: 5px;}
#calendarWrapper table tr td.month span.month{padding: 5px 30px; display: inline-block;}
#calendarWrapper table tr td.month span.navigate {font-weight:300; cursor:pointer;}
#calendarWrapper table tr.days th{background: #d8b377;padding: 10px;}
#calendarWrapper table tr.dates td{color: #999;background: #CCC;position: relative;}
#calendarWrapper table tr.dates td.past{ background:#b5b5b5; color:#a1a1a1;}
#calendarWrapper table tr.dates td.current.active.summer, #calendarWrapper table tr.dates td.current.active.winter {background: #5F8F00;color: #FFF;cursor: pointer;}
#calendarWrapper table tr.dates td.current.active.summer:hover, #calendarWrapper table tr.dates td.current.active.winter:hover, #calendarWrapper table tr.dates td.current.active.selected {background: #ff9900;color: #FFF;}
#calendarWrapper table tr.dates td.current.filled{background: #666;color: #b5b5b5;}
#calendarWrapper table tr.dates td.current.filling { background:#4a6c06 !important;}
#calendarWrapper table tr.dates td.current small{font-size: .7em;display:block;line-height: 2;position: absolute;top: 0;color: #ffffff63;width: 100%;text-align: center;}
.guestNames .taoFieldBuilder{width: 100% !important;margin-bottom: 15px;}
.guestNames .taoFieldBuilder .head, .guestNames .taoFieldBuilder .tafb_row {display:flex;flex-wrap: nowrap;}
.guestNames .taoFieldBuilder .head .fcol, .guestNames .taoFieldBuilder .tafb_row .fcol {min-width: 24%;text-align: center;padding: 2px;}
.guestNames .taoFieldBuilder .head .fcol.tfbact, .guestNames .taoFieldBuilder .tafb_row .fcol.tfbact {min-width: 4%;}
.guestNames .taoFieldBuilder .head .fcol.tfbact a, .guestNames .taoFieldBuilder .tafb_row .fcol.tfbact a{ display:inline-block;}
.guestNames .taoFieldBuilder .tafb_row .fcol input, .guestNames .taoFieldBuilder .tafb_row .fcol select{width:100%;}
.guestNames .taoFieldBuilder .tafb_row .fcol.membership_col {font-weight:normal;}
#loader { position:fixed; width:100%; height:100vh; left:0; top:0;z-index:99; background:rgb(26 26 26 / 50%);}
#loader i{position:relative;display: inline-block;text-align: center;left:50%;top:50%;font-size:3em;transform:translate(-50%, -50%);color:#ffc107;-webkit-animation: fa-spin 1s infinite steps(8);animation: fa-spin 1s infinite steps(8);}
@-webkit-keyframes fa-spin {
0% {-webkit-transform: rotate(0deg);transform: rotate(0deg)}
100% {-webkit-transform: rotate(359deg);transform: rotate(359deg)}
}
@keyframes fa-spin {
0% {-webkit-transform: rotate(0deg); transform: rotate(0deg)}
100% {-webkit-transform: rotate(359deg);transform: rotate(359deg)}
}
/* ====================mobile css ====================
================================================== */
@media (min-width: 460px) {
}
@media (min-width: 580px) {
}
@media (min-width: 640px) {
}
@media (min-width: 780px) {
/*header*/
.header{}
/* Fixed Header */
#stickyNav{position:fixed;width:100%;top:0;z-index: 100;display: none;padding: 10px 0;background: url(/image/cache/header_bg.png) repeat-x left center;}
#stickyNav:after {content:'';display:block;position:absolute;z-index: -1;width:100%;height: 54px;bottom: -30px;background: url(/image/cache/header_bottom.png) repeat-x left center;}
#stickyNav.collapsed{display: block;}
.fix-logo img{max-width: 70px;}
#stickyNav .navbar > ul {margin-top:12px;margin-left: 25px;float: right;}
#stickyNav .navbar > ul > li > a, #stickyNav .navbar > ul > li > span {padding: 5px 8px !important;font-size: 1.1em;font-weight: bold;color: #FFF;}
#stickyNav .navbar > ul > li.has-sub > a:after, #stickyNav .navbar > ul > li.has-sub > span:after{content: '';border-right: 4px solid transparent;border-left: 4px solid transparent;border-top: 4px solid #f9f9f9;display: inline-block;vertical-align: middle;margin-top: -4px;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: #5F8F00;background: #E6DAAD;}
#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: 6px 7px;margin: 5px 0;font-size: 22px;text-align: center;background: #E6DCB2;color: #7F4418;}
nav.main-nav {position:relative;clear: both;border-right: 0;border-left: 0;}
nav.main-nav:after{ content:''; display:table; clear:both;}
nav.main-nav > ul{float:right;margin-top: 5px;}
nav.main-nav > ul > li > a, nav.main-nav > ul > li > span{padding: 7px 5px;font-size: .96em;font-weight: bold;text-transform: uppercase;color: #FFF;/* background: rgba(194, 232, 117, 0.64); */margin: 0;text-shadow: .5px 0 .5px rgba(0, 0, 0, 0.84);}
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: #5F8F00;background: #E6DAB0;text-shadow: none;}
nav.main-nav > ul > li.home > a {font-size:0;display:block;width: 26px;height: 36px;padding: 7px 0;text-align: center;}
nav.main-nav > ul > li.home > a:after {content:"\f015";font-family:taoGlyphs;font-size: 20px;font-weight: normal;vertical-align: middle;line-height: 21px;text-align: center;}
/*header and navigation styles*/
.nav-icon{ display:none; }
.form-btn {clear: right;float: right;}
.search-form-wrapper{width: 45% !important;height: auto;position: absolute;padding: 15px;background: #E6DCB2;top: 39px;/* left: 0; */right: 0;clear: right;z-index: 27;display: none;}
.search-form-wrapper form{padding: 0;}
.slider-block, .page-content-block {/* margin-top: -100px; *//* background: rgba(154, 150, 150, 0.44); */}
/*slider*/
#slides .sliderContent div.base div.caption{min-width: 40%;max-width: 70%;}
/*layout*/
#leftprt { float:right;border-left: 1px solid #E9E9E9;}
/*footer*/
footer nav.nav-bar{ float:left; min-width: 50%;}
.footer-logo { float:right; }
footer nav.nav-bar.subfooter-nav{ float:right; }
}
@media (min-width:991px){
.fix-logo{ display:block; float: left;}
.fix-logo img{max-width: 120px;}
nav.main-nav > ul > li > a, nav.main-nav > ul > li > span{font-size: 1.1em;padding: 8px;}
img.content_image.about{float: right !important;}
img.content_image{/* float: left !important; *//* margin: 5px 15px 5px 0 !important; */}
}
@media (min-width:1200px){
nav.main-nav > ul > li > span, nav.main-nav > ul > li > a{font-size: 1.1em;/* padding: 8px 7px; */}
}
@media all and (min-width: 0px) and (max-width: 991px) {
.logo img{}
.search-btn {}
.feature-blocks{}
.events-block{ height:auto;}
.title{padding-top: 6px;}
.adopt_link {position:relative;}
}
@media all and (min-width: 0px) and (max-width: 880px) {
.logo { position:relative;}
nav.main-nav > ul{ margin:0;}
footer .address { float:none; width:auto; }
footer .address p {display:inline-block;vertical-align: bottom;margin-right:20px;}
.footer-nav { width:auto; float:none;}
.group_fee_adopt .sub_group .animal-row{ display:block; width:100%;}
.group_fee_adopt .sub_group .animal-row:nth-child(even){ border:0;}
}
@media all and (min-width: 0px) and (max-width: 779px) {
/* layout */
.page-content-block{margin-top: 85px;padding-top: 50px;}
/* header */
.nav-top{position: relative;}
.header {padding: 0;border: 0;position: fixed;height: 110px;background-position: bottom center;}
.logo{ top: 0;padding: 0;position: absolute;}
.logo img {margin:0;padding: 0;max-width: 170px;}
#stickyNav, #stickyNav.collapsed{display: none !important;}
.slider-block, .content-block.wrapper-block{margin-top: 86px;}
/* 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: #ff9900;display: none;}
#main-navigation.navbar-block{ display:block; }
.search-form-wrapper input[type='submit']{/* width: 46px; */}
/* image gallery */
.imageGallery { width: 98%; margin: 0px auto; text-align: center; display: inline-block; }
.imageGallery a { text-align: center; height: 100px; width: auto; }
.imageGallery a img { height: 100%; width: auto; }
.group_fee_adopt .sub_group .animal-row {display: inline-block;vertical-align: top;min-width: 49%;width: auto;}
.group_fee_adopt .sub_group .animal-row:nth-child(even){ border-right:1px solid #C3814F;}
/* ====================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: 98;}
.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 #DC880A !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:0;}
.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: #FFF !important;font-size: .92em;padding: 0 7px;line-height: 30px;}
.main-nav ul li ul {position: relative;background: #2A2B33;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: 2px 0;line-height: 20px;}
.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: #3C3D48;}
.main-nav ul > li.has-sub .sub-btn {display:block;width: 30px;height: 30px;padding: 0;position:absolute;/* top: 1px; */z-index: 1;right:0;cursor: pointer;border: 0;box-shadow: 0px 0px 1px 0px #965A00;text-align: center;background: #DC880A;/* display: none; */}
.main-nav ul > li.has-sub .sub-btn:before{content: "\f077";font-family:taoGlyphs;display: block;line-height: 30px;font-size: 10px;text-align: center;}
.main-nav ul > li.has-sub .sub-btn.collapsed:before{content: "\f078";font-family:taoGlyphs;}
.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: #3A4047;}
.main-nav > ul > li:hover > span.sub-btn {background: #4E5359;}
.newsBlock .block-title{ background-size:contain; background-position:left center;}
footer .footer-bg{background-position:center bottom;}
.footer-nav > ul > li {width: 47%;float: none;display: inline-block;vertical-align: top;}
/*Tours*/
.toursList {flex-wrap:wrap; }
.toursList .select_tour_radio{min-width:100%;margin: 10px 0;}
.tourDate { flex-wrap:wrap;}
.tourDate .fieldval{min-width:100%;}
}
@media all and (min-width: 0px) and (max-width: 639px) {
.sliderContent div.base div.caption{width:100%;min-width: 100%;max-width: 100%;}
.eventBlock{ width:48%;}
.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;}
.address{width:auto;float:none;clear: both;max-width: none;}
.animals-block .animal img {max-width:100%;max-height: none;}
}
@media all and (min-width: 0px) and (max-width: 579px) {
.header{height: auto;}
.header:after{ background:#333;}
.slider-block, .content-block.wrapper-block{margin-top: 104px;}
.logo{position:relative;float: left;text-align:center;}
.logo img{max-width: 150px;}
.login-form-wrapper { width:90%;height: 200px;top: 330px;left:0; right:0; margin:auto;}
.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;}
.feature_animals .animal{ width:48%; float:left;}
footer .footer-bg{border-bottom: 60px solid rgba(163,208,234,0.5);}
.copyright{margin: 0;padding: 0;margin-top: 50px;/* background: #71AEC2; */}
.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;}
.group_fee_adopt .sub_group .animal-row {display: block;vertical-align: top;min-width: 99%;width: auto;}
.group_fee_adopt .sub_group .animal-row:nth-child(even){ border-right:0;}
}
@media all and (min-width: 0px) and (max-width: 460px) {
.header{/* height: 120px; */}
.logo{text-align:center;}
.logo img{}
.nav-icon, .form-btn {}
.nav-icon{}
.page-content-block,.slider-block{}
.eventBlock{ width:98%; display:block;}
.feature-blocks{}
.title{padding-top: 0;}
.nav-top ul li.topcontact a, .nav-top ul li.certificate a, .nav-top ul li.mailinglist a, .nav-top ul li.membership a{/* font-size:.64em; */border:0;/* padding: 2px !important; */}
}
@media all and (min-width: 0px) and (max-width: 380px) {
.logo{margin: 2px 0;padding: 0;}
.nav-top{margin:0;margin-bottom: 5px;}
.nav-top ul li{/* float:none; */}
.nav-top ul li a:before {margin-right: 3px !important;font-size: .9em !important;}
.nav-top ul li.certificate a, .nav-top ul li.mailinglist a, .nav-top ul li.membership a{text-align:left;padding: 3px !important;font-size: .92em;}
.nav-top ul li.topcontact a{padding: 3px !important;font-size: 0;}
.nav-top ul li.topcontact a:before{font-size: 12px !important;line-height: 17px;width: auto;}
.search-btn, .nav-icon{/* float: left; */margin: 5px 10px;}
.footer-nav > ul > li{ display:block; width:auto;}
}
@media all and (orientation: landscape) and (min-height:100px) and (max-height: 340px){
}