/*
Theme Name: Queensland Storage
Theme URI: http://imaginatewebsites.com.au
Author: Imaginate Websites
Description: Full functional theme for the Queensland Storage website.  Built on Bootstrap with love
*/
@import url(http://fonts.googleapis.com/css?family=Arvo|Lato:400,700);
/*
font-family: 'Arvo', serif;
font-family: 'Lato', sans-serif;
*/

body {
 font-size: 14px;
 font-family: 'Lato', sans-serif;
}
.container {
 height: 100%;
}

/*------------------------------------------------------------Header------------------------------------------------------*/
#mob_menu { 
 cursor: pointer;
}
#close_mob_menu {
 float: right;
 margin-top: 20px;
 cursor: pointer;
 }
#mob_menu img {
 max-width: 65%;
 display: block;
 float: right;
 }
#mob_menu_div {
 position: fixed;
 left: 5%;
 width: 90%;
 padding: 1% 10% 5%;
 border-radius: 20px;
 top: 20px;
 background-color: #2f2f2f;
 color: #222;
 font-size: 1.5em;
 z-index: 100000000000000000000000000;
 display:none;
 }
img#queensland_storage {
 max-width: 70%;
 width: 70%;
 height: auto;
 }
#mob_menu_div a {
 color: #fff;
 line-height: 2em;
 }
#header {
 background-color: #2f2f2f;
 height: auto;
 width: 100%;
 color: #fff;
}
ul#header_menu li {
 list-style-type: none;
 float: left;
 padding: 8px 40px;
 text-align: right;
 font-size: 1.4em;
}
ul#header_menu li a {
 color: #2f2f2f;
}
ul#header_menu li a:hover {
 color: #fff;
 text-decoration: none;
}
#mob_menu {
float: right;
}
#motto {
 float: left;
 font-size: 1.8em;
 text-indent: 100px;
 font-family: 'Arvo', serif;
 width: 100%;
}
ul#header_menu {
 background-color: #f88600;
 color: #2f2f2f;
 font-family: 'Lato', sans-serif;
 font-weight: 700;
 float: right;
 margin-left: 0;
 -webkit-padding-start: 0px;
 margin-top: 48px;
 padding: 0 20px;
 display: none;
}
#logo {
 margin-top: 15px;
 }
#logo::after {
 content: '';
 width: 20%;
 height: 70px;
 margin-bottom: -94px;
 background-color: #f88600;
 display: block;
 margin-top: 5px;
 display: block;
}
#phone { 
 font-family: 'Lato', sans-serif;
 font-size: 1.6em;
 color: #7cbff3;
 float: left;
 margin-left: 25%;
 margin-top: 30px;
}
#phone::after {
 content:url('images/phone.png');
 display: none;
 color: #7cbff3;
 float: right;
 font-family: 'Lato', sans-serif;
 font-weight: 700;
 font-size: 1.6em;
 position: relative;
 top: 15px;
 max-width: 80%;
}
img#phone_image {
 max-width: 80%;
 }

/*------------------------------------------------------------Front page--------------------------------------------------*/
#banner {
 width: 100%;
 height: auto;
}
.security_info {
 background-color: #2f2f2f;
 height: 10px;
 width: 100%;
 color: #fff;
 font-size: 1em;
}
.cctv {
 margin: 5px 50px;
 width: 20%;
 float: left;
}
.security_detail {
 color: #fff;
 font-family: 'Arvo', serif;
 font-size: 1.3em;
 float: left;
 margin-top: 10px;
 line-height: 1.4em;
 background-color: #2f2f2f;
 width: 100%;
 padding-bottom: 10px;
 padding-left: 10px;
 }
.see_prices {
 color: #fff;
 font-family: 'Lato', sans-serif;
 font-weight: 700;
 font-size: 2em;
 text-align: right;
 width: 324px;
 height: 65px;
 background-color: #ff861f;
 display: block;
 float: right;
}
.see_prices::before{
 content: '';
 width: 242px;
 height: 65px;
 background-color: #2e85cb;
 display: block;
 margin-left: 82px;
 position: absolute;
}
.see_prices::after{
 content: 'See Prices';
 width: 324px;
 height: 55px;
 display: block;
 position: absolute;
 background: transparent url('images/right_arrow.png') no-repeat 262px 0;
 padding-right: 70px;
 line-height: 1em;
 margin-top: -35px;
 padding-top: 10px;
}
/*------------------------------------------------------------Product pages-----------------------------------------------*/
.show_time_slot {
margin-bottom: 0!important;
}
.vehicle_detail_row {
 display: none;
 }
