@charset "utf-8";

/* CSS Document */







p, li {

	font-size: 10pt;

	 font-family: "Inter", sans-serif;

  font-optical-sizing: auto;

  font-weight: 400;

  font-style: normal;

	  line-height: 1.6;



	

	

}



h1 {

	font-size: 30pt;

	 font-family: "Inter", sans-serif;

  font-optical-sizing: auto;

  font-weight: 400;

  font-style: normal;

	

	margin-bottom: 0px;



	

}



h2 {

	font-size: 20pt;

	 font-family: "Inter", sans-serif;

  font-optical-sizing: auto;

  font-weight: 400;

  font-style: normal;	

	color: #fbba21;



}



h3 {

	font-size: 15pt;

	 font-family: "Inter", sans-serif;

  font-optical-sizing: auto;

  font-weight: 400;

  font-style: normal;	

	color: white;
	color: #fbba21;

	

	margin-top: 0px;

}


h4 {

	font-size: 13pt;

	 font-family: "Inter", sans-serif;

  font-optical-sizing: auto;

  font-weight: 400;

  font-style: normal;	

	color: white;
	color: #fbba21;

	

	margin-top: 0px;

}





a:link {

  text-decoration: none;
  border-bottom:1px dotted white;

	color: white;

}



a:visited {

  text-decoration: none;

		color: white;



}



a:hover {

  text-decoration: none;

		color: white;



}



a:active {

  text-decoration: none;

		color: white;



}





li::marker {

  color: #fbba21;

}





















/* Media query for Mobile devices and tablets*/

