/* Enter Your Custom CSS Here */



/* Pop up display customisations */


.pum-content #wpcf7-f1731-o2 p{
text-align: center !important;
}

#popmake-1728{
  position: absolute !important;
}


@media screen and (min-width: 800px){
#wpcf7-f1731-o1{
margin-top: 30px;
margin-bottom: 30px;   
}
    
}


.pum-title{display: none !important;}
.pum-theme-default-theme{
background-color: rgba(2, 2, 2, 0.36) !important;
}
.pum-container{
border-radius: 5px !important;
max-width: 600px !important;
}
.pum-close{
background-color: #303135 !important;
border-radius: 3px !important;
padding: 12px !important;
margin: 3px !important;
}

.pum-close:hover{
background-color: #26282C  !important;
}

@media screen and (min-width: 511px){
#name-pop {
    width: 200px !important;    
}
}


@media screen and (max-width: 510px){
.pum-container .ajax-loader{
display: block !important;
}
#phone-pop {
    margin-right: 0px !important;
    margin-bottom: 7px !important;
    width: 150px !important;   
}
#name-pop {
    width: 150px !important;    
} 

  
.pum-container { position:fixed; width:100%; }  

  
  
#wpcf7-f1727-o1 #phone-pop-sub{
    margin-left: 24px;    
}
}

#phone-pop-sub{
background-color: #0BAC9E;
border-radius: 3px;
}

#phone-pop-sub:hover{
background-color: #27B99E !important;
}



@media screen and (max-width: 600px) {
#popuphr{
margin-left: 10px !important;
margin-right: 10px !important;  
}
}

#popuphr{
max-width: 510px;
border: 0px;
margin-left: 77px;
margin-right: 77px;
height: 1px;
background-color: #ccc;
margin-bottom: 20px;
}

#phone-pop-icon{
    font-size: 25px;
    vertical-align: middle;
}



#phone-pop{width: 200px; margin-right: 7px;}
#wpcf7-f1727-o1, #wpcf7-f1731-o1{
text-align: center;
}

.pum-content h2{
padding-top: 20px;
font-size: 24px !important;
line-height: 1.3em !important;
}



.wpcf7-mail-sent-ok, .wpcf7-validation-errors {
background-color: #FFF !important;
}

.wpcf7-mail-sent-ok:before {
    display: none;
}


@media screen and (max-width: 800px){
  
 #popmake-1728{
   top: 5px !important; 
  }   
  .pum-content h2{
    font-size: 14px !important;
    padding-top: 10px !important;
  }
  
  .pum-content p{
    font-size: 12px !important;
  }
  .pum-content span{
    font-size: 12px !important;
  }
  .pum-content{
  padding-top: 0px !important;
  }
  
  #popuphr{
  display: none;
  }
  
  .pum-desktop, .ajax-loader{
	display:none !important;
	}
}


@media screen and (min-width: 801px){
.pum-mobile{
display:none;  
}
}

/*END Pop up display customisations */









.mobile-branding{
margin-top: 15px;
margin-bottom: 15px;
}


#main {
  padding-bottom: 0;
}
.just-icon-btm{
margin-top:80px;
}
.wwh h3 {
  font-size: 18px;
}
.top-menu > li {
  float: left;
  padding: 0 10px;
}
.top-menu > li a {
  text-decoration:none !important;
}


/* Slider CSS Here*/
.s-pre-header {
  color: hsl(201, 13%, 21%);
}

/* Increase pre header slider text on small screens*/

@media screen and (max-width: 360px) { 
.s-pre-header, .s-heading, .s-para, .s-btn{
  font-size: 12px !important;
}
.s-para{ 
  font-weight: 300;
  }
  
.s-btn {
padding: 7px 7px !important;
margin-top: 5px !important;
}  
  
}


@media screen and (min-width: 361px) and (max-width: 500px) { 
.s-pre-header, .s-heading, .s-para, .s-btn{
  font-size: 14px !important;
}
.s-para{ 
  font-weight: 300;
  }
  
.s-btn {
padding: 7px 7px !important;
margin-top: 5px !important;
}  
  
}



/*END */




.s-heading {
  color: hsl(0, 0%, 100%);
}
.s-para {
  font-size: 14px;
  line-height: 14px;
}
.s-btn {
  background: hsl(0, 0%, 100%) none repeat scroll 0 0;
  border-radius: 1px;
  display: inline-block !important;
  font-size: 14px;  
  padding:10px 20px;
  text-decoration: none;
}
.s-btn:hover {
  background: hsl(175, 87%, 36%) none repeat scroll 0 0;
  border: 1px solid hsl(0, 0%, 100%) !important;
  color: hsl(0, 0%, 100%);
}

/*Page Header Banner*/
.original-title {
  color: hsl(201, 13%, 21%);
  font-weight: bold !important;
}
.page-heading {
  color: hsl(0, 0%, 100%);
  font-size: 45px !important;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}


/*Inner Page CALL to ACTION */
.inner-cta-box .uvc-sub-heading {
  color: #ffffff;
}

.vc_row.wpb_row.vc_inner.vc_row-fluid.inner-service-btm {
  background: hsl(0, 0%, 100%) none repeat scroll 0 0;
  padding: 30px 20px;
}
.header-btn1 {
  background: hsl(175, 88%, 36%) none repeat scroll 0 0;
  display: block;
  margin-bottom: 2px;
  padding: 10px;
  text-align: center;
}
.header-btn2 {
  background: hsl(175, 87%, 36%) none repeat scroll 0 0;
  display: block;
  padding: 10px;
  text-align: center;
}
.header-booking {
  color: hsl(0, 0%, 100%);
  text-decoration: none !important;
}
.header-btn1:hover {
  background: hsl(196, 16%, 68%) none repeat scroll 0 0;
}
.header-btn2:hover {
  background: hsl(196, 16%, 68%) none repeat scroll 0 0;
}
.header-btn1:hover a {
  color:#0CAC9E;
}
.header-btn2:hover a {
  color:#0CAC9E;
}
/*Media Query*/

@media all and (max-width:480px){
.page-heading {
  font-size: 10px !important;
  margin: 10px 0 !important;
}
  .header-sub-title {
  font-size: 6px !important;
}
  .original-title {
  font-size: 7px !important;
}
}