#ajax_img {
 width: 100%;
 height: 100%;
 position: fixed;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
   background: rgb(255, 255, 255); /* The Fallback */
   background: rgba(255, 255, 255, 0.5); 
 display: none;
 z-index: 1000000;
 }
#ajax_img img {
 width: 120px;
 margin-left: -64px;
 top: 35%;
 left: 50%;
 z-index: 10000000000;
 display: block;
 position: fixed;
 }
.blockOverlay::after {
 content:url('images/ajax-loader.gif');
 width: 120px;
 margin-left: -64px;
 top: 35%;
 left: 50%;
 z-index: 10000000000;
 display: block;
 position: fixed;
 }
#pa_size {
  display: none;
}
a.reset_variations {
 display: none;
}
.long_term_booking_table {
 margin: 25px 0 -75px;
 }

.tabs {
 margin: 15px auto 0px auto;
 display: block;
 width: 500px;
}
/*.active {
 font-size: 1.1em;
 color: #1b325f;
}*/
.inactive {
 font-size: 1.1em;
 color: #cfc9c9;
}
.variations {
 margin: 65px auto -65px auto;
}
.quantity buttons_added{
 display: none;
}
.variations_button {
 //height: 0px;
 //overflow: hidden;
}
input.input-text.qty, input.plus, input.minus, span.price .amount {
 display: none;
 }
 .single_add_to_cart_button {
 display: none;
  background: transparent url( 'images/blank_blue_pointer.png' ) no-repeat top right;
  float: right;
  color: #fff;
  font-family: 'Lato', sans-serif;
  font-size: 1.6em;
  border: none;
  height: 42px;
  width: 105px;
  padding-left: 25px;
  }
#enter_details_span_clickable, .next_button, #place_order, #pay_now {
  background: transparent url( 'images/blank_blue_pointer.png' ) no-repeat top right;
  float: right;
  color: #fff;
  font-family: 'Lato', sans-serif;
  font-size: 26px;
  border: none;
  height: 42px;
  width: 125px;
  padding: 1px 15px 0 5px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.6);
  box-shadow: 0;
}
#place_order {
   width: 225px;
   }
#enter_details_span_clickable {
 position: absolute;
 top: 50%;
 margin-top: -21px;
 right: 0;
 }
.details_wrap {
 display: block;
 position: relative;
}
.booking_details_box::after {
 content: "";
 display: block;
 clear: both;
 }
.show_time_slot {
 margin-bottom: 0;
 }
label {
 margin-left: 20px;
 }
 .booking_details_box {
  margin: 260px 0 0;
  border-top: 2px #999 solid;
  border-bottom: 2px #999 solid;
  padding: 20px;
  font-size: 1.3em;
  display: block;
  position: relative;
  }
.bigger  {
 font-size: 1.8em;
 }
.bit_smaller {
 font-size: 1.5em;
}
 .product_quantity .quantity.buttons_added {
  display: block;
  }
#login-register-password {
 position: fixed;
 width: 400px;
 display: none;
 top: 100px;
 left: 50%;
 margin-left: -200px;
 height: 300px;
 background-color: #fff;
 border-radius: 20px;
 box-shadow: 10px 10px 15px #999;
 z-index: 100001;
 }
#login-register-password::after {
 content: "";
 display: block;
 background-color: #000;
 opacity: .5;
 position: fixed;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
 width: 100%;
 height: 100%;
 z-index: 10000;
 }
 tr, table, tbody, tbody input[type="text"]  {
  min-width: 100%;
  }
th {
 min-width: 30%;
 }
#enter_details td {
 min-width: 70%;
    padding: .5em 0;
 }
 th {
  padding: .5em 0;
  }
#calender_disabler {
 width: 100%;
 height: 300px;
 z-index: 100000000000000;
 position: absolute;
 margin-top: 100px;
}
.smaller {
 font-size: 1em!important;
 }
table#cart_contents_table td {
  min-width: 80%;
  }
