/*
Theme Name: Oasis Dental theme
Theme URI: http://www.rowdydigital.com.au
Description: Oasis Dental custom theme
Version: 1.0
Author: Rowdy Digital
Author URI: http://www.rowdydigital.com.au

*/

@font-face { font-family: 'Proxima Nova'; src: url(fonts/ProximaNova-Light.otf) format('opentype'); font-style: normal; font-weight: 300; }
@font-face { font-family: 'Proxima Nova'; src: url(fonts/ProximaNova-LightItalic.otf) format('opentype'); font-style: italic; font-weight: 300; }

@font-face { font-family: 'Proxima Nova'; src: url(fonts/ProximaNova-Regular.otf) format('opentype'); font-style: normal; font-weight: normal; }
@font-face { font-family: 'Proxima Nova'; src: url(fonts/ProximaNova-RegularItalic.otf) format('opentype'); font-style: italic; font-weight: normal; }

/*@font-face { font-family: 'Proxima Nova', sans-serif; src: url(fonts/ProximaNova-Semibold.otf) format('opentype'); font-style: normal; font-weight: 500; }*/

@font-face { font-family: 'Proxima Nova'; src: url(fonts/ProximaNova-Bold.otf) format('opentype'); font-style: normal; font-weight: bold; }
@font-face { font-family: 'Proxima Nova'; src: url(fonts/ProximaNova-BoldItalic.otf) format('opentype'); font-style: italic; font-weight: bold; }

@font-face { font-family: 'Avenir'; src: url(fonts/Avenir-Medium.ttf) format('truetype'); font-style: normal; font-weight: normal; }
@font-face { font-family: 'Avenir'; src: url(fonts/Avenir-Heavy.ttf) format('truetype'); font-style: normal; font-weight: bold; }

html, body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-family: 'Proxima Nova', sans-serif;
	font-weight: 400;
	min-width: 320px;
}
	.avenir{
		font-family: 'Avenir', sans-serif;
		font-weight: normal;
		letter-spacing: 0.5px;
	}
	.caps{
		text-transform: uppercase;
	}

a {
	color: inherit;
	text-decoration: none;
	transition: all 0.5s ease 0s;
}
	a:hover{
		transition: all 0.5s ease 0s;
	}
	a.underline{
		color: #a8238b;
		text-decoration: underline;
	}
		.content a{
			color: #731472; 
		}
			.content a:hover{
				color: #a8228c;
			}

h1, h2, h3, h4, h5 {
	padding: 0;
	/*margin-top: 0;*/
	font-weight: normal;
	color: #731472;
}
	h1, h2{
		font-size: 39px;
	}
	.content h2{
		font-size: 34px;
	}
	.content h2:first-of-type{
		/*margin-top: 0;*/
		margin-top: 16px;
	}
	.content h3{
		font-size: 26px;
	}
	.content h4{
		font-size: 20px; text-transform: uppercase;
	}
	.content h5{
		font-size: 1em;
    	font-weight: bold;
	}


hr{
	border-style: solid;
}
p{
	line-height: 1.4em;
}

/*---------------------------------------------------------Clearfix*/

.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.divline-clear{
	width:100%;
	clear:both;
	display: block;
	padding-bottom: 4px;
    margin-bottom: 4px;
}

.divline-solid{
	border-top: 1px solid #731472;
	width: 60%;
	clear:both;
	display: block;
    margin-bottom: 30px;
}
	.center{
		margin-left:auto;
		margin-right: auto;
		text-align: center;
	}

.divline-oasis{
	background: url(images/icon-oasis.png) no-repeat center center;/* 62 x 46*/
	height: 46px;
	width: 90%;
    margin: 0 auto;
    position: relative;
    margin-bottom: 36px;
}
	.divline-oasis:before,.divline-oasis:after {
	    content: '';
	    border-bottom: 1px solid purple;
	    display: block;
	    width: 50%;
	    margin-top: 23px;
	    position: absolute;
	}
		.divline-oasis:before{
			margin-left: -50px;
		}
		.divline-oasis:after {
	    	left: auto;
			right: 0;
			margin-right: -50px;
		}

/*inline-block to flat dot points to center, but leave text at left */
.content ul, .content ol{
	display: inline-block;
	*display:inline;zoom:1;
	padding-left: 30px;
	margin: 0;
}
.content li{
	margin: 0.75em 0;
	text-align: left;
}

/*---------------------------------------------------------Wrapper / Inner*/
		
