html, body { margin: 0px; width: 100%; height: 100%; display: block; font: 300 14px/20px 'Roboto', sans-serif; font-weight: 500 ; -webkit-text-size-adjust: none; 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-size: 14px; font-size: 14px; line-height: 1.42857143; color: #333; background: #FFF; 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: #C4301E; }
a.button { font-size: 0.9em; }
a:hover, a:focus { text-decoration: none; color: #C4301F; }
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; margin-bottom: 10px; font-family: 'Raleway'; font-weight: 700; letter-spacing:2px;text-rendering: optimizeLegibility !important; font-size: 2.8em; line-height: 1.2em; }
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; }
/* ==================== 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;}
textarea { overflow: auto; height: 120px; min-width: 250px; width: 70%; }
input[type=button], input[type=reset], input[type=submit], .button { background: #202835; color: #FFF; -webkit-appearance: button; cursor: pointer; text-transform: uppercase; font-size: 1em; text-decoration: none; padding: 8px 12px; display: inline-block; outline: none;}
input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .button:hover { background: #202835; 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: #C4301F;}
#wrapper { height: auto; width: 100%;margin: 0 auto; position: relative; background: #FFF;}
.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: 76px; }
.feature-blocks { padding: 50px 0; margin-bottom: 5px;border-top: 1px solid #DDD;background: #FFF;text-align: center;}
.feature-block .feature-content * { text-align:center !important;}
.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{ margin: 1px 0; padding: 0px 0 0 2px;margin-bottom: 10px;border-bottom: 1px solid #F0CBC7;color: #e39e96;}
.breadcrumb a { font-size:.84em;color: #E39E96;}
/* ====================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; */ }
/* ====================header ====================
================================================== */
.header h1 { display: none; }
.header { position: fixed; top: 0; z-index: 999; width: 100%; background-size: cover; border-bottom: 1px solid #F0CBC7;font-family: 'Roboto', sans-serif; background: #FFF; }
.logo { position: relative; float: left; left: 0; top: 0; margin: auto; display: block; text-align: left; padding-top: 5px; padding-bottom: 5px;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: 0; padding: 5px;position: relative; display: inline-block; vertical-align: middle; max-width: 450px;}
/*slide out Search Form*/
.search-form-wrapper{ padding: 0; width: 100%!important;margin: 0 auto;height: auto;text-align: right;position: relative;z-index: 27;right: 0;clear: both;left: auto;background: #333333;top: 0;display: none;}
.search-form-wrapper form{ padding: 3px;}
.search-form-wrapper input[type='text'] { max-width: 100%;width: 100%;padding: 8px 5px;margin-right: -46px;float: left;border: 0;border: 1px solid rgb(221, 221, 221);background: rgb(233, 233, 233);}
.search-form-wrapper input[type='submit'] { background: #333333 url(/image/cache/search.png) no-repeat center center;background-size: 50%;border: 0;padding: 1px;color: #333333;white-space: nowrap;text-indent: 100%;overflow: hidden;display: inline-block;vertical-align: top;width: 46px;height: 37px;}
.search-form-wrapper { display:none;}
/* popup Login Form*/
.login_form {display:none;}
.login_form.active{ position:absolute; z-index: 12; width: 300px; padding: 8%; margin-top: 10px; bottom: 0; top: 100%; right: 0; height: 180px; background: #fff; border: 1px solid #DDD; text-align: center;}
.login_form input[type=text],.login_form input[type=password] { width: 90% !important; padding: 10px; margin: 2px 0; }
.login_form input[type=submit] { padding: 8px 10px; width:100px; margin:5px 0;}
/* ====================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 .sub-btn{ display:none ;}
/*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 #AF4122;color: #FFF;}
.navbar-block ul li ul, .navbar-block ul li ul li ul{ display:none;}
#close {position: fixed; height: 100%;width: 100%;z-index: 0;background: rgba(50,50,50,0.75); top: 70px;left: 0;}
.navbar-block ul > li.has-sub .sub-btn { display:block; width: 30px; height: 45px; padding: 0;position:absolute; z-index: 1;right:0; background: url(/image/cache/up-arrow.png) no-repeat center center;cursor: pointer;}
.navbar-block ul > li.has-sub .sub-btn.collapsed { background: transparent url(/image/cache/down-arrow.png) no-repeat center center;}
.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; font-weight:normal; font-size:.82em;}
/* ====================nav bar button====================
================================================== */
.nav-icon { display: block; cursor: pointer; float: right;padding: 16px 5px;}
.nav-icon a { position: relative; float: left; padding: 3px 10px; background-color: transparent; background-image: none; border: 1px solid transparent; display: block; }
.nav-icon a .icon-bar { background: #C4301F; display: block; margin: 5px 0; width: 25px; height: 3px; border-radius: 1px; }
.search-btn{ width:40px; float:right; height: 70px;background: url(/image/cache/search-btn.png) no-repeat center center; background-size: 24px;}
/* ==================== nav toggle ====================
================================================== */
.nav-toggle { position: relative }
.nav-toggle ul { top: 100%; right: 0; position: absolute; background: #C4301F; }
.nav-toggle ul li a, .nav-toggle ul li span { color: #FFF !important; }
.nav-toggle ul li ul { position: relative;display: none;}
.nav-toggle ul li ul li a, .nav-toggle ul li ul span { padding-left: 19px !important; color:#FFF; font-size: 1.1em !important;font-weight: normal;}
.nav-toggle ul li ul li ul { display: none !important; }
/* ====================fixed nav====================
================================================== */
.fix-top { position: fixed !important; left: 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 { background: #333333; padding: 10px 0; margin-bottom: 10px;width: 100%;text-align:center; border-bottom: 1px solid #C4301F;}
#socail li { float:none; display:inline-block; vertical-align:middle;}
#socail li a { background-repeat: no-repeat; background-size: contain; background-position: center center; background-clip: border-box; font-size: 0; width: 35px; height: 35px; }
#socail li.facebook a { background-image: url(/image/cache/facebook.png); }
#socail li.twitter a { background-image: url(/image/cache/twitter.png); }
#socail li.linkedin a { background-image: url(/image/cache/linkedin.png); }
#socail li.youtube a { background-image: url(/image/cache/youtube.png); }
#socail li.pinterest a { background-image: url(/image/cache/pinterest.png); }
#socail li.googleplus a { background-image: url(/image/cache/google-plus.png);}
#socail li.email a { background-image: url(/image/cache/email.png); }
#socail li.rss a { background-image: url(/image/cache/rss.png); }
/* Social Menu Hover */
#socail li:hover a, #socail li a:hover { opacity: .65; background-color: transparent !important; }
/* ====================Footer====================
================================================== */
footer { clear: both; padding-bottom: 10px; bottom: 0; left: 0; background: #C4301F; color: #FFF; position: relative; width: 100%;line-height: 1.6em; font-size: 14px; text-align: left; }
footer * { color: #FFF; }
.footer-nav ul li a:hover { color: #FFF; }
.footer-nav > ul > li > a { font-size: 18px; }
.footer-nav ul li a { padding:3px;text-align: center;}
.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 { /* border-top: 1px solid #eadfe0; */ font-size: 12px; }
.copyright a { color:#333 !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; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; white-space: nowrap; text-indent: 100%; background: #333333 url(/image/cache/arrow.png) no-repeat center center; border: 1px solid #333333;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: ''; border-right: 12px solid transparent; border-left: 12px solid transparent; border-bottom: 12px solid #00BBD3; height: 0; width: 0%; display: block; position: absolute; right: 0; top: 0; left: 0; bottom: 0; margin: auto; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; display: none;}
.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: #999; 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[type=text], .fieldrow .fieldval input[type=tel], .fieldrow .fieldval input[type=email] { width: 90%; }
.group_nogroup_label, .group_nogroup_label, .group_nogroup_tr { display: none; }
/* ==================== 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{ font-weight:bold; font-size: .92em;text-transform: lowercase;color: #C4301F; 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%); }
}
/* ====================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; float: none; }
.footer-nav > ul > li { float: left; padding: 0 15px; min-width: 30%;}
.footer-nav ul li a { padding: 5px; }
.footer-nav ul li a:hover { color: #FFF; }
.footer-nav > ul > li > ul { padding-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: 768px) {
/* ==================== 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; position: relative !important; background: none;}
.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:#FFF; }
.nav-bar ul > li > ul li:hover a, .nav-bar ul > li > ul li a:hover, .nav-bar ul > li > ul li span:hover { background: #9A2C0C; }
.nav-bar ul > li ul > li ul, .nav-bar ul > li ul { position: absolute !important; top: 100%; left: 0; z-index: 99; display: none !important; float: left; min-width: 210px; padding: 0; font-size: 14px; text-align: left; list-style: none; background-color: #AF4122; border: 1px solid #AF4122; -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 { /* padding-right: 18px; */ }
.nav-bar ul > li.has-sub:after { content: ''; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #FFFFFF; height: 0; width: 0; display: block; float: right; position: absolute; right: 1px; top: 0; bottom: 0; margin: auto; margin-left: 2px; margin-right: 2px; box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; }
/* ==================== 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: 10px 12px; border-bottom: 1px solid #EEE; }
.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: 75%; padding: 8px 5px; margin: 0 -5px 0; }
.fieldrow .fieldval input { width: 75%; }
.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{ background: #FFF; padding-bottom: 0; /* margin-bottom: 20px; */margin-top: 100px;}
.conent_slider{ margin: 0px auto;padding-bottom: 25px;}
.slider_block { height: 460px; position: relative; margin: 0;margin-bottom: 0;width: 100%;}
.hblock {border-bottom: 1px dashed #EEC402; }
.slider_block div.container { position: absolute; height: 100%; left: 0; right: 0;}
.slideing { width: 100%; left: 0; position: relative; }
#slides { height: 100%; position: absolute; top: 0px; width: 100%;}
.slide_img{ height: 300px; width: 100%; position: absolute;z-index: 6;}
#slides .sliderContent { color: #000; height: 100%; position: relative; overflow: hidden; width: 100%; float: left;}
#slides .sliderContent div.base { position: absolute; width: 100%; height: 100%; right: 0; opacity: 1; display: none;}
#slides .sliderContent div.base img { position: relative; border: 0;width: 100%; height: auto; margin: 0 auto !important; padding: 0;display: block;}
#slides .sliderContent div.activeSlide { display: block; right: 0; }
#slides .sliderContent div.base.slShow div.caption { display:block;}
#slides .sliderContent div.base.sl div.caption h3{ color:#333;}
#slides .sliderContent div.base.sl div.caption a { color:#333;}
#slides .sliderContent div.base.sl div.caption a{font-weight: bold;}
#slides .sliderContent div.base.slShow div.caption.Video {width:100%; text-align:center;position: relative;height: auto;padding: 0;border: 0;}
#slides .sliderContent div.base.slShow div.caption.Video h3{ text-align:left; margin: 0; margin-left:15px; padding:0;}
#slides .sliderContent div.base.slShow div.caption.Video a{ padding:0; margin:0;}
#slides .sliderContent div.base .img{ width:100%;height: 100%;text-align: center !important;position: absolute;background-size: cover;background-repeat: no-repeat;background-clip: padding-box;background-position: center center;}
#slides .sliderContent div.base div.caption { padding: 1%;position: relative; z-index: 10; top: 50%; left: 0;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
#slides .sliderContent div.base div.caption * { color: #333 !important;}
#slides .sliderContent div.base div.caption > a {border: 1px solid #C4301F; padding: 3px 9px; text-align:center; color: #C4301F !important;}
.taoNav { position: relative;z-index: 73;text-align: center; width: auto; clear: both;height: auto; top: -20px;}
.taoNav a { display: inline-block; text-align: center; margin: 5px; padding: 0; height: 10px; width: 10px; background: #4C4242; font-size: 0; cursor: pointer; vertical-align: middle; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
.taoNav a.active { background: #C4301F;}
.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); background-image: url(/image/cache/overlay-pattern.png); 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: #C4301F;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: 75px; }
#calendar th { text-align: center; background: #EEE; vertical-align: middle; font-size: 18px; color: #C4301F; line-height: 20px; font-family: 'Arimo', sans-serif; }
#calendar td.caption { background: #CCC; vertical-align: middle; text-align: center; color: #C4301F; font-size: 18px; line-height: 20px; font-family: 'Arimo', sans-serif; }
#calendar td.caption .nav{ display:inline-block;}
#calendar ul { margin: 0px; padding: 0px; list-style: none; display: block; }
#calendar ul li { padding: 2px; line-height: 16px; color: #333; border-bottom: 1px solid #FFF; background: #999; font-size: 11px; }
#calendar ul li a { color: #FFF }
/* ====================gallery ====================
================================================== */
.imageGallery {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;justify-content: center;align-items: center;}
#imageoverlay { position: fixed; top: 0; left: 0; z-index: 999; background: transparent; width: 100%; height: 100%; }
.overlay { position: absolute; z-index: 1121; width: 100%; height: 100%; }
.taoGalleryBox { width: 100%; padding: 0%; z-index: 1121; height: 100%; background: rgba(9,9,9,0.9); }
.no-rgba #gcontent { background: #333; }
/* gallery */
.hide { display: none; }
#imageoverlay {position: fixed;top: 0;left: 0;z-index: 1001;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: #FFF;display: inline-block;padding: 2px 15px;border: 1px solid #fff;}
#gnav a:hover{ background:#FFF; color:#24498C;}
#gclose {position: absolute;z-index:1122;top: 0%;right: 5%;color: #777;width: 75px;background: #24498C;padding: 5px 5px;color: #FFF;text-align: center;}
.gwait { margin-top: 40%; color: #DDD;}
.photoGalleryWrapper {display:flex;flex-wrap: wrap;justify-content: space-around;}
.gallerylist {border: 1px solid #D6CFBD;position: relative;text-align: center;-ms-flex: 0 0 31%;flex: 0 0 31%;max-width: 31%;margin: 10px;padding: 15px;/* display: flex; *//* flex-direction: column; */}
.gallerylist a {display:block;margin: 0 auto;overflow: hidden;width: 100%;height: 250px;}
.gallerylist img {width: 100%;/* background: #AB7C5F; */height: 100%;display: block;/* margin: 0 auto; */object-fit: contain;}
.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.taoGallery {}
.imageGallery a {margin: 0 5px;padding-top: 0;margin-bottom: 10px;position: relative;text-align: center;border: 1px solid #ddd;}
.imageGallery a .gContent { display: none; }
.imageGallery a img {max-width: 100%;max-height: 200px;margin: 0;vertical-align: middle;}
.imageGallery a span.label{display:block;color: #333;padding: 5px;font-size: .9em;}
.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: 1px dotted #CCC; 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; width: 50%; height: auto; max-width: 50%; }
.eventrow { border-bottom: 1px dashed #DDD; padding: 10px 0; margin-bottom: 15px; }
.eventrow img { float: left; margin: 0 10px 0 0; }
/* ====================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; }
.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: #C4301F; 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: auto; margin: 0 auto; }
.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; }
.billingaddress { width: 48%; padding: 2% 1%; }
.billingaddress .name { font-weight: bold; }
.paymenttitle { margin-top: 15px; font-size: 1.3em; }
#paymentdiv { padding-bottom: 20px ;}
#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"; }
/* ====================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 #CCC; }
#newschannel_paging_links span { padding: 3px 10px; border: 1px solid #CCC; 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 { background: #C4301F;}
#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: #C4301F; text-decoration: none; color: #FFF; }
/* ====================searchresults ====================
================================================== */
#searchresults dt { margin-top: 10px; padding: 5px 0px; border-top: 1px dotted #CCC; 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; }
/* =============================================== ==================================================
=============================================== ==================================================
Custom Styles
=============================================== ==================================================
=============================================== ================================================== */
/*navigation */
.navbar{ }
/*footer*/
footer .nav-bar.nav-center { text-align:left;}
footer nav.nav-bar a:hover { color:#333;}
.copyright{ margin-top: 20px;width: 100%;}
/*news list*/
.news-list-block .news-list { margin-bottom:5px; padding-bottom:2px; border-bottom:1px dotted #999;}
.news-list-block .news-list em{ display:block; font-size:.84em; color:#999; }
.news-list-block > a { color:#333; font-size:.94em; text-transform:lowercase;}
/* ====================mobile css ====================
================================================== */
@media (min-width: 460px) {
}
@media (min-width: 580px) {
}
@media (min-width: 640px) {
.news-image img { float:left; margin:0 15px 10px 0; max-width:50%; }
}
@media (min-width: 768px) {
/*header*/
.header{ background: #FFF; }
#main-navigation { position:relative; float: right;}
.navbar > ul > li > a{ padding: 25px 15px; font-size: 1em; font-weight: normal;text-transform: uppercase;color: #999;}
.navbar > ul > li:hover > a, .navbar > ul > li > a:hover{ color: #EA412E;}
/*header and navigation styles*/
.search-btn{ width: 46px; height: 70px; background: url(/image/cache/search-btn.png) no-repeat center center; background-size: 24px;float:right; /* margin:5px 15px; */ cursor: pointer;}
.nav-icon{ display:none; }
.search-form-wrapper{ padding: 0; width: 40%!important;height: 80px;text-align: right;position: absolute;z-index: 27;right: 0;clear: both;left: auto;background: #333333;top: 70px;display: none;}
.search-form-wrapper form{ padding:20px 10px ;}
.slider-block, .page-content-block { margin-top:100px;}
.feature-blocks .feature-block .thumb img{ max-height: 100px;}
.feature-block .feature-content{ font-size: .98em;}
/*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){
.feature-blocks .feature-block .thumb{float:left; min-height: 135px;text-align:center !important; }
.feature-blocks .feature-block{ text-align:left;}
.feature-block .feature-content * { text-align:left !important;}
}
@media (min-width:1200px){
}
@media all and (min-width: 0px) and (max-width: 991px) {
.logo img{ max-width:240px;}
.search-btn { width: 30px;margin: 0;}
.navbar > ul > li > a{ padding-left:8px; padding-right:8px; font-size:.94em;}
}
@media all and (min-width: 0px) and (max-width: 767px) {
.nav-top{ display: none;}
.header {padding: 0;border: 0;}
.header:after{content:''; display:block; width:100%; height:5px; position:relative; z-index:5; background:#FFF; box-shadow: 0 2px 5px rgba(50, 50, 50, 0.40);}
.logo{ top: 0;padding: 0;}
.logo img { margin:0; padding: 5px 0; max-width: none;}
#main-navigation{ position: fixed; overflow-y: auto;width: 0;height: 100%;margin-bottom: 0;z-index: 1;left: 0;top: 0;background: #C4301F;display: none;}
#main-navigation.navbar-block{ display:block; }
.feature-blocks .feature-block { clear:both;}
.feature-blocks .feature-block .thumb{ float:left;}
.feature-block .feature-content * { text-align:left !important;}
.feature-blocks .feature-block .thumb img{ max-width:100px;}
.search-form-wrapper input[type='submit']{ width: 46px;height: 37px;}
.slider_block{ height:360px;}
.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; }
}
@media all and (min-width: 0px) and (max-width: 639px) {
}
@media all and (min-width: 0px) and (max-width: 579px) {
}
@media all and (min-width: 0px) and (max-width: 460px) {
.logo{ float:none; margin:0 auto; text-align:center;}
.logo img{ max-width: 100%; }
.search-btn{ height: 37px;}
.nav-icon{ padding:0;}
.page-content-block,.slider-block{ margin-top: 112px;}
}
@media all and (orientation: landscape) and (min-height:100px) and (max-height: 340px){
}