table.cart_contents_class {
    table-layout:fixed;
    border-radius 10px;
     border-top: 2px solid #999;
}
table.cart_contents_class td {
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.disabled {
 color: #cfcfcf!important;
 background-color: transparent!important;
 }
 .table_header {
 height: 40px;
 padding:10px 25px 0 0;
 }
.edit_button {
 background: transparent url( 'images/edit.png' ) no-repeat top right;
 width: 24px;
 height: 21px;
 float: right;
 margin-right: 50px;
 cursor: pointer;
 margin-top: -40px;
 z-index: 100000000000000000000000;
 border: none;
 }
abbr.required {
 color: #ff861f;
 border: none;
 }
#error_holder {
 display: none;
 text-align: center;
 padding: 10px;
 border: red solid 1px;
}
table input[readonly]
{
    border: none;
}
.welcome {
 width: 80%;
 margin: 0 10% 2% 10%;
 padding: 10px 100px;
 font-size: 1.2em;
 border-bottom: 1px #83bbde solid;
}
#edit_logged_in_user_details {
 margin-top: 0;
}
.modal_underlay {
 width: 100%;
 height: 100%;
 top: 0;
 bottom: 0;
 right: 0;
 left: 0;
 position: fixed;
 background-color: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
 display: none;
 z-index: 1000000;
}
#login_modal {
 font-size: 1.2em;
 width: 500px;
 height: 380px;
 border-radius: 20px;
 z-index: 1000000001;
 position: absolute;
 top: 150px;
 left: 50%;
 margin-left: -250px;
 background-color: #fff;
 box-shadow: 2px 2px 6px #222;
 display: none;
 overflow: hidden;
 padding: 35px;
}
#close_signin_frame {
 background: url('images/delete.png') no-repeat;
 width: 26px;
 height: 26px;
 float: right;
  margin: 15px;
 cursor: pointer;
}
.close_button {
 background: transparent url( 'images/close.png' ) no-repeat top left;
 width: 18px; 
 height: 18px;
 position: relative; 
 float: right; 
 margin: 0 20px 0 0;
 z-index: 100000000000000000;
 cursor: pointer;
 border: none;
}
.modal_label {
 margin-right: 20px;
}
a.lost {
 font-size: .9em;
 text-align: left;
 width: 100%;
 display: inline-block;
 margin-left: 75px;
 margin-top: 5px;
}
h2.modal_header {
 margin-bottom: 20px;
  text-align: left;
 width: 100%;
 display: inline-block;
 margin-left: 75px;
}
select#container-size::before {
 content: 'Size';
 display: block;
 font-size: 1.1em;
 float: left;
 }
 .label {
 display: none;
 width: 120px;
padding: 1.2em 20px 1em 0;
font-size: 1em;
font-weight: bold;
line-height: 1;
color: #222;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
.block_price {
 font-size: 1.4em;
 text-align: right;
 padding-bottom: 15px;
 line-height: 1.4em;
  }
  
#long_term_price_row, #first_month_row {
 display: none;
 }
.ui-state-default, .ui-state-disabled {
 width: 35px;
 min-width: 35px;
 }
 /*-------------------------------------------------------------Admin product page -------------------------------------------*/
 #booking_date_holder {
 }
#booking_date_holder #container-size  {
 //margin-left: 150px;
 z-index: 1000000000000000000000000000000000000000;
  margin-top: -25px;
 }
#booking_date_holder #container-size::before  {
 content: 'Size:';
 display: block;
 float: left;

 z-index: 1000000000000000000000000000000000000000;
 }
.comm{
 font-size: 1.3em;
 color: #222;
  }
.signin_button {
 width: 40px;
  margin-left: 9px;
 }
 /*-----------------------------------------------------------Admin signin page-------------------------------*/
#signin_welcome {
 width: 100%;
 height: 100%;
 background-color: #fff;
 display: block;
  padding: 0 100px;
 }
#sign_in_existing_pane, #sign_in_new_pane {
 display: none;
 }
 #rest_of {
 display: none;
 }
.notification_overlay {
 background-color: #fff;
 position: fixed;
 width: 100%;
 height: 100%;
 top: 0;
 right: 0;
 left: 0;
 bottom: 0;
 color: #0c5ca6;
 font-size: 2em;
 text-align: center;
 padding: 200px 600px;
}
#existing_booking_challenge, #sign_in_new_pane, #sign_in_existing_pane {
 margin-top: 250px;
 }
 #ajax_img {
 display: none;
 }
/*------------------------------------------------------------Caravan archive page-----------------------------------------*/
.single_page {
 margin: 0;
 }
img.machine_image {
width: 100%;
height: auto;
}
img.slider_image {
height: auto;
max-width: 100%;
display: block;
}
ul#lightSlider {
 max-width: 100%;
 }
