html, body {margin: 0px; width: 100%; display: block; font: 500 14px / 20px Oxygen, sans-serif; text-size-adjust: none; -webkit-font-smoothing: antialiased; color: rgb(51, 51, 51); background: rgb(255, 255, 255); } 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: 0px; padding: 0px; border: 0px; outline: 0px; font-size: 100%; vertical-align: baseline; } * {box-sizing: border-box; } ::before, ::after {box-sizing: border-box; } html {font-family: sans-serif; text-size-adjust: 100%; } body {font-family: Oxygen, sans-serif; font-size: 14px; line-height: 1.42857; color: rgb(51, 51, 51); background: url("/image/cache/body_bg.png") rgb(255, 255, 255); display: block; width: 100%; position: relative; text-size-adjust: none; text-rendering: optimizelegibility !important; } header, section, article, aside, footer, figure, nav, hgroup, video, div, canvas {display: block; } p {margin: 0.5em 0px; } a {text-decoration: none; color: rgb(255, 153, 0); } a.button {font-size: 0.9em; } a:hover, a:focus {text-decoration: none; color: rgb(127, 68, 24); } a img {border: 0px; } img {max-width: 100%; height: auto; vertical-align: middle; border: 0px; } h1, h2, h3, h4, h5, h6 {color: rgb(51, 51, 51); text-align: left; font-family: "Russo One", sans-serif; font-weight: 700; letter-spacing: 2px; font-size: 2.8em; line-height: 1.2em; margin-bottom: 10px; text-rendering: optimizelegibility !important; } 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: none; } hr {margin-top: 20px; margin-bottom: 20px; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(238, 238, 238) currentcolor currentcolor; border-image: none; } sub, sup {position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup {top: -0.5em; } sub {bottom: -0.25em; } table {border-collapse: collapse; } table td, table th {vertical-align: top; } table.content_table {border: 1px solid rgb(195, 129, 79); } table.content_table td, table.content_table th {padding: 4px; border: 1px solid rgb(171, 157, 91); border-collapse: collapse; } button, input, optgroup, select, textarea {margin: 0px; font: inherit; color: inherit; } button {overflow: visible; } button, select {text-transform: none; } input {line-height: normal; } input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0px; margin: 0px 3px; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto; } input, select, textarea {color: rgb(0, 0, 0); border: 1px solid rgb(221, 221, 221); 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: rgb(255, 153, 0); color: rgb(255, 255, 255); appearance: button; cursor: pointer; text-transform: uppercase; font-size: 1em; text-decoration: none; padding: 8px 12px; display: inline-block; width: auto; outline: none; border: 0px; } input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover {background: rgb(202, 124, 7); color: rgb(255, 255, 255); } input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, .button:active {background: rgb(68, 68, 68); } .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 0px; } .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: rgb(255, 255, 255); background: rgb(32, 40, 53); } .headeing::after {content: ""; position: absolute; float: right; right: -39px; margin: auto; width: 0px; height: 0px; top: 0px; 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 {position: relative; top: 0px; left: 0px; width: 100%; min-width: 100%; min-height: 100%; } #wrapper {height: auto; width: 100%; margin: 0px auto; position: relative; } .container {width: 96%; position: relative; margin: 0px auto; height: auto; } .content-block {padding: 0px 0px 25px; } .page-content-block {margin-top: 35px; } .title-block {border-bottom: 1px solid rgb(196, 48, 31); margin-bottom: 10px; } .title-block .title {vertical-align: middle; position: relative; padding-left: 5px; margin-bottom: 0px; color: rgb(196, 48, 31); } .title-block .title::after {content: ""; position: absolute; float: right; right: -39px; margin: auto; width: 0px; height: 0px; top: -39px; } .breadcrumb {padding: 1px 0px 2px; margin-bottom: 10px; color: rgb(127, 68, 24); } .breadcrumb a {font-size: 0.84em; color: rgb(127, 68, 24); } .row {} .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; width: 100%; } .header h1 {display: none; } .header {position: relative; top: 0px; width: 100%; z-index: 99; 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") left center repeat-x; } .logo {position: absolute; z-index: 1; left: 0px; top: 0px; margin: auto; display: block; text-align: left; vertical-align: middle; } .logo a {display: block; color: rgb(51, 51, 51); } .logo img {margin: 2px 0px; position: relative; display: inline-block; vertical-align: middle; max-width: 200px; } .search-form-wrapper {height: auto; position: absolute; padding: 15px; background: rgb(230, 220, 178); border: 1px solid rgb(217, 206, 160); top: 100px; right: 0px; margin: auto; clear: right; z-index: 27; display: none; width: 100% !important; } .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: 1px solid rgb(217, 206, 160); background: rgb(239, 231, 196); } .search-form-wrapper input[type="submit"] {background: 0% 0% / 50% rgb(127, 68, 24); padding: 0px; color: rgb(255, 255, 255); text-align: center; overflow: hidden; display: inline-block; vertical-align: top; width: 35px; height: 35px; border: 1px solid rgb(217, 206, 160); } .search-form-wrapper input[type="submit"]::before {content:"\e911"; color: rgb(255, 255, 255); font-family: "taoGlyphs !important"; } .search-form-wrapper {display: none; } .login-form-wrapper.active {display: block; } .login-form-wrapper {position: absolute; z-index: 100; width: 300px; padding: 10px; bottom: 0px; top: 38px; right: 0px; height: 200px; background: rgb(241, 241, 241); color: rgb(199, 199, 199); border: 1px solid rgb(221, 221, 221); box-shadow: rgba(25, 24, 24, 0.35) 0px 3px 2px 0px; text-align: center; display: none; } .login-form-wrapper h2 {margin: -8px 0px 10px -3px; font-size: 1.4em; font-weight: normal; color: rgb(63, 63, 65); } .login-form-wrapper a#form-close {position: absolute; top: 0px; right: 2px; font-size: 1.2em; margin: 2px; color: rgb(63, 63, 65); } .login-form-wrapper input[type="text"], .login-form-wrapper input[type="password"] {padding: 8px 3px; margin: 2px 0px; background: rgb(233, 233, 233); width: 90% !important; } .login-form-wrapper input[type="submit"] {padding: 5px; width: 80px; margin: 5px 0px 10px; text-align: center; } .mlolnks a {font-size: 0.8em; } .login-form-wrapper.logged_in {display: none !important; } .nav {position: relative; display: block; } .nav ul {list-style: none; padding: 0px; margin: 0px; } .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 0px; width: 100%; } .nav-top ul {float: right !important; margin-right: 35px !important; } .user-nav ul li a, .nav-top ul li a {font-size: 0.88em; font-weight: normal; color: rgb(85, 85, 85); padding: 10px !important; } .user-nav {position: absolute; z-index: 99; padding-top: 10px; right: -1px; top: 30px; display: none; } .user-nav ul {background: rgb(241, 241, 241); padding: 5px; border: 1px solid rgb(221, 221, 221); 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 rgb(241, 241, 241); z-index: 10; width: 0px; left: 0px; right: 0px; 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 rgb(221, 221, 221); z-index: 0; left: 0px; top: -1px; right: 0px; width: 0px; margin: auto; } .navbar-block ul {position: relative; display: block; top: 0px; left: 0px; width: auto; height: 100%; } .navbar-block ul > li > a {padding: 10px 15px; border-bottom: 1px solid rgb(62, 63, 70); color: rgb(51, 51, 51); } .navbar-block ul li ul, .navbar-block ul li ul li ul {display: none; } #close {display: none; background: 0px 0px rgba(0, 0, 0, 0.75); height: 100%; position: fixed; top: 0px; left: 0px; transition: 0.2s linear; width: 100%; z-index: 5; } .navbar-block ul > li.has-sub .sub-btn {display: block; width: 30px; height: 45px; padding: 0px; position: absolute; z-index: 1; right: 0px; cursor: pointer; } .navbar-block ul li ul li > a {padding-left: 17px; font-weight: normal; } .navbar-block ul li ul li ul li a {font-weight: normal; font-size: 0.82em; padding-left: 25px !important; } .fix-top {left: 0px; top: 0px; right: 0px; z-index: 1030; background: rgb(255, 255, 255); transition: 0.5s; position: fixed !important; } #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";} #socail li:hover a, #socail li a:hover {color: rgb(249, 249, 249); } footer {clear: both; bottom: 0px; left: 0px; background: url("/image/cache/footer-bg.png") left top; color: rgb(255, 255, 255); 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") left top repeat-x; } footer .footer-bg {display: block; position: absolute; width: 100%; height: 100%; top: 0px; background: url("/image/cache/footer-image.png") center bottom / contain no-repeat transparent; z-index: -1; } footer * {color: rgb(228, 242, 255); } footer .address {float: left; width: 20%; margin-right: 15px; color: rgb(228, 242, 255) !important; } footer .address * {color: rgb(255, 255, 255); } footer .address p span {font-size: 0.8em; display: none; } .footer-nav {float: left; width: 77%; } .footer-nav ul::after {content: ""; display: table; clear: both; } .footer-nav ul li a:hover {color: rgb(255, 255, 255); } .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; } .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 {font-size: 12px; } .copyright a {padding: 10px; color: rgb(228, 242, 255) !important; } .copyright span {display: inline-block; vertical-align: middle; float: left; padding: 5px 0px; } .cd-top {display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 5px; z-index: 10; text-indent: 100%; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 10px; overflow: hidden; background: rgb(95, 143, 0); border: 1px solid rgb(80, 120, 1); visibility: hidden; opacity: 0; transition: opacity 0.3s, visibility 0.3s; border-radius: 5px; } .cd-top::after {content:"\f062"; color: rgb(255, 255, 255); font-size: 1.2em; text-align: center; line-height: 40px; text-indent: 0px; display: block; position: absolute; inset: 0px; margin: 0px auto; font-family: taoGlyphs !important; } .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {transition: opacity 0.3s, visibility; } .cd-top.cd-is-visible {visibility: visible; opacity: 1; } .cd-top.cd-fade-out {opacity: 0.5; } .cd-top:hover, .no-touch .cd-top:hover {opacity: 1; } .fieldgroup {clear: both; margin: 10px 0px; padding: 5px; } .fieldgroup_label {font-size: 1.5em; font-weight: bold; font-family: "Exo 2", sans-serif; width: 98%; display: block; color: rgb(249, 161, 58); padding: 5px 1%; margin: 20px 0px 5px; border-bottom: 1px solid rgb(249, 161, 76); } .fieldgroup_desc, .field_desc {font-style: italic; color: rgb(51, 51, 51); line-height: 1.4em; padding: 0px 3px; font-size: 0.87em; margin-bottom: 10px; clear: both; } .fieldrow {padding: 5px 0px; 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: 0px 0.5%; } .fieldrow .fieldval {display: inline-block; width: 100%; margin: 0px 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 rgb(235, 190, 117); } .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: rgb(0, 0, 0); } .errinp .require, .require.error {border-color: red; } .head.zoo_memberships_input_head {background: rgb(150, 131, 104); padding: 10px 0px; margin-bottom: 5px; text-align: center; } .taoFieldBuilder .tafb_row {margin-bottom: 1px; text-align: left; background: rgb(216, 179, 119); 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%; } .taoFieldBuilder .tfbact {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: rgb(255, 255, 255); background: rgb(95, 143, 0); padding: 0px; display: block; height: 25px; width: 25px; line-height: 22px; } .taoFieldBuilder a.tfbdel {text-decoration: none; background: rgb(184, 33, 0); color: rgb(255, 255, 255); margin-top: 8px; padding: 0px; display: block; height: 25px; width: 25px; line-height: 22px; } #additional_attendees {font-size: 1em; font-weight: bold; font-family: "Exo 2", sans-serif; width: 98%; display: block; color: rgb(51, 51, 51); padding: 5px 1%; margin: 20px 0px 5px; } #formbuild {width: 83%; } .taoFieldBuilder .head {padding: 7px 5px; background: rgb(216, 179, 119); margin-bottom: 1px; } .taoFieldBuilder .head::after {content: ""; display: table; width: 100%; clear: both; } .taoFieldBuilder .head span {font-size: 1em; 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 rgb(216, 179, 119); } .tab-panel {display: none; padding: 5px 0px; border-bottom: 1px solid rgb(243, 243, 243); } .tab-panel.activeTab {display: block; } .nav-tabs ul {margin: 10px 0px; } .nav-tabs ul li a {text-align: center; background: rgb(238, 238, 238); margin: 1px 0px; } .nav-tabs ul li a:hover {} .nav-tabs ul li.active a {background: rgb(51, 51, 51); color: rgb(255, 255, 255); } .collapsible-wrapper {margin: 10px 0px; } .collapsible-wrapper .accordion-title {margin-bottom: 0px; 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 rgb(196, 48, 31); height: 0px; display: block; position: absolute; right: -12px; top: 2px; bottom: 0px; margin: auto; box-sizing: content-box; } .collapsible-wrapper .accordion-value {display: none; } .collapsible-wrapper .accordion-value.expand {display: block; } .slide-block {visibility: hidden; } .slide {animation-name: slide; animation-duration: 1s; visibility: visible; } @keyframes slide {0% {opacity: 0; transform: translateY(70%); } 100% {opacity: 1; transform: translateY(0%); } } @-webkit-keyframes slide {0% {opacity: 0; transform: translateY(70%); } 100% {opacity: 1; transform: translateY(0%); } } .vertical-nav ul {float: none; display: block; margin: 10px 0px; } .vertical-nav ul li {float: none; display: block; } .vertical-nav ul li a {padding: 5px; border-bottom: 1px solid rgb(195, 129, 79); color: rgb(127, 68, 24); } .vertical-nav ul li:last-child a {border: 0px; } @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.6667%; } .col-xxs-10 {width: 83.3333%; } .col-xxs-9 {width: 75%; } .col-xxs-8 {width: 66.6667%; } .col-xxs-7 {width: 58.3333%; } .col-xxs-6 {width: 50%; } .col-xxs-5 {width: 41.6667%; } .col-xxs-4 {width: 33.3333%; } .col-xxs-3 {width: 25%; } .col-xxs-2 {width: 16.6667%; } .col-xxs-1 {width: 8.33333%; } .visible-xxs {display: block !important; } .xxs-pad {padding-left: 15px; padding-right: 15px; } .xxs-pad-left {padding-left: 15px; } .xxs-pad-right {padding-right: 15px; } .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: 0px; } .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.6667%; } .col-xs-10 {width: 83.3333%; } .col-xs-9 {width: 75%; } .col-xs-8 {width: 66.6667%; } .col-xs-7 {width: 58.3333%; } .col-xs-6 {width: 50%; } .col-xs-5 {width: 41.6667%; } .col-xs-4 {width: 33.3333%; } .col-xs-3 {width: 25%; } .col-xs-2 {width: 16.6667%; } .col-xs-1 {width: 8.33333%; } .visible-xs {display: block !important; } .pull-right {float: right; } .pull-left {float: left; } .xs-pad {padding-left: 15px; padding-right: 15px; } .xs-pad-left {padding-left: 15px; } .xs-pad-right {padding-right: 15px; } .nav-tabs ul {clear: both; width: auto; padding: 0px; border-bottom: 1px solid rgb(221, 221, 221); display: block !important; float: none !important; margin: 10px 0px !important; } .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: rgb(51, 51, 51); border-width: 1px; border-style: solid; border-color: rgb(221, 221, 221) rgb(221, 221, 221) transparent; border-image: none; background: rgb(255, 255, 255); margin: 0px; } } @media (min-width: 780px) {.navbar {position: relative; width: auto; left: 0px; padding: 0px; top: 0px; border: 0px; overflow: visible; } .navbar ul > li.has-sub .sub-btn {display: none; } .navbar > ul > li > a {border-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .nav-bar ul {width: auto; margin: 0px auto; background: none; display: block !important; position: relative !important; } .nav-bar > ul::after {content: ""; display: table; clear: both; } .nav-bar ul > li {float: left; } .nav-bar ul > li a {padding: 10px 25px; border: 0px; } .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: rgb(95, 143, 0); } .nav-bar ul > li > ul li > a:hover, .nav-bar ul > li > ul li > span:hover {color: rgb(127, 68, 24); } .nav-bar ul > li ul > li ul, .nav-bar ul > li ul {top: 100%; left: 0px; float: left; min-width: 220px; padding: 0px; font-size: 12.5px; font-weight: normal; text-align: left; list-style: none; background: url("/image/cache/body_bg.png") padding-box rgb(255, 255, 255); position: absolute !important; display: none !important; } .nav-bar ul > li ul > li ul {top: 0px; left: 100%; background-color: rgb(154, 44, 12); border: 0px; } .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 rgb(249, 249, 249); display: inline-block; vertical-align: middle; margin-top: -4px; margin-left: 2px; 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 rgb(95, 143, 0); } .nav-bar > ul > li > ul {border-width: 0px 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(208, 195, 156) rgb(208, 195, 156); border-image: none; box-shadow: rgba(0, 0, 0, 0.75) 0px 4px 6px -3px; } .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%; } .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 {font-weight: bold; font-size: 1.15em; color: rgb(95, 143, 0); padding: 0px; } .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-width: medium; border-style: none; border-color: currentcolor; border-image: none; } .nav-bar ul > li.mega-menu-block > ul li.links-block ul {background: none; left: 0px; top: 0px; width: 100%; min-width: 100px; float: none; position: relative !important; display: block !important; } .vertical-nav ul {float: none; display: block; margin: 10px 0px; } .vertical-nav ul li {float: none; display: block; } .vertical-nav ul li a {padding: 5px; border-bottom: 1px solid rgb(195, 129, 79); color: rgb(127, 68, 24); } .vertical-nav ul li:last-child a {border: 0px; } .sm-pad {padding-left: 15px; padding-right: 15px; } .sm-pad-left {padding-left: 15px; } .sm-pad-right {padding-right: 15px; } .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.6667%; } .col-sm-10 {width: 83.3333%; } .col-sm-9 {width: 75%; } .col-sm-8 {width: 66.6667%; } .col-sm-7 {width: 58.3333%; } .col-sm-6 {width: 50%; } .col-sm-5 {width: 41.6667%; } .col-sm-4 {width: 33.3333%; } .col-sm-3 {width: 25%; } .col-sm-2 {width: 16.6667%; } .col-sm-1 {width: 8.33333%; } .visible-sm {display: block !important; } .cd-top {right: 20px; bottom: 20px; } .fieldrow .fieldval select {width: 90%; padding: 8px 5px; margin: 0px; } .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: 0px; 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.6667%; } .col-md-10 {width: 83.3333%; } .col-md-9 {width: 75%; } .col-md-8 {width: 66.6667%; } .col-md-7 {width: 58.3333%; } .col-md-6 {width: 50%; } .col-md-5 {width: 41.6667%; } .col-md-4 {width: 33.3333%; } .col-md-3 {width: 25%; } .col-md-2 {width: 16.6667%; } .col-md-1 {width: 8.33333%; } .visible-md {display: block !important; } #user-nav {margin: 0px; } .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.6667%; } .col-lg-10 {width: 83.3333%; } .col-lg-9 {width: 75%; } .col-lg-8 {width: 66.6667%; } .col-lg-7 {width: 58.3333%; } .col-lg-6 {width: 50%; } .col-lg-5 {width: 41.6667%; } .col-lg-4 {width: 33.3333%; } .col-lg-3 {width: 25%; } .col-lg-2 {width: 16.6667%; } .col-lg-1 {width: 8.33333%; } .visible-lg {display: block !important; } .lg-pad {padding-left: 15px; padding-right: 15px; } .lg-pad-left {padding-left: 15px; } .lg-pad-right {padding-right: 15px; } .cd-top {height: 40px; width: 40px; right: 30px; bottom: 30px; } } .slider-block {padding-bottom: 0px; margin-top: -26px; position: relative; } .conent_slider {margin: 0px auto; padding-bottom: 25px; } .slider_block {height: 480px; position: relative; margin: 0px; width: 100%; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px 2px; } .hblock {border-bottom: 1px dashed rgb(238, 196, 2); } .slider_block div.container {position: absolute; height: 100%; left: 0px; right: 0px; } .slideing {width: 100%; left: 0px; position: relative; } #slides {height: 100%; position: absolute; top: 0px; width: 100%; } .slide_img {height: 300px; width: 100%; position: absolute; z-index: 6; } .slidebg {height: 480px; position: relative; z-index: 5; width: 100%; background: rgb(255, 255, 255); margin-bottom: 21px; padding-bottom: 10px; } .slidebg {} .slidebg div.container {position: absolute; height: 100%; left: 0px; right: 0px; } .slideing {width: 100%; left: 0px; position: relative; } #slides {height: 100%; position: absolute; top: 0px; width: 100%; } .slide_img {height: 300px; width: 100%; position: absolute; z-index: 6; } .sliderContent {color: rgb(0, 0, 0); height: 100%; position: relative; overflow: hidden; width: 100%; float: none; } .sliderContent div.base {position: absolute; width: 100%; height: 100%; right: 0px; opacity: 1; display: none; } #slides .sliderContent div.base .img {width: 100%; background-size: cover; position: absolute; background-repeat: no-repeat; background-clip: padding-box; background-position: center center; text-align: center !important; } #slides .sliderContent div.base .img a {display: block; line-height: 0; } .sliderContent div.base img {position: relative; border: 0px; width: 100%; margin: auto; padding: 0px; height: auto; } .sliderContent div.base.Video .img {display: none; } .sliderContent div.base .ovrly {width: 100%; height: 100%; background: url("/image/cache/ovrly.png") center center / 100% 100% no-repeat transparent; position: absolute; z-index: 2; } .sliderContent div.activeSlide {display: block; right: 0px; } .sliderContent div.base div.caption {position: relative; z-index: 5; padding: 10px; color: rgb(0, 0, 0); max-width: 100%; margin: 0px; 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: 2em; border: 0px; margin: 0px; padding: 0px; } .sliderContent div.base div.caption h4 {font-size: 1em; line-height: 1.2em; } .sliderContent div.base div.caption h5 {font-size: 0.84em; line-height: 1.18em; } .sliderContent div.base.slShow div.caption.Video {width: 100%; max-width: none; text-align: center; position: relative; height: auto; padding: 0px; border: 0px; margin: 0px; } .sliderContent div.base.slShow div.caption.Video h3 {text-align: left; margin: 0px 0px 0px 15px; padding: 0px; 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: 0px; margin: 0px; } .sliderContent div.base.slShow div.caption.Top-Left {top: 2%; left: 0px; } .sliderContent div.base.slShow div.caption.Top-Center {top: 2%; left: 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%; 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%; transform: translateY(-50%); width: 50%; display: block !important; } .sliderContent div.base.slShow div.caption.Middle-Center {top: 50%; left: 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%; 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%; transform: translateY(-100%); } .sliderContent div.base.slShow div.caption.Bottom-Center {top: 100%; left: 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%; 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: rgb(255, 255, 255); background: rgb(0, 133, 62); } .sliderContent div.base.slShow div.caption {display: block; } .sliderContent div.base.slShow div.caption.No-Background {background: none !important; } .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: rgb(255, 255, 255) !important; } .sliderContent div.base div.caption.Yellow * {color: rgb(255, 255, 255); } .sliderContent div.base div.caption.Blue {background: rgba(62, 77, 92, 0.65); } .sliderContent div.base div.caption.Blue * {color: rgb(255, 255, 255); } .sliderContent div.base div.caption.Black {background: rgba(0, 0, 0, 0.65); } .sliderContent div.base div.caption.Black * {color: rgb(255, 255, 255); } .taoNav {text-align: center; right: 0px; width: 100%; height: auto; padding: 0px; z-index: 5; position: relative; margin-top: -40px; } .taoNav a {margin: 0px 2px; display: inline-block; vertical-align: middle; padding: 0px; border-radius: 10px; height: 10px; width: 10px; background: rgb(255, 255, 255); line-height: 0.7em; color: rgb(255, 255, 255); cursor: pointer; font-size: 0px; } .taoNav a.active {background: rgb(255, 153, 0); color: rgb(255, 153, 0); } .taoNav a:hover {text-decoration: none; } #slides .taoTab_blk {position: relative; top: 0px; left: 0px; width: 29%; z-index: 2; height: 100%; } #slides .taoTab_blk .taoTab {background: rgb(24, 24, 24); display: block; margin: 0px; color: rgb(255, 255, 255); line-height: 1.2em; width: 100%; } #slides .taoTab_blk .taoTab .tab {display: block; padding: 4% 5px 4.5%; height: 16%; border-top: 1px solid rgb(74, 74, 74); } #slides .taoTab_blk .taoTab h3 {color: rgb(255, 255, 255); } #slides .taoTab_blk .taoTab:hover {background: rgb(51, 51, 51); cursor: pointer; } #slides .taoTab_blk .taoTab.active {} #slides .taoTab_blk .taoTab img {margin: 6px; display: inline-block; width: 23%; padding: 1px; border: 1px solid rgb(221, 221, 221); vertical-align: middle; } #slides .taoTab_blk .taoTab span {width: 65%; display: inline-block; font-size: 0.9em; vertical-align: middle; } #slides .taoTab_blk .taoTab.active .tab {background: rgb(0, 62, 126); border-top: 1px solid rgb(255, 255, 255); } .subscribe {margin-top: 5px; } .subscribe img {max-width: 100%; } .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 0px; } .sld_bnr h3 {margin: 0px; padding-left: 10px; border-bottom: 1px solid rgb(238, 238, 238); } .sld_bnr h3 a {display: block; color: rgb(71, 157, 35); } .sld_bnr div.sliderContent {height: auto; overflow: hidden; } .sld_bnr div.base {width: 98%; height: auto; padding: 0px 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: 0px auto; position: relative; text-align: center; } .sld_bnr #banners div.base .img a img {max-height: 100%; max-width: 98%; position: relative; inset: 0px; margin: auto; } .sld_bnr div.activeSlide {left: 0px; } div.bnr_pop {display: none; } #modalbox .bnr_pimg {position: relative; width: auto; height: 98%; margin: 0px; padding: 0px; } #modalbox .bnr_pimg img {max-width: 100%; max-height: 100%; position: absolute; width: auto; inset: 0px; margin: auto; } #modalbox .bnt_lnk {margin: 0px auto; position: absolute; bottom: 0px; left: 0px; right: 0px; text-align: center; } #modalbox .bnt_lnk a {font-size: 1.1em; background: rgb(24, 118, 186); padding: 8px 30px; color: rgb(255, 255, 255); position: relative; } #modalwindow {display: none; position: fixed; top: 0px; bottom: 0px; margin: auto; left: 0px; height: 90%; z-index: 999; overflow: hidden; width: 100%; } #shade {background: rgba(0, 0, 0, 0.7); z-index: 100; position: fixed; top: 0px; left: 0px; 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: rgb(221, 221, 221); z-index: 998; opacity: 0.3; } .modalcontent {height: 98%; } .modalcontent iframe {width: 100%; } #modalbox {height: 100%; } .modalcontent #mlcs {position: fixed; right: 19%; top: 5%; color: rgb(255, 255, 255); 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: rgb(208, 91, 43); padding: 0px 5px; color: rgb(255, 255, 255) !important; } .modalLabel span a {color: rgb(255, 255, 255); } .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_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: 0px; bottom: 0px; margin: auto; } .banner_blk .img a:hover {cursor: pointer; } .news div.article img {float: left; margin: 0px 5px 5px 0px; max-width: 65%; } .news div.article div {clear: both; float: none; } div.article {border-bottom: 1px dashed rgb(204, 204, 204); 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: 0px; } .article_title em {font-size: 0.84em; color: rgb(119, 119, 119); } .news-image {text-align: center; } .splitleft, .splitright {padding: 0px 1%; display: inline-block; vertical-align: top; } .splitleft {padding: 0px; float: left; font-size: 0.9em; color: rgb(102, 102, 102); } .splitright {text-align: right; float: right; } .splitright a {color: rgb(22, 60, 122); font-size: 0.84em; } #calendar {border-collapse: collapse; width: 85%; background: transparent; color: rgb(51, 51, 51); margin: 0px auto; } #calendar th, #calendar td {border: 1px solid rgb(204, 204, 204); width: 14%; height: 50px; } #calendar th {text-align: center; background: rgb(238, 238, 238); vertical-align: middle; font-size: 18px; color: rgb(63, 63, 65); line-height: 20px; font-family: Arimo, sans-serif; } #calendar td.caption {background: rgb(253, 180, 30); vertical-align: middle; text-align: center; color: rgb(63, 63, 65); font-size: 18px; line-height: 20px; font-weight: bold; text-transform: uppercase; } #calendar td.caption .nav {display: inline-block; color: rgb(63, 63, 65); } #calendar ul {margin: 0px; padding: 0px; list-style: none; display: block; } #calendar ul li {padding: 2px; color: rgb(51, 51, 51); background: rgb(63, 63, 65); font-size: 11px; } #calendar ul li a {color: rgb(255, 255, 255); } .hide {display: none; } #imageoverlay {position: fixed; top: 0px; left: 0px; 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: rgb(51, 51, 51); } #gimage {width: 73%; float: left; text-align: center; height: 100%; } #gimage img {background: rgb(255, 255, 255); padding: 5px; border: 1px solid rgb(238, 238, 238); } #gcontent {float: left; width: 25%; line-height: 1.3em; margin: 10% 0px; padding: 0px; color: rgb(204, 204, 204); display: none; } #gcontent div {margin: 5px 0px; } #gcontent label {display: block; color: rgb(255, 255, 255); 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: rgb(127, 68, 24); display: inline-block; padding: 2px 15px; border: 1px solid rgb(127, 68, 24); } #gnav a:hover {background: rgb(127, 68, 24); color: rgb(255, 255, 255); } #gclose {position: absolute; z-index: 1122; top: 0%; right: 5%; width: 80px; background: rgb(127, 68, 24); padding: 5px 15px; color: rgb(255, 255, 255); text-align: center; } .gwait {margin-top: 40%; color: rgb(221, 221, 221); } .gallerylist {float: left; padding: 1% 0.5%; margin: 1%; border: 1px solid rgb(214, 207, 189); width: 30%; position: relative; text-align: center; } .gallerylist a {display: block; width: 180px; height: 120px; margin: 0px auto; overflow: hidden; } .gallerylist img {max-width: 100%; background: rgb(171, 124, 95); } .gallerylist a:hover img, .gallerylist a img:hover {opacity: 0.75; } .gallerylist h3 {margin: 5px 0px 0px; text-align: center; font-size: 1.1em; } .gallerylist p {display: none; } .imageGallery a {height: 120px; border: 1px solid rgb(183, 124, 63); width: 180px; margin: 2px; vertical-align: middle; position: relative; text-align: center; display: inline-block; } .imageGallery a img {max-width: 100%; height: 100%; padding: 1px; } .imageGallery a .gContent {display: none; } .imageGallery a:hover img {opacity: 0.75; } .videoresults {padding: 15px 0px; } .videoresults div.videoleft {width: 400px; float: left; } .videoresults div.desc {width: 270px; color: rgb(102, 102, 102); float: right; padding-top: 30px; } #editevent {background: rgb(249, 249, 249); 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 rgb(127, 68, 24); border-left: 0px; border-right: 0px; } .indievent h2 {font-size: 20px; } .indievent span {display: inline-block; } .indievent label {display: block; color: rgb(102, 102, 102); 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 rgb(50, 16, 7); padding: 10px 0px; margin-bottom: 15px; display: block; } .eventrow::after {} .eventrow img {float: left; margin: 0px 10px 0px 0px; } .events {display: table; border-collapse: collapse; width: 100%; clear: both; font-size: 0.98em; } .events .bHead {display: table-row; background: rgb(127, 68, 24); color: rgb(255, 255, 255); } .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 rgb(171, 157, 91); 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 rgb(171, 157, 91); padding: 5px; background: rgb(230, 217, 174); } .events .eventRow .eventTitle p {margin: 0px; font-size: 0.94em; color: rgb(87, 85, 85); } .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 rgb(204, 204, 204); width: 100%; display: block; background: transparent; color: rgb(102, 114, 51); font-size: 14px; } .filteropts h2 {display: inline-block; font-size: 12px; } .postwebform td.labelcol {width: 35%; } .postwebform td.valuecol {width: 68%; vertical-align: top; } .changepass, .general_login {max-width: 360px; margin: 0px auto; text-align: left; padding: 10px; border: 1px solid rgb(233, 233, 233); } .general_login div.logintitle {background: transparent; color: rgb(50, 84, 138); 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: rgb(196, 48, 31); font-size: 0.84em; padding: 0px; text-align: center; overflow: hidden; } #filter {display: none; } table.shippinginfotable {width: 100%; margin: 0px; } .catalogcart {width: 100%; margin: 10px 0px; border: 1px solid rgb(222, 222, 222); } .catalogcart td, .catalogcart th {border: 1px solid rgb(222, 222, 222); padding: 0px 5px; font-weight: normal; text-align: center; } .cartheadings {background: rgb(233, 233, 233); line-height: 30px; } .catalogcart .itemname {padding-top: 5px; } .catalogcart p {padding: 0px; margin-top: 0px; } .catalogcart .oddrow {background: rgb(249, 249, 249); } .catalogcart .evenrow {background: rgb(255, 255, 255); } .carttotals {line-height: 30px; } #cartbuttons ul {list-style: none; padding: 0px; margin: 20px 0px 0px; text-align: center; } #cartbuttons ul li {display: inline-block; margin: 5px 0px; } .cartlinks {height: 30px; margin: auto; float: right; } .cartlinks ul {margin: -4px 0px 0px; padding: 0px; list-style: none; float: right; } #changeinfo {margin-top: 20px; } #changeinfo ul {margin: 0px; padding: 0px; list-style: none; color: rgb(128, 0, 128); } #changeinfo ul li {float: left; margin-right: 20px; } #returntocart a, #changeinfo ul li::before {content: "\00ab\2006"; } .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 0px; } .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; } .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 {flex: 0 0 100%; max-width: 100%; padding-top: 10px; } & .codeoncard-block, & .expireoncard-block {flex: 0 0 49%; max-width: 49%; padding-top: 10px; & span, & input, & select {width: 100%; } } & .expireoncardinput {padding: 0px; display: flex; } } } .billinfo {padding: 10px; display: inline-block; width: 45%; vertical-align: top; } .billinginfotable {border: 0px; } #billtable, #shiptable {border: 1px solid rgb(127, 68, 24); float: left; padding: 10px 0px; width: 44%; margin: 10px 0px; } .billtable tr td span {display: inline-block; text-align: left; margin-right: 5px; } .billtable select {width: 200px; } .bgcol {background: rgb(237, 248, 237); padding: 10px 20px; } #payment_totalamount {clear: both; color: rgb(184, 33, 0); font-size: 1.5em; padding: 20px 0px; } #billtable, #payment_totalamount, #paymentinstructions {width: 100%; float: none; clear: both; } #payment_totalamount {font-weight: bold; } #paymentinstructions {margin-bottom: 15px; } .formorder {width: 85%; margin: 20px 0px; padding: 10px; } .formorder .formorder_head {display: table; text-align: right; border-bottom: 1px solid rgb(127, 68, 24); width: 100%; font-weight: bold; } .formorder .formorder_head span {display: table-cell; } .formorder .formorder_head span.order_desc, .formorder .orderrow span.order_desc {text-align: left; } .formorder .orderrow {padding: 1%; margin: 0px; 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 rgb(127, 68, 24); border-bottom: 1px solid rgb(127, 68, 24); } #cartcodes {margin: 25px 0px; padding: 8px; background: rgba(0, 0, 0, 0.03); } #cartcodes .errmsg {color: rgb(255, 193, 7); } .promocodes {padding: 0px; } .orderdiscountheading {font-size: 1.2em; } ul.discount {padding: 0px; margin: 0px; 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 {margin: 0px 10px 0px 0px; text-align: center; color: green; text-decoration: none; background: none; border: 1px solid green; padding: 7px 14px; display: inline-block; text-transform: uppercase; } .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: 0px; padding: 0px; min-width: 30px; text-align: center; position: relative; overflow: hidden; } .catalog.code .removebutton::before {content:"\f057"; font-family: taoGlyphs; font-size: 30px; color: rgb(184, 33, 0); display: block; position: absolute; z-index: 0; width: 100%; height: 42px; top: 0px; bottom: 0px; margin: auto; line-height: 42px; } .catalog.code .removebutton input {font-size: 0px; height: 100%; background: transparent; position: relative; z-index: 2; } .catalog.code ~ .catalog.codeinput {} .catalog.codeheader {font-weight: bold; font-size: 1.1em; margin-bottom: 5px; } .catalog.codeinput {margin: 10px 0px; display: flex; justify-content: flex-start; flex-wrap: wrap; } .catalog.codeinput label {display: block; width: 100%; margin: 0px; } .catalog.codeinput input[type="text"], .catalog.codeinput input[type="submit"] {display: inline-block; width: 205px; margin: 0px; } .catalog.codeinput input[type="submit"] {width: auto; background: rgb(50, 56, 62); padding: 8px 10px; font-size: 0.85em; } #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 rgb(127, 68, 24); color: rgb(127, 68, 24); } .paging span a {color: rgb(127, 68, 24); } #newschannel_paging_links span {padding: 3px 10px; border: 1px solid rgb(127, 68, 24); 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: rgb(127, 68, 24); color: rgb(255, 255, 255); } #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: rgb(127, 68, 24); text-decoration: none; color: rgb(255, 255, 255); } #searchresults dt {margin-top: 10px; padding: 5px 0px; border-top: 1px dotted rgb(127, 68, 24); font-family: Arimo, sans-serif; font-size: 12px; } #searchresults dd {padding-left: 10px; } #forum {border: 1px solid rgb(221, 221, 221); border-collapse: collapse; } #forum td {padding: 5px 10px; border: 1px solid rgb(221, 221, 221); } #forum-header {background: rgb(238, 238, 238); font-weight: bold; } #forum-highlight {background: rgb(249, 249, 249); } #content-background {font-size: 0.82em; } .animals-block.row {display: flex; flex-flow: wrap; } .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: 0px auto; } .animals-block .animal img {max-height: 170px; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 5px 1px; } .animals-block .animal a span.threatened {display: none; width: 25px; height: 25px; position: absolute; top: 0px; left: 0px; border-right: 25px solid transparent; border-left: 25px solid rgb(255, 82, 0); 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: 0.75em; color: rgb(255, 255, 255); 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: 0px; } .animals-block .animal .details h3 {font-size: 1em; } .animals-block .animal .details h3 a {color: rgb(127, 68, 24); } .animals-block .animal .details h3 a span.hide.Yes {display: inline-block; color: rgb(255, 82, 0); } .animals-block .animal .details em {color: rgb(50, 16, 7); } .animal_indi img {display: block; margin: 0px 15px 5px 0px; box-shadow: rgba(0, 0, 0, 0.6) 0px 0px 5px 1px; } .animal_indi h2 {padding: 2px 5px; color: rgb(127, 68, 24); margin: 0px; } .animal_indi h2 span.hide.Yes {display: inline; color: rgb(255, 82, 0); font-size: 0.84em; } .animal_indi p {margin: 3px; color: rgb(50, 16, 7); } .animal_indi .details > div {margin-top: 5px; position: relative; margin-bottom: 10px; } .adopt_link {position: absolute; right: 0px; text-align: right; } .group_fee_adopt {margin: 10px 0px; border: 1px solid rgb(195, 129, 79); } .group_fee_adopt > h4 {background: rgb(195, 129, 79); padding: 5px; color: rgb(255, 255, 255); margin: 0px; } .group_fee_adopt .sub_group {} .group_fee_adopt .sub_group strong {display: block; border-bottom: 1px solid rgb(195, 129, 79); border-top: 1px solid rgb(195, 129, 79); 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 10px 3px 6px; font-size: 0.88em; } .group_fee_adopt .sub_group .animal-row:nth-child(2n) {border-right: 1px solid rgb(195, 129, 79); } .group_fee_adopt .sub_group .animal-row a {color: rgb(127, 68, 24); font-weight: bold; } .group_fee_adopt .sub_group .animal-row a > span.hide.Yes {display: inline; color: rgb(255, 82, 0); } .group_fee_adopt .sub_group .animal-row a.adopt_link {position: relative; float: right; color: rgb(95, 143, 0); font-weight: normal; } .form-btn {padding: 10px; cursor: pointer; position: relative; float: right; text-align: center; right: 0px; margin: 3px 0px; color: rgb(255, 255, 255); } .nav-icon a {color: rgb(255, 255, 255); text-shadow: rgb(51, 51, 51) 0px 0px 1px; line-height: 0; display: block; } .search-btn, .nav-icon {float: right; font-size: 36px; line-height: 0; position: relative; margin: 10px; padding: 0px; color: rgb(255, 255, 255); } .login-btn.logged_in:hover .user-nav {display: block; } .form-btn.form-on {color: rgb(102, 102, 102); } .login-btn::before {content: "Login"; font-weight: normal; } .search-btn::before, .login-btn.logged_in::before {font-weight: normal; display: inline-block; vertical-align: bottom; } .search-btn::before {font-size: 15px; font-weight: normal; display: inline-block; vertical-align: bottom; margin: 0px 3px 0px 0px; } .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: rgb(255, 255, 255); text-align: center; font-size: 1em; border-right: 1px solid rgb(221, 221, 221); padding: 7px 9.2px !important; } .nav-top ul li.certificate a {background: rgb(70, 143, 43); 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: rgb(255, 153, 0); 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: rgb(0, 102, 204); 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: rgb(52, 169, 173); 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: rgb(127, 68, 24); border: 0px; 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: rgb(0, 0, 0) 0px 0px 2px; } footer .nav-bar.nav-center {text-align: left; } footer nav.nav-bar a:hover {color: rgb(51, 51, 51); } .copyright {margin-top: 20px; padding: 3px 0px; width: 100%; } h3.block-title {border-bottom: 1px solid rgb(253, 180, 30); padding: 5px; font-size: 1.2em; } h3.block-title span {vertical-align: middle; font-size: 1.4em; } #rgtprt h3.block-title {border-bottom: 1px solid rgb(221, 221, 221); } #rgtprt .event-block {border-bottom: 1px solid rgb(233, 233, 233); } #rgtprt .event-block .event-title a {color: rgb(22, 60, 122); } #rgtprt .event-block .event-title > span {color: rgb(102, 102, 102); } .feature-blocks {margin-top: 0px; background: url("/image/cache/event_back.jpg"); position: relative; z-index: 10; margin-bottom: 50px; padding: 0px; } .feature-blocks::before {content: ""; display: block; width: 100%; height: 40px; position: absolute; top: -15px; left: 0px; background: url("/image/cache/event_top.png"); } .feature-blocks::after {content: ""; display: block; width: 100%; height: 50px; position: absolute; bottom: -30px; left: 0px; background: url("/image/cache/event_bottom.png") center bottom; } img.content_image {display: block; float: none !important; margin: 5px !important; } .newsBlock {padding: 0px 5px; } .newsBlock .block-title {padding: 12px 9px; border: 0px; font-weight: normal; color: rgb(255, 255, 255); font-size: 1.8em; margin: 0px -7px; text-shadow: rgb(0, 0, 0) 0px 1px 1px; background: url("/image/cache/news_bg_2.png") center center / 100% no-repeat; } .hNewsrow {margin-bottom: 5px; border-bottom: 1px dashed rgb(50, 16, 7); } .hNewsrow p {margin: 0px; } .hNewsrow a {color: rgb(127, 68, 24); font-size: 1em; } .hNewsrow em {font-size: 0.74em; } .newsBlock .more-link {text-align: right; color: rgb(45, 45, 43); display: block; padding: 5px 0px; font-size: 0.8em; } .newsBlock .more-link span {vertical-align: middle; font-size: 0.84em; } .feature_animals {margin-bottom: 35px; } .feature_animals h4 a {color: rgb(50, 16, 7); } .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") center center / contain no-repeat; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 10; } .feature_animals .animal img {max-height: 100px; } .feature_animals .animal strong {display: block; } .feature_animals .animal strong a {color: rgb(50, 16, 7); } .events-block {padding: 0px; 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 0px; color: rgb(249, 249, 249); font-family: "Russo One", sans-serif; display: inline-block; vertical-align: middle; } .eventBlock {display: inline-block; vertical-align: top; text-align: left; margin: 10px 0px; } .eventDate {vertical-align: top; margin: 0px 9px 0px 0px; } .eventDate .date {font-size: 1em; line-height: 22px; color: rgb(127, 68, 24); } .eventDate .date span {font-size: 0.9em; 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; color: rgb(249, 249, 249); font-size: 1.3em; text-shadow: rgb(66, 41, 17) 1px 0px 0px; } .eventDetails span {font-style: italic; font-size: 0.88em; color: rgb(60, 28, 10); } .toursList, #roomList .roomList, #animalPresentation .optionsList {display: flex; margin-bottom: 15px; } .toursList .select_tour_radio, .roomList .select_room_radio, #animalPresentation .animal_presentation_radio {min-width: 33.333%; border: 1px solid rgb(195, 129, 79); margin: 5px; padding: 10px; } .roomList .select_room_radio {} .toursList .select_tour_radio label, .roomList .select_room_radio label, #animalPresentation .animal_presentation_radio label {font-weight: 600; } .toursList .tourdetails, .roomList .select_room_radio div, #animalPresentation .animal_presentation_radio div {padding: 0px; } .toursList .tourdetails ul, .roomList .select_room_radio div ul, #animalPresentation .animal_presentation_radio div ul {margin: 0px; padding: 0px 0px 0px 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"], .eventDate .fieldval input[type="text"] {width: calc(100% - 50px) !important; } #calendarIcon {display: inline-block; margin: 0px 6px; height: 40px; line-height: 40px; } #calendarIcon i::before {font-size: 22px; color: rgb(184, 33, 0); } #calendarWrapper {position: relative; z-index: 99; display: none; min-width: 90%; } #calendarWrapper.show {display: block; } #calendarWrapper table {position: absolute; width: 100%; background: rgb(255, 255, 255); border-collapse: collapse; } #calendarWrapper table tr {margin: 0px; } #calendarWrapper table tr th {padding: 0px; } #calendarWrapper table tr th, #calendarWrapper table tr td {border: 1px solid rgb(174, 174, 174); text-align: center; } #calendarWrapper table tr td.month {background: rgb(195, 129, 79); color: rgb(255, 255, 255); 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: rgb(216, 179, 119); padding: 10px; } #calendarWrapper table tr.dates td {color: rgb(153, 153, 153); background: rgb(204, 204, 204); position: relative; } #calendarWrapper table tr.dates td.past {background: rgb(181, 181, 181); color: rgb(161, 161, 161); } #calendarWrapper table tr.dates td.current.active.summer, #calendarWrapper table tr.dates td.current.active.winter {background: rgb(95, 143, 0); color: rgb(255, 255, 255); cursor: pointer; } #calendarWrapper table tr.dates td.current.active.summer.booking {background: rgb(127 182 19); } #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: rgb(255, 153, 0); color: rgb(255, 255, 255); } #calendarWrapper table tr.dates td.current.filled {background: rgb(102, 102, 102); color: rgb(181, 181, 181); } #calendarWrapper table tr.dates td.current.filling {background: rgb(74, 108, 6) !important; } #calendarWrapper table tr.dates td.current small {font-size: 0.7em; display: block; line-height: 2; position: absolute; top: 0px; color: rgba(255, 255, 255, 0.39); 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: 0px; top: 0px; z-index: 99; background: rgba(26, 26, 26, 0.5); } #loader i {position: relative; display: inline-block; text-align: center; left: 50%; top: 50%; font-size: 3em; transform: translate(-50%, -50%); color: rgb(255, 193, 7); animation: 1s steps(8) 0s infinite normal none running fa-spin; } @-webkit-keyframes fa-spin {0% {transform: rotate(0deg); } 100% {transform: rotate(359deg); } } @keyframes fa-spin {0% {transform: rotate(0deg); } 100% {transform: rotate(359deg); } } @media (min-width: 460px) {} @media (min-width: 580px) {} @media (min-width: 640px) {} @media (min-width: 780px) {.header {} #stickyNav {position: fixed; width: 100%; top: 0px; z-index: 100; display: none; padding: 10px 0px; background: url("/image/cache/header_bg.png") left center repeat-x; } #stickyNav::after {content: ""; display: block; position: absolute; z-index: -1; width: 100%; height: 54px; bottom: -30px; background: url("/image/cache/header_bottom.png") left center repeat-x; } #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 {font-size: 1.1em; font-weight: bold; color: rgb(255, 255, 255); padding: 5px 8px !important; } #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 rgb(249, 249, 249); display: inline-block; vertical-align: middle; margin-top: -4px; margin-left: 2px; 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: rgb(95, 143, 0); background: rgb(230, 218, 173); } #stickyNav ul > li.has-sub a {} #stickyNav ul li ul {margin: 0px; } #stickyNav .navbar > ul > li > ul {box-shadow: rgba(0, 0, 0, 0.75) 0px 4px 6px -3px; } #stickyNav ul li ul li a:hover {} .fix-logo {float: left; } .search-btn {clear: none; padding: 6px 7px; margin: 5px 0px; font-size: 22px; text-align: center; background: rgb(230, 220, 178); color: rgb(127, 68, 24); } nav.main-nav {position: relative; clear: both; border-right: 0px; border-left: 0px; } 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: 0.96em; font-weight: bold; text-transform: uppercase; color: rgb(255, 255, 255); margin: 0px; text-shadow: rgba(0, 0, 0, 0.84) 0.5px 0px 0.5px; } 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: rgb(95, 143, 0); background: rgb(230, 218, 176); text-shadow: none; } nav.main-nav > ul > li.home > a {font-size: 0px; display: block; width: 26px; height: 36px; padding: 7px 0px; 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; } .nav-icon {display: none; } .form-btn {clear: right; float: right; } .search-form-wrapper {height: auto; position: absolute; padding: 15px; background: rgb(230, 220, 178); top: 39px; right: 0px; clear: right; z-index: 27; display: none; width: 45% !important; } .search-form-wrapper form {padding: 0px; } .slider-block, .page-content-block {} #slides .sliderContent div.base div.caption {min-width: 40%; max-width: 70%; } #leftprt {float: right; border-left: 1px solid rgb(233, 233, 233); } 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 {} } @media (min-width: 1200px) {nav.main-nav > ul > li > span, nav.main-nav > ul > li > a {font-size: 1.1em; } } @media (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 (min-width: 0px) and (max-width: 880px) {.logo {position: relative; } nav.main-nav > ul {margin: 0px; } 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(2n) {border: 0px; } } @media (min-width: 0px) and (max-width: 779px) {.page-content-block {margin-top: 85px; padding-top: 50px; } .nav-top {position: relative; } .header {padding: 0px; border: 0px; position: fixed; height: 110px; background-position: center bottom; } .logo {top: 0px; padding: 0px; position: absolute; } .logo img {margin: 0px; padding: 0px; max-width: 170px; } #stickyNav, #stickyNav.collapsed {display: none !important; } .slider-block, .content-block.wrapper-block {margin-top: 86px; } .nav-top ul {margin: 0px !important; } #main-navigation {position: fixed; overflow-y: auto; width: 0px; height: 100%; margin-bottom: 0px; z-index: 1; left: 0px; top: 0px; background: rgb(255, 153, 0); display: none; } #main-navigation.navbar-block {display: block; } .search-form-wrapper input[type="submit"] {} .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(2n) {border-right: 1px solid rgb(195, 129, 79); } .navbar-toggle {display: block; cursor: pointer; float: right; margin: 4px 0px; 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: rgb(255, 255, 255); font-size: 30px; padding: 0px 8px; } .navbar-toggle a:hover {text-decoration: none; color: rgb(237, 146, 27); } .navbar-toggle.nav-collapsed a span::before {content:"\e5c4"; } #main-navigation {position: fixed; top: 0px; left: -240px; width: 240px; height: 100%; padding: 10px 0px; z-index: 999; transition: 0.2s linear; } #main-navigation.nav-collapsed {left: 0px; overflow-y: auto; width: 240px !important; } #close {display: none; background: 0px 0px rgba(0, 0, 0, 0.75); height: 100%; position: fixed; top: 0px; left: 0px; transition: 0.2s linear; width: 100%; z-index: 98; } .main-nav {position: relative; } .main-nav > ul {position: relative; display: block; top: 0px; left: 0px; 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-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid rgb(220, 136, 10) !important; } .main-nav > ul > li > ul {border-top: 1px solid rgb(37, 38, 45); 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: 0px; } .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 {font-size: 0.92em; padding: 0px 7px; line-height: 30px; color: rgb(255, 255, 255) !important; } .main-nav ul li ul {position: relative; background: rgb(42, 43, 51); padding: 0px; } .main-nav ul li > ul > li {float: none; width: auto; margin: 0px; } .main-nav ul li > ul > li a, .main-nav ul li:hover > ul li a {padding: 2px 0px; line-height: 20px; } .main-nav ul li > ul > li a::before {color: rgb(255, 255, 255); } .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: rgb(60, 61, 72); } .main-nav ul > li.has-sub .sub-btn {display: block; width: 30px; height: 30px; padding: 0px; position: absolute; z-index: 1; right: 0px; cursor: pointer; border: 0px; box-shadow: rgb(150, 90, 0) 0px 0px 1px 0px; text-align: center; background: rgb(220, 136, 10); } .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: rgb(58, 64, 71); } .main-nav > ul > li:hover > span.sub-btn {background: rgb(78, 83, 89); } .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; } .toursList {flex-wrap: wrap; } .toursList .select_tour_radio {min-width: 100%; margin: 10px 0px; } .tourDate {flex-wrap: wrap; } .tourDate .fieldval {min-width: 100%; } } @media (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 {font-size: 0.84em; line-height: normal; padding: 5px !important; } .nav-top ul li.topcontact a {font-size: 0px; text-align: center; } .nav-top ul li.topcontact a::before {width: 18px; height: 16px; font-size: 16px; margin: 0px !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 (min-width: 0px) and (max-width: 579px) {.header {height: auto; } .header::after {background: rgb(51, 51, 51); } .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: 0px; right: 0px; 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: 0px; margin: 0px; padding: 0px; } .sliderContent div.base div.caption h4 {font-size: 1em; line-height: 1.2em; } .sliderContent div.base div.caption h5 {font-size: 0.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: 50px 0px 0px; padding: 0px; } .subfooter-nav ul, .copyright span {display: block; text-align: center; float: none; } .subfooter-nav ul {margin: 0px 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(2n) {border-right: 0px; } } @media (min-width: 0px) and (max-width: 460px) {.header {} .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: 0px; } .nav-top ul li.topcontact a, .nav-top ul li.certificate a, .nav-top ul li.mailinglist a, .nav-top ul li.membership a {border: 0px; } } @media (min-width: 0px) and (max-width: 380px) {.logo {margin: 2px 0px; padding: 0px; } .nav-top {margin: 0px 0px 5px; } .nav-top ul li {} .nav-top ul li a::before {margin-right: 3px !important; font-size: 0.9em !important; } .nav-top ul li.certificate a, .nav-top ul li.mailinglist a, .nav-top ul li.membership a {text-align: left; font-size: 0.92em; padding: 3px !important; } .nav-top ul li.topcontact a {font-size: 0px; padding: 3px !important; } .nav-top ul li.topcontact a::before {line-height: 17px; width: auto; font-size: 12px !important; } .search-btn, .nav-icon {margin: 5px 10px; } .footer-nav > ul > li {display: block; width: auto; } } @media (orientation: landscape) and (min-height: 100px) and (max-height: 340px) {}