body {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 15px;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Dosis', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0;
	padding: 0
}

	h2, h3 { font-size: 3em }

#main-container { overflow-x: hidden }

a, .main-logo {
	text-decoration: none;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;	
}

.clearboth {
	clear: both;
	display: block;
}

	.clearboth:after {
	   content: " ";
	   visibility: hidden;
	   display: block;
	   height: 0;
	   clear: both;
	}

.main-logo {}

	@media screen and (max-width: 860px){
		.main-logo {
			width: 22%;
			margin: 1%;			
		}
	}

	@media screen and (max-width: 768px){
		.main-logo {
			width: 200px;
			padding: 8px;			
		}
	}

.nav-holder {
	position: fixed;
	width: 100%;
	z-index: 999;
	top: 0;
	left: 0;
	background-color: #fff;
	-webkit-box-shadow: 0 3px 6px -2px #999;
	   -moz-box-shadow: 0 3px 6px -2px #999;
	        box-shadow: 0 3px 6px -2px #999;	
}

.nav {
    width: 100%;
    background-color: #fff;
    padding: 1% 0;
    max-width: 960px;
    margin: 0 auto;
}

	@media screen and (max-width: 768px){
		.nav { padding: 1% 0 0 0 }
		.home-link { display: none !important  }
	}

	.hamburger {
		display: none;
		position: absolute;
		right: 4%;
		top: 10px;		
	}

		.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
			background-color: rgb(0, 110, 170);
		}

	.nav ul {
		float: right;
		list-style-type: none;
		/* padding: 1%; */
	}

		.nav ul li { display: inline-block }

			.nav ul li a {
				color: rgb(0, 110, 170);
				padding: 0 20px;
				font-size: .8em;
				text-transform: uppercase;
			}

				.nav ul li a:hover { color: #ddd }

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

			.hamburger { display: block }

			.nav ul {
				display: none;
				float: none;
				list-style-type: none;
				padding: 5% 0;
				margin: 0;
				text-align: center;
				background-color: rgb(0, 110, 170);	
			}

				.nav ul li {
					width: 100%;
    				padding-bottom: 2%;					
				}
					.nav ul li a {
						padding: 0 5%;
						color: #fff;
						font-weight: bold;
					}
		}				

a.blue-link {
	background-color: rgb(0, 110, 170);
	color: #fff !important;
	border-radius: 4px;
}

.whitetext, .whitetext a { color: #fff !important; text-decoration: none }
.bluetext, .bluetext a { color: rgb(0, 110, 170) !important; text-decoration: none }
.centertext { text-align: center }

.blueBgColor { background-color: rgb(0, 110, 170) !important }

.row { 
	padding: 6% 0;
	position: relative;
}

.container {
	max-width: 960px;
	margin: 0 auto;
}

.desktop_banner { width: 100% }
	@media screen and (max-width: 480px){ .desktop_banner { display: none !important } }

.mobile_banner { display: none }
	@media screen and (max-width: 480px){ .mobile_banner {
		width: 100% !important;
		display: block;
	}
}

/* Ask Doctors */

.askourdoctors {
	/*background: url("../img/green-background_small-icons.png") repeat 0 0;*/
	margin-top: 4.5%;
}
	
	/*.askourdoctors .text, .askourdoctors img { float: left }*/

	.askourdoctors .text {
		margin-top: 6%;
		width: 44%;
		margin-right: 1%;
	}

		.askourdoctors .text h4 {
			font-size: 1.2em;
			font-family: 'Open Sans', sans-serif;
			margin-bottom: 5%;			
		}

		.askourdoctors .text h1 { font-size: 3.5em }

	/*.askourdoctors img { width: 55% }*/

	@media (min-width: 769px) and (max-width: 1000px){
		.askourdoctors .container { margin: 0 5% }
		.askourdoctors img { margin-top: 4% }
	}

	@media screen and (max-width: 768px){
		.askourdoctors { margin-top: 17% }

			.askourdoctors .container { text-align: center }

			.askourdoctors .text {
				margin: 6% 0 10% 0;
				width: 100%;
			}
			/*
			.askourdoctors img {
				width: 60%;
				float: none;				
			}*/
	}

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

		.column {
			width: 94%;
			height: 120px;
			float: left;
			background: #fff;
			box-shadow: 0 0 10px rgb(0 0 0 / 20%);
			padding: 50px 0 103px 0px;
			margin-left: 11px;
			margin-bottom: 17px;
			border-radius: 25px;
		}
		.askourdoctors { margin-top: -35%!important; }

		.askourdoctors .text { margin: 18% 0 10% 0 }

			.askourdoctors .text h1 { font-size: 2em }
	}