.post_title {
font-size: 1.2em;
margin-bottom: 10px;
}
.price {
color: #ff861f;
font-size: 1.6em;
font-family: 'Oswald', sans-serif;
}
.smaller_font_size {
 font-size: 1em!important;
}
#charge_cost_details {
 max-width: 60px;
 min-width: 60px;
 width: 60px;
 }
.buy-sell-page {
 font-size: 1.6em;
}
textarea.wpcf7-textarea {
 height: 112px;
 }
/*--------------------------------------------------------------Invoices----------------------------------------------------*/
.large_centered {
 font-size: 1.8em;
 margin-top: 100px;
 width: 100%;
 display: block;
 text-align: center;
 text-decoration: underline;
}
.invoice_notification {
 width: 800px;
 margin: 0 auto;
 color: #0e4476;
 font-size: 1.5em;
 text-align: center;
  }
.big_space td {
 padding-top: 100px;
 border-bottom: 2px solid #ccc;
 }
.float-right {
 float: right;
  text-align: right;
 }
.invoice_content {
 font-size: 1.2em;
}
#invoice_logo {
 clear; both;
 }
#invoice_logo::after, .clear {
 content: "";
 display: block;
 clear: both;
 float: none;
 height: 2px;
 width: 100%;
 }
.horizontal_rule {
 border-bottom: 2px solid #ccc;
 width: 100%;
 }
.grey {
 background-image: url( 'images/dotscreen.png' );
 }
.grey .container {
 width: 1100px;
 background-color: #fff;
 padding: 0 100px 200px 100px;
 }
.right-align {
 text-align: right;
 }
/*------------------------------------------------------------Block pages-------------------------------------------------*/
.left_block {
 margin-top: 20px;
 background-color: #efefef;
 font-size: 1.2em;
 padding: 27px;
 width: 100%;
 height: 100%;
 margin-bottom: -99999px;
 padding-bottom: 99999px;
}
.left_block::before {
 margin-top: -30px;
 margin-right: -45px;
 content: '';
 display: block;
 width: 24px;
 background: #fff url( 'images/right_triangle.png' ) no-repeat right 30px;
 float: right;
 z-index: 2;
 height: 100%;
 margin-bottom: -99999px;
 padding-bottom: 99999px;
}
.no_triangle::before {
content:'';
display: block;
background: none;
}
.left_block_container {
 height: 100%;
}
.block_img {
 width: 226px; 
 height: 111px;
 margin: 25px auto 15px auto;
 display: block;
}
.block_content {
 font-size: 1.2em;
}
.block_header, .block_content {
 color: #222;
}
#car {
 background: transparent url( 'images/car.png' ) no-repeat center center;
 margin-top: 95px;
}
#container {
 background: transparent url( 'images/container.png' ) no-repeat center center;
 margin-top: 35px;
}
#multi {
 background: transparent url( 'images/mulit.png' ) no-repeat center center;
 height: 159px;
 display: block;
 position: relative;
 margin-top: 100px;
}
#multi2 {
 background: transparent url( 'images/mulit.png' ) no-repeat center center;
 height: 159px;
 display: block;
 position: relative;
 margin-top: 35px;
}
#truck {
 background: transparent url( 'images/truck.png' ) no-repeat center center;
 height: 134px;
 width: 190px;
 display: block;
 position: relative;
}
#wash {
 background: transparent url( 'images/wash.png' ) no-repeat center center;
 display: block;
 position: relative;
 height: 159px;
 margin-top: 20px;
}
.top_border {
 border-top: #ababab 2px solid;
 margin-top: 20px;
 height: 100%;
 overflow: hidden;
}
.bottom_border {
 border-bottom: #ababab 4px solid;
 height: 100%;
 overflow: hidden;
 margin-bottom: -40px;
 padding-bottom: 15px;
 margin-top: 25px;
}
.book_now {
 height: 42px;
 width: 135px;
 background: transparent url( 'images/book_now.png' ) no-repeat top left;
 float: right;
 cursor: pointer;
 margin: 20px 0;
}
/*------------------------------------------------------------Services page---------------------------------------------*/
  .orange {
 background-color: #8ea9d5;
 }
.orange::before {
  background: none;
  }
h2.services_block_header {
 color: #ff7200;
 font-size: 1.3em;
 margin-top: 5px;
 }
.services_block_content {
  padding: 30px;
  }
.no-border {
 border: none;
 }
.services_h2 {
 margin: 20px 0 2px 0;
 }
/*-------------------------------------------------------------Footer----------------------------------------------------*/
#footer {
 margin-top: 50px;
 width: 100%;
 color: #939292;
 padding: 12px 0;
 border-top: 1px solid #c5c5c5;
 }