.strip {
	width: 100%;
	margin: 0 auto;
	clear: both;
	position: relative;
}

	.strip .inner,
	.inner {
		width: 1160px;
		margin: 0 auto;
	}

	.bg-white{ background-color: #fff; }
	.bg-light{ background-color: #f6f3f1; }
	/*.bg-light-2{ background-color: #f8f6f5; }*/

	.bg-grey{ background-color: #434343; }
	.bg-charcoal{ background-color: #2c2c2c; }

	.bg-oasis-1{background-color: #a8238b;} /*box*/
	.bg-oasis-2{ background-color: #a8228c; } /*hover*/
	.bg-oasis-3{background-color: #722772; } /*headings*/

/*--------------------------------------------------------- Buttons & Bubbles Styles */

.btn{
	display: block;
	clear: both;
	padding: 10px 0;
}
	.btn a{
		font-size: 0.8em;
		letter-spacing: 0.5px;
		padding: 0.8em 1.4em;
		text-transform: uppercase;
		color: inherit;
		border: 1px solid;
		border-color: inherit;
		background-color: transparent;
		display: inline-block;
   		*display:inline;zoom: 1;
	}
	.btn-white a{
		color: #fff;
		border-color: #fff;
	}
		.btn a:hover{
			background-color: #a8238b;
		}

	.btn-header{
		padding: 0;
		clear: none;
		display: inline-block;zoom:1;
		vertical-align: middle;
		margin: 0 10px;
		/*color: #f0b4e3;*/
		color: #fff;
    	font-size: 0.87em;
    	background: #a8238b;
	} 
		.social-icons{
			display: inline-block;zoom:1;
			vertical-align: middle;
		}
	.header-contact .btn-header a{
		padding: 0.5em 1em;
		font-weight: bold;
   		letter-spacing: 1px;
	}
		.header-contact .btn-header a:hover{
			/*color: #a8238b;*/
			/*background-color: transparent;*/
			/*background: #a8238b;*/
		}

p.check{
	position: relative;	
	padding: 0.8em;
}
	p.check:after {
	    content: '\2713';
	    display: block;
	    position: absolute;
	    right: -7px;
	    bottom: 7px;
	    font-size: 2.2em;
	    text-shadow: 1px 1px 0px rgba(118, 36, 100,1),-1px -1px 0px rgba(118, 36, 100,1);
	}

p.oasis-difference{
	position: relative;	
}
	p.oasis-difference:after{
		content:'';
		display: block;
	    position: absolute;
		width: 36px;
	    height: 36px;
	    margin-right: 10px;
	    background: #fff url(images/icon-oasis-small.png) no-repeat center center;
	    right: -26px;
    	top: -10px;
	    border-radius: 50%;
	    box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
   		-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
    	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
    	-o-box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
	}
	.oasis-circle{
		width: 50px;
	    height: 50px;
	    margin-right: 10px;
	    background: #fff url(images/icon-oasis.png) no-repeat center center / 40px auto;
	    border-radius: 50%;
	    box-shadow: 2px 2px 8px rgba(0,0,0,0.4);
   		-moz-box-shadow: 2px 2px 8px rgba(0,0,0,0.4);
    	-webkit-box-shadow: 2px 2px 8px rgba(0,0,0,0.4);
    	-o-box-shadow: 2px 2px 8px rgba(0,0,0,0.4);
	}




/*--------------------------------------------------------- WYSYWIG Image styles */

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	img.round {
		border: none;
	} 
}

img.grayscale { 
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

img.round {
	-webkit-border-radius: 95px;
	border-radius: 95px; 
	border: 3px solid #e6aa7d;
	padding: 0;
}

img{
	max-width: 100%;
	height: auto;
}

p img, 
.wp-caption img {
	padding: 0;
	max-width: 100%;
	height:auto;
	display: block;
}

img.aligncenter,
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright, 
img.alignleft {
	display: inline;
}

.alignright,
.attachment-alignright {
	margin: 0 0 10px 13px;
	float: right;
}

.alignleft,
.attachment-alignleft {
	margin: 0 13px 10px 0;
	float: left;
}


.wp-caption {
	background: none;
	padding: 2px 0 10px 0;
}

.wp-caption-text {
	width: 100%;
	margin: 5px 5px 0 0;
	font-size: 0.688em;
	line-height: 11px;
	color: #999999;
}

table {
	width: 100%;
}
	table.alignright, table.alignleft {
		width: auto;
	}
	tr, td{
		padding: 10px;
	}

/*------------------------------------------------- Sidebar base style */

	.sidebox-nav-list{
		list-style-type: none;
		padding: 0;
		margin: 0;
	}
		.sidebox-nav-list > li{
			margin: 20px 0;
		}
			.sidebox-nav-list li.sidebox-heading{
				margin-top: 0;
				text-transform: uppercase;
			}
			.sidebox-nav-list li.sidebox-heading h3{}
			.sidebox-nav-list .sub-menu{
				list-style-type: none;
			}
				.sidebox-nav-list .sub-menu li{
					margin: 6px 0;
				}
		
		/*add arrow to show item has children*/
		.sidebox-nav-list li.has-children a:after{
			content: '\25b8';
			padding-left: 10px;
		}
		.sidebox-nav-list li.has-children.current a:after,
		.sidebox-nav-list li.has-children.parent a:after{
			content: '\25be';
			padding-left: 10px;
		}
		.sidebox-nav-list li a{}
			.sidebox-nav-list li:hover a,
			.sidebox-nav-list li.current a{
				color: #a8238b;
			}

/*------------------------------------------------------ WEBSITE Page styles */
/*-------- HEADER */

.header-contact{ 
	color: #fff;font-weight: 300;font-size:15px; 
	box-shadow: 0px 2px 2px -1px rgba(0,0,0,0.4);
	z-index: 4; /*on top of .header-navigation*/
}
	.header-contact .inner{ padding: 10px 0; }
		.header-contact .half-left span{line-height: 23px;}
		.header-contact .half-left:nth-child(2n+2){ text-align: right; }

		.header-contact .half-left .left{ float:left; margin-right:1.5em; }

	.header-contact a{ font-weight: 400; }

.header-inner{
	padding: 10px 0;
}

	.header-logo .inner{
		padding: 36px 0 54px 0;
		text-align: center;
	}
	.header-logo a#site-logo{
		display: block;
		background: transparent url(images/oasis.png) no-repeat center center;
		width: 436px;
		height: 131px;
		background-size: 436px auto;
		overflow: hidden;
		margin: 0 auto;
	}
		.header-logo a#site-logo h1{
			font-size: 1em;
			color: rgba(255,255,255,0);
			visibility: hidden;
		}

	.header-navigation{
		/*box-shadow: 0px 3px 5px -2px #888,5px -1px 5px 0px #ccc;*/
		box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.5),5px -1px 5px 0px rgba(0,0,0,0.2);
		z-index: 3;
		min-height: 1px;
	}
	header .menu-mainnav-container{}
		header ul#menu-mainnav{
			list-style-type: none;
			padding: 0;
			margin: 0;
			height: inherit;
			float: right;
			text-transform: uppercase;
			position: relative;
			font-size: 15px;
			font-weight: 400;
			letter-spacing: 1px;
			display: table;
    		overflow: hidden;
		}
			header ul#menu-mainnav li.menu-home{
				display: none;
			}

			header ul#menu-mainnav > li {
				display: table-cell;zoom:1;
				white-space: nowrap;
				height: inherit;
				vertical-align: middle;
				background-color: #fff;
				transition: all 0.5s ease 0s;
				padding: 0 13px;
			}
				header ul#menu-mainnav > li > a{
					padding: 18px 26px;
					color: inherit;
					font-size: 1.11em;
					/*display: inline-block;
					*display:inline;zoom:1;
					vertical-align: middle;*/
				}

				header ul#menu-mainnav > li:hover{}

				header ul#menu-mainnav > li.current-menu-item a,
				header ul#menu-mainnav > li.current-page-ancestor a,
				header ul#menu-mainnav > li.current_page_parent a{
					background-color: #a8228c;
					color: #fff!important;
					transition: all 0.5s ease 0s;
				}
					header ul#menu-mainnav > li:hover a{
						color: #a8228c;
					}

		header ul#menu-mainnav > li#menu-item-home > a{}
		header ul#menu-mainnav > li#menu-item-home > a .icon-home{
			height: 20px;
			width: 22px;
			display: block;
			margin: 0 auto;
			overflow: hidden;
			text-indent: 22px;
			background: url(images/icon-home.png) no-repeat top left;
		}
			.home header ul#menu-mainnav > li#menu-item-home > a .icon-home,
			header ul#menu-mainnav > li#menu-item-home:hover > a .icon-home{
				background-position: top left -22px;
			}