@media only screen and (min-width : 250px) and (max-width : 719px) {



body {

  background-color: #2e2d2c;;

	margin-top: 0px;

}		

	



	

	

	

	.wrapper {

	background-color: #2e2d2c;

	width: 96%;

	height: auto;

	margin-left: auto;

	margin-right: auto;

	min-width: 350px;

	max-width: 719px;

				position: relative;



}





.btn {

display: none;



	

	

}



/* Darker background on mouse-over */

.btn:hover {

display: none;

	}

	

.btn_2 {

display: none;



	

	

}

	

	

	

/* Darker background on mouse-over */

.btn_2:hover {

display: none;

	}

	



	

.dropbtn_b {

display: none;



}



.dropdown_b {

display: none;





}











.dropdown-content_b {

display: none;



}









.dropdown-content_b a {

display: none;



}



.dropdown-content_b a:hover {

display: none;

	}



.dropdown_b:hover .dropdown-content_b {

display: none;

}



.dropdown_b:hover .dropbtn_b {

display: none;

}			

	

	

	

	

	

	

	

	

	

	

	

	



.logo {

	background-color: none;

	width: 96.5%;

	height: 140px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	padding-top: 48px;

}



	

.main_image {

	width: 100%;

	height: 140px;

	background-color: none;

	background-image: url("../images/faz_logo_main.png");

	background-size: auto 100%;

	background-position: center top;

	background-repeat: no-repeat;

}		



.logo_click {

	height: 140px;

	margin-left: auto;

	margin-right: auto;	

	width: 190px;

}	

	

.logo_click {

	height: 140px;

	margin-left: auto;

	margin-right: auto;	

	width: 190px;

}	

	

	

	

	

	

	

	

	

	

	

	

.sub_header_mobile {

	background-color: none;

	width: 75%;

	height: 38px;

	margin-left: auto;

	margin-right: auto;

	border-style: solid;

	border-width: 1px;

	border-color: #fbba21;	

	text-align: center;

	margin-top: 15px;

	margin-bottom: 15px;

}		

	

.sub_header_mobile p {

	color: #fbba21;

	line-height: 12px;

	font-style: italic;

}			

	

	

	

	

	

	

	

	

	

	

.category_blocks {

	background-color: none;

	width: 96.5%;

	height: 420px;

	margin-left: auto;

	margin-right: auto;

	border-top-style: solid;

	border-top-width: 2px;

	border-color: #4a4a49;

	

	padding-top: 25px;

}







.cat_1 {

	width: 49.5%;

	height: 200px;

	background-color: #3c3c3b;

	float: left;

	margin-top: 3%;

}



.cat_2 {

	width: 49.5%;

	height: 200px;

	background-color: #3c3c3b;

	float: left;

	margin-left: 1%;

	margin-top: 3%;

}



.cat_3 {

	width: 49.5%;

	height: 200px;

	background-color: #3c3c3b;

	float: left;

	margin-top: 1%;	

}



.cat_4 {

	width: 49.5%;

	height: 200px;

	background-color: #3c3c3b;

	float: left;

	margin-left: 1%;

	margin-top: 1%;	

}





.cat_1_circle {

	height: 130px;

	width: 130px;

	margin-left: auto;

	margin-right: auto;

	border-style: solid;

	border-color: #4a4a49;	

	margin-top: 30px;

	border-radius: 110px;

				border-width: 2px;



}



.cat_2_circle {

	height: 130px;

	width: 130px;

	margin-left: auto;

	margin-right: auto;

	border-style: solid;

	border-color: #4a4a49;	

	margin-top: 30px;

	border-radius: 110px;

				border-width: 2px;



	

}



.cat_3_circle {

	height: 130px;

	width: 130px;

	margin-left: auto;

	margin-right: auto;

	border-style: solid;

	border-color: #4a4a49;	

	margin-top: 30px;

	border-radius: 110px;

				border-width: 2px;



	

}



.cat_4_circle {

	height: 130px;

	width: 130px;

	margin-left: auto;

	margin-right: auto;

	border-style: solid;

	border-color: #4a4a49;	

	margin-top: 30px;

	border-radius: 110px;

				border-width: 2px;



	

}





	

.icon_1 {

	width: 100%;

	height: 80px;

	background-color: none;

	background-image: url("../images/Icon_gynaecology.png");	

	background-repeat: no-repeat;	

	background-position: center;

	background-size: 60% auto;

	margin-top: 5px;

	background-position-y: 15px;		

}	

	

.icon_2 {

	width: 100%;

	height: 80px;

	background-color: none;

	background-image: url("../images/Operations.png");

	background-repeat: no-repeat;	

	background-position: center;

	background-size: 60% auto;

	margin-top: 5px;

	background-position-y: 12px;		

}		

	

.icon_3 {

	width: 100%;

	height: 80px;

	background-color: none;

	background-image: url("../images/Icon_rapid_access_clinic.png");

	background-repeat: no-repeat;	

	background-position: center;

	background-size: 60% auto;

	margin-top: 5px;

	background-position-y: 9px;		

}		

	

.icon_4 {

	width: 100%;

	height: 80px;

	background-color: none;

	background-image: url("../images/Pregnancy_ultrasound.png");

	background-repeat: no-repeat;	

	background-position: center;

	background-size: 60% auto;

	margin-top: 5px;

	background-position-y: 16px;		

}		

	

	



.icon_text_1 {

	width: 100%;

	height: 40px;

	color: white;	

	text-align: center;	

}



.icon_text_1 p {

	font-size: 7pt;

	line-height: 8pt;

}	

	

	

.icon_text_2 {

	width: 100%;

	height: 40px;

	color: white;	

	text-align: center;			

}	

	

.icon_text_2 p {

	font-size: 7pt;

	line-height: 8pt;

}		

	

	

.icon_text_3 {

	width: 100%;

	height: 40px;

	color: white;	

	text-align: center;		

}	

	

.icon_text_3 p {

	font-size: 7pt;

	line-height: 8pt;

}	

	

	

.icon_text_4 {

	width: 100%;

	height: 40px;

	color: white;	

	text-align: center;		

}	

	

.icon_text_4 p {

	font-size: 7pt;

	line-height: 8pt;

}		

	



	



	

	

	

	





	

	

.docify {

	display: none;	



		

}	

	

.docify_mobile {

	width: 96.5%;

	height: auto;

	background-color: #c3e7fd;

	margin-top: 5px;

	margin-right: auto;

	margin-left: auto;	

	

}	

	

		

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

.sub_nav_and_title {

	background-color: none;

	

	width: 100%;

	margin-right: auto;

	margin-left: auto;

	height: 160px;

	

position: relative;

	margin-top: 10px;

	

	

}			

	

	

	

	

	

.sub_nav {

	width: 96.5%;

	height: auto;

	margin-left: auto;

	margin-right: auto;	

	

		background-color: none;

	

}



	



	

.sub_nav_title {

	text-align: center;

	color: #fbba21;

	font-weight: 300;

	background-color: none;

	position: absolute;

	height: 160px;

	width: 96.5%;

	margin-top: 0px;

}



.sub_nav_title h2 {

	font-size: 25px;

	

}	

	

	

.sub_nav_button {

	width: 90%;

	margin-right: auto;

	margin-left: auto;	

	padding-top: 120px;

	

}		

	

	



	

	



.text {

	width: 96.5%;

	height: auto;

	background-color: none;

	margin-left: auto;

	margin-right: auto;	

	color: white;

	margin-top: 40px;

}

	

	

.text p {

		

	font-size: 16px;	



		

	}		

	



	



	

	

.btn-default {

  padding: 12px 16px; /* Some padding */

	width: 100%;

	margin-top: 17px;

  background-color: #3c3c3b;

  color: white;

  cursor: pointer;

	border-radius: 45px;

		height: 55px;

	  transition: 0.3s;

	border-width: 1px;

font-size: 15pt;

	 font-family: "Inter", sans-serif;

  font-optical-sizing: auto;

  font-weight: 300;

  font-style: normal;	

	border-style: solid;

	border-color: #4a4a49;		

}



/* Darker background on mouse-over */

.btn-default:hover {

background-color: #2e2d2c;

	color: #fbba21;

	  transition: 0.3s;

	border-color: #fbba21;

}		

	

	

	

	

	



.footer_bar {

	background-color: orange;

	width: 96.5%;

	height: 4px;

	margin-top: 5%;

	margin-left: auto;

	margin-right: auto;

}



.footer_text {

color: #4a4a49;

	text-align: center;

}





.footer_text p {

	font-size: 16px;	

}





































/* Style the navigation menu */

.topnav {

  overflow: hidden;

  background-color: #2e2d2c;

		opacity: 0.97;

	border-radius: 10px;

	

	position: fixed !important;

width: 96%;	

	z-index: 999;



	

	

}



/* Hide the links inside the navigation menu (except for logo/home) */

.topnav #myLinks {

  display: none;

}



