@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,700i,900');

@font-face{
font-family:"Graphik-Regular";
src:url('../fonts/Graphik-Regular.otf') format('opentype');
}
@font-face{
font-family:"Graphik-Bold";
src:url('../fonts/Graphik-Bold.otf') format('opentype');
}
@font-face {
    font-family: 'BLOWUPPERSONALUSE';

    src: url('../fonts/BLOWUPPERSONALUSE-Regular.woff2') format('woff2'),
        url('../fonts/BLOWUPPERSONALUSE-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body *{
  outline: none !important;
}
body{
	overflow-x:hidden;
	background: url(../images/bg.jpg) no-repeat left top;
	background-size:cover;
	font-family: 'Graphik-Regular', sans-serif;
}
.container{
	width:1180px;
  /*max-width: 95%;*/
}
.container-fluid{
	max-width:1920px;
	width:100%;
  /*max-width: 95%;*/
}
a:hover, a:focus,a.active{
	text-decoration: none;
}
.menu{
	background:#1e1e1e;
}
.home{
	margin:40px;
}

.menu ul a{
  background:#1e1e1e;
  font-size:29px;
  color:#fff;
  text-transform: uppercase;
  text-align: center;
  font-weight:900;
  display: block;
  padding:40px 25px;
  height:120px;
}
.mat-height{
	height:670px;
	
}

/*  bhoechie tab */
.bhoechie-tab{
	/*overflow-y: scroll;*/
  padding-right: 15px;
  padding-left: 0px;
}
div.bhoechie-tab-container{
  z-index: 10;
  background-color: #ffffff;
  padding: 0 !important;
   
}
.list-group-item:first-child {
    border-top-left-radius:0px;
    border-top-right-radius: 0px;
}
.list-group-item{
	border:0px;
}
div.bhoechie-tab-menu{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
  background: #1e1e1e;

}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
  border:0px solid;
}
div.bhoechie-tab-menu div.list-group>a{
font-family:"Graphik-Bold";
 background:#292929;
  font-size:28px;
  color:#fff;
  text-transform: uppercase;
  text-align: center;
  font-weight:900;
  display: block;
  padding:48px 30px;
  height:120px;
  line-height: 30px;
}
div.bhoechie-tab-menu div.list-group>a span{
	position: relative;
top: -17px;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,div.bhoechie-tab-menu div.list-group>a:hover,
div.bhoechie-tab-menu div.list-group>a:focus
{
  background-color: #00aff2;
  background-image: #00aff2;
  color: #ffffff;
}

div.bhoechie-tab-content{
  background-color: #ffffff;
  /* border: 1px solid #eeeeee; */
  padding-left: 25px;
  padding-top: 0px;
  padding-right: 25px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}
.bhoechie-tab-content h3{
color:#00aff2;
font-family:"Graphik-Bold";
font-size: 25px;
}
.bhoechie-tab-content ul li{
color:#1e1e1e;
font-weight: 400;
font-size: 15px;
padding: 1px 0px;
}
.align-list{
	margin-top:15px;
}
.no-padd{
	padding-left:0px !important;
	padding-right:0px !important;
}
.img-sec{
	margin-top:15px;
}

.img-sec img{
	width:100%;
	max-height:150px;
}
.img-sec .col{
	padding-left:7.5px ;
	padding-right:7.5px;
}
.spl-padd{
	padding-right:11.2px;
}
.padd-left{
	padding-left:0px !important;
}
.padd-right{
	padding-right:0px !important;
}
.img-sec h3{
	background:#010101;
	color:#fff;
	text-transform: uppercase;
	text-align:center;
	font-size:23px;
	font-family:"Graphik-Bold";
	padding:8px;
}
.layout-img{
	border:1px solid #ddd;
	padding:5px;
	width:100%;
}
.row-margin{
	margin-left:-15px;
	margin-right: -15px;
}
.layout h4{
   text-align:center;
   font-family:"Graphik-Bold";
   font-size:26px;
   padding: 10px 0;
   margin: 0;
}
.fancybox-slide--iframe .fancybox-content {
  width  : 800px;
  height : 600px;
  max-width  : 80%;
  max-height : 80%;
  margin: 0;
  background: #191919;
}
#selFloorContent {
   padding: 35px 70px 60px 70px;
}

.clsFloorPlanLink {
   background: #e3e3e3;
   border-radius: 3px;
   color: #373737;
   display: block;
   font-family: 'Graphik-Bold';
   font-size: 25px;
   height: 63px;
   line-height: 63px;
   max-width: 188px;
   text-align: center;
   width: 100%;
   text-decoration: none
}

.clsFloorPlanLink:hover {
   text-decoration: none;
   color: #FFF;
   background: #1dafdf
}

.clsFloorCatsActive a {
   background: #1dafdf;
   color: #FFF
}

.clsFloorContentDesc {
   margin-top: 40px
}

.clsFloorContentDesc h5 {
   font-family: "Graphik-Bold";
font-size: 42px;
line-height: 47px;
margin-top: 50px;
margin-bottom: 60px;
color: #373737;
padding: 0;
letter-spacing: 0px;
}

.clsFloorContentDesc h5 img {
   vertical-align: top;
   margin-right: 5px
}

