/*
--------------------------------------------------------------
Theme Name: BO Studio
Theme URI: https://brings-online.com/demo/wp-theme-studio/
Description:  CMS Theme (nicht nur) für Kosmetik-Studios
Version: 3.4.1
Author: sb | brings-online.com
Author URI: https://brings-online.com 
Text Domain: bobox
Domain Path: /languages
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
--------------------------------------------------------------
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	border: 0;	 font: inherit; margin: 0; padding: 0; vertical-align: baseline; font-style:normal;}

html { height: 100%;}
html {-webkit-text-size-adjust: none;}
body { margin:0; padding:0; text-align:center; font-family: Verdana, Geneva, sans-serif; font-size:87%; color:#4f4f4f; }

@media screen and (max-width: 768px) { body { font-size:82%} }

img { border:none;}
h1,h2,h3,h4,h5,h6,p,ul,li,form { margin:0; padding:0;}
ul, li { list-style:none;}
.clear { clear:both;}
em {font-style:italic;}
strong {font-weight:bold;}

/* ========== colors =========== */

.footer {background:#827674;}
.offerbutton input {border:1px solid #827674; background: #827674; color:#fff;}
#filters button:hover, #filters .is-checked { background:#84cfe8; color:#eee;}
#page-image-box span.cycle-pager-active  {color:#cc0033;}
#sidebar ul li a:hover { color:#cc0033;}
#sidebar ul li.current_page_item a, #sidebar ul li.current-menu-item a {  color:#cc0033;}

.smicons span { background:#4D4747; width:23px; height:23px; padding:4px 3px 3px 4px; display:inline-block; border-radius:5px; margin:7px 6px 7px 0; text-align:center;}
.smicons span:hover {background:#96D5E7; }

.post-nav .current {background:#cc0033; color:#fff;}
.post-nav a {color:#cc0033;}

/* =========================  grid =========================  */ 

.col-full { width:100%; margin:1.5% 0;}
.col-ttfull { width:65%; margin:1.5% 0; display: inline; float:left;}
.col-otfull { width:35%; margin:1.5% 0; display: inline; float:left;}
.col-ttc { width:65.85744680851%; margin:1.5% 0;}
.col-otc { width:31.714893617021%; margin:1.5% 0;}
.col-ofc { width:23.179255319148%; margin:1.5% 0;}
.col-ohc {width:48.786170212699%; margin:1.5% 0;}
.col-ttc, .col-otc, .col-ofc, .col-ohc {margin-right:2.427659574468%; display: inline; float:left;}
.cr {margin-right:0 !important;}
.ct {margin-top: 0 !important;}
.mr { margin-right:25px;}

.clearfix:before,  
.clearfix:after {content: " "; display: table; }  
.clearfix:after {clear: both; }  
.clearfix {*zoom: 1;}  
.clear { clear:both;}

/* ======================= content grid ====================== */ 

.columns {margin:0; padding:10px 0;}
.columns p {padding:5px 15px 5px 0;}

.col1-1 { width:100%; }
.col1-2 {width:50%;}
.col1-3 {width:33.333333%;}
.col1-4 {width:25%;}
.col2-3 {width:66%;}
.col3-4 {width:75%;}

.col1-1, .col1-2, .col1-3, .col1-4, .col2-3, .col3-4 {margin:0; display:inline-block; float:left;}
.inner { padding:0 30px 0 0;}

/* ========================= structure ========================= */

#header {margin:0; padding:0; height:auto; position:relative;}
#logo {margin:0; padding:15px 0;}
.wrapper {width:100%; margin:0; padding:0; text-align:center; }
.content { max-width:1060px; margin:0 auto; padding:0; text-align:left; position:relative;}
.page-content { margin:15px 0; padding:5px 20px;}

/* ========================= font ========================= */ 

h1 { font-family: 'Varela Round', sans-serif; font-size:1.55em; line-height:1.6em; margin:0; padding:0;}
h2 { font-family: 'Varela Round', sans-serif; font-size:1.375em; line-height:1.4em; margin:0; padding:10px 0; font-weight:normal;  }
h2 a { text-decoration:none; color:#4f4f4f; border-bottom:none;}
h2 a:hover { text-decoration:none; border-bottom:none;}
h3 { font-family: 'Varela Round', sans-serif; font-size:1.2em; line-height:1.6em; text-transform:uppercase; margin-top:10px; padding:0; font-weight:normal; }
h4 { font-family: 'Varela Round', sans-serif; font-size:1.1em; line-height:1.6em; margin:0; padding:0; font-weight:bold; }
h5 { font-size:1em; line-height:1.6em; margin:0; padding:0; font-weight:bold; }
div.logotitle { font-family: 'Lato', sans-serif; font-size:3em; line-height:1.1em; margin:0 0 0 10px; padding:0; font-weight:normal; color:#4f4f4f; border:none;}
div.logotitle a { color:#4f4f4f; text-decoration:none;}
div.logosubtitle { font-size:.85em; line-height:1.2em; margin:0 0 0 10px; padding:0; font-weight:normal; color:#4f4f4f;}
h2.pagetitle { font-size:1.5em; font-family: 'Varela Round', sans-serif; line-height:1.4em; margin:0 0 10px 0; padding:7px 0 12px 0; font-weight:normal;  border-bottom:1px solid #827674;}
p { padding:6px 0; margin:0; line-height:1.8em; font-size:.975em;}
p a, li a {color:#8CAD38; text-decoration:none;}
p a:hover, li a:hover {text-decoration:underline;}


/* ===================== top ================= */

a.opensearch { cursor:pointer; font-size:26px; text-align:right;  position:absolute; top:-3px; right:-25px; z-index:100; padding:4px 5px 6px 5px; border-radius:0 0 4px 4px;}
a.opensearch i { font-size:20px; color:#fff;}
.searchbox { margin:0; padding:5px 0; }
.searchbox form#searchform {  margin:0; padding:0; }
.searchbox input#searchinput {font-size:1em; padding:5px; margin:3px 0 0 0; font-style:italic; display:inline-block; float:left;  color:#4f4f4f; background:rgba(255,255,255,.5); border:1px solid #ebebeb; width: -webkit-calc(100% - 170px); width: calc(100% - 170px); -webkit-appearance:none !important;}
.searchbox input#searchinput:focus { color:#333;}
.searchbox input#searchsubmit {color:#4f4f4f; font-size:.9em; width:80px; float:right; display:inline-block; padding:5px; margin:3px 50px 0 0;  cursor:pointer; border:1px solid #ebebeb; text-align:center; -webkit-appearance:none !important; }


/* ===================== main menu ===================== */

#topmenu { margin:0; padding:0; width:100%; position:relative; border-bottom:1px solid #fff;  }
#topmenu ul {list-style:none; font-family: 'Varela Round', sans-serif; font-size:.9em; text-transform:uppercase; margin:0 15px; padding:0;  box-sizing:border-box;}
#topmenu ul li { list-style:none; position:relative; float:left; display:inline-block; padding:0; margin:0; font-weight:normal;  } 
#topmenu ul li a { color:#fff; text-decoration:none; padding:15px 20px; margin:0; display:block; }
#topmenu ul li ul li a { background:none !important;}
#topmenu ul li ul {position: absolute; z-index:105; left:0; margin:0; padding:0 0 2px 0; display: block; visibility: hidden;  opacity:0; transition:opacity 300ms linear;  white-space:nowrap; min-width:180px;  width: auto; font-size:1em; border-radius:0 0 5px 5px; border:none;}
#topmenu ul li:hover ul { visibility: visible; opacity:1;}
#topmenu ul li ul li { display: list-item; float: none; padding:0 8px !important; margin: 0; border-right:none !important; text-transform:none;}
#topmenu ul li ul li a {padding:10px 0;}
#topmenu ul li ul li:last-child { border-bottom:none;}

#topmenu ul li ul li ul {top: 0; left:165px; margin:-1px 0 0 0; visibility:hidden; }
#topmenu ul li:hover ul li ul { visibility:hidden; }
#topmenu ul li ul li:hover ul {visibility:visible; }

#topmenu ul li ul li ul li ul {top: 0; left:165px; margin:-1px 0 0 0; visibility:hidden; }
#topmenu ul li:hover ul li ul li ul { visibility:hidden; }
#topmenu ul li ul li:hover ul li ul {visibility:hidden; }
#topmenu ul li ul li ul li:hover ul {visibility:visible; }

.nav { width:100%;  list-style: none; *zoom: 1;}
.nav:before,
.nav:after {content: " "; display: table; }
.nav:after {clear: both;}

.toggleMenu { display:none;}
.fixednav { z-index:99999; position:fixed !important; left: 0; top: 0; width: 100%;} 
.logothumb { display:none;}
.fixednav .logothumb {display:block; float:left; margin-right:40px;}

/* ===================== homepage ===================== */

#home-image-box { margin:0; padding:0; width:100%;  height:auto;  background:rgba(255,255,255,.75); position:relative; }
#home-image-box .slider-item {width:100%; text-align:center; position:relative;}
#home-image-box img { width:100%; height:auto; display:block; border-bottom:1px solid #fff;}

.cycle-prev {display:none; position:absolute; left:5%; top:40%; z-index:10001;  width:35px; height:40px; font-size:30px; }
.cycle-next {display:none; position:absolute; right:5%; top:40%; z-index:10002; width:35px; height:40px; font-size:30px;}
#home-image-box:hover .cycle-prev, #home-image-box:hover .cycle-next {display:block; cursor:pointer; }
#page-image-box:hover .cycle-prev, #page-image-box:hover .cycle-next {display:block; cursor:pointer; }

.pager-bullets { text-align:center;}
.pager-bullets span { font-size:2em; color:#ccc; display:inline-block; margin:0 2px 5px 0; cursor:pointer; }
.pager-bullets .cycle-pager-active {color:#999;}

.slider-caption {position:absolute; bottom:0; left:0; width:100%; font-size:1.5em; font-family: 'Raleway', sans-serif;  margin:0; padding:8px 0; text-align:center; line-height:1.5em; border:none; font-weight:normal; background:rgba(255,255,255,.6);}
.claim { position:absolute; bottom:0; left:0; width:100%; font-size:1.7em; font-family: 'Raleway', sans-serif; margin:0; padding:8px 0; text-align:center; line-height:1.5em; border:none; font-weight:normal; background:rgba(244, 244, 242, .8);}


/* ===================== carousel box ===================== */

#home-content {padding:0; margin:30px 0; background:rgba(255,255,255,.75); position:relative;  border-radius:2px; }
.carwrap {padding:10px 0 10px 0; width:100%; margin:0; position:relative; height:auto; overflow:hidden;}
.home-carousel { margin:0; padding:0; height:auto; overflow:hidden;}
.carousel-title {font-size:1.5em; font-family: 'Varela Round', sans-serif; line-height:1.4em; margin:0 0 10px 0; padding:7px 0 12px 0; font-weight:normal;  border-bottom:1px solid #827674;}

.carousel-prev, .carousel-next {display:block; position:absolute; top:27%; width:30px; height:30px; border-radius:100%; cursor:pointer; font-size:22px; color:#fff;}
.carousel-prev { left:-30px; background:#ccc; opacity:.4; padding:4px 0 3px 8px;}
.carousel-prev:hover {background:#ccc;  opacity:1;}
.carousel-next {right:-30px; background:#ccc; opacity:.4; padding:4px 0 3px 8px;}
.carousel-next i {margin-left:5px;}
.carousel-next:hover {background:#ccc; opacity:1;}

.home-teaser-box  { max-width:240px; overflow:hidden;  height:auto; float:left; margin:0 5px 25px 0; padding:5px; position:relative;  }
.home-teaser-thb { margin:0; max-width:240px; box-shadow:0 0 1px #ccc; padding:5px; background:#fff;}
.home-teaser-thb img { width:100%; height:auto; display:block; }
.home-teaser-box h3 { margin:0; padding:8px 0 4px 0; font-size:1.1em; text-transform: none; line-height:1.4em; font-weight:normal; white-space:normal; }
.home-teaser-box h3 a {color:#333; text-decoration:none;  }
.home-teaser-box p { margin:0; padding:5px 0 10px 0; font-size:.85em; line-height:1.65em; white-space:normal; }

.animated {  -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {  -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
  0% {-webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0);}
  60% {opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0);}
  75% {-webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}
  90% {-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}
  100% {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}

@keyframes bounceInUp { 
0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); -ms-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); }
60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); -ms-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
75% { -webkit-transform: translate3d(0, 10px, 0); -ms-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
90% { -webkit-transform: translate3d(0, -5px, 0); -ms-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); }
100% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);  }
}

.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }


/* ===================== button ===================== */ 

.offerbox input, .offerbutton input {font-size:.85em; text-transform:uppercase; text-decoration:none; padding:7px 15px; font-weight:normal; width:auto;  border-radius:3px; transition:background 300ms linear; cursor:pointer; -webkit-appearance:none !important; }

.home-more-button, .home-list-more-button { padding:15px 0;}
.home-more-button a, .home-list-more-button a { font-size:.825em; text-transform:uppercase; color:#fff; text-decoration:none; padding:8px 15px; border-radius:4px; font-weight:normal; line-height:1.5em; width:auto; border:1px solid #82A233; background: #8CAD38; transition:background 300ms linear;}
.home-more-button a:hover, .home-list-more-button a:hover,
.home-more-button a.green:hover, .offerbox input.green:hover, .offerbutton input.green:hover, 
.home-more-button a.green2:hover, .offerbox input.green2:hover, .offerbutton input.green2:hover,
.home-more-button a.blue:hover, .offerbox input.blue:hover, .offerbutton input.blue:hover,
.home-more-button a.blue2:hover, .offerbox input.blue2:hover, .offerbutton input.blue2:hover,
.home-more-button a.blue3:hover, .offerbox input.blue3:hover, .offerbutton input.blue3:hover,
.home-more-button a.orange:hover, .offerbox input.orange:hover, .offerbutton input.orange:hover,
.home-more-button a.red:hover, .offerbox input.red:hover, .offerbutton input.red:hover,       
.home-more-button a.red1:hover, .offerbox input.red1:hover, .offerbutton input.red1:hover,    
.home-more-button a.red2:hover, .offerbox input.red2:hover,   .offerbutton input.red2:hover,  
.home-more-button a.red3:hover, .offerbox input.red2:hover, .offerbutton input.red2:hover,
.home-more-button a.brown:hover, .offerbox input.brown:hover, .offerbutton input.brown:hover,       
.home-more-button a.black:hover, .offerbox input.black:hover, .offerbutton input.black:hover
{ 
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 35%, #f7f7f7 57%, #e5e5e5 95%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#ffffff), color-stop(57%,#f7f7f7), color-stop(95%,#e5e5e5), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 35%,#f7f7f7 57%,#e5e5e5 95%,#ffffff 100%);
background: -o-linear-gradient(top, #ffffff 0%,#ffffff 35%,#f7f7f7 57%,#e5e5e5 95%,#ffffff 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 35%,#f7f7f7 57%,#e5e5e5 95%,#ffffff 100%);
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 35%,#f7f7f7 57%,#e5e5e5 95%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
border:1px solid #e0e0e0;
}
.home-more-button a.green, .offerbox input.green, .offerbutton input.green {border:1px solid #8CAD38; background: #8CAD38;color:#fff; }
.home-more-button a.green:hover, .offerbox input.green:hover, .offerbutton input.green:hover { color:#8CAD38;}
.home-more-button a.green2, .offerbox input.green2, .offerbutton input.green2 {border:1px solid #C0CF84; background:#C0CF84;color:#fff; }
.home-more-button a.green2:hover, .offerbox input.green2:hover, .offerbutton input.green2:hover { color:#9EA96C;}
.home-more-button a.blue, .offerbox input.blue, .offerbutton input.blue {border:1px solid #0081C4; background: #0081C4;color:#fff; }
.home-more-button a.blue:hover, .offerbox input.blue:hover, .offerbutton input.blue:hover { color:#006599;}
.home-more-button a.blue2, .offerbox input.blue2, .offerbutton input.blue2 {border:1px solid #89A7CA; background:#89A7CA;color:#fff; }
.home-more-button a.blue2:hover, .offerbox input.blue2:hover, .offerbutton input.blue2:hover { color:#89A7CA;}
.home-more-button a.blue3, .offerbox input.blue3, .offerbutton input.blue3 {border:1px solid #587495; background: #587495;color:#fff; }
.home-more-button a.blue3:hover, .offerbox input.blue3:hover, .offerbutton input.blue3:hover { color:#455B75;}
.home-more-button a.orange, .offerbox input.orange, .offerbutton input.orange {border:1px solid #F0922E; background:#F0922E;color:#fff; }
.home-more-button a.orange:hover, .offerbox input.orange:hover, .offerbutton input.orange:hover { color:#D27A1E;}
.home-more-button a.red, .offerbox input.red, .offerbutton input.red {border:1px solid #CD0101; background: #CD0101;color:#fff; }
.home-more-button a.red:hover, .offerbox input.red:hover, .offerbutton input.red:hover { color:#9D0100;}
.home-more-button a.red1, .offerbox input.red1, .offerbutton input.red1 {border:1px solid #C85258; background: #C85258;color:#fff; }
.home-more-button a.red1:hover, .offerbox input.red1:hover, .offerbutton input.red1:hover { color:#8D2F35;}
.home-more-button a.red2, .offerbox input.red2, .offerbutton input.red2 {border:1px solid #A70329; background:#A70329;color:#fff; }
.home-more-button a.red2:hover, .offerbox input.red2:hover, .offerbutton input.red2:hover { color:#71001A;}
.home-more-button a.red3, .offerbox input.red3, .offerbutton input.red3 {border:1px solid #963F67; background: #963F67;color:#fff; }
.home-more-button a.red3:hover, .offerbox input.red3:hover, .offerbutton input.red3:hover { color:#6E2D4B;}
.home-more-button a.brown, .offerbox input.brown, .offerbutton input.brown {border:1px solid #938582; background:#938582;color:#fff; }
.home-more-button a.brown:hover, .offerbox input.brown:hover, .offerbutton input.brown:hover { color:#645E5D;}
.home-more-button a.grey, .offerbox input.grey, .offerbutton input.grey {border:1px solid #e0e0e0;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 35%, #f7f7f7 57%, #e5e5e5 95%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(35%,#ffffff), color-stop(57%,#f7f7f7), color-stop(95%,#e5e5e5), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 35%,#f7f7f7 57%,#e5e5e5 95%,#ffffff 100%);
background: -o-linear-gradient(top, #ffffff 0%,#ffffff 35%,#f7f7f7 57%,#e5e5e5 95%,#ffffff 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 35%,#f7f7f7 57%,#e5e5e5 95%,#ffffff 100%);
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 35%,#f7f7f7 57%,#e5e5e5 95%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}
.home-more-button a.grey:hover, .offerbox input.grey:hover, .offerbutton input.grey:hover { color:#000;}
.home-more-button a.black, .offerbox input.black, .offerbutton input.black {border:1px solid #000; background: #000;color:#fff; }
.home-more-button a.black:hover, .offerbox input.black:hover, .offerbutton input.black:hover { color:#000;}


/* ===================== list pages ===================== */

.home-teaser-list-box  { margin:25px 0;    }
.home-teaser-list-box:first-child  { margin-top:0;   }
.home-teaser-list-thb {box-shadow:0 0 1px #ccc; padding:5px; background:#f8f8f8; margin:15px 10px 10px 0;}
.home-teaser-list-thb img { width:100%; height:auto; margin:0; padding:0; display:block; }
.home-teaser-list-box h2 { margin:0; padding:10px 0; font-size:1.3em; line-height:1.4em; font-weight:normal;}
.home-teaser-list-box p { margin:0; padding:0 10px 15px 0; font-size:1em; }

.teaser-list-box  { margin:15px 0; height:auto;    }
.teaser-list-box:first-child  { margin-top:0;   }
.teaser-list-thb {width:calc(100% - 15px); padding:5px; background:#f6f6f6; border:1px solid #ebebeb; }
.teaser-list-thb img { width:100%; height:auto; display:block; }
.teaser-list-box h2 { margin:0; padding:10px 0; font-size:1.35em; line-height:1.4em; font-weight:normal;}
.teaser-list-box p { margin:0; padding:0 0 15px 0; font-size:.975em; line-height:1.7em; }

.t1c {max-width:500px !important; }
.t3c {max-width:360px !important;}
.t4c {max-width:280px !important;}

.list-separator { background:#ebebeb; border-bottom:1px solid #fff; height:1px; display:block; margin:3px 10px; box-shadow:0 0 3px #cecece;}

#filters { margin:35px 0 5px 0; }
#filters button { background:#f2f2f2; border:none; padding:5px; font-size:1em; color:#333; cursor:pointer;}
#filters button i { }

.listing {padding:0; margin:0;}
.listing .col-ohc { margin-right:0 !important;}
.listing .col-otc  {margin-right:0 !important; }
.listing .col-ofc { margin-right:0 !important;}

.listing .col-ohc .teaser-list-box { max-width:500px; height:auto; margin:10px 20px 25px 0;}
.listing .col-otc .teaser-list-box { max-width:320px; height:auto; margin:10px 15px 25px 0;}
.listing .col-ofc .teaser-list-box { max-width:240px; height:auto; margin:10px 15px 25px 0;}
.listing .col-otc .teaser-list-box h2 { font-size:1.2em !important; }
.listing .col-ofc .teaser-list-box h2 { font-size:1.15em !important; }


/* ===================== pages ===================== */ 

.page-entry { padding:0; margin:0;}
.single-entry { padding:0; margin:0;}

#header-image-box {  margin:10px 0; padding:10px 10px 10px 10px; text-align:center; border:1px solid #ebebeb; border-radius:3px;  }
#header-image-box img {width:100%; height:auto;  display:block;}

#page-image-box { margin:0 0 30px 0; padding:10px 10px 10px 10px; text-align:center; border:1px solid #ebebeb; border-radius:3px; }
#page-image-box .slideshow {width:100%; overflow:hidden; text-align:center;}
#page-image-box img {width:100%; height:auto;  margin:0 auto; padding:0; }
#page-image-box .pager-bullets { text-align:center; padding:3px 0 0 0; margin:0; }
#page-image-box .pager-bullets span { font-size:2em; line-height:10px; color:#999; cursor:pointer;}

/* ===================== singles ===================== */ 

.post-thumb { float:left; margin:10px 25px 10px 0; padding:0px; background:#f6f6f6; border:1px solid #ebebeb; border-radius:3px; max-width:50%;  }
.post-thumb img { width:100%; height:auto; display:block;}

.meta-category {  margin:10px 10px 10px 0; padding:5px 0 5px 10px; font-size:.9em; line-height:2em; background:#f6f6f6; border:1px dotted #ebebeb; border-radius:5px; }
.meta-category a { color:#444; text-decoration:none; }
.more-meta {width:20%; display: inline-block; }
.meta {display: inline-block;}
.date {font-style:italic; font-size:10px; margin:-10px 0 10px 0; padding:0;}
.teaser-list-thb {position:relative;}

.list-meta-category {  margin:3px 0 0 0; padding:5px; font-size:.9em; line-height:2em; background:#f6f6f6; display:block; width:calc(100% - 10px); }
.list-meta-category a { color:#444; text-decoration:none; }
.list-more-meta {margin-left:3px; }

.page-entry table {  width:calc(100% - 10px); margin:25px 0; font-size:.85em; padding:0; border:1px solid #e5e5e5; border-radius:5px; background: #ffffff; box-sizing:border-box;}
.page-entry table td { border-bottom:1px solid #f0f0f0; border-top:1px solid #fff; border-right:1px solid #f0f0f0; border-left:1px solid #fff; padding:10px; margin:0;}
.page-entry table td:last-child, .page-entry table th:last-child { border-right:none;}
.page-entry table td:first-child { border-left:none;}
.page-entry table th { border-bottom:1px solid #f0f0f0; border-right:1px solid #f0f0f0; padding:10px; font-size:1.3em; line-height:1.5em; color:#5d5d5d; font-weight:normal; text-shadow:#ddd 1px 1px; background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 3%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(3%,#f6f6f6), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 3%,#ffffff 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 3%,#ffffff 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 3%,#ffffff 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 3%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );  }
.page-entry table tr:last-child td { border-bottom:none;}

.single-offer-img { max-width:300px; margin:0 0 0 4px; padding:0;}
.single-offer-img img { width:100%; height:auto; display:block; border-radius:5px; }

.offerbox {background:#f6f6f6; border:1px dotted #ebebeb; margin:15px 10px 20px 0; font-size:1.1em; padding:0 5px; border-radius:5px;}
.offerbox table { width: -webkit-calc(100% - 30px); width: calc(100% - 30px); border:none; background:none; margin:0 0 0 20px; padding:0;   }
.offerbox table td {font-size:1.1em; border-bottom:1px solid #ddd; border-top:none; border-right:none; border-left:none; padding:5px 0; margin:0; vertical-align:top; line-height:1.7em;}
.offerbox table tr:last-child td { border-bottom:none;}
.offerbox table tr:nth-child(odd), .offerbox table tr:nth-child(odd) {background:none;}

.offerbox .key { width:50px;  color:#999; font-size:22px; }
.offerbox .key [class^="icon-"]:before, .offerbox .key [class*=" icon-"]:before {float:left; margin:0 10px 0 10px !important; line-height:1em; }

.related {margin:25px 0; }
.related-title { font-size:1.3em; margin:5px 10px 5px 0; padding:0 0 5px 0; border-bottom:1px solid #ebebeb;}
.related .col-otc:nth-of-type(3n) { margin-right:0 !important;}

.related-offers { border:1px solid #ebebeb; padding:5px; border-radius:5px;}
.related-offers h3 {font-size:1.1em; text-transform:none;}
.related-offers h3 a {color:#4f4f4f; text-decoration:none;}
.related-thumb {max-width:300px;}
.related-thumb img {width:100%; height:auto; display:block;}


/* ===================  galleries =================== */

.wp-caption { padding:5px; margin:5px 20px 10px 0; background:#fff;  border-radius:3px; box-shadow:#ccc 0px 0px 2px; border:2px solid #fff; }
.wp-caption img { width:100%; display:block; height:auto;}
.wp-caption-text { font-size:.8em; color:#777;}

.gallery {margin:0; padding:10px 0; }
.gallery-item { float:left; margin:5px 15px 10px 0; padding:5px; text-align:center; background:#f6f6f6; border:1px solid #ebebeb; border-radius:3px; box-sizing:border-box;}
.gallery-item:hover { box-shadow: 0 0 4px #ccc;}
.gallery img {width:100%; height:auto; display:block;}
.gallery-caption {font-size:.9em; color:#777; text-align:center; margin:0; padding:0;}

.screen-reader-text { visibility:hidden;}
#TB_prev a, #TB_next a { color:#777; text-decoration:none;}


/* =================== misc =================== */

img.alignright { float:right; margin:10px 0 10px 25px; padding:5px; background:#f6f6f6; border:1px solid #ebebeb; border-radius:3px; }
img.alignleft {float:left; margin:10px 25px 10px 0; padding:5px; background:#f6f6f6; border:1px solid #ebebeb; border-radius:3px; }
img.aligncenter { margin:10px 20px; padding:5px; background:#f6f6f6; border:1px solid #ebebeb; border-radius:3px; }

.page-entry ul, .single-entry ul { margin:5px 0 15px 20px; padding:0; }
.page-entry ul li, .single-entry ul li { list-style:square; padding-left:5px; line-height:1.5em; margin:5px 0;}
.page-entry ol, .single-entry ol { margin:10px 0 25px 25px; padding:0; font-size:.9em; }
.page-entry ol li, .single-entry ol li { margin:5px 0; padding:0; line-height:1.5em; list-style-type:decimal; }

ul.check { margin:0 0 15px 2px; padding:0; list-style:none; font-size:.945em; }
ul.check li { list-style:none; line-height:1.5em; margin:5px 0;}
ul.check li:before {font-family: "fontello";  content: '\e80b'; margin-right:12px;}

ul.standard { margin:0 0 15px 20px; padding:0; font-size:.945em; }
ul.standard li { list-style:square; padding-left:5px; line-height:1.5em; margin:5px 0;}

ul.pfeil { margin:0 0 15px 2px; padding:0; list-style:none; font-size:.945em; }
ul.pfeil li { list-style:none; line-height:1.5em; margin:5px 0;}
ul.pfeil li:before {font-family: "fontello";  content: '\e88d'; margin-right:12px; }

blockquote { padding:0 0 0 20px; margin:20px 30px 25px 0;}
blockquote:before {font-family: "fontello";  content: '\e85c'; font-size:48px; color:#999; margin-right:25px; float:left;}
blockquote p { padding:0; margin:0; line-height:1.6em; font-style: italic;}

code { background:#ebebeb; padding:5px; margin:2px 0; display:block;}
hr {border-bottom:1px solid #ccc; height:1px; margin:10px 0; border-top:none;}

.toggle-box { margin:0 0 20px 0; padding:0; max-width:97%; }
.toggle-headline { background: #fbfbfb; border:1px solid #ebebeb; border-radius:2px; padding:4px 0 4px 6px; margin:5px 0; cursor:pointer;}
.toggle-headline h2 { font-size:1em; margin:0 !important; padding:0 !important; line-height:1.5em; }
.toggle-headline h2:before { float:left;   content: '\002B'; font-size:24px;  margin-right:15px; font-weight:normal; color:#999; }
.toggle-more { padding:10px; border:1px solid #ebebeb;}

.tab-box  {background: #fbfbfb;  position:relative; width:97%; margin:20px 0; padding:5px; border:1px solid transparent; border-radius:3px; }
.tab-box  ul.tabber { height:36px; position:absolute; top:6px; left:2px; z-index:100; margin:0; padding:0;}
.tab-box  ul.tabber li {float:left; list-style:none; margin:0; padding:0; background:none;}
.tab-box  ul.tabber li a { border:1px solid #ebebeb; border-bottom:none; border-radius:3px 3px 0 0; color:#666; font-size:1em; display:block; height:37px; line-height:36px; padding:0 12px; text-decoration:none; margin:0 0 0 3px; background:#F1F1F1;}
.tab-box  ul.tabber li:last-child a {}
.tab-box  ul.tabber li a:hover {background: #fff; border:1px solid #ebebeb; border-bottom:none; }
.tab-box  ul.tabber li a.active { background: #fff; border:1px solid #ebebeb;  border-bottom:none;}
.tab-box .panel  { background:#fff; border:1px solid #ebebeb;   border-radius:0 3px 3px 3px;  margin:38px 0 0 0; padding:25px 10px 10px 10px; position:relative; z-index:99;}

.boxbutton { width:auto; display:block; padding:3px 0; font-size:.975em; text-transform:uppercase; text-decoration:none; font-weight:bold; }
.boxbutton:hover {text-decoration:none; padding-left:5px; }
.infoboxes { margin:20px 0;}
.infoboxes .col-ohc:nth-of-type(2n) { margin-right:0 !important;}
.boxcontent [class^="icon-"]:before, .boxcontent [class*=" icon-"]:before { float:left; margin:5px 15px 2px 0; padding:0; line-height:1em; }
.boxcontent h3 { margin:2px 0 5px 0 !important; padding:0 !important; font-size:1.25em;}
.boxcontent p { font-size:.9em;}
.boxcontent {padding:5px 5px 5px 10px; border:1px solid #e3e3e3; -moz-border-radius:4px; -webkit-border-radius:4px;border-radius:4px;  display:block; line-height:1.5em;  background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #fbfbfb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fbfbfb));
background: -webkit-linear-gradient(top, #ffffff 0%,#fbfbfb 100%);
background: -o-linear-gradient(top, #ffffff 0%,#fbfbfb 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#fbfbfb 100%);
background: linear-gradient(to bottom, #ffffff 0%,#fbfbfb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbfbfb',GradientType=0 ); }
.infoboxes .boxtext { text-align:left; }

.page-entry img, .textwidget img {max-width: 100%; }
img[class*="align"], img[class*="wp-image-"] {height: auto; }
img.size-full {max-width: 100%; width: auto; }

.wp-caption { max-width: 100%; height: auto; width: auto; margin:20px 0;  }
.page-entry .wp-caption img {width: 100%; height: auto; display:block; border:1px solid #fff;}
p.wp-caption-text { max-width: 97.5%;  width: auto;  background:#eee; border:1px solid #fff; border-top:none; margin:0; padding:5px 0 5px 0 !important; text-indent:10px; font-style:italic;}

.page-entry iframe { margin:25px 0; padding:2px; border:1px solid #e3e3e3; border-radius:2px;}
.page-entry iframe, .widget iframe {max-width: 97.5%;  }

#gototop { display:none; background:#ccc; padding:5px 8px; position:fixed; border-radius:3px; right:100px; bottom:75px; text-transform:uppercase;}
#gototop a {color:#fff; text-decoration:none; font-size:1.4em;}
#gototop:hover { background:#bbb;}

/* =================== contactform =================== */ 

.offerinfo { width:86%; padding:10px; margin:15px 0;  border:1px solid #e5e5e5;  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.offerinfo img { float:left; margin:0 25px 0 0; padding:3px; background:#f1f1f1; border:1px solid #e5e5e5;  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} 
.offerinfo h3 { margin:0; padding:0;}
.offerinfo p { font-size:10px;}

.contactform { margin:35px 0; padding:20px; border:1px dotted #e3e3e3; width:calc(100% - 45px); }
.wpcf7-form {margin:15px 0 25px 0; padding:20px; border:1px dotted #e3e3e3; width:calc(100% - 45px);}

.contactform label, .wpcf7 label { font-size:.9em; display:block; margin:7px 0 0 0;}
.contactform input, .wpcf7 input {width:100%; border:1px solid #e3e3e3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:4px 3px; margin:0 0 10px 0; font-family:Verdana, Arial, sans-serif; font-size:.9em; box-sizing:border-box;}
.contactform select, .wpcf7 select {width:100%; border:1px solid #e3e3e3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:4px 3px; margin:0 0 10px 0; box-sizing:border-box;}
.contactform textarea, .wpcf7 textarea {font-family:Verdana, Arial, sans-serif;  width:97%; border:1px solid #e3e3e3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; padding:4px 3px; font-size:.9em; box-sizing:border-box;}
.contactform input:focus, .contactform textarea:focus, .wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #999;}

.contactform button, .wpcf7 .wpcf7-submit, #respond input#submit { cursor:pointer; color:#666; margin-top:15px; border:1px solid #ccc;  font-size:1em; padding:6px 15px; border-radius:4px; background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); }
.contactform button:hover, .wpcf7 .wpcf7-submit:hover, #respond input#submit:hover {border:1px solid #bbb; color:#333;  }

.wpcf7 .wpcf7-submit { width:auto;}

.formcolumn {width:47%; margin-right:3%; float:left;}
.contactForm .error { position:relative;}
.contactform .error {display:block; color:#c00;}

.selected-offer { margin:0 0 20px 0; padding:10px; background:#f6f6f6; font-size:1em;}
.selected-image { float:left; max-width:100px; margin-right:30px;}
.selected-image img { width:100%; height:auto; display:block;}
.selected-title { font-size:1.2em; padding:3px 0;}
.selected-info { font-size:1.1em; display:block; line-height:1.6em; padding:0 0 7px 0;}
.selected-offer a { color:#666; text-decoration:none;}

/* =================== blog archives + singles =================== */ 

.category-description { margin:0 0 20px 0; padding:3px 0 3px 10px;  background:#F6F6F6; font-size:.925em; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

.post-nav { margin:0 0 25px 0; padding:15px 0 0 0; font-size:.8em; }
.page-numbers {padding:5px; border-radius:2px; margin:0 3px 0 0;}
.post-nav a {text-decoration:none;}
.post-nav a:hover {text-decoration:underline;}

.nav-next {float:left; width:30%; }
.nav-previous {float:right; width:30%; text-align:right;}

.blog-list-box { margin:10px 0; padding:10px 0; border-bottom:1px solid #ebebeb;}
.blog-list-thumb { float:left; margin-right:20px; padding:5px; background:#f6f6f6; border:1px solid #ebebeb; border-radius:3px;}
.blog-list-thumb img { width:100%; max-width:200px; height:auto; display:block;}
.blog-list-box h2 {margin:0; padding:0;}

.sticky { background:#f6f6f6; padding:5px;}
.bypostauthor {font-size:.85em; color:#727272;} 

/* ======================== comments  ============================ */

#comments {  margin:30px 0 25px 0; padding:20px 0; }
.comments-title { font-size:1.3em; margin:0; padding:0;}
.comments-subtitle { font-size:1.1em; margin:0; padding:0;}

ul.commentlist { margin:15px 0 0 0; list-style:none; padding:0; }
ul.commentlist li { padding:5px 10px; margin:5px 0 15px 0;  font-size:1em; line-height:1.6em; background:#f6f6f6; border:1px solid #f1f1f1; list-style:none;}
ul.commentlist li.odd {background:#fff;}
ul.commentlist .commentmetadata { font-size:.8em;  }
ul.commentlist .comment-reply-link {  font-size:.8em;}
.commentlist .says { display:none;}
.commentlist cite { font-style:normal; margin:0; padding:0;}

ul.commentlist li img { float:left; border:1px solid #e5e5e5; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:2px; margin:5px 25px 5px 0;}
.commentlist ul.children { margin:5px 0 5px 20px;}
.commentlist ul.children li { border:1px solid #e3e3e3; padding:5px 10px 0 10px;}


#respond { margin:25px 0 0 0; padding:0 0 15px 0;  }
#respond .memberbox { padding:5px 0 0 0;}
#respond .inputbox { padding:10px 0 0 0;}
#respond label {display:block; font-size:.9em; }
#respond label span {font-size:.8em; }

#respond input {  width:95%; padding:7px 5px; font-family: Arial, Helvetica, sans-serif; font-size:.95em; margin:2px 0 7px 0; border:1px solid #e5e5e5; border-radius:3px; }
#respond textarea {  font-family: Arial, Helvetica, sans-serif; font-size:.95em; padding:5px; height:130px; width:95%; margin:5px 0; border:1px solid #e5e5e5; border-radius:5px; }
#respond #submit { width:auto; font-size:.95em; cursor:pointer; margin-top:15px; color:#666; background-color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );   
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background-image: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: -ms-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-image: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); 
  border-radius        : 5px;
  border: 1px solid #aaaaaa;
  padding:5px 20px 6px 20px; }
#respond #submit:hover {color:#333;}
#respond a { color:#454545; text-decoration:none;}
#respond a:hover { color:#000; text-decoration:underline;}
#respond .memberbox {  margin:5px 0;}


/* =================== sidebar ===================*/

#sidebar { height:100%; border-left:1px dotted #ebebeb; padding:0 20px;}
.sidebarbox { margin:15px 0 0 0;}

#sidebar .widgettitle { padding:0 0 5px 0; margin-bottom:7px; font-size:1.12em; text-transform:uppercase; border-bottom:1px solid #ebebeb; }

#sidebar h3 { font-size:1.2em; line-height:1.5em; margin:0; padding:0; }
#sidebar h3 a {color:#4f4f4f; text-decoration:none;  }
#sidebar p { font-size:.925em;}
#sidebar ul { font-size:.925em; margin:5px 0; list-style:none;}
#sidebar ul li { line-height:1.6em; border-bottom:1px solid #ebebeb; border-top:1px solid #fff; padding:5px 0;}
#sidebar ul li:first-child { border-top:none !important;}
#sidebar ul li:last-child { border-bottom:none !important;}
#sidebar ul li a { color:#4f4f4f; text-decoration:none; display:block;}
#sidebar .sidebar-separator {margin:20px 0 5px 0; height:1px; background:#fff; border-bottom:1px solid #ebebeb;}

.offer-thumb-icon { max-width:60px; float:left; clear:left; margin:0 15px 0 0; border-radius:3px; }
.offer-thumb-icon img { width:100%; height:auto; display:block;}
.offer-thumb-icon:hover { background:#fff;}

#sidebar .sidebar-teaser { margin:5px 0; padding:3px; min-height:65px; border-bottom:1px solid #ebebeb;}
#sidebar .sidebar-teaser a { color:#4f4f4f; text-decoration:none;}
#sidebar .sidebar-teaser h3.teasertitle {font-size:1.075em; text-transform:none !important;}
#sidebar .sidebar-teaser p { font-size:.9em; line-height:1.5em; margin:0; padding:0;}
#sidebar .sidebar-teaser:hover {background:#f6f6f6;}
#sidebar .sidebar-teaser:hover .offer-thumb-icon { background:#fff;}

.tagcloud { margin:0; padding:6px 0 10px 0;}
.tagcloud a { color:#888; text-decoration:none; line-height:1.6em;}

#sidebar #map-canvas { max-width:97%; height:auto; background:#eee; padding:5px; border-radius:3px; }
#sidebar #map-canvas a { color:#454545; text-decoration:none; margin:0 0 0 10px; font-size:10px;}

#sidebar input#searchinput {width:160px; background:none; border:1px solid #ebebeb; padding:5px; font-size:.75em; border-radius:5px; margin:0; font-style:italic; color:#666;}
#sidebar input#searchsubmit {margin:0 0 0 3px; padding:3px 8px; text-align:center; border:none; border-radius:5px; cursor:pointer; background:#f6f6f6; border:1px solid #ebebeb;}



/* =================== footer boxes =================== */

.footer-widgets { padding:20px;}
.footer-box { width:31.714893617021%; float:left; margin-right:2.427659574468%; font-size:.9em; }
.footer-box .footerboxtitle {  margin:0; padding:0 0 10px 0; font-size:1.3em; line-height:1.2em; border-bottom:1px dotted #fff;}
.footer-box ul { margin:5px 0 25px 15px; }
.footer-box ul li { line-height:1.6em; list-style-type:square; padding-left:5px;}
.footer-box a {  text-decoration:none;}
.footer-box a:hover { text-decoration:hover; }
.footer-box p {  margin:0; padding:10px 0; font-size:1em;}
.bottomline { margin:0; font-size:.75em; text-align:center; padding:7px 0; }

/* ========================= Calendar =========================*/

#calendar_wrap {margin:0;  }
#wp-calendar {empty-cells: show; margin:0; padding:0; font-size:.9em; width:100%;}
#wp-calendar #next a {text-align: right;}
#wp-calendar #prev a {text-align: left;}
#wp-calendar a {display: block; color:#454545; text-decoration:underline; }
#wp-calendar caption {display:none;}

#wp-calendar th {padding: 3px 0; text-align: center;  border:1px solid #ddd; background-color: #ddd; color:#cc0033; }
#wp-calendar td {padding:3px; text-align: center; border:1px solid #ddd;	}
#wp-calendar td.pad:hover { background-color: #eee; }

/* =========================  social media icons  =========================  */ 

.smicons {margin:10px 0 0 0;}
.smicons span {  width:23px; height:23px; padding:4px 3px 3px 4px; display:inline-block; border-radius:5px; margin:7px 6px 7px 0; text-align:center;}
.smicons a:hover {background:none; border:none; text-decoration:none; }
.smicons [class^="icon-"]:before, .smicons [class*=" icon-"]:before {margin:0 !important; padding:1px 0 0 0 !important; color:#fff; font-size:18px; }

/* ====================== menu colors ======================== */

.orange { border:1px solid #e1831f; background: #ffc38c;
background: -moz-linear-gradient(top, #ffc38c 0%, #ffa13d 7%, #e1831f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc38c), color-stop(7%,#ffa13d), color-stop(100%,#e1831f));
background: -webkit-linear-gradient(top, #ffc38c 0%,#ffa13d 7%,#e1831f 100%);
background: -o-linear-gradient(top, #ffc38c 0%,#ffa13d 7%,#e1831f 100%);
background: -ms-linear-gradient(top, #ffc38c 0%,#ffa13d 7%,#e1831f 100%);
background: linear-gradient(to bottom, #ffc38c 0%,#ffa13d 7%,#e1831f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc38c', endColorstr='#e1831f',GradientType=0 );}
.orange ul li {border-right:1px solid #e1831f; } 
.orange ul li a:hover, .orange ul li.current-menu-item a, .orange ul li.current-menu-parent a, .orange ul li ul.sub-menu li:hover, .orange ul li ul li.current-menu-item, .orange ul li ul li.current-menu-parent { background:#C06F18; }
.orange ul li ul { background:#e1831f; }
.orange ul li ul li { border-bottom:1px solid #C06F18; }
.orange ul li ul li:last-child { border-bottom:none;}
.orange ul li ul li ul {border-top:1px solid #C06F18;}


.red { border:1px solid #A70000; 
background: #ff3300;
background: -moz-linear-gradient(top, #ff3300 0%, #cc0001 7%, #aa0000 59%, #990100 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3300), color-stop(7%,#cc0001), color-stop(59%,#aa0000), color-stop(100%,#990100));
background: -webkit-linear-gradient(top, #ff3300 0%,#cc0001 7%,#aa0000 59%,#990100 100%);
background: -o-linear-gradient(top, #ff3300 0%,#cc0001 7%,#aa0000 59%,#990100 100%);
background: -ms-linear-gradient(top, #ff3300 0%,#cc0001 7%,#aa0000 59%,#990100 100%);
background: linear-gradient(to bottom, #ff3300 0%,#cc0001 7%,#aa0000 59%,#990100 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3300', endColorstr='#990100',GradientType=0 );}
.red ul li { border-right:1px solid #990100; } 
.red ul li.current-menu-item ul li a { background:none;}
.red ul li a:hover, .red ul li.current-menu-item a, .red ul li.current-menu-parent a, .red ul li ul.sub-menu li:hover, .red ul li ul li.current-menu-item, .red ul li ul li.current-menu-parent  { background:#C80001; }
.red ul li ul { background:#990100; }
.red ul li ul li { border-bottom:1px solid #820000; }
.red ul li ul li:last-child { border-bottom:none;}
.red ul li ul li ul {border-top:1px solid #820000;}


.blue {  border:1px solid #00689D; 
background: #78c0e8;
background: -moz-linear-gradient(top, #78c0e8 0%, #0083c7 7%, #006599 61%, #006599 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78c0e8), color-stop(7%,#0083c7), color-stop(61%,#006599), color-stop(100%,#006599));
background: -webkit-linear-gradient(top, #78c0e8 0%,#0083c7 7%,#006599 61%,#006599 100%);
background: -o-linear-gradient(top, #78c0e8 0%,#0083c7 7%,#006599 61%,#006599 100%);
background: -ms-linear-gradient(top, #78c0e8 0%,#0083c7 7%,#006599 61%,#006599 100%);
background: linear-gradient(to bottom, #78c0e8 0%,#0083c7 7%,#006599 61%,#006599 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78c0e8', endColorstr='#006599',GradientType=0 );}
.blue ul li { border-right:1px solid #006192; } 
.blue ul li a:hover, .blue ul li.current-menu-item a, .blue ul li.current-menu-parent a, .blue ul li ul.sub-menu li:hover, .blue ul li ul li.current-menu-item, .blue ul li ul li.current-menu-parent { background:#004D74; }
.blue ul li ul { background:#006599; }
.blue ul li ul li { border-bottom:1px solid #004D74; }
.blue ul li ul li:last-child { border-bottom:none;}
.blue ul li ul li ul {border-top:1px solid #004D74;}

.blue2 {border:1px solid #6587AD; background: #c0daff;
background: -moz-linear-gradient(top, #c0daff 0%, #91afd1 7%, #7c9abf 18%, #6587ad 77%, #6587ad 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0daff), color-stop(7%,#91afd1), color-stop(18%,#7c9abf), color-stop(77%,#6587ad), color-stop(100%,#6587ad));
background: -webkit-linear-gradient(top, #c0daff 0%,#91afd1 7%,#7c9abf 18%,#6587ad 77%,#6587ad 100%);
background: -o-linear-gradient(top, #c0daff 0%,#91afd1 7%,#7c9abf 18%,#6587ad 77%,#6587ad 100%);
background: -ms-linear-gradient(top, #c0daff 0%,#91afd1 7%,#7c9abf 18%,#6587ad 77%,#6587ad 100%);
background: linear-gradient(to bottom, #c0daff 0%,#91afd1 7%,#7c9abf 18%,#6587ad 77%,#6587ad 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0daff', endColorstr='#6587ad',GradientType=0 );}
.blue2 ul li { border-right:1px solid #587495; } 
.blue2 ul li a:hover, .blue2 ul li.current-menu-item a, .blue2 ul li.current-menu-parent a, .blue2 ul li ul.sub-menu li:hover, .blue2 ul li ul li.current-menu-item, .blue2 ul li ul li.current-menu-parent { background:#587495; }
.blue2 ul li ul { background:#6587AD; }
.blue2 ul li ul li { border-bottom:1px solid #587495; }
.blue2 ul li ul li:last-child { border-bottom:none;}
.blue2 ul li ul li ul {border-top:1px solid #587495;}


.blue3 {border:1px solid #354353; background: #7b98c1;
background: -moz-linear-gradient(top, #7b98c1 0%, #637B9C 7%, #637B9C 18%, #435368 77%, #435368 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b98c1), color-stop(7%,#637B9C), color-stop(18%,#637B9C), color-stop(77%,#435368), color-stop(100%,#435368));
background: -webkit-linear-gradient(top, #7b98c1 0%,#637B9C 7%,#637B9C 18%,#435368 77%,#435368 100%);
background: -o-linear-gradient(top, #7b98c1 0%,#637B9C 7%,#637B9C 18%,#435368 77%,#435368 100%);
background: -ms-linear-gradient(top, #7b98c1 0%,#637B9C 7%,#637B9C 18%,#435368 77%,#435368 100%);
background: linear-gradient(to bottom, #7b98c1 0%,#637B9C 7%,#637B9C 18%,#435368 77%,#435368 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b98c1', endColorstr='#435368',GradientType=0 );}
.blue3 ul li { border-right:1px solid #354353; } 
.blue3 ul li a:hover, .blue3 ul li.current-menu-item a, .blue3 ul li.current-menu-parent a, .blue3 ul li ul.sub-menu li:hover, .blue3 ul li ul li.current-menu-item, .blue3 ul li ul li.current-menu-parent { background:#5C7291; }
.blue3 ul li ul { background:#435368; }
.blue3 ul li ul li { border-bottom:1px solid #354353; }
.blue3 ul li ul li:last-child { border-bottom:none;}
.blue3 ul li ul li ul {border-top:1px solid #587495;}

.green  {border:1px solid #628b36; background: #f4fda2;
background: -moz-linear-gradient(top, #f4fda2 0%, #93b967 7%, #628b36 82%, #628b36 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4fda2), color-stop(7%,#93b967), color-stop(82%,#628b36), color-stop(100%,#628b36));
background: -webkit-linear-gradient(top, #f4fda2 0%,#93b967 7%,#628b36 82%,#628b36 100%);
background: -o-linear-gradient(top, #f4fda2 0%,#93b967 7%,#628b36 82%,#628b36 100%);
background: -ms-linear-gradient(top, #f4fda2 0%,#93b967 7%,#628b36 82%,#628b36 100%);
background: linear-gradient(to bottom, #f4fda2 0%,#93b967 7%,#628b36 82%,#628b36 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4fda2', endColorstr='#628b36',GradientType=0 );}
.green li { border-right:1px solid #587D30; } 
.green li a:hover, .green ul li.current-menu-item a, .green ul li.current-menu-parent a, .green ul li ul.sub-menu li:hover, .green ul li ul li.current-menu-item, .green ul li ul li.current-menu-parent { background:#4E6F2A; }
.green li ul { background:#628B36; }
.green li ul li { border-bottom:1px solid #587D30; }
.green li ul li:last-child { border-bottom:none;}
.green li ul li ul {border-top:1px solid #587D30;}


.green2  {border:1px solid #9da86c; background: #e5f7b9;
background: -moz-linear-gradient(top, #e5f7b9 0%, #ccdc8c 7%, #9da86c 82%, #9da86c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5f7b9), color-stop(7%,#ccdc8c), color-stop(82%,#9da86c), color-stop(100%,#9da86c));
background: -webkit-linear-gradient(top, #e5f7b9 0%,#ccdc8c 7%,#9da86c 82%,#9da86c 100%);
background: -o-linear-gradient(top, #e5f7b9 0%,#ccdc8c 7%,#9da86c 82%,#9da86c 100%);
background: -ms-linear-gradient(top, #e5f7b9 0%,#ccdc8c 7%,#9da86c 82%,#9da86c 100%);
background: linear-gradient(to bottom, #e5f7b9 0%,#ccdc8c 7%,#9da86c 82%,#9da86c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f7b9', endColorstr='#9da86c',GradientType=0 );}
.green2 ul li { border-right:1px solid #8E9861; } 
.green2 ul li a:hover, .green2 ul li.current-menu-item a, .green2 ul li.current-menu-parent a, .green2 ul li ul.sub-menu li:hover, .green2 ul li ul li.current-menu-item, .green2 ul li ul li.current-menu-parent { background:#ABB776; }
.green2 ul li ul { background:#9DA86C; }
.green2 ul li ul li { border-bottom:1px solid #8E9861; }
.green2 ul li ul li:last-child { border-bottom:none;}
.green2 ul li ul li ul {border-top:1px solid #8E9861;}


.red1 {border:1px solid #AB4F4E; 
background: #fe908f;
background: -moz-linear-gradient(top, #fe908f 0%, #db7173 7%, #bd4048 63%, #bd4048 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe908f), color-stop(7%,#db7173), color-stop(63%,#bd4048), color-stop(100%,#bd4048));
background: -webkit-linear-gradient(top, #fe908f 0%,#db7173 7%,#bd4048 63%,#bd4048 100%);
background: -o-linear-gradient(top, #fe908f 0%,#db7173 7%,#bd4048 63%,#bd4048 100%);
background: -ms-linear-gradient(top, #fe908f 0%,#db7173 7%,#bd4048 63%,#bd4048 100%);
background: linear-gradient(to bottom, #fe908f 0%,#db7173 7%,#bd4048 63%,#bd4048 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe908f', endColorstr='#bd4048',GradientType=0 );}
.red1 ul li { border-right:1px solid #B53C44; } 
.red1 ul li a:hover, .red1 ul li.current-menu-item a, .red1 ul li.current-menu-parent a, .red1 ul li ul.sub-menu li:hover, .red1 ul li ul li.current-menu-item, .red1 ul li ul li.current-menu-parent { background:#973238; }
.red1 ul li ul { background:#BD4048; }
.red1 ul li ul li { border-bottom:1px solid #973238; }
.red1 ul li ul li:last-child { border-bottom:none;}
.red1 ul li ul li ul {border-top:1px solid #973238;}

.red2 {border:1px solid #6d0019;
background: #e80413;
background: -moz-linear-gradient(top, #e80413 0%, #a90329 7%, #8f0222 44%, #6d0019 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e80413), color-stop(7%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019));
background: -webkit-linear-gradient(top, #e80413 0%,#a90329 7%,#8f0222 44%,#6d0019 100%);
background: -o-linear-gradient(top, #e80413 0%,#a90329 7%,#8f0222 44%,#6d0019 100%);
background: -ms-linear-gradient(top, #e80413 0%,#a90329 7%,#8f0222 44%,#6d0019 100%);
background: linear-gradient(to bottom, #e80413 0%,#a90329 7%,#8f0222 44%,#6d0019 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e80413', endColorstr='#6d0019',GradientType=0 );}
.red2 ul li { border-right:1px solid #670017; } 
.red2 ul li a:hover, .red2 ul li.current-menu-item a, .red2 ul li.current-menu-parent a, .red2 ul li ul.sub-menu li:hover, .red2 ul li ul li.current-menu-item, .red2 ul li ul li.current-menu-parent { background:#B60425; }
.red2 ul li ul { background:#72001A; }
.red2 ul li ul li { border-bottom:1px solid #590014; }
.red2 ul li ul li:last-child { border-bottom:none;}
.red2 ul li ul li ul {border-top:1px solid #590014;}


.brown  {border-top:1px solid #5e5858; border-bottom:1px solid #5e5858; background: #ccc0b5;
background: -moz-linear-gradient(top, #ccc0b5 0%, #948683 7%, #5e5858 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccc0b5), color-stop(7%,#948683), color-stop(100%,#5e5858));
background: -webkit-linear-gradient(top, #ccc0b5 0%,#948683 7%,#5e5858 100%);
background: -o-linear-gradient(top, #ccc0b5 0%,#948683 7%,#5e5858 100%);
background: -ms-linear-gradient(top, #ccc0b5 0%,#948683 7%,#5e5858 100%);
background: linear-gradient(to bottom, #ccc0b5 0%,#948683 7%,#5e5858 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccc0b5', endColorstr='#5e5858',GradientType=0 );}
.brown ul li { border-right:1px solid #675F5D; } 
.brown ul li a:hover, .brown ul li.current-menu-item a, .brown ul li.current-menu-parent a, .brown ul li ul.sub-menu li:hover, .brown ul li ul li.current-menu-item, .brown ul li ul li.current-menu-parent{ background:#4D4747; }
.brown ul li ul { background:#625B5B; }
.brown ul li ul li { border-bottom:1px solid #4D4747; }
.brown ul li ul li:last-child { border-bottom:none;}
.brown ul li ul li ul {border-top:1px solid #4D4747;}


.grey  {background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 5%, #f7f7f7 43%, #ffffff 65%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(5%,#e5e5e5), color-stop(43%,#f7f7f7), color-stop(65%,#ffffff), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 5%,#f7f7f7 43%,#ffffff 65%,#ffffff 100%);
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 5%,#f7f7f7 43%,#ffffff 65%,#ffffff 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 5%,#f7f7f7 43%,#ffffff 65%,#ffffff 100%);
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 5%,#f7f7f7 43%,#ffffff 65%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );;
border:1px solid #e0e0e0;}
.grey ul li { border-right:1px solid #ccc; } 
.grey ul li a {color:#818181;}
.grey ul li a:hover, .grey ul li.current-menu-item a, .grey ul li.current-menu-parent a, .grey ul li ul.sub-menu li:hover, .grey ul li ul li.current-menu-item, .grey ul li ul li.current-menu-parent { background:#999; color:#fff; }
.grey ul li ul { background:#f6f6f6; }
.grey ul li ul li { border-bottom:1px solid #ccc; }
.grey ul li ul li:last-child { border-bottom:none;}
.grey ul li ul li ul {border-top:1px solid #ccc;}


.black {border:1px solid #393737; background: #c6c5c1;
background: -moz-linear-gradient(top, #c6c5c1 0%, #8c8885 6%, #7f7e7c 9%, #706c69 20%, #666563 25%, #5e5a59 32%, #3f3e3c 50%, #2e2c2d 61%, #2e2c2d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c6c5c1), color-stop(6%,#8c8885), color-stop(9%,#7f7e7c), color-stop(20%,#706c69), color-stop(25%,#666563), color-stop(32%,#5e5a59), color-stop(50%,#3f3e3c), color-stop(61%,#2e2c2d), color-stop(100%,#2e2c2d));
background: -webkit-linear-gradient(top, #c6c5c1 0%,#8c8885 6%,#7f7e7c 9%,#706c69 20%,#666563 25%,#5e5a59 32%,#3f3e3c 50%,#2e2c2d 61%,#2e2c2d 100%);
background: -o-linear-gradient(top, #c6c5c1 0%,#8c8885 6%,#7f7e7c 9%,#706c69 20%,#666563 25%,#5e5a59 32%,#3f3e3c 50%,#2e2c2d 61%,#2e2c2d 100%);
background: -ms-linear-gradient(top, #c6c5c1 0%,#8c8885 6%,#7f7e7c 9%,#706c69 20%,#666563 25%,#5e5a59 32%,#3f3e3c 50%,#2e2c2d 61%,#2e2c2d 100%);
background: linear-gradient(to bottom, #c6c5c1 0%,#8c8885 6%,#7f7e7c 9%,#706c69 20%,#666563 25%,#5e5a59 32%,#3f3e3c 50%,#2e2c2d 61%,#2e2c2d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6c5c1', endColorstr='#2e2c2d',GradientType=0 );}
.black ul li { border-right:1px solid #4E4B4A; } 
.black ul li a:hover, .black ul li.current-menu-item a, .black ul li.current-menu-parent a, .black ul li ul.sub-menu li:hover, .black ul li ul li.current-menu-item, .black ul li ul li.current-menu-parent { background:#514F4D; }
.black ul li ul { background:#2E2C2D; }
.black ul li ul li { border-bottom:1px solid #514F4D; }
.black ul li ul li:last-child { border-bottom:none;}
.black ul li ul li ul {border-top:1px solid #514F4D;}


/* =========================== media  ===================== */ 

@media screen and (max-width: 1024px)  {
	
.content { max-width:1000px !important; }
.page-content { padding:5px 10px !important;}
a.opensearch {right:5px !important; position:relative !important; float:right !important; }	
.claim, .slider-caption { font-size:1.6em !important; }
.carousel-prev { left:0 !important; }
.carousel-next {right:0 !important; }
.home-teaser-box  { max-width:230px !important; margin:0 3px 25px 0 !important; }
.home-teaser-thb { max-width:230px !important; }
#gototop { right:5px !important; bottom:15px !important; }
}
	

@media screen and (max-width: 800px)  {

.fixednav { position: inherit !important; } 	
#page-image-box {margin:0 0 20px 0;}
#home-image-box {margin:0 0 20px 0;}
.claim, .slider-caption { font-size:1.4em !important; position:relative !important; }
.carousel-prev, .carousel-next { display:none !important;}
.home-teaser-box  { max-width:238px !important; margin:0 3px 25px 0 !important; }
.home-teaser-thb { max-width:238px !important; }
#topmenu ul {margin:0 !important;}
#topmenu ul li a { padding:15px 12px !important; }	
.offerbox input, .offerbutton input, .home-more-button a, .home-list-more-button a {font-size:.8em;}
h3 {font-size:1.1em !important; line-height:1.4em !important; }

.listing .col-ohc .teaser-list-box { max-width:360px !important; height:auto; margin:10px 20px 25px 0;}
.listing .col-otc .teaser-list-box { max-width:240px !important; height:auto; margin:10px 15px 25px 0;}
.listing .col-ofc .teaser-list-box { max-width:180px !important; height:auto; margin:10px 15px 25px 0;}

}


@media screen and (max-width: 640px)  {
	
.active {display: block;}
.toggleMenu { display:block; height:30px; line-height:28px; color:#fff; font-size:.9em;  text-align:right; width:100%;}  
a.toggleMenu span { float:right; font-size:40px; margin:0 20px 0 0; }
#topmenu ul {font-size:1em;}
#topmenu ul li { position:relative; float: none !important; display:block !important; padding:3px 0; margin:0; font-weight:normal;  border-bottom:1px solid rgba(255,255,255,.2);} 
#topmenu ul li a { color:#fff; text-decoration:none; padding:6px 0 6px 10px !important; margin:0; display:block; }
#topmenu ul li ul {position:relative !important; left:0 !important; top:0 !important; margin:3px 0 3px 10px !important; padding:0; display: block; visibility: visible !important; background: none !important; opacity:1 !important;}
#topmenu ul li ul li { border-bottom:none !important;}
#topmenu ul li ul li a {padding:4px 8px !important; line-height:1.3em !important;}
#topmenu ul li ul li a {padding:5px 0 !important;}
#topmenu ul li.current-menu-item ul li a, #topmenu ul li.current-menu-parent ul li a, #topmenu ul li.current_page_parent ul li a, #topmenu ul li.current-menu-item ul li ul li a, #topmenu ul li.current-menu-parent ul li ul li a, #topmenu ul li.current_page_parent ul li ul li a { background:none !important;  }
#topmenu ul li a:hover, #topmenu ul li.current-menu-item a, #topmenu ul li.current-menu-parent a, #topmenu ul li ul.sub-menu li:hover, #topmenu ul li ul li.current-menu-item, #topmenu ul li ul li.current-menu-parent { background:none !important;  }
#topmenu ul li ul li {border:none !important;}
#topmenu li ul li:hover, #topmenu li ul li:hover a, #topmenu li ul li ul li:hover, #topmenu li ul li ul li:hover a { background: none !important; }

#home-image-box:hover .cycle-prev, #home-image-box:hover .cycle-next {display:none !important; }
#page-image-box:hover .cycle-prev, #page-image-box:hover .cycle-next {display:none !important; }

.claim, .slider-caption { font-size:1.2em !important; position:relative !important; }
.searchbox input#searchinput {width: -webkit-calc(100% - 150px); width: calc(100% - 150px); -webkit-appearance:none !important;}
#icontable { display:none !important;}
}

@media screen and (max-width: 480px)  {
	
.col-full { width:100%; margin:1% 0 !important;}
.col-otc { width:100%; margin:1.5% 0;}
.col-ttfull { width:100%; margin:1.5% 0; display: inline; float:none !important;}
.col-otfull { width:100%; margin:1.5% 0; display: inline; float:none !important;}
.col-ttc {  width:100%; margin:1.5% 0;}
.col-ofc {  width:100%; margin:1.5% 0;}
.col-ttc, .col-ofc {margin-right:none !important; display: block; float:none !important;}

#sidebar { padding:0 5px !important;}
.claim, .slider-caption { font-size:1.1em !important; position:relative !important; padding:4px 0 !important; }	
a.opensearch { font-size:20px !important; top:-3px; padding:2px 5px 3px 5px !important;  position:relative !important; }
.footer-box { width:100% !important; float:none !important; margin-right:0 !important; }
#gototop { right:5px !important; bottom:15px !important; }
.fixednav .logothumb {display:none !important; }

.col1-1 { width:100% !important; }
.col1-2 {width:100% !important;}
.col1-3 {width:100% !important;}
.col1-4 {width:100% !important;}
.col2-3 {width:100% !important;}
.col3-4 {width:100% !important;}
.col1-1, .col1-2, .col1-3, .col1-4, .col2-3, .col3-4 {margin:1.5% 0; display: block !important; float:none !important;}
.inner { padding:0 0 0 0 !important;}
}


@media screen and (max-width: 375px)  {
	
.col-ohc { width:100%; margin:1.5% 0;}
.claim, .slider-caption { font-size:1em !important; position:relative !important; }
.home-teaser-box  { max-width:280px !important; margin:0 0 0 0;    }
.home-teaser-thb {  max-width:280px !important; }
.formcolumn {width:100% !important; margin-right:0 !important; float:none !important;}
.listing .col-otc .teaser-list-box { max-width: inherit !important; height:auto; margin:10px 15px 25px 0;}
.listing .col-ofc .teaser-list-box { max-width: inherit !important; height:auto; margin:10px 15px 25px 0;}
}