/* Download the app */

.downloadtheapp {
	max-width: 960px;
	margin: 0 auto;
}
	
	#overlay, #video {
		display: none;
		position: absolute;
		width: 100%;	
	}

	#overlay {
		background-color: #000;
		opacity: 0.8;
		z-index: 997;
		top: 0;
		left: 0;
		height: 100%;
	}

	#video { 
		z-index: 998;
		top: 10%;
		max-width: 640px;
		left: 50%;
		margin-left: -320px; 
	}

		@media screen and (max-width: 660px){
			#video {
				left: 0;
				margin: 0; 
			}
		}

	.downloadtheapp h3 {
		width: 375px;
    	line-height: 1em;
	}

	.downloadtheapp .hdlogopil {
		float: left;
		margin-right: 6%;
	}

	.downloadtheapp .text { float: left }

		.downloadtheapp .text .social-icons { margin: 10% 0 2% 0 }
			.downloadtheapp .text .social-icons img:first-child { margin-right: 6% }

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

		.downloadtheapp {
			text-align: center;
			margin: 0 5%;
		}

		.downloadtheapp .hdlogopil {
			float: none;
			margin-right: 5.5%;
			width: 40%;			
		}

		.downloadtheapp .hdlogopil, .downloadtheapp .text { float: none }	

		.downloadtheapp h3 {
			width: inherit;
			line-height: 1em;			
		}	

		.downloadtheapp .text .social-icons img:first-child { margin-right: 0 }
	}

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

		.downloadtheapp .hdlogopil { width: 55% }
		.downloadtheapp h3 { font-size: 1.8em }
	}		
	
	.columns {
		Width: 100%;
		}
		
		@media (min-width: 48em) {
		  .column {
		    width: 32%;
			height: 120px;
			float: left;
			background: #fff;
			box-shadow: 0 0 10px rgb(0 0 0 / 20%);
			padding: 74px 0 120px 0px;
			margin-left: 11px;
			border-radius: 25px;
		}
		  }
		
		  @font-face {
		  font-family: WhitneyBold;
		  src: url(../fonts/whitneybold.otf);
		}

		@font-face {
			font-family: Whitney;
			src: url(../fonts/whitneybook.otf);
		  }
		  .columns {
			content: "";
			display: table;
			clear: both;
			text-align: center;
		  }
		
		  .text_align_centre{
			text-align: center;
		  }
		  .text_align_centre_h2{
		  text-align: center;
			padding: 25px;
			font: WhitneyBold;
		}
		
		.text_align_centre_h4{
			text-align: center;
			padding: 50px;
			font-family: Whitney;
			color: #000;
			font-size: 26px;
			text-transform: none;
		}
		
		.h4_new{
			font-weight: normal;
			font-size: 22px;
			/* font-weight: 600; */
			font-family: 'Whitney';
			text-transform: none;
			color: #000;
		}
        
		.wbold{
			font-family: WhitneyBold;
		}

		.black_text{
			color: #000;
			text-transform: none;
			text-align: center;
			font-family: WhitneyBold;
			padding-bottom: 40px;
		}
		.button_hd_new {
			border-radius: 24px;
			border-style: solid;
			padding: 0 15px;
			border-width: 1px;
			width: 224px;
			height: 29px;
			color: #f00;
			background-color: #fff;
			border-color: #d3d3d3;
		}

		.button_hd_new a{color: #f00!important;}

/* Choose Healthy */

.choosehealthy-bg {
	background: url("../img/choose_healthy_background.png") no-repeat 0 0;
	background-size: cover;
}

.choosehealthy {
	max-width: 1280px;
	margin: 0 auto;
}
	
	.choosehealthy .services { margin: 5% 0 }

		.choosehealthy .services .service {
			float: left;
			width: 33%;
			padding-top: 170px;
		}

			@media screen and (max-width: 768px){
				.choosehealthy .services .service { 
					width: 50%;
					padding-top: 140px;
					margin-bottom: 6%;
					min-height: 160px;
				}
			}

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

				.choosehealthy-bg { background: rgb(0, 110, 170)  }

					.choosehealthy .services .service {
						float: none;
						width: 90%;
						margin: 0 5% 6% 5%;		
					}

				.choosehealthy h2 { font-size: 2.5em }
			}			

			.choosehealthy .services .service h5 {
				margin: 2% 0 5% 0;
				font-size: 1.3em;
				font-family: 'Open Sans', sans-serif;
				text-transform: none;
			}		

			.choosehealthy .services .service p {
				width: 80%;
				margin: 0 10%;				
			}

	.choosehealthy .bottomtext {}

		@media screen and (max-width: 480px){
			.choosehealthy .bottomtext { margin: 0 3% }
		}

		.choosehealthy .bottomtext h4 {
			text-transform: none;
			font-size: 2em;
			margin-bottom: 2%;			
		}