header .search{
	/*padding: 0 26px;*/
	position: relative;
}
	header .search-form .search-submit, 
	.search-form .search-submit { 
		display: none;
		background: url(images/icon-search-white.png) no-repeat center center;
		border:0;
		position: absolute;
		right: 20px;
		text-indent: 25px;
		height:20px;
		width: 20px;
		overflow: hidden;
	}
		.search-form .search-field::-webkit-input-placeholder {  color: transparent; }
		header .search-form .search-field, 
		.search-form .search-field {
			width: 20px;
			height: 20px;
			line-height: 20px;
			border: 0;
			background: transparent url(images/icon-search-white.png) no-repeat center center;
			color: #000;
			border-radius: 3px;
			font-size: 15px;
			cursor: pointer;
			-webkit-appearance: none;
			transition: all 0.5s ease 0s;
			float: right;
			outline: none;
		}
			#shiftnav-toggle-main .search-form .search-field{
				background-image: url(images/icon-search-white.png);
				background-repeat: no-repeat;
			}

			/*header .search-responsive{ margin-top: 20px; }*/
				/*.search-responsive .search-form .search-field:focus{ background: #fff; }*/
				/* .search-responsive .search-form .search-field:focus + input{ display: block;  } */

			.search-form .search-field:focus,
			#shiftnav-toggle-main .search-form .search-field:focus {
				width: 156px;
				background: #f6f3f1;
				color: #2c2c2c;
				cursor: initial;
			}
			.search-form .search-field:focus::-webkit-input-placeholder {
				color: #444;
				font-size: 13px;
			}


ul.social-icons{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	ul.social-icons li{
		margin: 0 4px;
		padding: 0;
		display: inline-block;
		zoom:1;
	}
	.social-icon{
		display: block;
		width: 21px;
		height: 20px;
		background-image: url(images/icon-social.png)!important;
		background-repeat: no-repeat;
		background-position: top left;
	}
	.social-icon.icon-facebook{
		background-position: 0px 0px;
	}
		.social-icon.icon-facebook:hover{
			background-position: 0px -20px;
		}
	.social-icon.icon-twitter{
		background-position: -21px 0px;
	}
		.social-icon.icon-twitter:hover{
			background-position: -21px -20px;
		}
	.social-icon.icon-youtube{
		background-position: -42px 0px;
	}
		.social-icon.icon-youtube:hover{
			background-position: -42px -20px;
		}
	.social-icon.icon-email{
		background-position: -63px -40px;
		margin: 0 auto;
	}
	.social-icon.icon-email-white{
		background-position: -63px 0px;
	}
		a:hover .icon-email, a:hover .icon-email-white{
			background-position: -63px -20px;
		}

/*-------- HOME */

.main-container .content{
	padding: 20px 0 30px 0;
    width: 70%;
    margin: 0 auto;
}
	.content .content-large{
		font-size: 20px;
    	margin: 0 auto;
    	width: 80%;
		margin:0 auto;
	}

.profile-caption {
    text-align: center;
    position: relative;
    top: 40%;
    font-size: 30px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 3px;
    font-weight: bold;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
}

	.profile-caption .btn a{
		font-size: 14px;
    	padding: 0.5em 1.5em;
    	border-width: 2px;
	}

.infosession-inner{
	padding: 30px 0;
	color: #fff;
	font-size: 18px;
	letter-spacing: 1px;
	text-align: center;
}
	.infosession-content{
		width: 70%;
		margin: 0 auto;
	}
		.infosession-content h2{
			color: inherit;
			margin: 22px 0;
		}

.services-inner{
	padding: 30px 0;
}
	.services-content{
		text-align: center;
		position: relative;
	}
	.service-check{
		font-size: 18px;
		line-height: 1.2em;
		width: 33%;
		float: left;
	}
		.service-checks .service-check:nth-child(3n+4){
			clear:left;
		}
		.service-check-inner{
			width: 90%;
			margin: 1em auto;
			text-align: left;
		}
			.check-icon{
				float: left;
				padding-right: 16px;
			}
			.check-text{
				overflow: hidden;
			}

.about-inner{
	padding: 30px 0 50px 0;
}
	.about-content{
		text-align: center;
		position: relative;
	}
		.about-features{
			width: 92%;
    		margin: 0 auto;
    		clear:both;
		}
			.about-feature{
				width: 20%;
				float: left;
			}
			.about-feature-inner{
				width: 96%;
				margin: 2% auto;
			}
		.about-readmore{
			clear: both;
			padding-top: 30px;
			text-transform: uppercase;
			font-size: 14px;
			font-weight: bold;
			letter-spacing: 1px;
		}

.services-banner{
	max-height: 320px;
	overflow: hidden;
}
.services-banner img{
	display: block;
	margin:0 auto;
	width: 100%;
	/*max-width: 1400px;*/
}

.map-container{
	height:320px;
	overflow: hidden;
	position: relative;
}
	.map-container #oasis-map{
		height:inherit;
		width:100%;
		/*max-width:1400px;*/
		margin:0 auto;
	}

	.map-container #oasis-info{
		position: absolute;
		z-index: 2;
		background: #a8238b;
		color:#fff;
		width: 190px;
		padding: 5px 18px;
		top:20%;
		box-shadow: 5px 3px 5px 0px rgba(0,0,0,0.3);
		left: 40%;
		/*left: 50%;
    	margin-left: -266px;*/
	}
		#oasis-info.hide{
			display: none;
		}

		.oasis-info-inner{
			margin-top: 10px;
			width: 170px;
			font-size: 14px;
			line-height: 1.4em;
			/*font-weight: 300;*/
		}
		.oasis-info-inner p{
			margin: 10px 0;
		}
		.oasis-info-inner img{
    		float: left;
    		margin-right: 10px;
		}
		.oasis-info-inner h3{
			font-size: 18px;
			font-weight: 400;
			color: #fff;
			overflow: hidden;
    		margin: 0;
    		line-height: 28px;
		}
		.oasis-info-inner a.map-directions{
			font-size: 12px;
		    text-transform: uppercase;
		    cursor: pointer;
		    border: 1px solid #fff;
		    padding: 6px 8px 4px 8px;
		    letter-spacing: 0.5px;
		}
		.oasis-info-inner a.map-directions:hover{
			background-color: #731472;
		}