/* Style navigation menu links */

.topnav a {

  color: #4a4a49;

  padding: 14px 16px;

  text-decoration: none;

  display: block;

text-align: center;	

	text-decoration-color: white;

	

	line-height: 13px;

	

	 font-family: "Inter", sans-serif;

  font-optical-sizing: auto;

  font-weight: 300;

  font-style: normal;		  

	

	transition: 0.3s;

	

	

	

}



/* Style the hamburger menu */

.topnav a.icon {

  background: #2e2d2c;

  display: block;

  position: absolute;

  right: 0;

  top: 0;

	

		  transition: 0.3s;

}



/* Add a grey background color on mouse-over */

.topnav a:hover {

	color: #fbba21;

	background-color: #2e2d2c;

	

		  transition: 0.3s;

	

	

	

}



/* Style the active link (or home/logo) */

.active {

  

	min-height: 48px;

				  transition: 0.3s;



		

}





#myLinks {

	

	background-color: #2e2d2c;

  color: white;

	min-height: 73px;

			  transition: 0.3s;





}



	

#myLinks a {

	

	color: white;

		font-size: 15pt;





}	

	

	

#myLinks a:hover {

	

	color: #fbba21;

	background-color: #3c3c3b;

	

		  transition: 0.3s;



}





























/* Dropdown Button */

.dropbtn {

  background-color: #3c3c3b;

  color: white;

  padding: 16px;

  cursor: pointer;

	width: 100%;

	border-radius: 45px;

		height: 60px;

	  transition: 0.3s;

	border-width: 2px;



	font-family: "Inter", sans-serif;

  font-optical-sizing: auto;

  font-weight: 300;

  font-style: normal;	

	border-style: solid;

	border-color: #4a4a49;	





}

	

	#some_id {

		

		font-size: 15pt;

		

	}	

	

	#myDropdown a {

		

		font-size: 12pt;

		line-height: 19pt;

	

		

		

	}

	

	

	



.dropbtn:hover, .dropbtn:focus {

		background-color: #2e2d2c;

	color: #fbba21;

	  transition: 0.3s;

	border-color: #fbba21;



}



.dropdown {

  position: relative;

width: 100%;



}





	

.dropdown-content {

  display: none;

  position: absolute;

  background-color: #2e2d2c;

  min-width: 100%;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  z-index: 1;

	opacity: 0.97;

	border-radius: 10px;

	

	overflow: hidden;

}



.dropdown-content a {

  color: white;

  padding: 12px 16px;

  text-decoration: none;

  display: block;

	text-align: center;

	

	 font-family: "Inter", sans-serif;

  font-optical-sizing: auto;

  font-weight: 300;

  font-style: normal;

	transition: 0.3s;

	

	line-height: 45px;

}



.dropdown a:hover {

transition: 0.3s;



	background-color: #3c3c3b;

	color: #fbba21;	

	}



.show {display: block;}









	

	

	

	

	

	

	

	







}

























/* Media query for Mobile devices and tablets*/