.clsFloorWindow {
   margin-bottom: 50px
}

.clsFloorNotes {
   margin-bottom: 20px
}

.clsFloorNotes p {
   font-size: 16px;
   line-height: 30px;
   font-family: "Graphik-Regular";
   color: #373737;
   margin-bottom: 20px
}

.clsFloorNotes p:first-child {
   font-size: 20px;
   line-height: 35px;
   font-family: "Graphik-Regular";
   color: #373737
}

.clsFloorAvail {
   font-size: 16px;
   line-height: 30px;
   font-family: "Graphik-Regular";
   color: #373737;
   margin-bottom: 20px
}

#selFloorContent>h3 {
   color: #1dafdf;
   font-family: "Graphik-Bold";
   font-size: 50px;
   line-height: 43px;
   margin-bottom: 45px;
   margin-top: 0;
   text-align: center
}

#selFloorContent h3 span {
   color: #373737;
   font-family: "Graphik-Bold";
   font-size: 20px;
   line-height: 20px;
   text-transform: uppercase
}

#selFeatureContent {
   padding: 10px 40px 60px
}
.clsLayoutList{
  margin-bottom: 15px;
}
.clsLayoutList img, .clsLayoutList h4{
  cursor: pointer;
}
.clsFeautureList{
  margin-bottom: 35px;
}
.clsClose{
  font-size: 35px;
  margin-right: 15px;
}

.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}
.nano > .nano-pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .5;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}


.nano { width: 100%; height: 620px; margin-left:0px;margin-right:0px;margin-bottom:50px;margin-top: 35px;}
.nano .nano-content { padding: 10px 15px 10px 10px; }
.nano .nano-pane   { background: #888; }
.nano .nano-slider { background: #111; }

.clsToursList{
  margin: 0 0 25px 0;
}
.clsToursList > div{
  position: relative;
}
.clsToursList img{
  border: 0px;
  padding: 0px;
  width: 100%;
}

.clsToursList .clsCaption{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,0.55);
  cursor: pointer;
}

.clsToursList span{
  color: #FFF;
  padding-top: 15%;
  display: block;
  text-align: center;
  font-size: 25px;
  font-family: 'Graphik-Bold';
  text-transform: uppercase;
}
.clsToursList i{
  display: block;
  text-align: center;
  margin-top: 15px !important;
  text-indent: -9999em;
  background-size: 100% !important;
  background: url('../images/icon_play.png') no-repeat left top;
  width: 48px;
  height: 48px;
  margin: 0 auto;
}
.clsToursList:hover i{
  background: url('../images/icon_play_hover.png') no-repeat left top;
}
/*
#wptime-plugin-preloader::before {
    background: url('https://www.retreatcaravans.com.au/wp-content/themes/retreatcaravane/images/retrat_logo.png') no-repeat center top;
    top: 10%;
    content: "";
    position: absolute;
    z-index: 9;
    height: 88px;
    width: 229px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0px;
}*/
.clsGalleryPhotos{
  padding: 0 5px;
  margin: 0 0 10px 0;
  cursor: pointer;
}
.clsCaravans{
  padding: 0px !important;
    margin: 0 5px;
    background: #010101;
    max-width: 24%;
}
.clsCaravans img{
  padding: 2px;
  border: 0px;
  width:100%;
	max-height:100%;
}
.clsCaravans h3{
  background:none;
}
.clsCaravans h3{
  padding: 0px;
  margin: 0px;
}
.clsCaravans a{
  text-align: center;
  color: #FFF;
  font-family: 'Graphik-Bold';
  display: block;
  width: 100%;
  text-transform: uppercase;
  min-height: 48px;
line-height: 48px;
}
.clsCaravans:hover {
  background: #00aff2;
}

.clsHomeList{
  text-align: center;
  padding: 0px;
  margin: 0px 0 50px 0;
}
.clsHomeList li{
  display: inline-block;
  width: 31%;
  margin: 0 10px 25px;
  vertical-align: top;
  list-style: none;
  max-width:100%;
}

.clsHomeList li h3{
  padding: 0px;
  margin: 0px;
}
.clsHomeList li a{
  text-align: center;
  color: #FFF;
  font-size: 32px;
  font-family: 'Graphik-Bold';
  display: block;
  width: 100%;
  text-transform: uppercase;
  min-height: 65px;
line-height: 65px;
}
.clsH1{
  text-align: center;
  color: #080606;
  font-size: 55px;
  font-family: 'BLOWUPPERSONALUSE';
  padding: 0px;
  margin: 20px 0 100px 0;
  display: inline-block;
  width: 100%;
  clear: both;
  text-transform: none;
}
.clsInnerH1{
  text-align: center;
  color: #080606;
  font-size: 80px;
   font-family: 'Graphik-Bold';
  padding: 0px;
  margin: 20px 0 30px 0;
  display: inline-block;
  width: 100%;
  clear: both;
  text-transform: none;  
}
.clsDisclaimer{
    font-size: 16px;
padding: 0 15px;
text-align: center !important;
width: 100%;
display: block;
margin-bottom: 35px;
font-weight:bold;
}
.fancybox-container{
    -webkit-overflow-scrolling: touch;
}