/*-------- PAGE */
	.half-left{
		width: 50%;
		min-height:1px;
		float:left;
		position: relative;
		overflow: hidden;
	}

	.profile-content .half-left{
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top right;
		height: inherit;
	}
		.profile-content .half-left.right{
			background-position: top left;
		}
		
	.profile-content .inner.profile-inner{
		width:100%;
		height:inherit;
		position: absolute;
		top: 0;
	}
		.profile-content .profile-inner .videobtn{
			width: 143px;
    		margin: 0 auto;
    		overflow: hidden;
    		position: relative;
		}
			.profile-content .profile-inner .videobtn img{
				max-width: initial;
   				width: initial;
    			position: relative;
			}
			.profile-content .profile-inner .videobtn:hover img{
				left:-143px;
			}
			@media only screen and (max-width : 768px) {

				.profile-content .profile-inner .videobtn{ width: 72px; }
					.profile-content .profile-inner .videobtn img{ max-width: 143px; width: 143px; }
					.profile-content .profile-inner .videobtn:hover img{ left:-72px; }
			}


	/*without sidebar*/
	.page-content{
		width: 100%;
		padding-bottom: 50px;
	}
		.page-content .content{
			padding: 40px 0;
			min-height: 360px;
		}

	/*with sidebar*/
	.content-container{
		width: 75%;
		float: left;
		padding-bottom: 50px;
	}
		.content-container .content{
			padding: 40px 0;
			min-height: 360px;
			margin-right: 80px;
		}
	.sidebar-container{
		width: 25%;
		float: left;
	}
		.sidebar-container .sidebar{
			padding: 40px 0;
		}

	/**----WHAT WE DO ------------------------**/

	.whatwedo_about-features{
		width: 100%;
	}
		.whatwedo_about-feature{
			/*width: 18%;*/
			display: inline-block;
			*display: inline; zoom:1;
			vertical-align: top;
			width: 180px;
			padding: 0 20px;
		}
			.whatwedo_about-feature-inner{
				margin: 1em auto;
				width: inherit;
			}
				.whatwedo_about-feature .whatwedo-icon{
					height: 80px;
					padding-top: 10px;
				}
					.whatwedo_about-feature .whatwedo-icon img{}
				.whatwedo_about-feature .whatwedo-label{
					width: 90%;
					margin: 0 auto;
				}
					.whatwedo_about-feature .whatwedo-label h3{
						text-transform: uppercase;
					    font-size: 1.1em;
					    color: inherit;
					    letter-spacing: 1px;
					    line-height: 1.4em;
					}
				.whatwedo_about-feature .whatwedo-desc{
					/*background: #f6f3f1;*/
					background: #a8228c; 
					color: #fff;
					width: inherit;
					border-radius: 4px;
					font-size: 15px;
				}
					.whatwedo_about-feature .whatwedo-desc-inner{
						padding: 1.2em 0.9em;
    					line-height: 1.2em;
    					min-height: 4em; /* 1.2*3 + 0.4 */
					}
						.whatwedo_about-feature .whatwedo-desc-inner br{
							line-height: 1.8em;
						}

	.whatwedo_services, 
	.howwedoit_packages{
		margin-top: 36px;
	}
		.whatwedo_service{
			/*height: 250px;*/
			/*width: 370px;*/
			height: 185px;
			width: 274px;
			max-width: 100%;
			display: inline-block;
			*display:inline;zoom:1;
			margin: 12px auto 0 auto;
			padding: 0 6px;
		}
		.howwedoit_package{
			height: 250px;
			width: 370px;
			max-width: 100%;
			display: inline-block;
			*display:inline;zoom:1;
			margin: 12px auto 0 auto;
			padding: 0 6px;
		}
			.whatwedo_service-inner, 
			.howwedoit_package-inner{
				background-color: #fff;
				background-repeat: no-repeat;
				background-size: cover;
				height: inherit;
				width: inherit;
				display: table-cell;
    			vertical-align: middle;
			}
				.whatwedo_service .whatwedo_service-label h3, 
				.howwedoit_package .howwedoit_package-label h3{
					color: #fff;
					font-size: 34px;
					letter-spacing: 3px;
					font-weight: bold;
					margin-bottom: 0;
					text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.5);
				}
					.howwedoit_package .howwedoit_package-label h3{
						font-size: 39px;
						line-height: 1.3em;
					}

					.whatwedo_service .whatwedo_service-label,
					.howwedoit_package .howwedoit_package-label{
						height: inherit;
					    width: inherit;
					    display: table-cell;
					    vertical-align: middle;
					}
					.whatwedo_service a.whatwedo_service-label:hover,
					.howwedoit_package a.howwedoit_package-label:hover{
						background-color: rgba(0,0,0,0.3);
					}

	/**----HOW WE DO IT -----------------------------------**/

	.howwedoit_about-inner{
		padding: 0 0 40px 0;
	}

	.howwedoit_step-div{
		display: inline-block;
		*display: inline; zoom:1;
		vertical-align: top;
		height: 140px;
		width: 70px;
		margin: 0 10px;
		background: url(images/icon-next-2.png) no-repeat center center;
	}
	



	.howwedoit_infographics{
		white-space: nowrap;
		width: 100%;
		position: relative;
		margin-top: 40px;
	}
		.howwedoit_infographics.sections-2 .howwedoit_info{ width: 50%; }
		.howwedoit_infographics.sections-3 .howwedoit_info{ width: 33%; }
		.howwedoit_infographics.sections-4 .howwedoit_info{ width: 25%; }

		.howwedoit_info{
			white-space: normal;
			display: inline-block;
			*display: inline; zoom:1;
			vertical-align: top;
			position: relative;
			margin: 0 auto;
		}
			.howwedoit_info-inner{ padding: 0 30px; }
				/*.howwedoit_info:first-of-type .howwedoit_info-inner{padding-left: 0;}
				.howwedoit_info:last-of-type .howwedoit_info-inner{padding-right: 0;}*/
						
				.howwedoit_info h3{
					text-transform: uppercase;
					color: #a52989;
					font-size: 22px;
					font-weight: bold;
					width: 88%;
					margin: 1em auto;
				}
				.howwedoit_info h4{
					color: #762464;
					font-size: 19px;
					font-weight: bold;
				}		


				.howwedoit_info-content{ font-size: 17px; }
					.howwedoit_info-content p{
						padding: 0.8em 1em;
					    background: #a52989;
					    border-radius: 6px;
					    color: #fff;
					}
						.howwedoit_info-content p a{ color: inherit; height: inherit;display: block; }
							.howwedoit_info-content p a:hover{ color: inherit; }

						.block-info-1 .howwedoit_info-content p{ background: #b74797; }
						.block-info-2 .howwedoit_info-content p{ background: #a52989; }
						.block-info-3 .howwedoit_info-content p{ background: #8a2a75; }
						.block-info-4 .howwedoit_info-content p{ /*background: #a52989;*/background: #762464; }
				.howwedoit_info-caption{ 
					margin-top: 2em;
					text-align: left; 
				}

		.howwedoit_info-div{
			/*background: url(images/icon-next-1.png) no-repeat center center;*/
		    /*height: 230px;*/
		    width: 17px;
		    position: absolute;
		    right: 0;
		    /*top: 20px;*/
		    margin-right: -10px;
		    background: url(images/icon-next-1.png) no-repeat bottom 40px center;
    		height: 190px;
    		top: 0;
		}
				/*
				.howwedoit_info-div:before,.howwedoit_info-div:after {
				    content: '';
				    border-left: 2px dashed #702970;
				    display: block;
				    width: 1px;
				    height: 100px;
				    position: absolute;
				    margin-left: 7px;
				}
					.howwedoit_info-div:before{ top:0; }
					.howwedoit_info-div:after { bottom: 0; }	
				*/			


	.howwedoit_quote-inner{
		padding: 20px 0 40px 0;
	}
		.howwedoit_quote-icon{
			background: url(images/icon-quote-open.png) no-repeat top center;
			background-size: contain;
			height: 38px;
			/*width: 49px;*/
			width: 100%;
			margin: 20px auto;
		}
		.howwedoit_quote-content{
			width: 70%;
		    margin: 0 auto;
		}
		.howwedoit_quote,
		.howwedoit_quote_sign{
			color: #a8238b;
		    font-size: 28px;
		    font-style: italic;
		    font-weight: 300;
		}
			.howwedoit_quote_sign{
				font-size: 20px;
			}

			.howwedoit_quote {
			  quotes: "\201C""\201D""\2018""\2019";
			  margin-left: 0;
			  margin-top: 10px;
			  font-weight: 400;
			}
			.howwedoit_quote p:before {
			    content: open-quote;
			    font-size: 2em;
			    line-height: 0.1em;
			    color: #a8238b;
			    margin-right: 0.2em;
			    vertical-align: -0.2em;
			}
			.howwedoit_quote p:after {
			    content: close-quote;
			    font-size: 2em;
			    line-height: 0.1em;
			    color: #a8238b;
			    margin-left: 0.1em;
			    vertical-align: -0.2em;
			}
		

	.down-arrow-white {
		width: 0; 
		height: 0; 
		margin: 0 auto;
		border-left: 24px solid transparent;
		border-right: 24px solid transparent;
		border-top: 24px solid #fff;
	}

	.howwedoit_benefits-inner{
		padding: 1em 0 40px 0;
	}
	.howwedoit_benefits-content{ position: relative; }
	.benefit-check{
		font-size: 20px;
		line-height: 1.2em;
		width: 50%;
		float: left;
	}
		.benefits-checks .benefit-check:nth-child(2n+3){
			clear:left;
		}
		.benefit-check-inner{
			width: 85%;
			margin: 1em auto;
			text-align: left;
		}
			.dot-icon{
				float: left;
				padding: 0 20px;
			}
			.dot-text{
				overflow: hidden;
			}

	/**---- Meet our team -----------------------------------**/

	.photo-grid{
		margin-top: 50px;
	}

	.profile-tile{
		display: inline-block;
		*display: inline;zoom:1;
		width: 340px;
		height: 300px;
		position: relative;
	}
		.profile-photo{
			display: table-cell;
			vertical-align: middle;
			width: inherit;
			height: inherit;
			color: rgba(255,255,255,0);
			background-color: #f6f3f1;
			background-position: top center, center center;
			background-repeat: no-repeat;
			background-size: cover, auto;
			transition: all 0.5s;
		}

		.profile-photo.profile-image{
			position: absolute;
		    top: 0;
		    left: 0;
		}
		.profile-photo.profile-text{
			background: transparent;
    		position: relative;
		}
			.content .profile-photo h2{
				color: inherit;
				margin-top: 1.5em;
				margin-bottom: 16px;
			} 
			.content .profile-photo h3{
				color: inherit;
				font-size: 24px;
				margin: 16px 0 10px 0;
			}
			.content .profile-photo .btn a{ 
				transition: background-color 0.5s; 
			}
				.content .profile-photo .btn a:hover{
					color: #fff;
				}

			.profile-photo.profile-text:hover{
				color: #fff;
				background: rgba(0,0,0,0.3);
   				transition: all 0.5s;
			}

	/**---- PAGE gallery/slider -----------------------------------**/

	.work_gallery-container{
		width: 90%;
		margin: 2em auto 0 auto;
		position: relative;
	}
	.work_gallery{}
	.gallery-slide{
		width: 100%;
		background: #f6f3f1;
		border-radius: 30px;
		padding: 30px 0;
		position: relative;
	}
		.gallery-slide .slide-img{
			display: inline-block;
			*display:inline; zoom:1;
			margin: 0 1%;
			width: 42%;
			background: rgba(0,0,0,0.6);
			position: relative;
		}
			.gallery-slide img{
				display: block;
				mix-blend-mode: multiply;
			}	
								
			.gallery-slide .slide-img:not(:hover).slide-img-before:after,
			.gallery-slide .slide-img:not(:hover).slide-img-after:after{
				position: absolute;
			    top: 40%;
			    left: 25%;
			    right: 25%;
			    text-align: center;
			    color: #fff;
			    font-size: 38px;
			    letter-spacing: 1px;
			}
				.gallery-slide .slide-img:not(:hover).slide-img-before:after{
					content: ' Before ';
				}
				.gallery-slide .slide-img:not(:hover).slide-img-after:after{
					content: ' After ';
				}
			.gallery-slide .slide-img:hover{
				background: rgba(255,255,255,1);
			}
	.work_gallery-pager{
		font-size: 56px;
	    line-height: 30px;
	    color: #494a4a;
	    
	}
		.work_gallery-pager span{
			margin: 0 6px;
		}
		.work_gallery-pager span.cycle-pager-active{
			color: #a8228c;
		}

	.work_gallery-nav{
		width: 110%;
	    position: absolute;
	    z-index: 102;
	    left: -5%;
	    top: 40%;
	}
		.work_gallery-nav .cycle-prev{ float: left; }
		.work_gallery-nav .cycle-next{ float: right; }


	/**---------------------------------------**/

/*-------- POSTS / ARTICLES / BLOG */	

.wp-blog .content-container .content{
	margin: 0 13%;
}

.content .article:not(:last-of-type){
	padding-bottom: 40px;
    border-bottom: 1px solid #f6f3f1;
    margin-bottom: 10px;
}
	.content .article h2{
		font-size: 24px;
    	text-transform: uppercase;
    	letter-spacing: 1px
	}
	.content .article-readmore{
		text-transform: uppercase;
	}

	.content .article-date{
	    margin: 1em 0;
	    border-top: 1px solid #f6f3f1;
	    padding-top: 1em;
	    color: #858585;
	    font-size: 0.9em;
	    text-transform: uppercase;
	}

	.content .article-img{}
		.single .content .article-img{
			padding-bottom: 20px;
			border-bottom: 1px solid #f6f3f1;
   			margin-bottom: 20px;
		}

	.content .article-text{}	


	.sidebar .widget{
		padding-top: 20px;
		border-bottom: 1px solid #f6f3f1;
		padding-bottom: 20px;
	}
		.sidebar .widget h3{
			text-transform: uppercase;
			/*padding-bottom: 1em;*/
			/*border-bottom: 1px solid #f6f3f1;*/
		}

	.sidebar .widget_categories{}
		.sidebar .widget_categories ul{ 
			list-style-type: none; padding: 0;margin: 0; 
			/*padding-left: 20px;*/
		}
		.sidebar .widget_categories li{
			display: inline-block;
			zoom:1;
		    margin: 4px;
		    padding: 6px 8px;
		    background: #a8228c;
		    color: #fff;
		    font-size: 0.95em;
		}

	.sidebar .widget_archive{}
		.sidebar .widget_archive ul{ 
			list-style-type: none; padding: 0; margin: 0; 
			font-style: italic;
    		font-weight: 300;
		}
		.sidebar .widget_archive li{
			margin: 1em 0;
		}

	.sidebar .widget_tag_cloud{}
		.sidebar .widget_tag_cloud a{
			padding: 4px;
		}




/*------------------------------------------------------ Gravity/GForms & Form Styles */
.gform_wrapper{
	margin: 2em 0 1em 0!important;
}
.gform_wrapper ul.gform_fields .gfield_label{
	font-size: 1.2em;
    font-weight: 400;
}
	.gform_wrapper ul.gform_fields .gfield_label .gfield_required{
		color: #a8228c;
	}

	.gform_wrapper .left_label input, 
	.gform_wrapper .left_label select, 
	.gform_wrapper .left_label textarea {
		border: 1px solid #d1d1d1;
    	line-height: 1.3em;
	}

	.gform_wrapper input.button, .gform_wrapper input[type=submit]{
		/*font-size: 1em;*/
    	letter-spacing: 1px;
    	padding: 0.8em 1.2em;
    	text-transform: uppercase;
    	color: #fff;
    	background-color: #a8228c;
    	border: 1px solid #a8228c;
    	cursor: pointer;
    	transition: all 0.5s ease 0s;
	}
		.gform_wrapper input.button:hover, .gform_wrapper input[type=submit]:hover{
    		opacity: 0.8;
    		transition: all 0.5s ease 0s;
		}


/** share icons */

.page-shares {
	text-align: center;
}

	.page-shares .share-block {
		display: inline-block;
		margin: 20px 0px 20px 0px;
	}

		.page-shares .share-block a {

		}

		.page-shares .share-block a:hover img {
			opacity: 0.8;
		}

			.page-shares .share-block a img {
				transition: opacity 0.5s;
			}


/*-------- FOOTER */

.footer .fts-jal-fb-header,.feed-facebook-inner a.fts-powered-by-text{ display:none!important; } 

.footer .fts-jal-fb-name{ /*color: #a8238b;*/ color: #fff; }

.footer .fts-jal-fb-group-display{ font-size:14px; } 
.footer .fts-jal-single-fb-post{ border-bottom:0; }

.fts-album-photos-wrap img , .fts-jal-fb-picture img { max-height: 200px; width: auto; }

.footer-contact{ 
	color: #fff;
	font-weight: 300;
	font-size:15px;
}
	.footer-contact .inner{ padding: 16px 0; }
	.footer-contact .half-left{
		display: table-cell;
		height: 34px;
		vertical-align: middle;
	}
	.footer-contact .half-left img{ height: 34px; width: auto; vertical-align: middle;margin-right: 10px; }

	.footer-contact .half-left ul.social-icons li{ height: 34px;}
	.footer-contact .half-left ul.social-icons li a{ height:inherit; display:table-cell; vertical-align:middle;}

	.footer-contact .half-left:nth-child(2n+2){ text-align: right; }


.footer-inner{
	padding: 30px 0;
	color: #fff;
	line-height: 1.3em;
	letter-spacing: 0.5px;
}
	.footer-inner h3, .footer-inner h4{
		color: #fff;
		font-weight: 400;
		margin-top: 0;
	}
		.footer-inner h3{
			line-height: 25px;
		}
		.footer-inner h3.fb-logo{
			text-indent: 36px;
			background: url(images/icon-facebook.png) no-repeat top left;
		}
	.footer-inner p{
		font-weight: 300;
		opacity: 0.9;
		font-size: 14px;
	}
	.footer-inner a:hover{
		color:#a8238b;
	}

	.grid_1_3{
		width: 30%;
		float: left;
		border-right: 1px solid rgba(255,255,255,0.8);
    	margin-right: 3%;
    	padding-right: 3%;
	}
		.feed-facebook-inner{
			width: 90%;
		}
	.grid_2_3{
		width: 60%;
		margin-left: 3%;
		float: left;
	}

	.feed-blog ul{
		list-style-type: none;
		margin:0;
		padding: 0;
	}
		.feed-blog ul li{
			width: 50%;
			float: left;
		}
			.feed-blog-post{
				margin:0;
				width: 85%;
			}
			.feed-blog-date,.readmore{
				color:#a2a2a2;
			}
				.feed-blog-date{
					margin-bottom: 4px;
				}
				.readmore{
					font-style: italic;
				}

/*---------------------------------------------------- Pagination base style */

	.breadcrumbs{
		font-size: 14px;
		line-height: 20px;
	}
		/*current */
		.breadcrumbs > span > span {}
		/*hover */
		.breadcrumbs > span > a:hover{
			color: #731472;
		}

	.pagination{
		margin-top: 30px;
		border-top: 1px solid #f7f7f7;
	    padding-top: 20px; 
		width:100%;
		display: block;
		clear:both;
	}
		.pagination a{
			font-weight: 400;
		}
		.pagination .paged-content{
			margin: 0 40px;
			padding: 12px 0;
		}
		.paged-content .half-left{
			width: 50%;
			text-align: left;
			float:left;
			min-height:1px;
		}
		.paged-content .half-right{
			width: 50%;
			text-align: right;
			float:left;
			min-height:1px;
		}


/*---------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------*/
/*-------------------------------------------------------- RESPONSIVE STYLES */
/*---------------------------------------------------------------------------*/
/* Full width of strip inner */
@media only screen and (max-width : 1400px) {
	.profile-content, .profile-content .half-left{
		height: 500px!important;
	}
		.home .videoWrapper{ height: 500px!important; }
		.profile-caption{ top: 40%; font-size: 26px; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); }

	/*...aligh images better*/
	.profile-content > .half-left{background-position-x: 75%; }
	.profile-content > .half-left.right{ background-position-x: 15%; }
}
@media only screen and (max-width : 1160px) {
	.strip .inner,
	.inner {
		width: 95%;
	}

	header ul#menu-mainnav > li { padding: 0 4px; font-size: 1em; }
	header .search{ padding: 0 26px; }
}

/* iPad width wide */
/*@media only screen and (min-width : 1025px) {
	header .search-responsive{ display: none; }
	header .search-form .search-submit{ display: none; }
}*/
@media only screen and (max-width : 1080px) {

	header ul#menu-mainnav > li > a{ padding: 18px; }
	header .search{ padding: 0 18px; }
	/*header .search-form .search-field:focus{ width:100px; }*/

	.main-container .content, .infosession-content{ width: 90%; }

	.profile-content, .profile-content .half-left{
		height: 440px!important;
	}
		.home .videoWrapper{ height: 440px!important; }
		

	.about-features{ width: 100%; }

	.service-check{ width: 50%; }
		.service-checks .service-check:nth-child(3n+4){ clear:none; }
		.service-checks .service-check:nth-child(2n+3){ clear:left; }


	.benefit-check{ font-size: 18px; }
		.benefit-check-inner{ width: 90%; margin: 0.5em auto;}

	.footer-inner h3{ font-size: 16px; }
	.feed-blog ul li{ width: 100%; }
		.feed-blog-post{ width: 95%; }

}

@media only screen and (max-width : 1000px) {
	.about-feature{ width: auto; float: none; display: inline-block;}
	.content .content-large{ width: 100%;}	
	.divline-oasis{ width: 80%; }

	/*header ul#menu-mainnav > li#menu-item-search{ display: none; }*/
	.search-form .search-field:focus{ width:106px;}
	header .search{ padding: 0 13px; }
	header ul#menu-mainnav > li > a{ padding: 18px 13px; }


	.howwedoit_infographics.sections-2 .howwedoit_info,
	.howwedoit_infographics.sections-3 .howwedoit_info,
	.howwedoit_infographics.sections-4 .howwedoit_info{ 
		display: block; 
		width: 90%; 
	}
		.howwedoit_info-inner{
			/*padding: 30px 0;*/
			padding: 10px 0;
		}
		.howwedoit_info-heading{
			min-height: 0!important;
			height: auto!important;
			padding-bottom: 0!important;
		}
			.howwedoit_info h3{
				width: 100%;
			}
			.howwedoit_info h3 br{ display: none; }

		.howwedoit_info-content p{
			min-height: 0!important;
			height: auto!important;
		}

	.howwedoit_info-div{
		height: 30px;
	    width: 100%;
	    background: url(images/icon-down-1.png) no-repeat center center;
	    bottom: -15px;
	    top: auto;
	    margin-right: 0;
	}
		.howwedoit_info-caption{
			text-align: center;
			margin-top: 0;
		}
		.howwedoit_info-draw_arrow{ display: none; } 
		.howwedoit_info-caption p:empty{ display: none; }
		/*
		.howwedoit_info-div:before,.howwedoit_info-div:after{
			border-left: 0;
		    border-bottom: 2px dashed #702970;
		    height: 1px;
		    width: 40%;
		    margin-left: 0;
		    margin-top: 13px;
		}	
		.howwedoit_info-div:before{ top: auto; left: 0; }
		.howwedoit_info-div:after{ bottom: auto; right: 0; }
		*/
}


/* iPad width narrow  */
/* ps. mobile screen flip somewhere between 640~740px don't fix large divs to top */
@media only screen and (max-width : 768px) {

	.profile-content, .profile-content .half-left{ height: 400px!important; }
	.home .videoWrapper{ height: 400px!important; }

	.howwedoit_package{
		height: 185px;
    	width: 274px;
	}
		.whatwedo_service .whatwedo_service-label h3,
		.howwedoit_package .howwedoit_package-label h3{
			font-size: 34px;
    		text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.8);
		}


	.howwedoit_quote{ font-size: 22px; }

	.benefit-check{ width: 100%;}

	.profile-caption{ font-size: 22px;}
	.profile-caption img{ max-width: 100px; }

	.service-check{ width: 100%; }

	.grid_1_3{
		margin-right: 3%;
    	padding-right: 0;
    	width: 47%;
    	border-right: 0;
	}
	.grid_2_3{ width: 47%; }

}

/*responsive menu switch*/
@media only screen and (min-width: 799px){
	.header.fixed{
		padding-top: 46px;
	}
	.header.fixed .header-contact{
		height: 46px;
		overflow: hidden;
		position: fixed;
		top:0;
	}
	.header-navigation.fixed{
		position: fixed;
		top:46px;
	}
}
@media only screen and (max-width : 800px) {
	.header-contact{display:none;}

	.content-container{ width: 95%; margin: 0 auto;float:none; padding-bottom: 0; }
		.content-container .content{ margin-right: 0px; }
	.sidebar-container{ width: 95%; margin: 0 auto;float:none; }
		.sidebar-container .sidebar{ border-top: 1px solid #eee; }
}

/* Switch to responsive */
@media only screen and (max-width : 760px) {

	.work_gallery-container{
		width: 80%;
	}
		.gallery-slide .slide-img{
			width: auto;
		}
		.work_gallery-nav{
			width: 120%;
			left: -10%;
		}
			.gallery-slide .slide-img{
				margin: 1% 1%;
			}
		

	.grid_1_3{   
		width: 90%;
	    margin: 1em auto;
	    float: none;
	    border-bottom: 1px solid rgba(255,255,255,0.8);
	    padding-bottom: 0.5em;
	}
	.grid_2_3{
		width: 90%;
	    float: none;
	    margin: 1em auto;
	}

	.header-logo .inner{ padding: 20px 0 40px 0; }
	.header-logo a#site-logo{ background-size: contain; width: 80%; }

	.map-container #oasis-info{ left: 20%;}

	.home .videoWrapper.right{ margin-top: 400px; }
	.profile-content{height: auto!important;}
	.profile-content .profile-inner{width: 100%!important;}
	.half-left{  width: 100%!important; text-align: center;float:none; display: block!important;}
		.half-left .social-icons{ text-align: center;height: 21px;}	
}

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

	.header-contact .half-left span{ display: block;margin-bottom: 10px;}
	.footer-contact .half-left:first-child{ margin-bottom: 10px;}
		.footer-contact .half-left img{ margin-left: -23px;}
		.footer-contact .half-left:nth-child(2n+2){text-align: center;}


	.profile-content > .half-left{ background-position-x: 70%; }
	.profile-content > .half-left.right{ background-position-x: 20%; }

	.howwedoit_infographics{ margin-top: 1em; }

	.howwedoit_quote-content{ width: 90%; }

	.benefit-check{ font-size: 1em; }
	.check-icon img{ height: 16px; }

	h1, h2, .content h2{ font-size: 30px; }

	.infosession-inner{ font-size: 1em;}
	
}


/** PRINT ***/
@media print {
	header { display: none; }
	.sidebar { display: none; }
	footer { display: none; }
}