@media only screen and (min-width : 720px) and (max-width : 1280px) {



body {

  background-color: #2e2d2c;

	margin-top: 0px;

}		

	

	

	.wrapper {

	background-color: #2e2d2c;

	width: 96%;

	height: auto;

	margin-left: auto;

	margin-right: auto;

	min-width: 720px;

	max-width: 1280px;

		

		position: relative;

}





.btn {

display: none;

}



/* Darker background on mouse-over */

.btn:hover {

display: none;

	}

	

.btn_2 {

display: none;

}

	



/* Darker background on mouse-over */

.btn_2:hover {

display: none;

	}	

	

.dropbtn_b {

display: none;

}



.dropdown_b {

display: none;

}



.dropdown-content_b {

display: none;

}

.dropdown-content_b a {

display: none;

}



.dropdown-content_b a:hover {

display: none;

	}



.dropdown_b:hover .dropdown-content_b {

display: none;

}



.dropdown_b:hover .dropbtn_b {

display: none;

}		

	

	

	

	

	

	



	

	

	

	



.logo {

	background-color: none;

	width: 96.5%;

	height: 220px;

	margin-left: auto;

	margin-right: auto;

	position: relative;

	padding-top: 77px;

}



	

.main_image {

	width: 100%;

	height: 220px;

	background-color: none;

	background-image: url("../images/faz_logo_main.png");

	background-size: auto 100%;

	background-position: center top;

	background-repeat: no-repeat;	

}		



.logo_click {

	height: 210px;

	margin-left: auto;

	margin-right: auto;	

	width: 290px;

}	

	

	

.logo_click {

	height: 210px;

	margin-left: auto;

	margin-right: auto;	

	width: 290px;

}			

	

	

	

	

	

.sub_header_mobile {

	background-color: none;

	width: 75%;

	height: 50px;

	margin-left: auto;

	margin-right: auto;

	border-style: solid;

	border-width: 1px;

	border-color: #fbba21;	

	text-align: center;

	margin-top: 25px;

	margin-bottom: 25px;

}		

	

.sub_header_mobile p {

	color: #fbba21;

	line-height: 9px;

	font-style: italic;

	font-size: 20px;

}		

	

	

	

	

	

	

	

.category_blocks {

	background-color: none;

	width: 96.5%;

	height: 560px;	

	margin-left: auto;

	margin-right: auto;

	border-top-style: solid;

	border-top-width: 2px;

	border-color: #4a4a49;

	

	padding-top: 25px;

	

	

}





.cat_1 {

	width: 49.5%;

	height: 260px;

	background-color: #3c3c3b;

	float: left;

	margin-top: 3%;

}



.cat_2 {

	width: 49.5%;

	height: 260px;

	background-color: #3c3c3b;

	float: left;

	margin-left: 1%;

	margin-top: 3%;

}



.cat_3 {

	width: 49.5%;

	height: 260px;

	background-color: #3c3c3b;

	float: left;

	margin-top: 1%;	

}



.cat_4 {

	width: 49.5%;

	height: 260px;

	background-color: #3c3c3b;

	float: left;

	margin-left: 1%;

	margin-top: 1%;	

}





.cat_1_circle {

	height: 220px;

	width: 220px;

	margin-left: auto;

	margin-right: auto;

	border-style: solid;

	border-color: #4a4a49;	

	margin-top: 18px;

	border-radius: 110px;

			border-width: 2px;



}



.cat_2_circle {

	height: 220px;

	width: 220px;

	margin-left: auto;

	margin-right: auto;

	border-style: solid;

	border-color: #4a4a49;	

	margin-top: 18px;

	border-radius: 110px;

			border-width: 2px;



}



.cat_3_circle {

	height: 220px;

	width: 220px;

	margin-left: auto;

	margin-right: auto;

	border-style: solid;

	border-color: #4a4a49;	

	margin-top: 18px;

	border-radius: 110px;

			border-width: 2px;



}



.cat_4_circle {

	height: 220px;

	width: 220px;

	margin-left: auto;

	margin-right: auto;

	border-style: solid;

	border-color: #4a4a49;	

	margin-top: 18px;

	border-radius: 110px;

			border-width: 2px;



}





	

	



	

.icon_1 {

	width: 100%;

	height: 150px;

	background-color: none;

	background-image: url("../images/Icon_gynaecology.png");	

	background-repeat: no-repeat;	

	background-position: center;

	background-size: 70% auto;

	margin-top: 5px;

	background-position-y: 15px;		

}	

	

.icon_2 {

	width: 100%;

	height: 150px;

	background-color: none;

	background-image: url("../images/Operations.png");

	background-repeat: no-repeat;	

	background-position: center;

	background-size: 70% auto;

	margin-top: 5px;

	background-position-y: 12px;		

}		

	

.icon_3 {

	width: 100%;

	height: 150px;

	background-color: none;

	background-image: url("../images/Icon_rapid_access_clinic.png");

	background-repeat: no-repeat;	

	background-position: center;

	background-size: 70% auto;

	margin-top: 5px;

	background-position-y: 9px;		

}		

	

.icon_4 {

	width: 100%;

	height: 150px;

	background-color: none;

	background-image: url("../images/Pregnancy_ultrasound.png");

	background-repeat: no-repeat;	

	background-position: center;

	background-size: 70% auto;

	margin-top: 5px;

	background-position-y: 16px;		

}		

	

	



.icon_text_1 {

	width: 100%;

	height: 40px;

	color: white;	

	text-align: center;	

}



.icon_text_1 p {

	font-size: 10pt;

	line-height: 12pt;

}	

	

	

.icon_text_2 {

	width: 100%;

	height: 40px;

	color: white;	

	text-align: center;			

}	

	

.icon_text_2 p {

	font-size: 10pt;

	line-height: 12pt;

}		

	

	

.icon_text_3 {

	width: 100%;

	height: 40px;

	color: white;	

	text-align: center;		

}	

	

.icon_text_3 p {

	font-size: 10pt;

	line-height: 12pt;

}	

	

	

.icon_text_4 {

	width: 100%;

	height: 40px;

	color: white;	

	text-align: center;		

}	

	

.icon_text_4 p {

	font-size: 10pt;

	line-height: 12pt;

}		

	



	

	

	





	

	

.docify {

	display: none;	



		

}	

	

.docify_mobile {

	width: 96.5%;

	max-width: 719px;

	height: auto;

	background-color: #c3e7fd;

	margin-top: 5px;

	margin-right: auto;

	margin-left: auto;	

	

}

	

	



	

	

	

	

	

	

.sub_nav_and_title {

	background-color: none;

	

	width: 100%;

	margin-right: auto;

	margin-left: auto;

	height: 160px;

	

position: relative;

	margin-top: 10px;

	

	

}			

	

	

	

	

	

.sub_nav {

	width: 96.5%;

	height: auto;

	margin-left: auto;

	margin-right: auto;	

	

		background-color: none;

	

}



	



	

.sub_nav_title {

	text-align: center;

	color: #fbba21;

	font-weight: 300;

	background-color: none;

	position: absolute;

	height: 160px;

	width: 96.5%;

	margin-top: 0px;

}

	

.sub_nav_title h3 {

		font-size: 20pt;



}	

	

	

	

	

	

	



.sub_nav_title h2 {

	font-size: 45px;

	

}	

	

	

.sub_nav_button {

	width: 90%;

	margin-right: auto;

	margin-left: auto;	

	padding-top: 120px;

	

}		

	

	







	

	

	



.text {

	width: 96.5%;

	height: auto;

	background-color: none;

	margin-left: auto;

	margin-right: auto;	

	color: white;

	

}

	

	

.text p {

		

	font-size: 24px;	

		

	}	

	





	

	

.btn-default {

  padding: 12px 16px; /* Some padding */

	width: 100%;

	margin-top: 17px;

  background-color: #3c3c3b;

  color: white;

  cursor: pointer;

	border-radius: 45px;

		height: 55px;

	  transition: 0.3s;

	border-width: 1px;

font-size: 15pt;

	 font-family: "Inter", sans-serif;

  font-optical-sizing: auto;

  font-weight: 300;

  font-style: normal;	

	border-style: solid;

	border-color: #4a4a49;		

}



/* Darker background on mouse-over */

.btn-default:hover {

background-color: #2e2d2c;

	color: #fbba21;

	  transition: 0.3s;

	border-color: #fbba21;

}		

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	



.footer_bar {

	background-color: orange;

	width: 96.5%;

	height: 6px;

	margin-top: 5%;

	margin-left: auto;

	margin-right: auto;

}



.footer_text {

color: #4a4a49;

	text-align: center;

}





.footer_text p {

	font-size: 24px;	

}



	

	

	

	

	

	































/* Style the navigation menu */

.topnav {

  overflow: hidden;

  background-color: #2e2d2c;

		opacity: 0.97;

	border-radius: 10px;



	position: fixed !important;

width: 94.5%;	

	z-index: 999;



	

	

}



/* Hide the links inside the navigation menu (except for logo/home) */

.topnav #myLinks {

  display: none;

}



