@font-face {
	font-family: dekar;
  src: url("/fonts/Hero.otf");
	src: local('Hero'), url("/fonts/Hero.otf");
}

@font-face {
    font-family: angelina;
    src: url("/fonts/angelina.ttf");
    src: local('angelina'), url("/fonts/angelina.ttf");
}


* { }
h1 {font-family: dekar !important; color: #0c9183; font-weight: normal; }
h2 { font-family: angelina !important; color: #fff; margin: 0px 0px 10px 0px; font-weight: normal; }
/* html { background-image: url("/backgrounds/grass.jpg"); background-size: cover; background-attachment:fixed; } */
html { background-color: #f1f2f2;  }
body { font-family: 'Open Sans', sans-serif !important; color: #939597; background-color: #fff; max-width: 1040px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.25); }

.top_left { text-align: center; width: 50%; display: block; float: left; height: 74px; padding-top: 6px; }
.top_left .inner { background: url("/images/cc-logo.png") no-repeat 0% 50%; background-size: 14%; padding-left: 16%; text-align: left; height: 74px; display: inline-block; font-family: angelina !important; color: #0c9183; font-size: 22px;}
.top_left .inner h1 { font-size: 100%; font-weight: normal; margin: 4% 0 1% 0; }
.top_right {  text-align: right; width: 50%; display: inline-block; padding-top: 45px; height: 35px;}
.touchnav { display: none; }
.top_right .contextitem { white-space: nowrap; color: #00a99d; text-align: center; width: 24%; display: inline-block; font-family: dekar !important; font-size: 10pt; line-height: 20px; height: 22px; padding: 6px 0px; margin: 0px; text-decoration: none; border-right: 1px solid #d1d2d4 ;}

.top_right .contextitem:hover {  background-color: #f1f2f3; color: #00a99d;}

.top_right .highlite { background-color: #097c6e; color: #fff;}


.search_outer { width: 100%; background: url("/backgrounds/Fotolia_61951439_M.jpg") no-repeat 50% 50%; background-size: cover; height: 130px; padding: 50px 0px; }
.textheader { height: 50px; background-position: 50% 40%; }
.textheader h1 { font-size: 40px; color: #fff; text-align: left; margin-left: 20px; margin-top: 12px; text-shadow: 0px 1px 3px #000; font-weight: bold; }

.tab_holder { height: 130px; max-width: 55%; min-width: 320px; box-shadow: 5px 5px 10px rgba(0,0,0,0.75);  }
.tab_holder .taba { color: #fff; font-family: dekar !important; text-decoration: none; display: inline-block; text-align: center; padding: 5px 0px; }

.tab_campsites { background-color: #0c9183; width: 50%; box-shadow: inset -5px -5px 5px -6px #000; }
.tab_business { background-color: #ad2e25; width: 50%; box-shadow: inset 5px -5px 5px -6px #000; }

.bus_cats { margin-left: -10px; margin-top: 0px; display: none;  background-color: #fff; position: relative; width: 950px; box-shadow: 0px 0px 5px #444; z-index: 9999; }
.dropdown { display: block; background-image: url('/images/dropdown.png'); background-size: contain; background-position: 100% 50%; padding-right: 30px; padding-left: 5px; text-decoration: none; background-repeat: no-repeat; }
.dropdown:hover + .bus_cats { display: block; }
.bus_cats:hover { display: block; }

.catgroup { width: 100%; display: inline-block; margin-bottom: 10px; }
.catgroup h2 { font-family: dekar !important; background-color: #ad2e25; color: #fff; padding: 4px 4px 4px 46px; background-position: 1% 50%; background-size: 26px; background-repeat: no-repeat;}
.catgroup a { margin: 10px; text-decoration: none; color: #444; padding: 2px;}
.catgroup a:hover { color: #ad2e25; text-decoration: underline; }

.catgroup .active { color: #fff; background-color: #ad2e25; box-shadow: 0px 0px 3px #444; border: none; padding-left: 5px; padding-right: 5px;  }
.catgroup .active:hover { color: #fff; }
.cat_icon_1 { background-image: url('/images/bus_caravanning.png'); }
.cat_icon_2 { background-image: url('/images/bus_motorhome.png'); }
.cat_icon_3 { background-image: url('/images/bus_static.png'); }
.cat_icon_4 { background-image: url('/images/bus_camping.png'); }
.cat_icon_5 { background-image: url('/images/bus_accessories.png'); }
.cat_icon_6 { background-image: url('/images/bus_services.png'); }

#search_bus_txt { color: #444; text-decoration: none; }

.tab_active { box-shadow: none; height: auto; }

.tab_bottom { padding: 20px; }
.hidden { display: none; }
.color_campsites { background-color: #0c9183; }
.color_business { background-color: #ad2e25; }

.address_results { text-align: left; padding: 10px; display: none; border-radius: 10px; z-index: 999; width: 480px; max-height: 200px; position: absolute; margin-top: 0px; margin-left: auto; overflow: auto; background-color: #fff; box-shadow: 0px 0px 5px #444; font-size: 14px;}
.address_results a { padding: 4px; display: block; margin-top: 1px; margin-bottom: 1px; color: #00a99d; text-decoration: none; }
.address_results a:hover { background-color: #00594d; color: #fff; }

.button { font-size: 14px; display: inline; padding: 5px 20px; color: #097c6e; font-family: dekar !important;  text-decoration: none; white-space: nowrap; }
.buttonblock { display: block; margin-bottom: 5px; text-align: center; border-radius: 4px; padding: 8px 20px; border: 2px solid rgba(255,255,255,0.6);}
.buttongo { float: right; }
.teal { background-color: #097c6e; color: #fff; }
.grey { background-color: #444; color: #fff; }
.red { background-color: #ad2e25; color: #fff; }
.smalltext { font-size: 12px; }
.fixedwidthbutton98 { display: block; padding: 5px; font-family: dekar !important;  text-decoration: none; width: 88px; height: 22px; text-align: center; }
.middle { margin-left: auto; margin-right: auto; }

.buttonloc { outline: 0; background: url("/images/compass.png") no-repeat; background-size: 100%; width: 24px; height: 24px; display: inline-block; transition: all 0.6s; vertical-align: middle; line-height: 24px; margin-left: 3px; margin-top: -2px;}
.buttonloc:hover { animation: animateCompass 4s infinite; }

iframe { border: 0; }


.social_links { position: relative; text-align: right; float: right; margin-right: 8px;  width: 160px; margin-top: -50px; }
.social_links a {  transition: all 0.3s; background-position: 50% 50%; background-size: 100%; background-repeat: no-repeat; width: 22px; height: 22px; padding: 2px;  display: inline-block; font-size: 0px; line-height: 0px; }
.social_links a:hover { background-size: 120%;  }
.sm_blog { background-image: url("/images/sm_blog.png"); }
.sm_fb { background-image: url("/images/sm_fb.png");  }
.sm_goo { background-image: url("/images/sm_goo.png");  }
.sm_instagram { background-image: url("/images/sm_instagram.png"); }
.sm_pin { background-image: url("/images/sm_pin.png");  }
.sm_twit { background-image: url("/images/sm_twit.png"); }

@keyframes animateCompass {
 0% { transform: rotate(20deg);    }
 10% { transform: rotate(-80deg);  }
 20% { transform: rotate(15deg);   }
 30% { transform: rotate(0deg);    }
 40% { transform: rotate(-30deg);  }
 50% { transform: rotate(180deg);  }
 60% { transform: rotate(-125deg); }
 70% { transform: rotate(65deg);   }
 100% { transform: rotate(00deg);  }
}

.animate_bg { background-image: url("/images/ani_bg.png"); 
              background-position: 0px 0px;
              animation: animatedBackground 2s linear infinite alternate;
            }

@keyframes animatedBackground {
  0% { background-position: 0 0; color: #097c6e;}
  50% { background-position: 0 0; color: #fff;}
  100% { background-position: 100% 0; color: #097c6e; }
}


.search_loader { padding: 20px; z-index: 99999; width: 40%; height: 40%; position: absolute; left: 30%; top: 30%; display: none; background-color: #fff; color: #00594d; text-align: center; border-radius: 10px; box-shadow: 0px 0px 20px #000; }

.search_box_outer { background-color: #fff;   padding: 2px; }
.search_box_outer input { width: 60%; border: none; margin-left: 10px; }
/*.search_box_outer ffa { color: #00594d; } */
.text-right { text-align: right; margin: 20px 0px 20px 0px; }

.mid_outer { background: url("/images/grad.png") repeat-x bottom; }
.welcome { width: 50%; display: block; float: left;   }
.welcome .inner {padding: 20px 40px; font-size: 14px; text-align: justify;}

.fp_featured { width: 50%; display: inline-block; }
.fp_featured .inner {padding: 10px; text-align: center; }
.fp_featured .inner h1 { text-align: left; font-size: 28px; margin-top: 28px; }
.fp_featured .ad {
text-align: left;
width: 47%;
padding: 0px 0px 5px 0px;
background-color: #ffca1f;
display: inline-block;
margin-left: 7px; margin-right: 7px; 
margin-bottom: 10px;
}

.latest .ad { background-color: #b8b8b8; width: 23%; }
.latest { margin-top: 10px; width: 100%; text-align: center; }

.fp_bus .campsite_img { background-size: contain !important; background-color: #fff !important; margin: 5px auto; width: 95% !important;}
.fp_bus .ad {background-color: #ad2e25;}

.fp_featured .ad .alltext { height: 55px; overflow: hidden; padding: 5px 5px 5px 5px; }
.fp_featured .ad .actions { padding-bottom: 5px; margin-top: 10px; text-align: center;}

.fp_featured h2 { color: #fff; font-size: 120%; font-family: dekar !important; margin-bottom: 0px; }
.fp_featured .ad p { color: #333; margin: 0px; font-size: 13px; }
.fp_featured .campsite_img { vertical-align: middle; text-align: center; width: 100%; height: 100px; background: no-repeat 50% 50%; background-size: cover; padding-top: 60px; }
.fp_featured .campsite_img:hover { back }
.fp_featured .campsite_img a { background: rgba(88,88,88,0.15); color: rgba(255,255,255,0.3); font-weight: bold; padding: 10px; text-decoration: none; }
.fp_featured .campsite_img a:hover { background: rgba(88,88,88,0.4); color: rgba(255,255,255,0.75); font-weight: bold; padding: 10px; }

.fp_list { padding: 0px 20px 0px 20px; }
.fp_list h2 { color: #939597; font-family: dekar !important; font-size: 18px; margin-bottom: 0px; }
.fp_list p { font-size: 12px; margin-top: 1px; }
.content h2 { color: #939597; font-family: dekar !important; }
.content { padding: 10px; }
.content p { color: #000; }
.content a { color: #ffca1f; }

.checkedCount { font-size: 10px; color: #777; vertical-align: middle; margin-left: 13px; padding-bottom: 2px;}
.search_options {  border-bottom: 2px solid #bbb; transition-delay: 0.5s !important; display: block; background-color: #e8e8e8; height: 28px; text-align: center; transition: all 0.3s; margin-bottom: 10px; overflow: hidden; padding-top: 5px; }
.search_options:hover { background-color: #ddd; height: 280px; transition-delay: 0.0s !important; }
.search_options:hover > .search_options_title { background-image: url('/images/options_teal.png'); color: #666;}
.search_options_title { color: #097c6e; background: url('/images/options_grey.png') 20px 0px no-repeat, url('/images/dropdown.png') 99.5% 2px no-repeat; background-size: 48px, 20px; text-align: center; }


.option_list { margin: 10px; text-align: center; }
.option_list span { margin: 1px; display:inline-block; width: 13.9%; width: 8.8%; white-space: nowrap; background-color: #fff; background-image: url('/images/corner-tick.png'); background-position: 0% 0%; background-size: 30%; background-repeat: no-repeat; }
.option_list label { cursor: pointer; color: #777; font-size: 9.7px; transition: all 0.5s; width: 100%; height: 20px; margin: 0px; padding-top: 80px; display: inline-block; vertical-align: middle; text-align: center; background-color: #097c6e; background-color: #ddd; background-position: 50% 25%; background-size: 80%; background-repeat: no-repeat; }

.option_list label:hover { background-size: 86%; }

/*.option_list label:before { content: '\2610 '; width: 20px; display: inline-block; text-align: center; color: #e0e0e0; }*/
.option_list input[type=checkbox] { display: none; background-color: none; border: 1px solid #e0e0e0; }
.option_list input[type=checkbox]:checked + label { color: #097c6e; background-color: transparent; box-shadow: 0px 0px 5px -1px #555 inset; }
/*.option_list input[type=checkbox]:checked + label:before { color: #097c6e; content: "\2713  "; width: 20px; display: inline-block;}*/

.choose_type { text-align: center; perspective: 1500px; }
.choose_type .but_label {  background-position: 50% 50%; background-size: 100%; background-repeat: no-repeat; cursor: pointer; transition: all 0.25s; width: 400px; margin: 20px 20px 5px 20px; height: 30px; display: inline-block; text-align: center; padding-top: 180px; border: 2px solid #fff; color: #fff;}
.choose_type .but_label:hover { border: 2px solid #ccc; background-size: 101%; transform: rotateX(5deg) rotateY(5deg); }
.choose_type input[type=radio] { display: none; background-color: none; }
.choose_type input[type=radio]:checked + label { border: 2px solid #fff; box-shadow: 0px 0px 15px #444; }
.choose_type #type_business + .but_label { background-image: url('/images/button_business.png'); }
.choose_type #type_campsite + .but_label { background-image: url('/images/button_campsite.png'); }
.choose_type #type_business:checked ~ #choose_business { display: block;   }
.choose_type #type_campsite:checked ~ #choose_campsite { display: block;   }
.choose_type #type_business:checked ~ .triangle { margin-left: 725px; display: block; border-bottom: 15px solid #ad2e25;}
.choose_type #type_campsite:checked ~ .triangle { margin-left: 275px; display: block; border-bottom: 15px solid #097c6e; }
.choose_type .triangle { transition: all 0.75s; width: 0;  height: 0;  border-left: 10px solid transparent; border-right: 10px solid transparent; display: block; }

.adform { text-align: left; color: #fff; padding: 10px; display: none; margin:  0px 20px 20px 20px !important;}
.adform h2 { color: #fff; }
.adform p { color: #fff; }
#choose_business { background-color: #ad2e25; }
#choose_campsite { background-color: #097c6e; }

.results {  margin-left: 10px;  margin-right: 10px; }
.results h2 { color: #00594f; font-family: dekar !important; margin: 0px; }
.results h3 { color: #999; font-weight: normal; margin-top: 5px; margin-bottom: 5px; font-size: 14px;}

.results_control { margin-bottom: 10px; }
.results_control .results_type { width: 49%; text-align: left; display: inline-block; height: 30px; background-image: url('');}
.results_control .results_sort { width: 49%; text-align: right; display: inline-block;}
.results_control .results_sort a { transition: all 0.3s; color: #999; text-decoration: none; }
.results_control .results_sort a:hover { color: #00594f; text-decoration: none; }
.results_control .results_sort .active { transition: all 0.3s; color: #222; border: 0px; box-shadow: none; }
.results_control .results_type .triangle { transition: all 0.75s; width: 0;  height: 0;  border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 15px solid #097c6e; }
.results_control .results_type .t_left {  margin-left: 80px; }
.results_control .results_type .t_right {  margin-left: 250px; }


.list_campsite { border-top: 2px solid #00594d; padding: 20px 0px; clear: both; float:left; width: 100%; }
.list_campsite .list_pictures { width: 225px; text-align: center; float: left; }
.list_campsite .main_picture { background-position: 50% 50%; background-size: cover; width: 225px; height: 200px; }
.list_campsite .sub_picture  { background-position: 50% 50%; background-size: cover; width: 73px;  height: 45px; margin-right: 3px; margin-top: 3px;  display: inline-block;}
.list_campsite .sub_picture:last-child { margin-right: 0px; }
.list_campsite .list_text { margin-left: 225px;  padding-left: 25px;  margin-right: 35px; color: #000; }
.list_campsite .description_text { font-size: 12px; }

.results .gold { border-top: 10px solid #ffca1f;  background-color: #FfF7De ; margin-top: 10px; margin-bottom: 10px; }
.results .gold:before { content: 'Gold Accommodation'; display: block; float: right; background-color: #ffca1f; margin-top: -20px; padding: 0px 10px 5px 10px; color: #fff; font-weight: bold; }

.results .gold h3 { color: #DAA520;}

.feature_icon { transition: all 0.3s; background-position: 50% 50%; background-size: 80%; background-repeat: no-repeat; width: 22px; height: 22px; padding: 2px;  display: inline-block; border: 2px solid #00a99d; margin: 3px; vertical-align:top ;}
.feature_icon:hover { background-size: 96%; }
.icon_adults { background-image: url("/images/adults.png");}
.icon_bar { background-image: url("/images/bar.png"); }
.icon_bbq { background-image: url("/images/bbq.png"); }
.icon_beach { background-image: url("/images/beach.png");}
.icon_cafe { background-image: url("/images/cafe.png");}
.icon_cycle { background-image: url("/images/cycle.png");}
.icon_electric { background-image: url("/images/electric.png");}
.icon_fishing { background-image: url("/images/fishing.png");}
.icon_gas { background-image: url("/images/gas.png");}
.icon_glamping { background-image: url("/images/glamping.png");}
.icon_groups { background-image: url("/images/groups.png"); }
.icon_hairdryer { background-image: url("/images/hairdryer.png");}
.icon_indoorpool { background-image: url("/images/indoorpool.png");}
.icon_launderette { background-image: url("/images/washing.png");}
.icon_livemusic { background-image: url("/images/livemusic.png");}
.icon_parking { background-image: url("/images/parking.png");}
.icon_pets { background-image: url("/images/pets.png");}
.icon_playarea { background-image: url("/images/playarea.png");}
.icon_pods { background-image: url("/images/pods.png");}
.icon_pool { background-image: url("/images/pool.png");}
.icon_rest { background-image: url("/images/rest.png");}
.icon_shopping { background-image: url("/images/shopping.png");}
.icon_water { background-image: url("/images/water.png");}
.icon_wifi { background-image: url("/images/wifi.png");}
.icon_yurts { background-image: url("/images/yurts.png");}

.money_icon { transition: all 0.3s; background-position: 50% 50%; background-size: 80%; background-repeat: no-repeat; width: 22px; height: 22px; padding: 2px; display: inline-block; margin: 3px; vertical-align: middle ; }
.icon_pound { background-image: url("/images/money_pound.png"); }
.icon_euro { background-image: url("/images/money_euro.png"); }


.accreditations { float: right; }
.star { width: 20px; height: 20px; background: url("/images/star.png") no-repeat; line-height: 20px; background-size: 100%;  display: inline-block; }
.pennant { width: 20px; height: 20px; background: url("/images/pennant.png") no-repeat; line-height: 20px; background-size: 100%;  display: inline-block; }
.features { text-align: left; margin-top: 10px; }
.features div { margin-top: 5px; }
.actions { text-align: right; margin-top: 35px;    }

.onsite_icon { vertical-align:top; margin: 3px 3px 3px 10px; line-height: 22px; height: 22px; background-position: 00% 50%; background-size: contain; background-repeat: no-repeat; background-image: url("/images/onsite.png"); width: 60px; padding: 1px 1px 1px 30px; display: inline-block; background-color: #eee; border: 3px solid #eee; color: #444; font-size: 12px; font-weight: bold; }
.nearby_icon { vertical-align:top; margin: 3px 3px 3px 10px; line-height: 22px; height: 22px; background-position: 00% 50%; background-size: contain; background-repeat: no-repeat; background-image: url("/images/nearby.png"); width: 60px; padding: 1px 1px 1px 30px; display: inline-block; background-color: #eee; border: 3px solid #eee; color: #444; font-size: 12px; font-weight: bold;}

.bus_results h1 { color: #ad2e25; }
.bus_results h2 { color: #ad2e25; }

.bus_results .main_picture { background-size: contain; background-repeat: no-repeat; width: 100%; height: 200px;}
.bus_results .list_campsite { border-color: #ad2e25;}

.bus_info_cats { background-color: #ad2e25; color: #fff; padding: 5px 10px; display: inline-block; margin: 5px;}

#favLink:hover + .fav_list { display: block; }

.fav_list { display: none; position: relative; background-color: #097c6e; right: -112px;  box-shadow: 0px 3px 5px #444; padding: 5px; float: left; }
.fav_list:hover { display: block; }
.fav_list_inner { background-color: #fff; margin: 0px; font-size: 11px; text-align: left; overflow: auto; width: 398px; height: 220px;  }
.fav_list_body { background-color: #fff !important; }
.fav_list_fav { margin: 0px; padding: 0px; background-color: #fff; margin-bottom: 2px; border-bottom: 2px solid #e8e8e8; padding-bottom: 2px; }
.fav_list_fav h2 { color: #00594f; font-family: dekar !important; margin: 3px; font-size: 14px; }
.fav_list_fav h3 { color: #999; font-weight: normal; margin: 3px; font-size: 11px; }
.fav_list_fav .main_pic { background-color: #aaa; background-position: 50% 50%; background-size: cover; width: 50px; height: 50px; display: inline-block; margin-left: 5px; margin-right: 5px;}


.more_top { width: 97%; height: 500px; padding: 1.5%; text-align: center;  background-color: #f8f8f8; }
.more_top_left { width: 48.5%; height: 100%; display: inline-block; background-color: #f8f8f8; margin-right: 8px; float: left;}
.more_top_right { width: 48.5%; height: 100%; display: inline-block; margin-left: 8px; }
.main_pic { width: 100%; height: 400px; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; background-color: #fff; }
.main_pic_fade { display: none; width: 100%; height: 400px; background-position: 50% 50%; background-size: contain;  background-repeat: no-repeat; background-color: #fff;}



.pic_scroll { width: 100%; overflow: hidden; height: 100px; background-color: #fff; white-space: nowrap; }
.pic_scroll_thumb { transition: all 0.3s; width: 16.4%; height: 72px; background-position: 50% 50%; background-size: cover; display: inline-block; margin-right: 5px; margin-top: 5px;  border: 4px solid #fff; }
.pic_scroll_thumb:hover { box-shadow: 0px 0px 5px #444; }
.active { border: 4px solid #097c6e; box-shadow: 0px 0px 5px #444; }
.pic_scroll_filler { width: 10px; height: 100px; display: inline-block; }
.pic_scroll_left {  width: 15px; height: 100px; background-color: #097c6e; color: #fff; line-height: 100px; position: absolute; margin-top: 0px; z-index: 9999; margin-left: 0px; }
.pic_scroll_right { width: 15px; height: 100px; background-color: #097c6e;  position: relative; color: #fff; line-height: 100px; position: absolute; margin-top: 00px; margin-left: 475px; z-index: 9999; }

.bus_info_top .active { border-color: #ad2e25; }


.map { transitions: all 0.3s; color: #000; text-align: center; font-size: 25px; width: 100%; height: 400px; display: block; background-color: #fff; background-image: url('/images/cc-logo-fade.png'); background-size: 10%; background-position: 50% 50%;  }
.loading_text {  color: #444; display: block; animation: swingText 1s linear infinite alternate; margin-left: auto; margin-right: auto; background-color: rgba(255,255,255,0.5); padding: 10px;  width: 200px; box-shadow: 0px 0px 10px #444; border-radius: 20px; }

@keyframes swingText {
0%  { transform: rotateY(0deg);   background-color: rgba(255,255,255,0.5); }
33% { transform: rotateY(25deg);  background-color: rgba(255,255,255,0);   }
66% { transform: rotateY(-25deg); background-color: rgba(255,255,255,1);   }
99% { transform: rotateY(0deg);   background-color: rgba(255,255,255,0.5); }
}


.ui-tooltip { background-color: #097c6e; color: #fff; box-shadow: 0px 0px 3px #444; padding: 5px 10px; display: inline-block; font-size: 12px; text-align: center; position: absolute; }
.ui-helper-hidden-accessible { display: none; }
.pic_scroll_inner { width: 100%; overflow: hidden; white-space: nowrap; height: 100px; }

.listing_details { padding: 20px; display: block; color: #000;  }
.listing_details h1 { margin: 6px 0px;}
.listing_details h2 { color: #888; font-family: 'Open Sans' !important; font-size: 16px; }
.listing_details h3 { color: #097c6e; font-family: dekar !important; font-size: 22px; }
.listing_specs { background-color: #fff; width: 260px; display: block; float: right; padding: 40px 20px 20px 20px; min-height: 350px; text-align: right; }
.listing_specs h2 { background-color: #097c6e; color: #fff; font-family: dekar !important; text-align: left; padding: 5px;}
.listing_specs .details { background-color: #f8f8f8; text-align: left; padding: 10px 5px; margin-bottom: 15px; color: #000; }
.listing_specs .details div { margin-bottom: 10px; }

.bus_list_details h1 { color: #ad2e25;}
.bus_list_details h3 { color: #ad2e25;}

.bus_specs h2 { background-color: #ad2e25; }
.bus_specs .details a { color: #ad2e25; font-size: 80%;}


a[href^=tel]{
    color:inherit;
    text-decoration:none;
    background-color: rgba(0,0,0,0.05);
    padding-left: 3px; padding-right: 3px;
    border-bottom: 1px dashed;
}

.bg_teal { background-color: #097c6e;}
.booking_form { margin-top: 35px; clear: both; position: relative; }
.booking_form form { color: #fff; padding: 10px; }
.booking_form input,textarea,select { border-radius: 1px; transition: all 0.3s; height: 35px; width: 300px; font-size: 14px; font-family: 'Open Sans' !important; padding: 2px 5px; border: 2px solid #fff; margin: 10px; }
.booking_form input:focus,textarea:focus,select:focus { box-shadow: 0px 0px 5px #ffca1f; border: 2px solid #ffca1f; margin: 10px; }
.booking_form textarea { height: 160px; width: 600px; resize: none; }
.booking_form label { width: 200px; text-align: right; display: inline-block; margin: 18px 0px; vertical-align: top;}
.booking_form .inputError { border-left: 5px solid #f00; background-color: #ffc0c0; }
.booking_form .inputError:focus { border-left: 5px solid #f00;}

.booking_form input[type=submit] { border-radius: 1px; background-color: #444; color: #fff; border: none;  }

#form_overlay { display: none; width: 97.5%; height: 88%; position: absolute; text-align: center; padding-top: 20px; }
#form_overlay h1 { color: #fff; }

#footer { margin: 20px 0px; text-align: center; padding: 10px 0px; background-color: #939597; color: #fff; clear: both; } 
#footer a { color: #f1f2f3; }
#footer a:hover { color: #ffca1f; }

@media screen and (max-width: 936px) {
  .top_left .inner h1 { font-size: 90%;}
  .welcome,
  .top_left,
  .fp_featured
  {
    float: none;
    width: 100%;
  }
  .inner { margin-right: 36px; font-size: 19px !important;}
  .tab_holder { max-width: 100%; box-shadow: none; height: 120px;  }
  .search_outer { padding: 0px; height: 120px; }
  .top_right a { overflow: hidden; }

  .top_right {
    position: absolute;
    display: block;
    top: 0px;
    right: 0px;
    width: 34px; height: 34px;
    overflow: hidden; 
    color: #fff;
    padding: 0px;
    background-color: none;    
    background-position: top left;

    color:#fff; 
  }
  .top_right .touchnav { display: block; background-color: #097c6e; }
  .top_right a { display: none; }
  .top_right:hover, .top_right:focus { height: 170px; width: 100%; }
  .top_right:focus > .top_right { width: 34px; height: 34px; }
  .top_right:hover .contextitem { display: block; width: 100%; background-color: #097c6e; color: #fff;}
  .map {height: 300px;}
.option_list span { width: 23%; }
.search_options:hover { height: auto; }
 .more_top { height: auto;}
 .more_top_left { float: none; width: 100%; }
 .more_top_right { float: none; width: 100%; height: 200px; margin-left: 0px;}
 .listing_specs { float: none; width: 92%; padding: 5px 10px;}
.booking_form textarea { width: 92%; }
.booking_form input { width: 92%; }
.booking_form label { width: 92%; margin-bottom: 4px; text-align: left;}
.map { height: 200px ;}

.list_campsite .list_pictures { float: none; width: 100%;}
.list_campsite .list_text { float: none; width: 100%; margin: 0px; padding: 5px;}
.list_pictures .main_picture { width: 100%;}
.sub_picture { display: none !important;}
.results_type { width: 100%;}
.results_type a { font-size: 14.5px; padding-top: 10px; padding-bottom: 10px; }
.results_control .results_sort { width: 100%; text-align: center;}

.actions { text-align: center; margin-top: 15px; }
.actions a { font-size: 22px;}


}

@media screen and (max-width: 500px) {
.top_left .inner h1 { font-size: 90%; }
#search_campsites h2 { display: none; }	
 .fp_featured .ad { width: 94%; margin-bottom: 10px; }
 .option_list span { width: 32%; font-size: 11px;}
 .more_top { height: auto;}
 .more_top_left { float: none; width: 100%; }
 .more_top_right { float: none; width: 100%; height: 200px; margin-left: 0px;}
 .listing_specs { float: none; width: 92%; padding: 5px 10px; }
.booking_form textarea { width: 92%; }
.booking_form input { width: 92%; }
.booking_form label { width: 92%; margin-bottom: 4px; text-align: left;}
.map { height: 200px ;}

.list_campsite .list_pictures { float: none; width: 100%;}
.list_campsite .list_text { float: none; width: 100%; margin: 0px; padding: 5px;}
.list_pictures .main_picture { width: 100%;}
.sub_picture { display: none !important;}
.results_type { width: 100%;}
.results_type a { font-size: 14.5px; padding-top: 10px; padding-bottom: 10px; }
.results_control .results_sort { width: 100%; text-align: center;}

.actions { text-align: center; margin-top: 15px; }
.actions a { font-size: 22px;}

}
#loader_container { margin: 10px auto; overflow: hidden; width: 70px; height: 35px; }
#loader {
  width: 70px;
  height: 70px;
  border-style: solid;
  border-top-color: #aaa;
  border-right-color: #aaa;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-radius: 50%;
  box-sizing: border-box;
  animation: loader-rotate 3s ease-in-out infinite;
  transform: rotate(-200deg);

}
@keyframes loader-rotate {
  0% { border-width: 10px; border-color: #fff #fff transparent transparent; }
  25% { border-width: 3px; border-color: #aaa #aaa transparent transparent; }
  50% { 
    transform: rotate(115deg); 
    border-width: 10px;
    border-color: #fff #fff transparent transparent;
  }
  75% { border-width: 3px; border-color: #aaa #aaa transparent transparent;}
  100% { border-width: 10px; border-color: #fff #fff transparent transparent;}
}


/* video */



video#bgvid { 

position: fixed; right: 0; bottom: 0;

min-width: 100%; min-height: 100%;

width: auto; height: auto; z-index: -100;

background: url(polina.jpg) no-repeat;

background-size: cover; 

}



/* Spinner CSS */

@-webkit-keyframes rotate {
    0% {
    -webkit-transform: rotate(0deg);
        opacity: 0.95;
      
      
    }
    50% { /*2.4 / 2.9 = 0.827*/
    -webkit-transform: rotate(360deg);
        opacity: 0.7;
        
        border-left-color: #00a99d;
        border-top-color:  #ffba00;
        border-right-color: #00a99d;
        border-bottom-color: #ffba00;
        
    }
     100% { /*2.4 / 2.9 = 0.827*/
    -webkit-transform: rotate(720deg);
        opacity: 0.95;
 
    
    }
}

@keyframes rotate {
    0% {
    transform: rotate(0deg);
        opacity: 0.95;
      
      
    }
    50% { /*2.4 / 2.9 = 0.827*/
    transform: rotate(360deg);
        opacity: 0.7;
        
        border-left-color: #00a99d;
        border-top-color:  #ffba00;
        border-right-color: #00a99d;
        border-bottom-color: #ffba00;
        
    }
     100% { /*2.4 / 2.9 = 0.827*/
    transform: rotate(720deg);
        opacity: 0.95;
 
    
    }
}

.animated {
-webkit-animation-name: rotate;
-webkit-animation-duration: 1.9s;
-webkit-animation-iteration-count: infinite;
-webkit-transition-timing-function: ease-in-out;

animation-name: rotate;
animation-duration: 1.9s;
animation-iteration-count: infinite;
transition-timing-function: ease-in-out;

    height: 20px;
    width: 20px;
    background-color:none;
    color: #aaa;
    border-radius: 50%;
    border-width: 6px; 
    border-style: solid;
    border-left-color: #ffba00;
    border-top-color: #00a99d;
    border-right-color: #ffba00;
    border-bottom-color: #00a99d;
    opacity: 0.95;
    box-shadow: 0px 0px 6px #333, inset 0px 0px 6px #333;
    margin-left: 190px;
    margin-top: 80px;
    position: absolute;
    
    z-index: 0;
}



/* End of Spinner */