.ttad { background: url("../img/TALK_ICON.png") no-repeat top center; }
.tad { background: url("../img/TEXT_ICON.png") no-repeat top center; }
.ttac { background: url("../img/Counsellor_ICON.png") no-repeat top center; }
.ht { background: url("../img/HealthTipsICON.png") no-repeat top center; }
.sc { background: url("../img/SYMPTOM_ICON.png") no-repeat top center; }

.giveitatry { margin-bottom: 5%  }
	
	@media screen and (max-width: 480px){
		.giveitatry { margin: 12% 0 }
	}

	.giveitatry a {
		display: inline-block;
		text-transform: uppercase;
		text-align: center;
		border: 3px solid #fff;
		padding: 15px 30px;
		font-weight: bold;
		background-color: rgb(0, 110, 170);
	}

		.giveitatry a:hover {
			background-color: #fff;
			color: rgb(0, 110, 170) !important;
		}

/* Our Blog */

.ourblog {
	max-width: 960px;
	margin: 0 auto;
	position: relative;
}

	.ourblog .gallery {
		display: inline-block;
		max-width: 470px;
		padding-right: 6%;
		height: 313px;
		overflow: hidden;
	}

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

			.ourblog { padding-top: 0 }

				.ourblog .gallery {
					display: block;
					padding: 0;
					margin: 0 auto;
					max-width: 100%;
				}

					.ourblog .gallery img { width: 100% }
		}

		@media screen and (max-width: 480px){
			.ourblog .gallery { height: 210px }
		}

		.ourblog p { margin-bottom: 25px }

		.ourblog a {
			display: inline-block;
			text-transform: uppercase;
			text-align: center;
			border: 3px solid rgb(0, 110, 170);
			padding: 10px 20px;
			font-weight: bold;
		}

			.ourblog a:hover {
				background-color: rgb(0, 110, 170);
				color: #fff !important;
			}

	.ourblog .our-blog-text {
		position: absolute;
		display: inline-block;	
	}

		@media screen and (max-width: 768px){
			.ourblog .our-blog-text {
				position: static;
				display: block;
    			margin: 5% 8%;				
			}
		}	

/* Engage with Us */