#footer a {
 color: #939292;
}
#footer a: hover {
 color: #ff7200;
}
ul#menu-footer {
 float: right;
 text-align: right;
}
 ul#menu-footer li {
 float: left;
 display: block;
 padding: 0 30px;
 border-right: 2px solid #efefef;
}
ul#menu-footer li:last-child {
 border-right: none;
 padding-right: 0;
 }
.copyright {
 float: right;
 display: block;
 text-align: right;
 color: #82c6f1;
 }
#authored {
 margin-top: 20px;
 }
#imagiante_web {
 width: 50%;
 height: auto;
 }
/*------------------------------------------------------------Common and standard elements--------------------------------*/
ul {
 list-style-type: none;
}
h1 {
 color: #2e85cb;;
 font-size: 2.1em;
 text-align: center;
 font-family: 'Lato', sans-serif;
 width: 100%;
 display: block;
}
h2 {
 color: #39aeae;
 font-size: 1.6em;
 font-family: 'Lato', sans-serif;
 margin: 30px 0 2px 0;
}
h3 {
 color: #ff861e;
 font-size: 1.8em;
}
h4 {
 color: #2e85cb;
 font-size: 1.4em;
 margin: 60px 0 -50px;
 text-align: center;
}
.notification {
 margin-top: 35px;
 color: #2e85cb;
 font-size: 1.4em;
 margin: 60px 0 -50px;
 text-align: center;
 width: 100%;
 }
 .spacer {
  width: 100%;
   height: 15px;
    clear; both;
    }

/*------------------------------------------------------------Helper classes----------------------------------------------*/
.larger {
 font-size: 1.6em;
 }
.less_margin {
 margin-top: 5px;
 }
.error_report {
 border: 1px #ff0000 solid;
 }
.extra-left-padding {
 padding-left: 75px;
 }
.little_smaller {
 font-size: 1.2em;
 }
.right_border {
 border-right: 1px solid #c3c3c3;
 }
.top_border_thin {
 border-top: 1px solid #c3c3c3;
 margin-top: 25px;
 }
.clear::after {
 content: '';
 display: block;
 float: none;
 clear: both;
 width: 100%;
 height: 0;
}
.float_left {
 float: left;
}
.float_right {
 float: right;
}
.text-left {
 text-align: left;
}
.text-right {
 text-align: right;
}
.right {
 text-align: right;
 float: right;
}
.left {
 text-align: left;
 float: left;
}
.centered {
 margin-right: auto;
 margin-left: auto;
 text-align: center;
}
.clear {
 clear: both;
}
.spacer_25_before::before, .spacer_25_after::after {
 content: '';
 display: block;
 clear: both;
 height: 25px;
 }
.spacer_50_before::before, .spacer_50_after::after  {
 content: '';
 display: block;
 clear: both;
 height: 50px;
}
.spacer_100_before::before, .spacer_100_after::after {
 content: '';
 display: block;
 clear: both;
 height: 100px;
}
.spacer_200_before::before, .spacer_200_after::after {
 content: '';
 display: block;
 clear: both;
 height: 200px;
 width: 100%;
}
.full_width {
 width: 100%;
}
#phone {
 font-family: 'Lato', sans-serif;
 }

/*-------------------------------------------------------------Media Queries----------------------------------------------*/
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
.all_but_mob {
 display: none;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.security_detail {
 color: #fff;
 font-family: 'Arvo', serif;
 font-size: 1.8em;
 float: left;
 margin-top: 10px;
 margin-left: 15px;
 line-height: 1.7em;
  margin-bottom: 0px;
  width: 60%;
 }
.security_info {
 background-color: #2f2f2f;
 height: 193px;
 width: 100%;
 color: #fff;
 font-size: 1em;
}
img#queensland_storage {
 width: auto;
 }
#header {
 padding-bottom: 0;
 height: 206px;
}
#logo::after {
 content: '';
 width: 82px;
 height: 104px;
 margin-bottom: -94px;
 background-color: #f88600;
 display: block;
 margin-top: 5px;
 display: block;
}
.security_detail {
 margin-left: 0;
 }
    ul#header_menu {
    display: block;
    }
    #phone::after {
       display: block;
       font-size: 1.9em;
       overflow: visible;
       margin-top: 100px;
       height: 35px;
       margin-bottom: -35px;
    }
    #logo::after {
 display: block;
 }
    #phone {
    margin-top: -225px;
    float: right;
}
   .mobile_only {
      display: none;
    }
    .all_but_mob {
      display: block;
    }
    .ui-datepicker-inline {
 float: left;
 margin: 0 20px;
}
.pull_up::before {
 content: '';
 display: block;
 margin-top: -58px;
 position: relative;
}
.pull_up {
 position: relative;
 height: 40px;
 width: 300px;
 display: inline-block;
 z-index: -1;
}
.inline-fix {
 margin-top: -68px;
}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    .container {
        width: 1050px!important;

}
}
/*-----------------------------------------Shadowbox css---------------------------------------*/
  #sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(images/shadow/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{background-image:url(images/shadow/close.png);}