/* Style navigation menu links */

.topnav a {

  color: #4a4a49;

  padding: 14px 16px;

  text-decoration: none;

  display: block;

text-align: center;	

	text-decoration-color: white;

	

	

	font-size: 30pt;

	 font-family: "Inter", sans-serif;

  font-optical-sizing: auto;

  font-weight: 300;

  font-style: normal;		  

	

	transition: 0.3s;



	

	

	

}



/* Style the hamburger menu */

.topnav a.icon {

  background: #2e2d2c;

  display: block;

  position: absolute;

  right: 0;

  top: 0;

	

		  transition: 0.3s;

	

	



}



/* Add a grey background color on mouse-over */

.topnav a:hover {

	color: #fbba21;

	background-color: #2e2d2c;

	

		  transition: 0.3s;



	

	

}



/* Style the active link (or home/logo) */

.active {

  

	min-height: 77px;

				  transition: 0.3s;



}





#myLinks {

	

	background-color: #2e2d2c;

  color: white;

	min-height: 73px;

			  transition: 0.3s;



}



	

#myLinks a {

	

	color: white;

		font-size: 16pt;

	

	line-height: 12pt;

	

	





}		

	

	

	

#myLinks a:hover {

	

	color: #fbba21;

	background-color: #3c3c3b;

	

		  transition: 0.3s;

	

}



