.engagewithus {
	background: url("../img/socialmedia_background.png") no-repeat 0 0;
	background-size: cover;
	padding: 7% 0 10% 0;
}
	
	.engagewithus h5 {
		margin: 2% 0 5% 0;
		font-size: 1.5em;
		font-family: 'Open Sans', sans-serif;
		text-transform: none;
		font-weight: normal;
	}

		@media screen and (max-width: 480px){
			.engagewithus h2 { font-size: 2em }
			.engagewithus h5 {
				margin: 5%;
				font-size: 1em;
			}
		}

	.engagewithus .social-icons {
		max-width: 960px;
		margin: 0 auto;
	}

		.engagewithus .social-icons .item {
			float: left;
			width: 33%
		}

			.engagewithus .social-icons .item a {
				padding-top: 100px;
				display: inline-block;
				font-weight: bold;					
			}

		.facebook { background: url("../img/facebook_icon.png") no-repeat top center }
		.twitter { background: url("../img/twitter_icon.png") no-repeat top center }
		.youtube { background: url("../img/youtube_icon.png") no-repeat top center }

/* Footer */

.footer {
	padding: 5% 0;
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	text-align: center;
}

	.footer a {
		text-transform: uppercase;
		text-align: center;
		font-size: 13px;
		padding: 0 2%;
		font-weight: bold;
	}

	.topshadow {
		-webkit-box-shadow: 0px -1px 8px #999;
		-moz-box-shadow:    0px -1px 8px #999;
		box-shadow:         0px -1px 8px #999;		
	}
	
	@media screen and (max-width: 810px){
		.footer a { padding: 0 1.3%; }
	}

	@media screen and (max-width: 620px){
		.footer a {
			padding: 2% 4%;
    		display: block;
    	}
	}

/* ===================== CONTACT US PAGE ===================== */

.getintouch-header {
	margin-top: 70px;
	text-align: center;
	padding: 5% 0 3% 0 !important;
}

.getintouch {
	padding: 4%;
	text-align: center;
}

	.getintouch h4, .getintouch-header h4 {
		text-transform: none;
    	font-size: 2em;
	}

	.getintouch p {
		width: 75%;
    	margin: 4% auto;
    	font-size: 15px;
	}

		.getintouch .text p strong { font-style: italic }

	.getintouch .email { background: url("../img/contact_Email_ICON.png") no-repeat top center }	
	.getintouch .phone { background: url("../img/contact_Phone_Icon_v2.png") no-repeat top center }
	.getintouch .whatsapp { background: url("../img/contact_Whatsapp_Icon.png") no-repeat top center }

	.getintouch .contact-options .item {
		width: 20%;
		padding-top: 140px;
		display: inline-block;
	}

	.getintouch .contact-options .item strong {}

	@media screen and (max-width: 620px){
		.getintouch .contact-options .item {
			float: none;
			width: 90%;
			margin: 5%;
		}
	}

	@media screen and (max-width: 480px){
		.getintouch h4 { font-size: 2em }
		.getintouch p { font-size: 1em }
	}

	.contact_bubble {
		margin-left: 8%;
		width: 100%;
		max-width: 175px;		
	}
		@media screen and (max-width: 900px){
			.contact_bubble { margin-left: 0 }
		}

		@media screen and (max-width: 600px){
			.contact_bubble { display: none }
		}

	.contact_text {
		float: right;
		width: 70%;
	}

		.contact_text h4 {
			font-size: 2em;
			text-transform: none;
		}

		@media screen and (max-width: 600px){
			.contact_text {
				float: none;
				width: 80%;
				margin: 0 10%;
				text-align: center;
			}

			.contact_text p { text-align: center }
		}	

		.contact_text .inner_content { width: 75% }

			@media screen and (max-width: 480px){
				.contact_text .inner_content {
					margin: 0 auto;
					padding: 5% 0;
				}
			}

