/*
* Fluidal V7.0
* Copyright 2017, Duncan Arrow
* http://fluidal.duncanarrow.com
*/


/* Mobile first
================================================== */

.headerfullwidth { position: relative; width: 100%;  }
.headerfullwidth.topbar { background-color: rgba(16, 16, 16, 0.5); position: fixed; padding: 12px 0px; height: auto; font-size: 16px; color: #fff; z-index: 99; line-height: 20px; }
.headerfullwidth.navigation { background-color: rgba(88, 89, 91, 0.6); border-top: 1px solid #585858; box-sizing: border-box; }
.headerfullwidth a { color: #fff; border: 0px; }
.headerfullwidth a:hover { color: #b9b9b9; }
.headerfullwidth .six { display: none; margin-top: 0px; font-size: 13px; }
.admin-bar .headerfullwidth.topbar {}
.headerfullwidth.logo { position: relative; padding: 12px 0px; background: transparent; }
/*.headerfullwidth.logo::before {
  position: absolute;
  content: '';
  top: -94px;
  bottom: 0;
  right: -700px;
  left: -700px;
  margin-bottom: -22px;
  background: #fff;
  border-radius: 100%;
  border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
}*/

.headerfullwidth.logo img, #footer .logo img { width: 190px; }

.headerfullwidth .tel { text-align: left; }
.headerfullwidth .book { text-align: right; position: absolute; bottom: 0px; }
.headerfullwidth .telephone span.location, .headerfullwidth .login span.location { display: block; font-size: 13px; }
.social-media { background-color: #ABC2C7; vertical-align: middle; font-size: 16px; }
.social-media a { color: #5d5d5d; }
.social-media a:hover { color: #444; }

.treatment-summary-bar { background-color: #1f1e1e; color: white; padding: 25px 0px 0px 0px; }
.treatment-summary-bar .fa.fa-gbp {     border: 4px solid white;
    border-radius: 39px;
    height: 17px;
    width: 20px;
    margin-right: 5px;
    padding-top: 3px;
    font-size: 13px!important;
    text-align: center;
 }

#mask { display: none; position: fixed; z-index: 9; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: rgba(0,0,0,0.75);}

.volume { position: absolute; left: 20px; top: 20px; cursor: pointer; width: 30px; height: 33px; padding: 9px 15px 10px 12px; border-radius: 10px; font-size: 35px; background-color: rgba(0, 0, 0, 0.3); color: white; text-align: center; }
.volume:hover { background-color: rgba(0, 0, 0, 0.8); }
.volume { -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }

.interactive-map {background: #f2dccb url('images/treatable-areas.png') no-repeat 50% 100%; float: left; width: 100%; display: block; height: 867px; position: relative; margin-bottom: 20px;}
.interactive-map h1, .interactive-map p {color: #a28c7b; text-align: center;}
.interactive-map h1 {margin-top: 60px;}
.interactive-map img {margin-bottom: 0px!important;}
.interactive-map a {position: absolute;
      display: block;
      border-radius: 40px;
      width: 40px; height: 40px;
      border: 4px solid #a28c7b;
      background-color: #fff;
      -khtml-opacity:.85; 
	 -moz-opacity:.85; 
	 -ms-filter:”alpha(opacity=85)”;
	  filter:alpha(opacity=85);
	  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.85);
	  opacity:.85; 
      }
    
.interactive-map a:hover {
	 -khtml-opacity:1.0; 
	 -moz-opacity:1.0; 
	 -ms-filter:”alpha(opacity=100)”;
	  filter:alpha(opacity=100);
	  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=1.0);
	  opacity:1; 
      }

.return-interactive {display: block;
      border-radius: 40px;
      width: 40px; height: 40px;
      border: 4px solid #888;
      background-color: #fff;}

.interactive-map a span {top: 7px;
left: 50px;
position: relative; color: #706055; font-size: 1.3em; width: 150px;}

a.forehead {top: 360px; right: 380px;}
a.temple {top: 360px; left: 340px;}
a.frownlines {top: 430px; left: 450px;}
a.eyes {top: 460px; left: 377px;}
a.nose {top: 552px; left: 450px;}
a.lips {top: 620px; left: 450px;}
a.cheek {top: 505px; right: 340px;}
a.chin {top: 680px; left: 450px;}
a.jaw {top: 640px; left: 340px;}
a.neck {top: 740px; right: 370px;}
a.decolletage {top: 800px; right: 340px;}

.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-container iframe, .video-container object, .video-container embed, .video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
	width: 100% !important;
	height: 100% !important;
}
.mejs-container {
	padding-top: 56.25%;
}
.wp-video, video.wp-video-shortcode {
	max-width: 100% !important;
}
video.wp-video-shortcode {
	position: relative;
}
.mejs-mediaelement {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.mejs-controls {
	display: none;
}
.mejs-overlay-play {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto !important;
	height: auto !important;
}

.headerfullwidth .fa { font-size: 20px; margin-bottom: 0px; }

#top_block {position: relative; height: 410px; z-index: 0!important; }

#flex_top_block .top_video { height: 410px; }
.home #flex_top_block .add_height { height: 90vh; }
.internal #flex_top_block .add_height { height: 640px; }

#top_block {position: relative; display: inline-table; margin-bottom: -6px; }
.home #top_block { height: 600px; }
.internal #top_block { height: 410px; }

output {
    display: block;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    margin: 30px 0px 0px 0px;
    width: 100%;
}

.video-poster { display: block; background-position: center; background-repeat: no-repeat; background-size: cover; }
.flex-col.video { padding: 0px!important; }
.flex-col.video video { width: 100%; height: 100%;  }

.top_video { display: flex; position: relative; padding: 0px!important; }
.top_video video { width: 100%; object-fit: cover; }
.top_video .wrap { position: absolute;
    text-align: center;
    top: 45%;
    left: 0px;
    right: 0px;
    -ms-transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    padding: 20px;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
}

.play, .refresh, .sound { 
	position: absolute;
	opacity: 1;
    top: 0%;
    left: 0px;
    right: 0px;
	background-color: rgba(0, 0, 0, 0.8);
    font-size: 2em;
    width: 96px;
    margin: 0 auto;
    padding: 15px 5px;
    border-radius: 10px; -moz-transition: all 0.4s linear;
   -webkit-transition: all 0.4s linear;
   -o-transition: all 0.4s linear;
   transition: all 0.4s linear;
}

.refresh { opacity: 0; }

.sound { position: absolute; top: 20px; left: 20px; right: auto; }

#top_block .wrap { display: table-cell; vertical-align: middle; text-align: center; }
#top_block .wrap h1, #top_block .wrap p { color: white; }
#top_block .wrap p { margin-bottom: -4px; }

#tabs .content_wrapper { background-color: #808080; }
#tabs ul.ui-tabs-nav { list-style-type: none; }
#tabs li {  }
#tabs ul.ui-tabs-nav li a { color: white; }
#tabs ul.ui-tabs-nav li a { float: left; padding: 25px 15px; }
#tabs li.ui-state-active a, #tabs li.ui-state-focus a, #tabs li.ui-state-hover a { background-color: #fff; }
#tabs .ui-tabs-panel { background-color: #ddd; padding: 25px; }

.logged_in_widget { margin-top: 25px; }

.at_a_glance {
    width: 100%;
    margin-bottom: 10px;
    }
    
.at_a_glance > div { padding: 30px; }

.search-results .at_a_glance { background-color: #fff; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; }
.search-results .at_a_glance:hover { background-color: #ececec; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; }

.overlay { height: 320px; background-color: #b9b9b9!important; color: #fff; margin: 10px 0px; }
.overlay .overlay_hover { height: 320px; }
.overlay .overlay_hover h2 { color: white; }
.overlay.one-third {float: left; }
.overlay_hover { position: relative; }
.overlay_hover .hidden {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    text-align: center;
    font-size: 9px;
    color: white;
    font-size: 14px;
    margin-bottom: 0px;
    background-color: #7b7e83;
    background-color: rgb(123, 126, 131, 0.7);
    background-color: rgba(123, 126, 131, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#997b7e83, endColorstr=#997b7e83);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#997b7e83, endColorstr=#997b7e83)";
}

.overlay_hover .hidden a { color: white; }

.overlay_hover h2 { position: absolute; text-align: center;
	top: 50%; left: 0px; right: 0px; 
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
	padding: 20px; color: #1f1f1f; margin-bottom: 0px; }

.image-map .overlay_hover h2 { color: white!important; }
.image-map .overlay_hover {
	background-color: #7b7e83;
    background-color: rgb(123, 126, 131, 0.4);
    background-color: rgba(123, 126, 131, 0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#997b7e83, endColorstr=#997b7e83);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#997b7e83, endColorstr=#997b7e83)";
}

.overlay_hover .hidden p { position: absolute; 
	top: 50%; left: 0px; right: 0px; font-size: 0.9em; 
	-ms-transform: translate(0,-50%);
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
	padding: 20px; color: white; margin-bottom: 0px; }

.overlay .overlay_hover .hidden p { padding: 20px 60px; }

.headerfullwidth .container {margin: 0% auto!important; position: relative;}
.container.pagelayout {padding-bottom: 1%; }
.pagelayout {padding-top: 0px;}

.breadcrumb-trail.breadcrumbs {margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dotted #ddd; }
.breadcrumb-trail.breadcrumbs a, .breadcrumb-trail.breadcrumbs span {color: #999!important; border-bottom: 0px; }
.breadcrumb-trail.breadcrumbs a:hover {color: #666!important;}

.top-image {background-color: #080506; background-repeat: no-repeat; background-position: center center; height: 200px}

.hide-text {display: none!important;}

.content_wrapper { margin-top: 0px;}

.slim_padding { padding-top: 15px; padding-bottom: 15px;}
.thin_padding { padding-top: 30px; padding-bottom: 30px;}
.medium_padding { padding-top: 50px; padding-bottom: 50px;}
.deep_padding { padding-top: 125px; padding-bottom: 125px;}

.flex_thin_padding, .flex_medium_padding, .flex_deep_padding { padding: 20px 5%; }
.flex_no_padding { padding: 0px 5%; }

.padding1 { padding: 200px 0px 180px 0px; }
.padding2 { padding: 140px 0px 130px 0px; }
.padding3 { padding: 90px 0px 80px 0px; }

.menu-primary-container {}

.socmedia {text-align: left;}

.page-numbers {background-color: #575b59; padding: 8px 12px; color: whitesmoke; font-size: 0.8em; -moz-transition: all 0.4s linear;
   -webkit-transition: all 0.4s linear;
   -o-transition: all 0.4s linear;
   transition: all 0.4s linear;}

.page-numbers.current { background-color: #808080; }

.page-numbers:hover {background-color: #808080; color: whitesmoke; -moz-transition: all 0.4s linear;
   -webkit-transition: all 0.4s linear;
   -o-transition: all 0.4s linear;
   transition: all 0.4s linear;}
a.page-numbers {text-decoration: none!important; color: whitesmoke;}

.header {height: 100px; margin-bottom: 2%!important;}
header h1 {margin: 0%;}
.header hr {margin : 7% 0 -2%!important;}

.gform_footer p, .gform_footer br {display: none;}
#gform_confirmation_message_1 { 
	text-align: center;
    font-weight: bold;
    background-color: #72C2A5;
    color: white;
    padding: 20px;
    font-size: 16px;
    }

.flexslider ul {margin-bottom: 0px;}

#footer {
	position: relative;
	width : 100%;
	float : left;
	background-color: #242424;
	color: #565656; 
	font-size: 85%; 
	text-align: center;
	margin-top: 50px;
	padding : 50px 0px;
}

#footer .socmedia {
    text-align: center;
}

#footer a {color: #ababab; border-bottom: 0px; }
#footer a:hover, #footer .fab:hover { color: #fff; }
#footer .fab { color: #ababab; font-size: 35px; margin-top: 5px; margin-right: 10px; }
#footer .fab, #footer .fab:hover { 	
	-moz-transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}


#subfooter { background-color: #fff; padding: 15px 0px; width: 100%; float: left; margin: 0 auto; font-size: 85%; text-align: center; }
#subfooter a {color: #252525; text-decoration: none; border-bottom: 0px; }
#subfooter a:hover { color: #e8554e; }

#subfooter a .fa { color: #e6e6e6;
	-moz-transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear; font-size: 30px;
}

#subfooter a .fa:hover { color: #fff; cursor: pointer;
	-moz-transition: all 0.4s linear;
	-webkit-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}


.cookie-notice-container a {color: #888;}

nav select {
  display: none;
}

header {display: none!important;}


/* #Page Styles
================================================== */
.page_wrapper { margin-top: 0%; }
.single .content_wrapper .eleven { min-height: 600px; }





/* Larger than mobile
================================================== */

@media (min-width: 480px) {
	

	
}







/* Larger than phablet
================================================== */

@media (min-width: 547px) {
	
	.overlay_hover .hidden p { font-size: 1.0em; } 
	#flex_top_block .top_video { height: 90vh; }
	.headerfullwidth.logo img, #footer .logo img { width: 214px; }

	
}




/* Larger than tablet
================================================== */

@media (min-width: 768px) {
	.headerfullwidth .six { margin-top: 0px; font-size: 15px; }
	.headerfullwidth .book { position: relative; }

	.flex_no_padding { padding: 0px 0%; }
	.flex_thin_padding { padding: 60px 0%; }
	.flex_medium_padding { padding: 150px 0%; }
	.flex_deep_padding { padding: 150px 0%; }

	.headerfullwidth .telephone span.location, .headerfullwidth .login span.location { display: inline; }
	
	.overlay { margin: 0px; }
	
	#nav {
		width : 100%;
		text-align: center;
		padding : 0 0 0;
		line-height : 100%;
	}
	
	#nav li {
		margin : 0px;
		padding : 14px 10px;
		display: table-cell;
		position : relative;
		list-style : none;
		text-align: center;
	}
	
	#nav li:first-child a{
	    border-right: 0px solid #ddd!important;
	}
	
	#nav a {
		font-weight : 200;
		font-size: 0.9em; border-bottom: 0px;
		color: #fff;
		text-decoration : none;
		letter-spacing: 0px;
		display : inline; /* or inline */
		margin : 0;
		text-transform: uppercase;
		-moz-transition: all 0.4s linear;
		-webkit-transition: all 0.4s linear;
		-o-transition: all 0.4s linear;
		transition: all 0.4s linear;
	}
	
	/* FROM HERE */
	
	#nav a:hover {color: #b9b9b9!important; cursor: pointer; }
	#nav ul li:hover > a {color: #b9b9b9!important;}

	#nav ul li.current_page_item > a, #nav ul li.current_menu_item a, #nav ul li.current_page_parent > a, #nav ul li.current_menu_parent a {color:#b9b9b9!important; }
	
	#nav li.home a, #nav li.current_page_item > a, #nav li.current_menu_item a, #nav li.current_page_parent > a, #nav li.current_menu_parent a {color:#b9b9b9!important; font-weight: bold; }
	
	/*Style top level links when hovering on child link!*/
	#nav li:hover a{ }
	
	#nav li a:hover { color: yellow;}
	
	#nav ul li:hover, #nav li:hover li {
		color : #fff; -moz-transition: all 0.4s linear;
		-webkit-transition: all 0.4s linear;
		-o-transition: all 0.4s linear;
		transition: all 0.4s linear;
	}
	
	#nav ul li a:hover { color: #fff; }
	
	#nav li li a {padding: 0px!important;
	background-color: transparent!important;}
	#nav li li:hover {background-color: #333;}
	
	
	#nav ul a:hover {color: #333; background-color: transparent; }
	
	#nav li:hover > ul {
	display : block; background-color: #333;
	}
	
	#nav ul {
		display : none;
		font-size: 0.9em;
		margin : 8px 0;
		padding : 0;
		width : 185px;
		position : absolute;
		top : 43px;
		left : 20px;
		z-index: 99999!important;box-sizing: border-box;
	}

	ul#nav li:last-child ul {
		left : auto;
		right: 16px;
	}
	
	#nav ul li {
		float : left;
		margin : 0;
		padding : 5px 9px 5px 6px; 
		border-bottom: 0px solid #444!important; text-align: left; position: relative; z-index: 99998!important; width: 161px;
	}
	
	#nav ul a {
		line-height: 1.6em!important;
		font-weight : 100;
		padding: 0px 15px 0px 15px!important;
	}
	
	/* Second level flyout */
	#nav ul ul {
		left : 175px;
		top : -10px;
	}
	
	#nav:after {
		content : ".";
		display : block;
		clear : both;
		visibility : hidden;
		line-height : 0;
		height : 0;
	}
	
	html[xmlns] #nav {
		display : block;
	}
	
	* html #nav {
		height : 1%;
	}/* End nav menu */


}




/* Desktop and larger
================================================== */

@media (min-width: 960px) {
	
	.static_nav { position: absolute; z-index: 1; top: 50px; left: 100px; }
	
	.headerfullwidth .static_nav a {
	    color: #5d5d5d;
	    border: 0px;
	    padding: 0px 14px;
	    font-weight: 300;
	    text-transform: uppercase;
	    font-size: 14px;
	}
	
	ul#menu-secondary { list-style: none; }
	ul#menu-secondary li { display: inline-block; }
	ul#menu-secondary li a:hover { color: #e8554e; }
	ul#menu-secondary li.current-menu-item a { color: #e8554e; }
}



/* Legacy media queries - try and update!
================================================== */


@media only screen and (max-width: 479px) {
	
	.home_page_image {margin-top: 0px;}
	.divider {border-bottom: #ddd 1px solid; padding-bottom: 15px; margin-bottom: 15px!important;}

	header {padding-top: 0px!important;}
	
	.hide {display: none!important;}
	.contact .one_half p { text-align: center!important; }
	.headerfullwidth.topbar { font-size: 14px; }

	.green_padding .accordion { padding-left: 3%!important; }
}



@media only screen and (max-width: 547px) {
	
	.three_across img {float: none; margin-right: 0px; display: block; }
	.three_across {height: auto; margin-bottom: 20px; }
	.four_across img {float: none; margin-right: 0px; display: block;}
	.four_across {height: auto; margin-bottom: 20px; padding-bottom: 20px; border-bottom: #ddd 1px solid;}
	.hide547 {display: none!important;}
	.pagelayout {padding-top: 0px!important;}
	header {padding-top: 0px!important;}
	#top-widget h1 {font-size: 40px;}
	.top-featured {padding-top: 34px; padding-bottom: 0px; min-height: auto; height: 250px; }
	.internal.top-featured { padding-top: 0px; }
	.top-featured img { /*width: 50%; */ width: 100%; }
	.top-featured p {font-size: 15px; }
	.treatment.first { width: 100%; }
	.treatment.second { float: left; width: 100%; }
	.green_padding .half, .green_padding .half_last { width: 100%; }
	.green_padding .half { display: none; }

}




/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	#footer .realself { width: 100px; margin-top: 20px; }
	.socmedia { margin-top: 0px!important; }
	.socmedia .fsb { width: 35px; margin-right: 18px; }
	.home-widget-block .widget {margin-bottom: 40px;}
	.home-widget-block .widget.last {margin-bottom: 0px;}
	.hide769 {display: none;}
	.padding { padding: 20px 0px; }
	.ten.columns.home {padding-top: 0px;}
	#top_block {position: relative; height: 256px; }
	.divider {border-bottom: #ddd 1px solid; padding-bottom: 15px; margin-bottom: 15px!important;}
	.three_across {height: auto; margin-bottom: 20px; border-bottom: #ddd 1px solid; padding: 10px 0;}
	.four_across {height: auto; margin-bottom: 20px; padding-bottom: 20px; border-bottom: #ddd 1px solid;}
	.headerfullwidth {border-bottom: 0px;}
	#nav  { display: none!important; }
	#footer .icon-da_logo { font-size: 21px; }

	.pagelayout {padding-top: 0px;}

} 
@media only screen and (max-width: 960px) {

	.hide960 { display: none; }
	
	}