/* Dropdown Button */

.dropbtn {

  background-color: #3c3c3b;

  color: white;

  padding: 16px;

  cursor: pointer;

	width: 100%;

	border-radius: 45px;

		height: 80px;

	  transition: 0.3s;

	border-width: 2px;





font-size: 25pt;

	 font-family: "Inter", sans-serif;

  font-optical-sizing: auto;

  font-weight: 300;

  font-style: normal;	

	border-style: solid;

	border-color: #4a4a49;	

		



}



.dropbtn:hover, .dropbtn:focus {

		background-color: #2e2d2c;

	color: #fbba21;

	  transition: 0.3s;

	border-color: #fbba21;



}



.dropdown {

  position: relative;

width: 100%;

	

}



.dropdown-content {

  display: none;

  position: absolute;

  background-color: #2e2d2c;

  min-width: 100%;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  z-index: 1;

	opacity: 0.97;

	border-radius: 10px;

	

	overflow: hidden;

}



.dropdown-content a {

  color: white;

  padding: 12px 16px;

  text-decoration: none;

  display: block;

	text-align: center;

	

	font-size: 17pt;

	 font-family: "Inter", sans-serif;

  font-optical-sizing: auto;

  font-weight: 300;

  font-style: normal;

	transition: 0.3s;

	

	line-height: 45px;



}



.dropdown a:hover {

transition: 0.3s;



	background-color: #3c3c3b;

	color: #fbba21;

}



.show {display: block;}























}















/* Desktops and laptops  */