.map { background-color: rgb(0, 110, 170) }

	.map .map-inner {
		max-width: 960px;
		margin: 0 auto;
	}

	.map .text, .map .google-map { float: left}

	.map .google-map {
		width: 60%;
		overflow: hidden; 
	}

	.map .text {
		width: 35%;
		text-align: center;
	}

		.map .text .address { margin-top: 30px }

		.map .text h3 {
			background: url("../img/contact_Physical_Address_Icon.png") no-repeat top center;
			font-size: 2em;
			text-transform: none;
			padding-top: 125px;
		}

		.map .text span { display: block }


		@media screen and (max-width: 620px){
			.map .text, .map .google-map, .map .google-map img { 
				float: none;
				width: 90%;
				margin: 0 5%;
			}		

			.map .text .address { margin-bottom: 30px }	
		}	

		@media screen and (max-width: 480px){
			.map .google-map { display: none }
			.map .text { margin-top: 5%  }
			.map .text .address { margin: 5% 0 }	
		}


/* ===================== PARTNERS PAGE ===================== */

.partners { position: relative }

	.partners img { width: 100% }

	.partners h4 { font-size: 3em }

.partners-row {
	max-width: 960px;
	margin: 0 auto;
}

	.partners-row .item {
		float: left;
		width: 30%;
		text-align: center;
		margin: 1.5%;
	}

		.partners-row .item p {
			font-size: 0.8em;
			color: rgb(0, 110, 170);
			position: relative;
    		top: 15px;
		}

		.partners-row .item .part-img { height: 90px }
		.partners-row .item .carecross { height: 115px !important }

			.partners-row .item .part-img .momentum { top: 32px }
			.partners-row .item .part-img .metropol { top: 10px }
			.partners-row .item .part-img .medici { top: 16px }
			.partners-row .item .part-img img { position: relative }


		@media screen and (max-width: 700px){
			.partners-row .item {
				width: 90%;
				margin: 5%;
			}

			.partners-row .item .part-img { height: auto }
				.partners-row .item .part-img .momentum { top: 0 }
				.partners-row .item .part-img .metropol { top: 0 }
				.partners-row .item .part-img .medici { top: 0 }			
		}

/* ===================== ABOUT US PAGE ===================== */

.meet-hd {
	background-color: #4db848;
	padding-top: 200px;
}

	.meet-hd .meet-hd-inner {
		max-width: 1000px;
		margin: 0 auto;
	}

	.meet-hd .text {
		float: left;
		width: 50%;
		margin-top: 15px;
	}

		.meet-hd .text h4 {
			font-size: 3.2em;
			font-family: 'Dosis';
			text-transform: none;
			margin-bottom: 5%;
		}

		.meet-hd .text p {
			line-height: 1.5em;
			font-size: 16px;			
		}

	.meet-hd .phone-bg {
		float: right;
		width: 48%;
	}		

	@media (min-width: 621px) and (max-width: 1000px){
		.meet-hd { padding-top: 90px }
		.meet-hd .meet-hd-inner { margin: 0 5% }
		.meet-hd .phone-bg { margin-top: 40px  }
	}

	@media screen and (max-width: 620px){
		
		.meet-hd { padding-top: 110px }

		.meet-hd .text {
			float: none;
			width: 90%;
			margin: 0 5%;
			text-align: center;			
		}

		.meet-hd .text p { font-size: 15px }

		.meet-hd .phone-bg {
			float: none;
			width: 50%;
			margin: 5% 25%;
		}
	}

	@media screen and (max-width: 480px){
		.meet-hd .text h4 { font-size: 2em }
		.meet-hd .phone-bg {
			float: none;
			width: 90%;
			margin: 5%;
		}		
	}