#sb-nav-next{background-image:url(images/shadow/next.png);}
#sb-nav-previous{background-image:url(images/shadow/previous.png);}
#sb-nav-play{background-image:url(images/shadow/play.png);}
#sb-nav-pause{background-image:url(images/shadow/pause.png);}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
/** /!!! core css Should not edit !!!/**/

.csSlideOuter {
	overflow: hidden;
}
.lightSlider:before, .lightSlider:after {
	content: " ";
	display: table;
}
.csSlideWrapper > .lightSlider:after {
	clear: both;
}
.csSlideWrapper .csSlide {
	-webkit-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	-webkit-transition: all 1s;
	transition: all 1s;
	-webkit-transition-duration: inherit;
	transition-duration: inherit;
	-webkit-transition-timing-function: inherit;
	transition-timing-function: inherit;
}
.csSlideWrapper .csFade {
	position: relative;
}
.csSlideWrapper .csFade > * {
	position: absolute !important;
	top: 0;
	left: 0;
	z-index: 9;
	margin-right: 0;
	width: 100%;
}
.csSlideWrapper.usingCss .csFade > * {
	opacity: 0;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-duration: inherit;
	transition-duration: inherit;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-timing-function: inherit;
	transition-timing-function: inherit;
}
.csSlideWrapper .csFade > *.active {
	z-index: 10;
}
.csSlideWrapper.usingCss .csFade > *.active {
	opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.csSlideOuter .csPager.cSpg {
	margin: 10px 0 0;
	padding: 0;
	text-align: center;
}
.csSlideOuter .csPager.cSpg > li {
	cursor: pointer;
	display: inline-block;
	padding: 0 5px;
}
.csSlideOuter .csPager.cSpg > li a {
	background-color: #222222;
	border-radius: 30px;
	display: inline-block;
	height: 8px;
	overflow: hidden;
	text-indent: -999em;
	width: 8px;
	position: relative;
	z-index: 99;
	-webkit-transition: all 0.5s linear 0s;
	transition: all 0.5s linear 0s;
}
.csSlideOuter .csPager.cSpg > li:hover a, .csSlideOuter .csPager.cSpg > li.active a {
	background-color: #428bca;
}
.csSlideOuter .media {
	opacity: 0.8;
}
.csSlideOuter .media.active {
	opacity: 1;
}
/* End of pager */

/** Gallery */
.csSlideOuter .csPager.cSGallery {
	list-style: none outside none;
	padding-left: 0;
	margin: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.csSlideOuter .csPager.cSGallery li {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s linear 0s;
	transition: opacity 0.35s linear 0s;
}
.csSlideOuter .csPager.cSGallery li.active, .csSlideOuter .csPager.cSGallery li:hover {
	opacity: 1;
}
.csSlideOuter .csPager.cSGallery img {
	display: block;
	height: auto;
	max-width: 100%;
}
.csSlideOuter .csPager.cSGallery:before, .csSlideOuter .csPager.cSGallery:after {
	content: " ";
	display: table;
}
.csSlideOuter .csPager.cSGallery:after {
	clear: both;
}
/* End of Gallery*/

/* slider actions */
.csAction > a {
	width: 32px;
	display: block;
	top: 50%;
	height: 32px;
	background-image: url('../img/controls.png');
	cursor: pointer;
	position: absolute;
	z-index: 99;
	margin-top: -16px;
	opacity: 0.5;
	-webkit-transition: opacity 0.35s linear 0s;
	transition: opacity 0.35s linear 0s;
}
.csAction > a:hover {
	opacity: 1;
}
.csAction > .csPrev {
	background-position: 0 0;
	left: 10px;
}
.csAction > .csNext {
	background-position: -32px 0;
	right: 10px;
}
.cS-hidden {
	height: 1px;
	opacity: 0;
	filter: alpha(opacity=0);
	overflow: hidden;
}