@media only screen and (min-width:1281px) {



body {

  background-color: #2e2d2c;

	margin-top: 0px;

}	

	

	

	

	

	

	

	.wrapper {

	background-color: #2e2d2c;

	width: 98%;

	height: auto;

	margin-left: auto;

	margin-right: auto;

	min-width: 1280px;

}



	

	

	

	

.btn {

  background-color: #2e2d2c; /* Blue background */

  border: none; /* Remove borders */

  color: white; /* White text */

  padding: 12px 16px; /* Some padding */

  cursor: pointer; /* Mouse pointer on hover */

	width: 15.5%;

	  transition: 0.3s;



			font-size: 10pt;

	 font-family: "Inter", sans-serif;

  font-optical-sizing: auto;

  font-weight: 400;

  font-style: normal;		

	

}



/* Darker background on mouse-over */

.btn:hover {

	color: #fbba21;

  background-color: none;

	  transition: 0.3s;



			font-size: 10pt;

	 font-family: "Inter", sans-serif;

  font-optical-sizing: auto;

  font-weight: 400;

  font-style: normal;		

	

}



.btn_2 {

  background-color: #2e2d2c; /* Blue background */

  border: none; /* Remove borders */

  color: white; /* White text */

  padding: 12px 16px; /* Some padding */

  cursor: pointer; /* Mouse pointer on hover */

	width: 5%;

	  transition: 0.3s;



			font-size: 10pt;

	 font-family: "Inter", sans-serif;

  font-optical-sizing: auto;

  font-weight: 400;

  font-style: normal;		

	

	

}



/* Darker background on mouse-over */

.btn_2:hover {

	color: #fbba21;

  background-color: none;

	  transition: 0.3s;



			font-size: 10pt;

	 font-family: "Inter", sans-serif;

  font-optical-sizing: auto;

  font-weight: 400;

  font-style: normal;		}







	

	

	



.topnav {

	

	display: none;	



	

}	

	

.active {

	display: none;	

		

		

	}	

	

	

.myLinks {

		display: none;	

		

		

	}	

	

	

.topnav a {

 		display: none;	





	}

	

/* Style the hamburger menu */

.topnav a.icon {

  		display: none;	



}

	

	

	

	

	

	



	

	

	

.dropbtn_b {

  background-color: #2e2d2c; /* Blue background */

  border: none; /* Remove borders */

  color: white; /* White text */

  padding: 12px 16px; /* Some padding */

  cursor: pointer; /* Mouse pointer on hover */

	width: 100%;

	  transition: 0.3s;



			font-size: 10pt;

	 font-family: "Inter", sans-serif;

  font-optical-sizing: auto;

  font-weight: 400;

  font-style: normal;		

}



.dropdown_b {

  display: inline-block;

	width: 15.5%;

	position: relative;

		  transition: 0.3s;





}











.dropdown-content_b {

   background-color: #2e2d2c;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  z-index: 1;

	opacity: 0.97;

	border-radius: 10px;

	

	display: none;

  position: absolute;

  min-width: 100%;

	

	  overflow:hidden;



	

}









.dropdown-content_b a {

  padding: 12px 16px;

	text-align: center;

		opacity: 0.97;

	

	

	color: white;

  text-decoration: none;

  display: block;

		  transition: 0.3s;



	

		font-size: 10pt;

	 font-family: "Inter", sans-serif;

  font-optical-sizing: auto;

  font-weight: 300;

  font-style: normal;

	



}



.dropdown-content_b a:hover {

		  transition: 0.3s;



	background-color: #3c3c3b;

	color: #fbba21;

		opacity: 0.97;

	

	



	

	

	

	}



.dropdown_b:hover .dropdown-content_b {

  display: block;

}



.dropdown_b:hover .dropbtn_b {

	color: #fbba21;

  background-color: none;

	  transition: 0.3s;



			font-size: 10pt;

	 font-family: "Inter", sans-serif;

  font-optical-sizing: auto;

  font-weight: 400;

  font-style: normal;

	

	

	}	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

.sub_header_mobile {

	display: none;			

}		

	

	

	

	

	

	

	

	

	

	

	

.logo_and_cat_blocks {

width: 98%;		

	height: 500px;

		margin-left: auto;

	margin-right: auto;

	

	

	

	}	

	

	

	

.logo {

	background-color: none;

	width: 49.75%;

	height: 500px;

	float: left;

}



	

	

	

	

.main_image {

	width: 100%;

	height: 407px;

	background-color: #3c3c3b;

	background-image: url("../images/faz_logo_main.png");

	background-size: auto 93%;

	background-position: center;

	background-repeat: no-repeat;

}	







	

	

	

	

	

	

.docify {

		width: 100%;

	height: 88px;

	background-color: #c3e7fd;



	margin-top: 5px;

		

}	

	

.docify_mobile {

	display: none;	

	

		

}

	

	

	

	

	

.category_blocks {

	background-color: none;

	width: 49.75%;

	height: 500px;

	float: right;

	margin-top: 0px;

	position: relative;



}	



	

	

	

	

	

	

	

	

	



	

	

	

	

	

	

.cat_1 {

	width: 49.5%;

	height: 49.5%;

	background-color: #3c3c3b;

	float: left;

	margin-top: 0px;

}



.cat_2 {

	width: 49.5%;

	height: 49.5%;

	background-color: #3c3c3b;

	float: left;

	margin-left: 1%;

	margin-top: 0px;

}



.cat_3 {

	width: 49.5%;

	height: 49.5%;

	background-color: #3c3c3b;

	float: left;

	position: absolute;

  bottom: 0;

	

}



.cat_4 {

	width: 49.5%;

	height: 49.5%;

	background-color: #3c3c3b;

		position: absolute;



  right: 0;

	bottom: 0;

	

	}





.cat_1_circle {

	height: 220px;

	width: 220px;

	margin-left: auto;

	margin-right: auto;

	border-style: solid;

	border-color: #4a4a49;	

	margin-top: 12px;

	border-radius: 110px;

	border-width: 1px;

	

}



.cat_2_circle {

	height: 220px;

	width: 220px;

	margin-left: auto;

	margin-right: auto;

	border-style: solid;

	border-color: #4a4a49;	

	margin-top: 12px;

	border-radius: 110px;

		border-width: 1px;



	

}



.cat_3_circle {

	height: 220px;

	width: 220px;

	margin-left: auto;

	margin-right: auto;

	border-style: solid;

	border-color: #4a4a49;	

	margin-top: 12px;

	border-radius: 110px;

		border-width: 1px;



	

}



.cat_4_circle {

	height: 220px;

	width: 220px;

	margin-left: auto;

	margin-right: auto;

	border-style: solid;

	border-color: #4a4a49;	

	margin-top: 12px;

	border-radius: 110px;

		border-width: 1px;



	

}

	

	

	

	

	



	

.icon_1 {

	width: 100%;

	height: 150px;

	background-color: none;

	background-image: url("../images/Icon_gynaecology.png");	

	background-repeat: no-repeat;	

	background-position: center;

	background-size: 70% auto;

	margin-top: 5px;

	background-position-y: 15px;





}	

	

.icon_2 {

	width: 100%;

	height: 150px;

	background-color: none;

	background-image: url("../images/Operations.png");

	background-repeat: no-repeat;	

	background-position: center;

	background-size: 70% auto;

	margin-top: 5px;

	background-position-y: 12px;



			

}		

	

.icon_3 {

	width: 100%;

	height: 150px;

	background-color: none;

	background-image: url("../images/Icon_rapid_access_clinic.png");

	background-repeat: no-repeat;	

	background-position: center;

	background-size: 70% auto;

	margin-top: 5px;

	background-position-y: 9px;



}		

	

.icon_4 {

	width: 100%;

	height: 150px;

	background-color: none;

	background-image: url("../images/Pregnancy_ultrasound.png");

	background-repeat: no-repeat;	

	background-position: center;

	background-size: 70% auto;

	margin-top: 5px;

	background-position-y: 16px;



}		

	

	



.icon_text_1 {

	width: 100%;

	height: 40px;

	color: white;	

	text-align: center;	

}



.icon_text_1 p {

	font-size: 10pt;

	line-height: 12pt;

}	

	

	

.icon_text_2 {

	width: 100%;

	height: 40px;

	color: white;	

	text-align: center;			

}	

	

.icon_text_2 p {

	font-size: 10pt;

	line-height: 12pt;

}		

	

	

.icon_text_3 {

	width: 100%;

	height: 40px;

	color: white;	

	text-align: center;		

}	

	

.icon_text_3 p {

	font-size: 10pt;

	line-height: 12pt;

}	

	

	

.icon_text_4 {

	width: 100%;

	height: 40px;

	color: white;	

	text-align: center;		

}	

	

.icon_text_4 p {

	font-size: 10pt;

	line-height: 12pt;

}		

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

.sub_nav {

	

	width: 100%;

	background-color: none;

	height: 160px;

	float: right;

		border-bottom: solid;

	border-bottom-width: 1px;

	border-color: #4a4a49;



}

	



	



	

	

	

	

	

/* Dropdown Button */

.dropbtn {

  background-color: #3c3c3b;

  color: white;

  padding: 10px;

  cursor: pointer;

	width: 100%;

	border-radius: 45px;

		height: 55px;

	  transition: 0.3s;

	border-width: 1px;





font-size: 15pt;

	 font-family: "Inter", sans-serif;

  font-optical-sizing: auto;

  font-weight: 300;

  font-style: normal;	

	border-style: solid;

	border-color: #4a4a49;	

		



}



.dropbtn:hover, .dropbtn:focus {

		background-color: #2e2d2c;

	color: #fbba21;

	  transition: 0.3s;

	border-color: #fbba21;



}



.dropdown {

  position: relative;

width: 100%;

	

}



.dropdown-content {

  display: none;

  position: absolute;

  background-color: #2e2d2c;

  min-width: 100%;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  z-index: 1;

	opacity: 0.97;

	border-radius: 10px;

	

	overflow: hidden;

}



.dropdown-content a {

  color: white;

  padding: 12px 16px;

  text-decoration: none;

  display: block;

	text-align: center;

	

	font-size: 10pt;

	 font-family: "Inter", sans-serif;

  font-optical-sizing: auto;

  font-weight: 300;

  font-style: normal;

	transition: 0.3s;

	

	line-height: 17px;



}



.dropdown a:hover {

transition: 0.3s;



	background-color: #3c3c3b;

	color: #fbba21;

}



.show {display: block;}



	

	





	



	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

.sub_nav_title {

			text-align: center;

	color: #fbba21;

	  font-weight: 300;







}	

	

	



	

	

	

	



.sub_nav_and_title {

	width: 98%;

	margin-right: auto;

	margin-left: auto;

	height: 160px;

				

}	

	

	



.text {

	width: 98%;

	height: auto;

	background-color: none;

	margin-left: auto;

	margin-right: auto;		

		  column-count: 2;

	column-gap: 60px;

	color: white;

	margin-top: 18px;

	

	

	}



.text p {

	margin-top: 0px;

	

	}	

	





	

	

	

	

	

	

	

.footer_bar {

	background-color: #fbba21;

	width: 98%;

	height: 4px;

	margin-top: 5%;

	margin-left: auto;

	margin-right: auto;

}



.footer_text {

	color: #4a4a49;

	text-align: center;



}

	

	



	

	

.btn-default {

  

  padding: 12px 16px; /* Some padding */

	width: 30%;

	margin-top: 17px;



  background-color: #3c3c3b;

  color: white;

  cursor: pointer;

	border-radius: 45px;

		height: 55px;

	  transition: 0.3s;

	border-width: 1px;





font-size: 15pt;

	 font-family: "Inter", sans-serif;

  font-optical-sizing: auto;

  font-weight: 300;

  font-style: normal;	

	border-style: solid;

	border-color: #4a4a49;		

	

	

	

}



/* Darker background on mouse-over */

.btn-default:hover {

background-color: #2e2d2c;

	color: #fbba21;

	  transition: 0.3s;

	border-color: #fbba21;}	

	

	

	



	



	

	

	

	

	

	.logo_click {

	display: none;

}		

	

	

	

	

	

	

	

	

	

	

	

	

	

.logo_click {

	display: none;

}	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

}