.hd-founded { text-align: center; }

	.hd-founded h2 { text-transform: none; }

	.hd-founded .principles {
		max-width: 1100px;
		margin: 0 auto;
	}

		.hd-founded p { font-size: 1.8em }

		.hd-founded .principles .item {
			float: left;
			width: 33%;
			padding-top: 155px;
			margin: 3% 0;
			font-family: 'Dosis';
			font-weight: 700;
			font-size: 1.6em;
		}

		.hd-founded .principles .personalised { background: url("../img/Personalised_Icon_solid.png") no-repeat top center;  }
		.hd-founded .principles .affordable { background: url("../img/Affordable_Icon_solid.png") no-repeat top center;  }
		.hd-founded .principles .accessible { background: url("../img/Accessible_Icon_solid.png") no-repeat top center;  }

		@media screen and (max-width: 620px){
			.hd-founded { margin: 0 5% }
		}

		@media screen and (max-width: 480px){
			
			.hd-founded h2 { font-size: 2.2em }

			.hd-founded p { font-size: 1.2em }

			.hd-founded .principles .item {
				float: none;
				width: 100%;
				margin-bottom: 10%;
				font-size: 1.2em;
			}
		}

.doctor-on-call {
	background: url("../img/quote_background.png") no-repeat 0 0;
	background-size: cover; 
}

	.doctor-on-call p {
		font-size: 3.5em;
		font-family: 'Dosis';
		font-weight: 700;
	    margin-left: 6%;
	    padding: 2% 0;		
	}

		@media screen and (max-width:768px){
			.doctor-on-call .desktop-break { display: none }
		}

.we-provide { background-color: rgb(0, 110, 170)  }
	
	.we-provide .we-provide-inner {
		max-width: 1100px;
		margin: 0 auto;
	}

	.we-provide .text {
		font-size: 2.8em;
		font-family: 'Dosis';
		float: left;
		width: 300px;
	}

		.we-provide .text strong { font-weight: 700 }

	.we-provide .rhs-items {
		float: right;
		text-align: center;
		width: 65%;
	}

		.we-provide .rhs-items .item {
			float: left;
			width: 45%;
			padding-top: 150px;
		}

			.we-provide .rhs-items .item h4 {
				text-transform: none;
				font-size: 1.6em;
				font-family: 'Dosis';
				font-weight: 700;
			}

	.we-provide .he { background: url("../img/Health-Education-Icon.png") no-repeat top center }
	.we-provide .da { background: url("../img/Doctor_Access_Icon.png") no-repeat top center }


	@media screen and (max-width: 960px){
		.we-provide .we-provide-inner { margin: 0 5% }
		.we-provide .text { width: 30% }
	}

	@media screen and (max-width: 768px){
		
		.we-provide .text, .we-provide .rhs-items {
			float: none; 
			width: 100%;
		}

		.we-provide .text {
			font-size: 2.4em;
			text-align: center;
			margin-bottom: 5%
		}

		.we-provide .rhs-items .item {
			width: 50%;
			margin-top: 4%;
		}

	}

	@media screen and (max-width: 479px){
		.we-provide .rhs-items .item {
			width: 100%;
			float: none;
			margin-top: 12%
		}		
	}

/* ================= Wordpress built-in classes ================= */

#post-area {
	max-width: 960px;
	margin: 100px auto 0 auto;
}
	
	#post-area h1 { margin-bottom: 40px }

	@media screen and (max-width: 960px){
		#post-area { margin: 100px 5% 0 5% }
	}

/* ================= OFFICE CLOSED notice ================= */

.office-closed {
	background-color: red;
	color: white;
	padding: 10px;
    width: 70%;
    margin: 0 auto 3%;
    display: none;
}

/* ===================== PARTNERS PAGE PAGINATION ===================== */

#partners-paginate a {
    background-color: #333333!important;
    background-repeat: no-repeat;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    padding: 11px 13px 10px 13px!important;
    background-position: -21px center;
    position: relative;
    text-transform: capitalize;
	text-decoration: none;
    transition: all 0.2s linear 0s;
    border-radius: 2px 2px 2px 2px;
    font-family: 'Open Sans';
    font-weight: 600;
	font-size: 12px;
    line-height: 11px;
}
#partners-paginate a.active, #partners-paginate a:hover {
    background-color: #196da6!important;
}
#partners-paginate { text-align: center; margin: 3%; }