/* ===================================

Template Name : Noon ui kit
Author: Bootstrapthemes

Author link :bootstrapthemes.co
======================================



 */


/*General*/

html {
	width: 100%;
	overflow-x: hidden;
}

body {
	color: #767676;
	-webkit-font-smoothing: antialiased;
	width: 100%;
	font-size:15px;
}

/*==========================================
PRE LOADER 
==========================================*/
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fefefe;
    z-index: 99999;
    height: 100%;
    width: 100%;
    overflow: hidden !important;
}

.loaded {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../images/preloading.gif);
    background-repeat: no-repeat;
    background-position: center;
    -moz-background-size: cover;
    background-size: cover;
    margin: -20px 0 0 -20px;
}
.top-margin {
	margin-top: 96px;
}
.bottom-margin {
	margin-bottom: 96px;
}

p {
	font: normal 16px "Myriad Pro", arial, sans-serif;
}

h1,h2,h3,h4,h5,h6 { color: #767676;}

h1 {
	font-size: 48px;
	line-height: 50px;
	font-weight: 600;
	font-family: "Myriad Pro" , sans-serif;
	text-transform: uppercase;
}

h2 {
	font-size: 40px;
	line-height: 38px;
	font-weight: 600;
	font-family: "Myriad Pro" , sans-serif;
	margin: 0;
}

h3 {
	font-size: 30px;
	line-height: 32px;
	font-weight: 600;
	font-family: "Myriad Pro" , sans-serif;
	text-transform: uppercase;
	margin: 0;
}


h4 {
	font-size: 24px;
	line-height: 26px;
	font-weight: 600;
	font-family: "Myriad Pro" , sans-serif;
	text-transform: uppercase;
	}

h5 {
	font-size: 20px;
	line-height: 22px;
	font-weight: 600;
	font-family: "Myriad Pro" , sans-serif;
	text-transform: uppercase;
	margin: 0;
	text-decoration: none;
}

h6 {
	font-size: 18px;
	line-height: 20px;
	font-weight: 600;
	font-family: "Myriad Pro" , sans-serif;
	margin: 0;
	text-decoration: none;
}

h7 {
	font-size: 18px;
	line-height: 20px;
	font-weight: 600;
	font-family: "Myriad Pro" , sans-serif;
	margin: 0;
	text-decoration: none;
}


h8 {
	font-size: 18px;
	line-height: 20px;
	font-weight: 600;
	font-family: "Myriad Pro" , sans-serif;
	margin: 0;
	text-decoration: none;
}


ul{
	margin:0;
	padding:0;
	list-style:none;
}

a:hover{
	text-decoration:none;
}
.btn {
	border: 1px solid #fff;
	display: inline-block;
	min-width: 160px;
	padding: .9em;
	height: 50px;
	text-align: center;
	color: #fff;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0;
	font-size: 16px;
	font-weight: 300;
}
.btn:hover {
	background-color: #BD9E6F;
	color: #fff;
	text-decoration: none;
}

.pink-btn {
	background: #e0356e;
	border: none;
	margin-left: 10px;
}

.pink-btn:hover {

	background-color: #f79b23;
	color: #fff;
	text-decoration: none;
}

.scrolldown {
	padding-top: 24px;
}

.banner .scroll_btn {
	background: url(../images/scroll.gif) 50% 50% no-repeat rgba(215, 181 ,94, 0);
	border: 2px solid #fff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	display: block;
	height: 45px;
	margin: 42px auto;
	-webkit-transition: all 500ms ease-in-out 0s;
	-moz-transition: all 500ms ease-in-out 0s;
	-ms-transition: all 500ms ease-in-out 0s;
	-0-transition: all 500ms ease-in-out 0s;
	transition: all 500ms ease-in-out 0s;
	width: 45px;
	position:absolute;
	left:50%;
	bottom:0;
}

.banner .scroll_btn:hover {
	background: url(../images/scroll.gif) 50% 50% no-repeat #BD9E6F;
	opacity: .85;
	-moz-opacity: .85;
	-o-opacity: .85;
	-webkit-opacity: .85;
	transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-o-transform: scale(1.3);

}



/* navbar section */
/* EB NOTE: "background-color" and "opacity" This changes the menu bar background when it has scrolled down the page a bit */
.menu-scroll {
    padding-top: 0px;
    padding-bottom: 0px;
    position: fixed;
    top: 0; 
	left: 0; 
	right: 0; 
	z-index: 300;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -webkit-box-shadow: 0 6px 12px transparent; /* EB NOTE: changes background colour of bit above dropdown menu list */
     background-color: #c1c3c3; opacity: 0.9; /* EB NOTE: changes background colour of menu bar */
	color:#ffd600;
	height:77px;
	z-index:9999;
	
}
.menu-scroll .navbar-default .navbar-nav>li>a {
    color: #fff;background-color: #c1c3c3; opacity: 0.9; /* EB NOTE: changes background colour of menu bar items list */
}
.menu-scroll a.logo img{
	color: #fff;
	opacity:1;
	position:relative;
	z-index:999;
}
.menu-scroll a.logo img:hover{
	color:#fff;
	opacity:10;
}

.main_menu_bg{
	
}

/* EB NOTE: "background-color" and "opacity" This changes the menu bar strip background when it is at the top of the screen #c1c3c3 */
.main_menu_bg .navbar-default {
    background-color: transparent; 
    border-color: transparent; 
	transition:.6s; 
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
	color: #bd9e6f;
}
.main_menu_bg .navbar {
    margin-bottom:0px;
}
.container-fluid {
    margin-top: 15px; 
}
.navbar {
    min-height: 70px;
}
.navbar-default .navbar-nav>li>a {
    color: #777;
    text-transform: uppercase;
}

/* EB NOTE: "background-color" and "opacity" This changes the menu bar button background when it is at the top of the screen {e.g. background-color:#c1c3c3; background-opacity: 0.9} */

#home a { text-transform: none; color:black; font-size: 16px; line-height: 70%; font-weight: bolder; font-family: "Myriad Pro" , sans-serif;  }
		#home a:link {color: black; font-weight: bold; }
		#home a:visited {color: black; font-weight: bold;}
		#home a:active {color: black; font-weight: bold; }
		#home a:hover {color: red; font-weight: bold;  }
		#home a:focus {color: black; font-weight: bold; }

#logo img { padding-bottom: 10px; margin-top: 5px; float: left; }


/* Banner section with EB ADJUSTMENTS TO ENSURE BANNER IMAGE FILLS BANNER AREA NO MATTER WHAT SCREEN SIZE*/

.banner{background:url(../images/bannerbg.webp) no-repeat; position:relative; background-color: fuchsia; background-size: cover; }


.main_banner_area{
	padding-top: 150px;
}
.single_banner{}
.single_banner_text{
	margin-top:35%;
}
.single_banner_text h2{
	color:#fff;
	margin-bottom:20px;
}
.single_banner_text p{
	color:#fff;
}

.apps_downlod {
	margin-top:45px;
}
.apps_downlod a:hover{
	opacity:.8;
}

#banner h1 { color: black;; font-size: 20px; line-height: 20px; font-weight: bold; font-family: "Myriad Pro" , sans-serif; text-transform: uppercase; letter-spacing: 0.1px; }
#banner h2 { color: black; font-size: 54px; line-height: 54px; font-weight: bold; font-family: "Myriad Pro" , sans-serif; text-transform: uppercase; }
#banner h3 { color: white; font-size: 30px; line-height: 32px; font-weight: 600; font-family: "Myriad Pro" , sans-serif; text-transform: uppercase; margin: 0; }
#banner h4 { color: white; font-size: 40px; line-height: 38px; font-weight: 600; font-family: "Myriad Pro" , sans-serif; margin: 0; }

/* about section */

#abouts { background-color: #F8F9FB; }

.abouts_content{ padding:50px 0px; overflow:hidden; }



/* EB NOTE: the 15% is the distance from the top of the section that the text section starts */

.single_abouts_img{ }
.single_abouts_text{ margin-top:0%; }

.single_abouts_text h2{ margin-bottom:20px; }


#abouts h3 { font-size: 20px; line-height: 30px; font-weight: 600; font-family: "Myriad Pro" , sans-serif; margin: 0; text-decoration: none; text-transform: none; }



/* Feature section */
.features{
	background:#F8F9FB;
}
.main_features{
	padding:120px 0px;
	overflow:hidden;
}
.single_features_text{
	margin-top:35%;
}



/* works Section */


.main_works{
	padding:120px 0px;
	overflow:hidden;
}

.single_works{
    width: 70%;
    margin: auto;	
}

.single_works_deatels{
	margin-top:20%;
}

.single_works_deatels i{
    color: #BD9E6F;
    font-size: 40px;
    margin-bottom: 10px;
    display: inline-block;
	
}
.single_works_deatels h5{
	margin-top:10px;
	margin-bottom:20px;
}
.single_works_deatels p{}


/* Video Section */
.head_title h2{
	margin-bottom:25px;
}
.head_title p{
	width:45%;
	color:#abacae;
	margin:0 auto;
}

.video_area{
	background:#F8F9FB;
}
.main_video_content{
	padding:100px 0px;
	overflow:hidden;
}
.icon_area{
	background:#000;
	width:60%;
	margin:0 auto;
	padding: 15% 0%;
	margin-top:30px;
	margin-bottom:30px;
}

/* Clients Section */
.main_clients_content{
	padding:100px 0px;
	overflow:hidden;
}
.main_clients{}
.single_clients{
	margin-top:40px;
	display:inline-block;
}
.single_clients p{
	color:#abacae;
	font-size:14px;

}

.clients_details{
	width:100%;
	margin-top:30px;
}
.clients_details .clients_img{
    width: 13%;
    display: inline-block;
    float: left;

	
	
}
.clients_details .clients_name{
    width: 80%;
    display: inline-block;
    float: left;
    padding-top: 2px;
}
.clients_name p{
	margin:0;
}
.clients_name p span{
	font-size:11px;
}


#works h5 { font-size: 24px; line-height: 100%; font-weight: 600; font-family: "Myriad Pro" , sans-serif; margin: 0; text-decoration: none; text-transform: none; text-align: right; }

#works h6 { font-size: 24px; line-height: 100%; font-weight: 600; font-family: "Myriad Pro" , sans-serif; margin: 0; text-decoration: none; text-transform: none; text-align: left; }



/* Customaize Section */
.customiz {background:#F8F9FB; }
.main_customiz{background: url(../images/customiziphone.webp) no-repeat bottom left; height: 550px; margin-top: 100px; }
.single_customiz {background-color: #F8F9FB; opacity: 0.9; padding: 20px; }
.single_customiz h2{color: black; font-size: 24px; text-transform: none; }
.single_customiz h3{color: black; font-size: 5px; line-height: 120%; margin-top: 1px; margin-bottom: 1px; }
.single_customiz h4{color: black; font-size: 10px; line-height: 100%; margin-top: 0px; margin-bottom: 0px; }
.single_customiz a{color: black; font-size: 16px; font-weight: bold; text-decoration: underline; }
.single_customiz p{color: black; font-size: 16px; line-height: 120%; margin-top: 10px; margin-bottom: 1px; }

/* Join Section */

.main_joine_content{
	padding:120px 0px ;
}

.main_joine_content .main_joinus{
	margin-top:50px;
	margin-left:-10px;
}
.main_joine_content .head_title h2{
	color:#bd9e6f;
}
.main_joine_content .main_joinus a{
    border: 1px solid #ABACAE;
    padding: 10px 20px;
    text-align: center;
    color: #ABACAE;
    background: #F8F9FB;
    border-radius: 20px;
    width: 18%;
    display: inline-block;
    margin-left: 10px;
	transition:.6s;
}
.main_joine_content .main_joinus a i{
	color: #ABACAE;
    margin-right: 10px;
    font-size: 22px;
	transition:.6s;	
}
i, i:hover{
	color:#bd9e6f;
}
.main_joine_content .main_joinus a:hover{
	color:#bd9e6f;
	border-color:#bd9e6f;
}
.main_joine_content .main_joinus a:hover i{
	color:#bd9e6f;
}



/* footer Section */

.footer{
	background:#34363a;
    padding: 20px 0px 0px 0px;	
}


.single_footer .form-control {
    font-size: 14px;
    border: 0px solid #ccc;
    border-radius: 4px 0px 0px 4px;
	width:75%;
	display:inline-block;
}
.single_footer .submit_btn{
    background: #bd9e6f;
    border: 0px solid #bd9e6f;
    color: #fff;
    padding: 5px 10px;
    margin-left: -4px;
    border-radius: 0px 4px 4px 0px;
    height: 34px;
    outline: none;
    font-size: 13px;
	
}
.footer .single_footer p{
	display: inline-block;
    font-size: 11px;
    padding-left: 10px;
}
.footer_menu{
	margin-top: 10px; width: 392px; background: #34363a; overflow: visible;
}
.footer_menu ul li{
	display:inline-block; background: #34363a; overflow: hidden; 
}
.footer_menu ul li a{
    display: block;
    color: #abacae;
    font-size: 12px;
    padding: 5px;
}
.footer_menu ul li:hover a{
    color:#bd9e6f;
}

.footer_socail a{
	padding:5px;
}


#footer { }
	#footer h2{text-align: center; color: black; font-size: 20px; font-weight: bold; padding: 5px; }
	#footer h3{text-align: center; color: black; font-size: 16px; line-height: 100%; padding: 10px 0px 0px 10px; }
	#footer p{text-align: center; color: #fff; font-size: 16px; line-height: 80%; padding: 10px 0px 0px 10px; }
	#footer a{text-align: center; color: #fff; font-size: 14px; line-height: 80%; padding: 10px 0px 30px 0px; }
	#footer img{width: 30px; height: 25px;  }


#copyrightbox {background: #34363a; width: 250px; margin-top: 10px; }



/* scrollup */

.scrollup{
	width: 30px;
	height: 30px;
	border-radius: 15px;
	opacity: .3;
	position: fixed;
	bottom: 20px;
	right: 25px;
	color: #fff;
	cursor: pointer;
	background-color: #000;
	z-index: 1000;
	transition: opacity .5s, background-color .5s;
	-moz-transition: opacity .5s, background-color .5s;
	-webkit-transition: opacity .5s, background-color .5s;
}

.scrollup:hover {
	background: #BD9E6F;
	opacity: 1;
}

.scrollup i {
	font-size: 13px;
	position: absolute;
	opacity: 1;
	color: #fff;
	left: 50%;
	top: 50%;
	margin-top: -7px;
	margin-left: -6px;
	text-decoration: none;

}















/* START OF EB ADDITIONS */



/* Medicolegal */
#medicolegal {clear: both; width: 100%; height: 100%; padding: 0% 10% 0% 10%; background-color: #F8F9FB; }
	#medicolegal h2{text-align: left; color: black; font-size: 25px; font-style: normal; font-weight: bold; padding: 5px; }
	#medicolegal h3{text-align: left; color: black; font-size: 20px; font-style: normal; font-weight: bold; padding: 5px; }
	#medicolegal p{text-align: left; color: black; font-size: 20px; font-style: normal; font-weight: bold; padding: 5px; line-height: 150%; }



/* Contact section with contact details on Index page */



/* Contact section with map on Index page */

#contactsectionmap {clear: both; width: 100%; height: 550px; padding: 0px 0px; background-color: #F8F9FB; }
	#contactsectionmap h2{text-align: center; color: black; font-size: 32px; font-style: normal; font-weight: bold; padding: 5px; }
	#contactsectionmap img {width: 80%; height: 500px; float: left; padding-left: 20px; }
	#contactsectionmap p{text-align: center; color: black; font-size: 16px; font-style: normal; font-weight: bold; line-height: 100%; padding: 10px; }

#googlemapwrapper {clear: both; width: 100%; height: 100%; padding: 0px 0px 0px 0px; background-color: #F8F9FB; text-align: center; }


/* Contact section with contact details on Index page */

#contactsectioncontacts1 {background-color: #F8F9FB; overflow: hidden; height: 250px; width: 100%; }
	#contactsectioncontacts1 h2{text-align: center; color: black; font-size: 20px; font-weight: bold; padding: 5px; }
	#contactsectioncontacts1 h3{text-align: center; color: black; font-size: 16px; line-height: 100%; padding: 10px 0px 0px 10px; }
	#contactsectioncontacts1 p{text-align: center; color: black; font-size: 16px; line-height: 80%; padding: 10px 0px 0px 10px; }
	#contactsectioncontacts1 img {width: 60%; height: 60%; padding-left: 40%; }

	#contactsectioncontacts1columnone {width: 32%; height: 100px; float: left; padding-left: 1%; }
	#contactsectioncontacts1columntwo {width: 32%; height: 100px; float: left; padding-left: 1%; }
	#contactsectioncontacts1columnthree {width: 32%; height: 100px; float: right; padding-left: 1%; }


#contactsectioncontacts2 {background-color: #F0F0F0; overflow: hidden; height: 360px; width: 100%; }
	#contactsectioncontacts2 h2{text-align: center; color: black; font-size: 20px; font-weight: bold; padding: 5px; }
	#contactsectioncontacts2 h3{text-align: center; color: black; font-size: 16px; line-height: 100%; padding: 10px 0px 0px 10px; }
	#contactsectioncontacts2 p{text-align: center; color: black; font-size: 16px; line-height: 80%; padding: 10px 0px 0px 10px; }
	#contactsectioncontacts2 img {width: 25%; height: 70%; padding-left: 40%; }

	#contactsectioncontacts2columnone {width: 32%; height: 100px; float: left; padding-left: 1%; }
	#contactsectioncontacts2columntwo {width: 32%; height: 100px; float: left; padding-left: 1%; }
	#contactsectioncontacts2columnthree {width: 32%; height: 100px; float: right; padding-left: 1%; }


#contactsectioncontacts3 {background-color: #F0F0F0; overflow: hidden; height: 250px; width: 100%; }
	#contactsectioncontacts3 h2{text-align: center; color: black; font-size: 20px; font-weight: bold; padding: 5px; }
	#contactsectioncontacts3 h3{text-align: center; color: black; font-size: 16px; line-height: 100%; padding: 10px 0px 0px 10px; }
	#contactsectioncontacts3 p{text-align: center; color: black; font-size: 16px; line-height: 80%; padding: 10px 0px 0px 10px; }
	#contactsectioncontacts3 img {width: 25%; height: 70%; padding-left: 40%; }

	#contactsectioncontacts3columnone {width: 32%; height: 100px; float: left; padding-left: 1%; }
	#contactsectioncontacts3columntwo {width: 32%; height: 100px; float: left; padding-left: 1%; }
	#contactsectioncontacts3columnthree {width: 32%; height: 100px; float: right; padding-left: 1%; }


/* Spacer sections on Index page */

#spacersectionone {clear: both; width: 100%; height: 2px; padding: 0px 0px; background-color: #F8F9FB; }


/* Secretary contacts sections on Index page */
#secretarycontacts {clear: both; width: 100%; height: 100%; padding: 20px 0px 10px 0px; background-color: #f2efef; }
	#secretarycontacts p {text-align: center; color: black; font-size: 28px; font-weight: bold; line-height: 120%; }


/* Title sections */
#titlesections {height: 200px; width: 100%; padding: 150px 0px 10px 0px; background-color: #F8F9FB; }
	#titlesections h1 {font-size: 28px; color: white; text-align: center; }
	#titlesections h2 {font-size: 32px; text-color: black; text-align: center; }
	#titlesections h3 {text-transform: none; font-size: 24px; text-color: black; text-align: center; }
	#titlesections p {font-size: 26px; text-color: black; text-align: center; }

/* Subtitle sections */
#subtitlesections {height: 20%; width: 100%; padding: 0px 0px 0px 0px; background-color: #F8F9FB; }
	#subsubtitlesections {margin-left: 10%; background-color: #F8F9FB; }
	#subsubtitlesections h2 {text-transform: none; font-size: 26px; text-color: black; }
	#subsubtitlesections h3 {text-transform: none; font-size: 20px; text-color: black; }
	#subsubtitlesections p {font-size: 20px; text-color: black; text-align: center; }
	#subsubtitlesections img {height: 4%; width: 4%; }

#subtitlesectionshandandwrist {height: 20%; width: 100%; padding: 0px 0px 0px 0px; background-color: #F8F9FB; }
	#subsubtitlehandandwrist {margin-left: 10%; background-color: #F8F9FB; }
	#subsubtitleshandandwrist h2 {text-transform: none; font-size: 26px; text-color: black; }
	#subsubtitleshandandwrist p {font-size: 20px; text-color: black; text-align: center; }


/* Title sections */
#titlesectionimage {height: 300px; width: 100%; padding: 40px 0px 0px 0px; background-color: #F8F9FB; }
	#titlesectionimage h1 {font-size: 28px; color: white; text-align: center; }
	#titlesectionimage h2 {font-size: 32px; text-color: black; text-align: center; }
	#titlesectionimage h3 {text-transform: none; font-size: 24px; text-color: black; text-align: center; }
	#titlesectionimage p {font-size: 26px; text-color: black; text-align: center; }
	#titlesectionimage img {width: 40%; height:350px; margin: auto, display block; }

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}




/*     FROM MY OLD WEBSITE     */
/* Containers in Leaflets page */


#patientleaflets {clear: both; width: 96%; height: 100%; padding: 2% 2% 0% 2%; background-color: #F8F9FB; }
	#patientleaflets h2{text-align: left; color: black; font-size: 25px; font-style: normal; font-weight: bold; padding: 5px; }
	#patientleaflets h3{text-align: left; color: black; font-size: 20px; font-style: normal; font-weight: bold; padding: 5px; }
	#patientleaflets p{text-align: left; color: black; font-size: 16px; font-style: normal; font-weight: bold; padding: 5px; line-height: 300%; }
	#patientleaflets img{float: left; width: 30px; height:45px; float: left; padding-left: 3%; padding-right: 2%; }

#physioleaflets {clear: both; width: 96%; height: 100%; padding: 2% 2% 0% 2%; background-color: #F8F9FB; }
	#physioleaflets h2{text-align: left; color: black; font-size: 25px; font-style: normal; font-weight: bold; padding: 5px; }
	#physioleaflets h3{text-align: left; color: black; font-size: 20px; font-style: normal; font-weight: bold; padding: 5px; }
	#physioleaflets p{text-align: left; color: black; font-size: 20px; font-style: normal; font-weight: bold; padding: 5px; line-height: 300%; }
	#physioleaflets img{float: right; width: 30px; height: 45px; float: left; padding-left: 3%; padding-right: 2%; }


/* Containers in Appointments page */
#spacersection2 {clear: both; width: 98%; height: 100%; padding: 1% 1% 0% 1%; background-color: #white; }


#makingareferral {clear: both; width: 100%; height: 100%; padding: 0% 10% 0% 10%; background-color: #F0F0F0; }
	#makingareferral h2{text-align: center; color: black; font-size: 32px; font-style: normal; font-weight: bold; padding: 5px; }
	#makingareferral h3{text-align: left; color: black; font-size: 20px; font-style: normal; font-weight: bold; padding: 5px; }
	#makingareferral p{text-align: left; color: black; font-size: 20px; font-style: normal; font-weight: bold; padding: 5px; line-height: 150%; }

#appointmentbypt {clear: both; width: 100%; height: 100%; padding: 0% 10% 0% 10%; background-color: #F0F0F0; }
	#appointmentbypt h2{text-align: left; color: black; font-size: 25px; font-style: normal; font-weight: bold; padding: 5px; }
	#appointmentbypt h3{text-align: left; color: black; font-size: 20px; font-style: normal; font-weight: bold; padding: 5px; }
	#appointmentbypt p{text-align: left; color: black; font-size: 20px; font-style: normal; font-weight: bold; padding: 5px; line-height: 150%; }

#appointmentbygp {clear: both; width: 96%; height: 100%; padding: 0% 10% 0% 10%; background-color: #F0F0F0; }
	#appointmentbygp h2{text-align: left; color: black; font-size: 25px; font-style: normal; font-weight: bold; padding: 5px; }
	#appointmentbygp h3{text-align: left; color: black; font-size: 20px; font-style: normal; font-weight: bold; padding: 5px; }
	#appointmentbygp p{text-align: left; color: black; font-size: 20px; font-style: normal; font-weight: bold; padding: 5px; line-height: 150%; }

#appointmentbyphysio {clear: both; width: 96%; height: 100%; padding: 0% 10% 0% 10%; background-color: #F0F0F0; }
	#appointmentbyphysio h2{text-align: left; color: black; font-size: 25px; font-style: normal; font-weight: bold; padding: 5px; }
	#appointmentbyphysio h3{text-align: left; color: black; font-size: 20px; font-style: normal; font-weight: bold; padding: 5px; }
	#appointmentbyphysio p{text-align: left; color: black; font-size: 20px; font-style: normal; font-weight: bold; padding: 5px; line-height: 150%; }

#whathappens {clear: both; width: 100%; height: 100%; padding: 0% 10% 0% 10%; background-color: #F0F0F0; }
	#whathappens h2{text-align: center; color: black; font-size: 32px; font-style: normal; font-weight: bold; padding: 5px; }
	#whathappens h3{text-align: left; color: black; font-size: 20px; font-style: normal; font-weight: bold; padding: 5px; }
	#whathappens p{text-align: left; color: black; font-size: 20px; font-style: normal; font-weight: bold; padding: 5px; line-height: 150%; }

#whathappenslinton {clear: both; width: 100%; height: 100%; padding: 0% 10% 0% 10%; background-color: #F0F0F0; }
	#whathappenslinton h2{text-align: left; color: black; font-size: 25px; font-style: normal; font-weight: bold; padding: 5px; }
	#whathappenslinton h3{text-align: left; color: black; font-size: 20px; font-style: normal; font-weight: bold; padding: 5px; }
	#whathappenslinton p{text-align: left; color: black; font-size: 20px; font-style: normal; font-weight: bold; padding: 5px; line-height: 150%; }

#whathappensnuffield {clear: both; width: 100%; height: 100%; padding: 0% 10% 0% 10%; background-color: #F0F0F0; }
	#whathappensnuffield h2{text-align: left; color: black; font-size: 25px; font-style: normal; font-weight: bold; padding: 5px; }
	#whathappensnuffield h3{text-align: left; color: black; font-size: 20px; font-style: normal; font-weight: bold; padding: 5px; }
	#whathappensnuffield p{text-align: left; color: black; font-size: 20px; font-style: normal; font-weight: bold; padding: 5px; line-height: 150%; }







/* EB NOTE: the overflow: hidden command keeps the floating divs inside the parent div */
#leafletschoice {clear: both; background-color: #F8F9FB; height: 100%; overflow: hidden; }
	#leafletschoice h2{text-align: left; color: black; font-size: 25px; font-style: normal; font-weight: bold; padding: 5px; }
	#leafletschoice h3{text-align: left; color: black; font-size: 20px; font-style: normal; font-weight: bold; padding: 5px; }
	#leafletschoice p{text-align: left; color: black; font-size: 16px; font-style: normal; font-weight: bold; padding: 5px; line-height: 150%; }

		#patientleafleticon {background: #F8F9FB; float: left; width: 40%; }
		#patientleafleticon img{float: left; width: 100%; height:100%; }
		
		#physioleafleticon {background: #F8F9FB; float: right; width: 40%; }
		#physioleafleticon img{float: right; width: 100%; height: 100%; }



/* Indexpagecontacts section */

#indexpagecontacts  {background-color: white; }
#indexpagecontacts h3 {text-transform: none; font-weight: bold; color: black; font-size: 25px; text-align: center; }
#indexpagecontacts p {text-transform: none; font-size: 10px; }






/* Containers in Conditions page THIS SECTION IS NOT CORRECT YET !!!!! */

#oldsliderimages  {background-color: #F8F9FB; }
	#oldsliderimages  img {height: 100%; width: 100%; position: relative; overflow: hidden; }









/* FROM RANGER WEBSITE TEMPLATE */


@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* =======================================================
*
* 	Template Style 
*	Edit this section
*
* ======================================================= */
body {
  font-family: "Work Sans", Arial, sans-serif;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.8;
  color: #777777;
  color: #7f7f7f;
  background: #fff;
  height: 100%;
  position: relative;
}

a {
  color: #4AE3B5;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
a:hover, a:active, a:focus {
  color: #4AE3B5;
  outline: none;
}

p {
  margin-bottom: 1.5em;
}

h1, h2, h3, h4, h5, h6 {
  color: #000;
  font-family: "Work Sans", Arial, sans-serif;
  font-weight: 400;
}

h2 {
  font-size: 40px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 26px;
}

::-webkit-selection {
  color: #818892;
  background: #f9f6f0;
}

::-moz-selection {
  color: #818892;
  background: #f9f6f0;
}

::selection {
  color: #818892;
  background: #f9f6f0;
}



#fh5co-header {
  position: absolute;
  z-index: 99;
  width: 100%;
  opacity: 1;
  top: 0;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  #fh5co-header {
    margin-top: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  }
  #fh5co-header .navbar-brand {
    color: #4AE3B5 !important;
  }
  #fh5co-header #navbar li a {
    color: rgba(0, 0, 0, 0.5) !important;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  #fh5co-header #navbar li a:hover {
    color: #4AE3B5 !important;
  }
  #fh5co-header #navbar li a span:before {
    background: transparent !important;
  }
  #fh5co-header #navbar li.active a {
    background: transparent;
    background: none;
    color: #4AE3B5 !important;
  }
  #fh5co-header #navbar li.active a span:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }
}
#fh5co-header .navbar {
  padding-bottom: 0;
  margin-bottom: 0;
}
#fh5co-header #navbar li a {
  font-family: "Work Sans", Arial, sans-serif;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
}
#fh5co-header #navbar li a span {
  position: relative;
  display: block;
  padding-bottom: 2px;
}
#fh5co-header #navbar li a span:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #4AE3B5;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
#fh5co-header #navbar li a:hover {
  color: #fff;
}
#fh5co-header #navbar li a:hover span:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  -moz-transform: scaleX(1);
  -ms-transform: scaleX(1);
  -o-transform: scaleX(1);
  transform: scaleX(1);
}
#fh5co-header #navbar li.active a {
  background: transparent;
  background: none;
  color: #fff;
}
#fh5co-header #navbar li.active a span:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
#fh5co-header .navbar-brand {
  float: left;
  display: block;
  font-size: 30px;
  font-weight: 400;
  padding-left: 0;
  color: #fff;
}
#fh5co-header .navbar-brand span {
  color: #4AE3B5;
}
#fh5co-header.navbar-fixed-top {
  position: fixed !important;
  background: #fff;
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  margin-top: 0px;
  top: 0;
}
#fh5co-header.navbar-fixed-top .navbar-brand {
  color: #4AE3B5;
}
#fh5co-header.navbar-fixed-top #navbar li a {
  color: rgba(0, 0, 0, 0.5);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
#fh5co-header.navbar-fixed-top #navbar li a:hover {
  color: #4AE3B5;
}
#fh5co-header.navbar-fixed-top #navbar li.active a {
  background: transparent;
  background: none;
  color: #4AE3B5;
}
#fh5co-header.navbar-fixed-top #navbar li.active a span:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
#fh5co-header .navbar-default {
  border: transparent;
  background: transparent;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}
@media screen and (max-width: 768px) {
  #fh5co-header .navbar-default {
    margin-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }
}
#fh5co-header .navbar-default .brand-slogan {
  margin: 28px 0 0 15px;
  float: left;
  letter-spacing: 2px;
  color: #adadad;
}
#fh5co-header .navbar-default .brand-slogan em {
  color: #4AE3B5;
  font-style: normal;
}
#fh5co-header a {
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}

body {
  overflow-x: hidden;
}

.owl-carousel-main .owl-stage-outer {
  overflow: visible;
}
@media screen and (max-width: 768px) {
  .owl-carousel-main .item {
    padding-top: 120px !important;
  }
}

.section-heading {
  float: left;
  width: 100%;
  padding-bottom: 50px;
  margin-bottom: 50px;
  clear: both;
}
.section-heading h2 {
  font-size: 40px;
  font-weight: 300;
  color: #444;
  text-transform: uppercase;
  position: relative;
  display: block;
  padding-bottom: 0px;
  line-height: 1.5;
  font-family: "Montserrat", Arial, sans-serif;
}
.section-heading h2:after {
  content: "";
  position: absolute;
  display: block;
  width: 80px;
  height: 2px;
  background: #4AE3B5;
  left: 50%;
  margin-left: -40px;
  bottom: 0;
  display: none;
}
@media screen and (max-width: 768px) {
  .section-heading h2 {
    font-size: 30px;
  }
}
.section-heading h3 {
  font-weight: 300;
  line-height: 1.5;
  color: #929292;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .section-heading h3 {
    font-size: 24px !important;
    line-height: 34px;
  }
}

.btn {
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

#fh5co-our-services,
#fh5co-about-us,
#fh5co-features,
#fh5co-testimonials,
#fh5co-pricing,
#fh5co-press,
#fh5co-product-screenshots,
#fh5co-tour {
  padding: 7em 0;
}
@media screen and (max-width: 480px) {
  #fh5co-our-services,
  #fh5co-about-us,
  #fh5co-features,
  #fh5co-testimonials,
  #fh5co-pricing,
  #fh5co-press,
  #fh5co-product-screenshots,
  #fh5co-tour {
    padding: 5em 0;
  }
}



/*---------------------------------------
MY CONTACTS AND LINKS PAGE
-----------------------------------------*/
#fh5co-tour {background-color: #F8F9FB; }
#fh5co-tour h2 {font-size: 20px; text-transform: none; }
#fh5co-tour h3 {font-size: 30px; }
#fh5co-tour h4 {font-size: 20px; text-transform: none; line-height: 110%, margin-top: 10px; margin-bottom: 10px; }
#fh5co-tour p {text-transform: none; color: black; font-size: 20px; line-height: 120%, margin-top: 5px; margin-bottom: 5px; }
#fh5co-tour a {text-transform: none; font-weight: bold; color: black; font-size: 18px; }

#fh5co-tour .img-feature-1 {
  -webkit-box-shadow: -1px -1px 58px -13px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: -1px -1px 58px -13px rgba(0, 0, 0, 0.9);
  -ms-box-shadow: -1px -1px 58px -13px rgba(0, 0, 0, 0.9);
  -o-box-shadow: -1px -1px 58px -13px rgba(0, 0, 0, 0.9);
  box-shadow: -1px -1px 58px -13px rgba(0, 0, 0, 0.9);
}

#fh5co-testimonials {
  background: #4AE3B5;
  background: #ba78ff;
}
#fh5co-testimonials .section-heading h2 {
  color: white;
}
#fh5co-testimonials .section-heading h2:after {
  background: rgba(255, 255, 255, 0.2);
}
#fh5co-testimonials .section-heading .subtext h3 {
  color: rgba(255, 255, 255, 0.5);
}
#fh5co-testimonials .box-testimony {
  margin-bottom: 2em;
  float: left;
}
#fh5co-testimonials .box-testimony a {
  color: rgba(255, 255, 255, 0.5);
}
#fh5co-testimonials .box-testimony a:hover, #fh5co-testimonials .box-testimony a:focus, #fh5co-testimonials .box-testimony a:active {
  color: white;
  text-decoration: none;
}
#fh5co-testimonials .box-testimony blockquote {
  padding-left: 0;
  border-left: none;
  padding: 40px;
  background: #fff;
  position: relative;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
#fh5co-testimonials .box-testimony blockquote:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 40px;
  border-top: 15px solid black;
  border-top-color: #fff;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
}
#fh5co-testimonials .box-testimony blockquote .quote {
  position: absolute;
  top: 0;
  left: 10px;
  text-align: center;
  font-size: 30px;
  line-height: 0;
  display: table;
  color: #fff;
  width: 56px;
  height: 56px;
  margin-top: -30px;
  background: #4AE3B5;
  background: #ba78ff;
  display: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
#fh5co-testimonials .box-testimony blockquote .quote > span {
  display: table-cell;
  vertical-align: middle;
}
#fh5co-testimonials .box-testimony blockquote p {
  font-style: italic;
}
#fh5co-testimonials .box-testimony .author {
  line-height: 20px;
  color: white;
  font-size: 18px;
  margin-left: 20px;
}
#fh5co-testimonials .box-testimony .author .subtext {
  display: block;
  color: rgba(255, 255, 255, 0.5);
  font-size: 16px;
}

#fh5co-pricing .price-box {
  border: 2px solid #ECEEF0;
  text-align: center;
  padding: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 40px;
  position: relative;
}
#fh5co-pricing .price-box.popular {
  border: 2px solid #4AE3B5;
}
#fh5co-pricing .price-box.popular .popular-text {
  top: 0;
  left: 50%;
  margin-left: -63px;
  margin-top: -2em;
  position: absolute;
  padding: 4px 20px;
  background: #4AE3B5;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
#fh5co-pricing .price-box.popular .popular-text:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-top: 10px solid black;
  border-top-color: #4AE3B5;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
#fh5co-pricing .pricing-plan {
  margin: 0;
  padding: 0;
  font-size: 15px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 700;
}
#fh5co-pricing .price {
  font-size: 50px;
  color: #000;
}
#fh5co-pricing .price .currency {
  font-size: 20px;
  top: -1.2em;
}
#fh5co-pricing .price small {
  font-size: 16px;
}
#fh5co-pricing .pricing-info {
  padding: 0;
  margin: 0 0 30px 0;
}
#fh5co-pricing .pricing-info li {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.fh5co-cta {
  padding: 7em 0;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  position: relative;
}
.fh5co-cta .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: #000;
  opacity: .3;
}
.fh5co-cta .container {
  position: relative;
  z-index: 2;
}
.fh5co-cta .container h3 {
  margin-bottom: 40px;
  margin-top: 0;
  line-height: 1.5;
}
.fh5co-cta .container h3, .fh5co-cta .container p {
  color: #fff;
}
.fh5co-cta .container p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .fh5co-cta {
    padding: 3em 0;
  }
}




#fh5co-our-services,
#fh5co-press {
  background: #f4f4f4;
}

#fh5co-our-services .box {
  text-align: center;
  color: #7f7f7f;
  margin-bottom: 70px;
  position: relative;
  float: left;
  width: 100%;
}
@media screen and (max-width: 768px) {
  #fh5co-our-services .box {
    min-height: inherit;
    margin-bottom: 90px;
  }
}
#fh5co-our-services .box .icon {
  width: 85px;
  height: 85px;
  margin: 0 auto;
  top: 0;
  margin-top: -70px;
  margin-bottom: 30px;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  display: table;
  text-align: center;
}
#fh5co-our-services .box .icon > span {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
#fh5co-our-services .box .icon > span i {
  position: relative;
  float: left;
  margin-top: 5px;
  width: 100%;
  font-size: 40px;
  color: #fff !important;
  margin: 0;
  padding: 0;
}
#fh5co-our-services .box .icon.colored-1 {
  background: #2aaf67;
  background: transparent;
  border: 3px solid #2aaf67;
}
#fh5co-our-services .box .icon.colored-1 i {
  color: #2aaf67 !important;
}
#fh5co-our-services .box .icon.colored-2 {
  background: #00bff3;
  background: transparent;
  border: 3px solid #00bff3;
}
#fh5co-our-services .box .icon.colored-2 i {
  color: #00bff3 !important;
}
#fh5co-our-services .box .icon.colored-3 {
  background: #f26522;
  background: transparent;
  border: 3px solid #f26522;
}
#fh5co-our-services .box .icon.colored-3 i {
  color: #f26522 !important;
}
#fh5co-our-services .box .icon.colored-4 {
  background: #e52b50;
  background: transparent;
  border: 3px solid #e52b50;
}
#fh5co-our-services .box .icon.colored-4 i {
  color: #e52b50 !important;
}
#fh5co-our-services .box .icon.colored-5 {
  background: #2fc5cc;
  background: transparent;
  border: 3px solid #2fc5cc;
}
#fh5co-our-services .box .icon.colored-5 i {
  color: #2fc5cc !important;
}
#fh5co-our-services .box .icon.colored-6 {
  background: #6173f4;
  background: transparent;
  border: 3px solid #6173f4;
}
#fh5co-our-services .box .icon.colored-6 i {
  color: #6173f4 !important;
}
#fh5co-our-services .box .step-number {
  font-size: 16px;
  display: block;
  color: #d1d1d1;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 10px;
}
#fh5co-our-services .box h3 {
  margin: 0 0 20px 0;
  padding: 0;
  font-weight: 400;
  font-size: 20px;
  color: #444;
}





#fh5co-features {
  background: #fafafa;
  padding: 7em 0;
}
@media screen and (max-width: 768px) {
  #fh5co-features {
    padding: 4em 0;
  }
}
#fh5co-features .fh5co-service {
  margin-bottom: 30px;
  float: left;
}
#fh5co-features .fh5co-service .fh5co-icon {
  float: left;
  width: 20%;
}
#fh5co-features .fh5co-service .fh5co-icon i {
  font-size: 40px;
  color: #4AE3B5;
}
#fh5co-features .fh5co-service .fh5co-desc {
  width: 80%;
  float: right;
}
#fh5co-features .fh5co-service .fh5co-desc h3 {
  margin-top: 0;
  font-size: 18px;
}

.first-section {
  padding-top: 15em !important;
}
@media screen and (max-width: 768px) {
  .first-section {
    padding-top: 3em;
  }
}

#fh5co-press .fh5co-press-item {
  background: #fff;
  float: left;
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
}
@media screen and (max-width: 480px) {
  #fh5co-press .fh5co-press-item {
    display: block !important;
  }
}
#fh5co-press .fh5co-press-item .fh5co-press-text,
#fh5co-press .fh5co-press-item .fh5co-press-img {
  width: 50%;
}
@media screen and (max-width: 480px) {
  #fh5co-press .fh5co-press-item .fh5co-press-text,
  #fh5co-press .fh5co-press-item .fh5co-press-img {
    height: inherit;
    float: none !important;
    width: 100%;
    display: block !important;
  }
}
#fh5co-press .fh5co-press-item .fh5co-press-text {
  float: left;
  padding: 20px;
}
#fh5co-press .fh5co-press-item .fh5co-press-text .fh5co-press-title {
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
  font-weight: 400;
  font-size: 20px;
  color: #444;
  position: relative;
}
#fh5co-press .fh5co-press-item .fh5co-press-text .fh5co-press-title .fh5co-border {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 30px;
  background: #4AE3B5;
}
#fh5co-press .fh5co-press-item .fh5co-press-img {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  background-size: cover;
}
@media screen and (max-width: 480px) {
  #fh5co-press .fh5co-press-item .fh5co-press-img {
    height: 200px;
    left: 0;
    top: 0;
    position: relative;
    width: 100%;
  }
}

.fh5co-nav-toggle {
  width: 25px;
  height: 25px;
  cursor: pointer;
  text-decoration: none;
}
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after {
  background: #4AE3B5;
}
.fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active {
  outline: none;
  border-bottom: none !important;
}
.fh5co-nav-toggle i {
  position: relative;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 25px;
  height: 3px;
  color: #4AE3B5;
  font: bold 14px/.4 Helvetica;
  text-transform: uppercase;
  text-indent: -55px;
  background: #4AE3B5;
  transition: all .2s ease-out;
}
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after {
  content: '';
  width: 25px;
  height: 3px;
  background: #4AE3B5;
  position: absolute;
  left: 0;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}

.fh5co-nav-toggle i::before {
  top: -7px;
}

.fh5co-nav-toggle i::after {
  bottom: -7px;
}

.fh5co-nav-toggle:hover i::before {
  top: -10px;
}

.fh5co-nav-toggle:hover i::after {
  bottom: -10px;
}

.fh5co-nav-toggle.active i {
  background: transparent;
}

.fh5co-nav-toggle.active i::before {
  top: 0;
  -webkit-transform: rotateZ(45deg);
  -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg);
  -o-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.fh5co-nav-toggle.active i::after {
  bottom: 0;
  -webkit-transform: rotateZ(-45deg);
  -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg);
  -o-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}

.fh5co-nav-toggle {
  position: absolute;
  top: 12px;
  right: 0px;
  z-index: 21;
  padding: 6px 0 0 0;
  display: block;
  margin: 0 auto;
  display: none;
  height: 44px;
  width: 44px;
  border-bottom: none !important;
}
@media screen and (max-width: 768px) {
  .fh5co-nav-toggle {
    display: block;
  }
}

.person {
  text-align: center;
  margin-bottom: 40px;
  float: left;
  width: 100%;
}
.person img {
  display: block;
  margin: 0 auto;
  height: 150px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.person .name {
  font-size: 24px;
}
.person .position {
  text-transform: uppercase;
  color: #c3c3c3;
  margin-bottom: 30px;
  letter-spacing: 2px;
}



/* FROM RANGER WEBSITE TEMPLATE: FOOTER */

#footer2 { padding: 50px 0; color: #7f7f7f; }
  
#footer2 .copyright { margin-bottom: 0px; padding-bottom: 0; }

#footer2 p { margin-bottom: 1.5em; color: black; }

#footer2 a {color: #4AE3B5; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
#footer2 a:hover, a:active, a:focus { color: #4AE3B5; outline: none; }




.btn {
  text-transform: uppercase;
  letter-spacing: 2px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}
.btn.btn-primary {
  background: #4AE3B5;
  color: #fff;
  border: none !important;
  border: 2px solid transparent !important;
}
.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {
  box-shadow: none;
  background: #4AE3B5;
}
.btn:hover, .btn:active, .btn:focus {
  background: #393e46 !important;
  color: #fff;
  outline: none !important;
}
.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active {
  border-color: transparent;
}

.social {
  padding: 0;
  margin: 0;
  display: inline-block;
  position: relative;
  width: 100%;
}
.social li {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-block;
}
.social li a {
  font-size: 16px;
  display: table;
  width: 40px;
  height: 40px;
  margin: 0 4px;
}
.social li a i {
  display: table-cell;
  vertical-align: middle;
}
.social li a:hover, .social li a:active, .social li a:focus {
  text-decoration: none;
  border-bottom: none;
}
.social li a.social-box {
  background: #4AE3B5;
  color: #fff;
}
.social li a.social-circle {
  background: #4AE3B5;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.social li a:hover {
  background: #393e46 !important;
}
.social.social-box a {
  background: #4AE3B5;
  color: #fff;
}


/* FROM RANGER WEBSITE TEMPLATE: COLOUR OF SOCIAL MEDIA ICONS BACKGROUND  & FOREGROUND */


.social.social-circle a { background: #4AE3B5; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }

.icon-twitter { color: red; }
.icon-facebook { color: red; }
.icon-youtube { color: red; }
.icon-pinterest { color: red; }
.icon-linkedin { color: red; }
.icon-instagram { color: red; }
.icon-dribbble{ color: red; }




/*---------------------------------------
   New slider type section              
-----------------------------------------*/

#newslider1 {background-image: url("../images/slider%20images/1.jpg"); background-repeat: no-repeat; }
	#newslider1 h2{color: red; font-weight: bold; }

#newslider2 {background-image: url("../images/slider%20images/2.jpg"); background-repeat: no-repeat; }
	#newslider2 h2{color: red; font-weight: bold; }

#newslider3 {background-image: url("../images/slider%20images/3.jpg"); background-repeat: no-repeat; }
	#newslider3 h2{color: red; font-weight: bold; }

#newslider4 {background-image: url("../images/slider%20images/4.jpg"); background-repeat: no-repeat; }
	#newslider4 h2{color: red; font-weight: bold; }


.owl-carousel .owl-controls .owl-nav {
  opacity: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.owl-carousel:focus .owl-controls .owl-nav, .owl-carousel:hover .owl-controls .owl-nav, .owl-carousel:active .owl-controls .owl-nav {
  opacity: 1;
}
.owl-carousel .btn-primary:hover, .owl-carousel .btn-primary:focus, .owl-carousel .btn-primary:active {
  background: transparent !important;
  border: 2px solid #4AE3B5 !important;
}

.owl-carousel .owl-controls,
.owl-carousel-posts .owl-controls {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .owl-carousel .owl-controls .owl-nav {
    display: none;
  }
}

.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev {
  top: 50%;
  margin-top: -29px;
  z-index: 9999;
  position: absolute;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.owl-carousel .owl-controls .owl-nav .owl-next i:before,
.owl-carousel .owl-controls .owl-nav .owl-prev i:before {
  color: rgba(255, 255, 255, 0.5);
}

.owl-carousel-posts .owl-controls .owl-nav .owl-next,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
  top: 24%;
}

.owl-carousel .owl-controls .owl-nav .owl-next {
  right: 0;
}
.owl-carousel .owl-controls .owl-nav .owl-next:hover {
  right: 10px;
}
.owl-carousel .owl-controls .owl-nav .owl-next:hover i:before {
  color: white;
}

.owl-carousel .owl-controls .owl-nav .owl-prev {
  left: 0;
}
.owl-carousel .owl-controls .owl-nav .owl-prev:hover {
  left: 10px;
}
.owl-carousel .owl-controls .owl-nav .owl-prev:hover i:before {
  color: white;
}

.owl-carousel-posts .owl-controls .owl-nav .owl-next i,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev i {
  color: #444;
}
.owl-carousel-posts .owl-controls .owl-nav .owl-next:hover i,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev:hover i {
  color: #000;
}

.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next i,
.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev i {
  color: #fff;
}
.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next:hover i,
.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev:hover i {
  color: #fff;
}

@media screen and (max-width: 768px) {
  .owl-theme .owl-controls .owl-nav {
    display: none;
  }
}

.owl-theme .owl-controls .owl-nav [class*="owl-"] {
  background: none !important;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"] i {
  font-size: 30px;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"] i:hover, .owl-theme .owl-controls .owl-nav [class*="owl-"] i:focus {
  background: none !important;
}
.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover, .owl-theme .owl-controls .owl-nav [class*="owl-"]:focus {
  background: none !important;
}

.owl-theme .owl-dots {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}

.owl-carousel-fullwidth.owl-theme .owl-dots {
  bottom: 0;
  margin-bottom: 2.5em;
}

.owl-carousel-main.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  background: rgba(0, 0, 0, 0.2) !important;
  border: 2px white solid  !important;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.owl-carousel-main.owl-theme .owl-dots .owl-dot span:hover {
  background: none;
  background: white !important;
}
.owl-carousel-main.owl-theme .owl-dots .owl-dot.active span, .owl-carousel-main.owl-theme .owl-dots .owl-dot:hover span {
  background: white !important;
  background: solid !important;
  border: 2px solid white !important;
}
.owl-carousel-main.owl-direction:before {
  color: white !important;
}

/* Below sets the height of the slider (the original height was 860px) */
/* NOTE: the background colour is changed in the html rather than here in the css !!!!! */
.owl-carousel-fullwidth .item, .owl-carousel-fullwidth .fh5co-owl-text-wrap {height: 400px; display: table; width: 100%; }
  
 
@media screen and (max-width: 768px) {
  .owl-carousel-fullwidth .item, .owl-carousel-fullwidth .fh5co-owl-text-wrap {
    height: inherit;
    padding: 5em 0;
    padding: 0;
    text-align: center;
  }
}
.owl-carousel-fullwidth .fh5co-owl-text-wrap {
  position: relative;
}
.owl-carousel-fullwidth .item {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top left;
  position: relative;
}
.owl-carousel-fullwidth .item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 8;
}
.owl-carousel-fullwidth .item img {
  max-width: 100%;
}
.owl-carousel-fullwidth .item .mobile-image {
  position: relative;
  z-index: 99999999;
}
.owl-carousel-fullwidth .item .mobile-image .mobile {
  float: right;
  text-align: right;
  position: relative;
  bottom: -12em;
}
@media screen and (max-width: 768px) {
  .owl-carousel-fullwidth .item .mobile-image .mobile {
    bottom: 0em;
    text-align: center;
    float: none !important;
    margin: 0 auto;
    display: block;
  }
}
.owl-carousel-fullwidth .item .mobile-image .mobile img {
  max-width: 100%;
}
.owl-carousel-fullwidth .item .fh5co-owl-text {
  display: table-cell;
  vertical-align: middle;
  z-index: 10;
  position: relative;
}
.owl-carousel-fullwidth .item .fh5co-owl-text a {
  color: white;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.owl-carousel-fullwidth .item .fh5co-owl-text a:hover {
  text-decoration: none;
  color: white;
  border-bottom: 1px solid white;
}
.owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-lead, .owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-lead-2, .owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-sub-lead {
  color: #fff;
  margin: 0;
  padding: 0;
}
.owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-lead {
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 0;
  color: #fff;
  font-size: 50px;
  line-height: 50px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-lead {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 30px;
  }
}



/*- adjusts text in new slider FONT WEIGHT AND COLOUR REMOVED SO THEY COULD BE CHANGED INDIVIDUALLY IN newslider1 etc in CSS above-*/
.owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-sub-lead {font-size: 30px; line-height: 30px; line-height: 42px; margin-bottom: 30px; text-transform: none; }




@media screen and (max-width: 768px) {
  .owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-sub-lead {
    font-size: 24px;
    line-height: 34px;
  }
}



/*---------------------------------------
   Product section              
-----------------------------------------*/

/*---background colour of section---*/
#fh5co-product-screenshots {background: #f9f9f9; }


/*---header text colour---*/
#fh5co-product-screenshots .section-heading h2 {color: black; }



.owl-carousel-center .owl-stage-outer {
  overflow: visible;
}
.owl-carousel-center .owl-item {
  -webkit-transform: scale(0.85);
  -moz-transform: scale(0.85);
  -ms-transform: scale(0.85);
  -o-transform: scale(0.85);
  transform: scale(0.85);
  z-index: 18;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-shadow: -1px -1px 38px -13px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: -1px -1px 38px -13px rgba(0, 0, 0, 0.9);
  -ms-box-shadow: -1px -1px 38px -13px rgba(0, 0, 0, 0.9);
  -o-box-shadow: -1px -1px 38px -13px rgba(0, 0, 0, 0.9);
  box-shadow: -1px -1px 38px -13px rgba(0, 0, 0, 0.9);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.owl-carousel-center .owl-item img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
.owl-carousel-center .owl-item.center {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  z-index: 999;
  -webkit-box-shadow: -1px -1px 58px -13px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: -1px -1px 58px -13px rgba(0, 0, 0, 0.9);
  -ms-box-shadow: -1px -1px 58px -13px rgba(0, 0, 0, 0.9);
  -o-box-shadow: -1px -1px 58px -13px rgba(0, 0, 0, 0.9);
  box-shadow: -1px -1px 58px -13px rgba(0, 0, 0, 0.9);
}
.owl-carousel-center .owl-dots {
  bottom: -80px;
}
@media screen and (max-width: 480px) {
  .owl-carousel-center .owl-dots {
    bottom: -60px;
  }
}

/*---dots not highlighted - colour and size---*/

.owl-carousel-center.owl-theme .owl-dots .owl-dot span {width: 10px; height: 10px; background: transparent; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; border: 2px solid #7f7d7d; }

/*---dots ??? - colour and size---*/

.owl-carousel-center.owl-theme .owl-dots .owl-dot span:hover {background: none; background: black; }

/*---dots hovered over and selected - colour and size---*/

.owl-carousel-center.owl-theme .owl-dots .owl-dot.active span, .owl-carousel-center.owl-theme .owl-dots .owl-dot:hover span {background: white; background: black; border: 2px solid black; }







.js .to-animate,
.js .to-animate-2,
.js .single-animate {
  opacity: 0;
}

.js .animate-box {
  opacity: 0;
}

@media screen and (max-width: 480px) {
  .col-xxs-12 {
    float: none;
    width: 100%;
  }
}

.row-bottom-padded-lg {
  padding-bottom: 7em;
}
@media screen and (max-width: 768px) {
  .row-bottom-padded-lg {
    padding-bottom: 2em;
  }
}

.row-bottom-padded-md {
  padding-bottom: 4em;
}
@media screen and (max-width: 768px) {
  .row-bottom-padded-md {
    padding-bottom: 2em;
  }
}

.row-bottom-padded-sm {
  padding-bottom: 2em;
}
@media screen and (max-width: 768px) {
  .row-bottom-padded-sm {
    padding-bottom: 2em;
  }
}

.fh5co-animated {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*# sourceMappingURL=style.css.map */














/* FROM TEMPLATEMO_486_NEW_EVENT WEBSITE TEMPLATE */
/* FROM TEMPLATEMO_486_NEW_EVENT WEBSITE TEMPLATE */
/* FROM TEMPLATEMO_486_NEW_EVENT WEBSITE TEMPLATE */



/* New Event http://www.templatemo.com/tm-486-new-event */

body {background: #ffffff; font-family: 'Poppins', sans-serif; font-style: normal; font-weight: 400; }



/*---------------------------------------
    Typorgraphy              
-----------------------------------------*/
h1,h2,h3,h4,h5,h6 {font-weight: 600; }

h3,h5 {font-weight: 500; }

h1 {font-size: 40px; letter-spacing: 2px; }

h2 {font-size: 30px; text-transform: uppercase; }

h3 {line-height: 36px; }

h5 {letter-spacing: 1px; padding-top: 10px; }

p {color: #707070; font-size: 14px; line-height: 24px; }

a {text-decoration: none !important; outline: none; }


/*---------------------------------------
    General               
-----------------------------------------*/
.section-title {margin-bottom: 32px; }

#overview,
#register {padding-top: 14rem; padding-bottom: 14rem; }

#detail, #video,
#speakers, 
#program,
#sponsors, 
#contact, footer {padding-top: 10rem; padding-bottom: 10rem; }

#detail,
#speakers, #sponsors,
footer {text-align: center; }

#overview h3,
#detail h3, #video h3,
#register h3,
#venue h3,
#contact h3 {padding-bottom: 12px; }

#intro .btn,
#contact .btn {background: transparent; border: 2px solid #ffffff; border-radius: 0px; color: #ffffff; font-weight: 600; letter-spacing: 1px; font-size: 12px; padding: 14px 42px; margin-top: 42px; margin-right: 12px; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

#intro .btn-danger,
#contact .btn-danger {background: #f2545f; border-color: transparent; }

#contact .btn {border-radius: 100px; }

#intro .btn-danger:hover {background: transparent; border-color: #ffffff; color: #ffffff; }

#contact .btn-danger:hover {background: #222; }

#intro .btn-default:hover {background: #ffffff; color: #333333; border-color: transparent; }

.parallax-section {background-attachment: fixed !important; background-size: cover !important; }




/*---------------------------------------
    Preloader section              
-----------------------------------------*/
.preloader {position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  background: none repeat scroll 0 0 #ffffff;
}

.sk-rotating-plane {width: 50px;
  height: 50px;
  background-color: #222;
  -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
          animation: sk-rotatePlane 1.2s infinite ease-in-out; }

@-webkit-keyframes sk-rotatePlane {
  0% {-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

@keyframes sk-rotatePlane {
  0% {-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }



/*---------------------------------------
    Navigation Links section              
-----------------------------------------*/
.custom-navbar {margin-bottom: 0;background-color: #101010; }
 .custom-navbar .navbar-brand {color: #ffffff; font-weight: 600; font-size: 3rem; line-height: 40px; }

.custom-navbar .nav li a {color: #ddd; font-size: 12px; font-weight: 500; letter-spacing: 0.6px; text-transform: uppercase; line-height: 40px; transition: all 0.4s ease-in-out; }

.custom-navbar .nav li a:hover {background: transparent; color: #66ccff; }

.custom-navbar .navbar-nav > li > a:hover,
.custom-navbar .navbar-nav > li > a:focus {background-color: transparent; }

.custom-navbar .nav li.active > a {background-color: transparent; color: #66ccff; }

.custom-navbar .navbar-toggle {border: none; padding-top: 10px; }

.custom-navbar .navbar-toggle {background-color: transparent; }

.custom-navbar .navbar-toggle .icon-bar {background: #ffffff; border-color: transparent; }

@media(min-width:768px) {
    .custom-navbar {padding: 20px 0; border-bottom: 0; background: 0 0; }
    .custom-navbar.top-nav-collapse {background: #101010; padding: 0; }

}



/*---------------------------------------
    Intro section              
-----------------------------------------*/
#intro {background: url('../images/intro-bg.jpg') 50% 0 repeat-y fixed; -webkit-background-size: cover; background-size: cover; background-position: center center; color: #ffffff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 100vh; text-align: center; }

#intro h3 {letter-spacing: 2px; }



/*---------------------------------------
   Overview  section              
-----------------------------------------*/
#overview img {position: relative; padding-bottom: 32px; }



/*---------------------------------------
    Detail section              
-----------------------------------------*/
#detail {background: #222; color: #ffffff; }

#detail .fa {color: #f2545f; font-size: 48px; }

#detail h3 {color: #ffffff; text-transform: none; font-size: 24px; font-weight: bold; line-height: 70%; }
#detail h4 {color: #ffffff; text-transform: none; font-size: 20px; font-weight: bold; line-height: 70%; }
#detail p {color: #ffffff; text-transform: none; text-decoration: underline; font-size: 20px; font-weight: bold; line-height: 120%; }

/*---------------------------------------
    Video section              
-----------------------------------------*/
#video iframe {border: none; }



/*---------------------------------------
   Speakers section              
-----------------------------------------*/
#speakers {background: white; padding-top: 30px; padding-bottom: 10px; text-transform: none; } 

#speakers h3 {font-size: 28px; text-transform: none; font-weight: bold; margin-bottom: 0px; line-height: 130%; }

#speakers h4 {font-size: 20px; font-style: bold; text-transform: none; margin-bottom: 0px; line-height: 120%; }

#speakers h5 {color: red; font-size: 28px; text-transform: none; font-weight: bold; margin-bottom: 0px; line-height: 130%; }

#speakers h6 {color: #666; margin-top: 4px; }

#speakers h7 {color: #ffffff; font-size: 28px; text-transform: none; font-weight: bold; margin-bottom: 0px; line-height: 130%; }

#speakers h8 {color: #ffffff; font-size: 22px; font-style: bold; text-transform: none; margin-bottom: 0px; line-height: 120%; }

#speakers p {font-size: 24px; font-style: bold; text-transform: none; margin-bottom: 0px; line-height: 120%; }

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

#speakers .col-md-3 {display: block; width: 100%; padding-top: 30px; padding-bottom: 20px; margin-bottom: 22px; }

#speakers .speakers-wrapper {background: #ffffff; padding-bottom: 22px; }




/*---------------------------------------
   Program section              
-----------------------------------------*/
#program h4 {color: #808080; font-size: 12px; }

#program h3 {margin-top: 16px; }

#program .program-divider {border: 1px solid white; margin-top: 32px; margin-bottom: 42px; }

#program span {padding-right: 12px; }

#program img {border-radius: 50%; }

.nav-tabs {margin-bottom: 20px; }
.nav-tabs > li {float: left; margin-bottom: -1px; }
.nav-tabs > li > a {color: #000000; font-weight: 600; margin-right: 2px; line-height: 1.42857143; border: none; border-radius: 0px; }
.nav-tabs > li > a:hover { background-color: transparent; }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {color: #f2545f; cursor: default; background-color: transparent; border: 1px solid transparent; border-bottom-color: #999; }
.tab-content {padding-top: 20px; }



/*---------------------------------------
    Regsiter section              
-----------------------------------------*/
#register {background: url('../images/register-bg.jpg') 50% 0 repeat-y fixed; -webkit-background-size: cover; background-size: cover; background-position: center center; color: #ffffff; }

#register .form-control {background: transparent; border: 2px solid #ffffff; border-radius: 0px; color: #ffffff; margin-bottom: 16px; }

#register input {height: 45px; }

#register input[type="submit"] {background: #f2545f; border-radius: 100px; border: none; color: #ffffff; letter-spacing: 2px; height: 50px; margin-top: 12px; transition: all 0.4s ease-in-out; }

#register input[type="submit"]:hover {background: #ffffff; color: #222; }

#register p { color: #707070; font-size: 14px; line-height: 24px; }
#register h2 { font-size: 30px; text-transform: uppercase; }
#register h3 { line-height: 36px; }




/*---------------------------------------
   Faq section              
-----------------------------------------*/
#faq {background: #f9f9f9; padding-top: 8rem; padding-bottom: 8rem; }
	#faq img {height: 60%; width: 60%; padding-top: 1rem; padding-bottom: 1rem; }
	
#accordion p {font-size: 18px; line-height: 120%; }
	
#faq .panel-group {margin-top: 32px; }

#faq .panel-group .panel {margin-bottom: 8px; }

#faq .panel-default {border: none; }

#faq .panel-default>.panel-heading {background: #f0f0f0; color: #505050; }

#faq .panel-heading {border: none; padding-top: 8px; padding-bottom: 6px; }

#faq .panel-default>.panel-heading+.panel-collapse>.panel-body {border-top: none; padding-top: 22px; padding-left: 32px; padding-bottom: 22px; }

#faq .panel-heading .panel-title a[data-toggle="collapse"] {font-size: 18px; font-weight: 500; position: relative; display: block; width: 100%; height: 100%; padding: 10px 15px; }

#faq .panel-heading .panel-title a[data-toggle="collapse"]::after { content: "-"; display: block; position: absolute; line-height: 1; right: 1em; top: 50%; transform: translateY(-50%); }

#faq .panel-heading .panel-title a[data-toggle="collapse"].collapsed::after { content: "+"; }




/*---------------------------------------
   Venue section one             
-----------------------------------------*/
#venueone {background: url('../images/cobalt.webp') 50% 0 repeat-y fixed; background-size: cover; background-position: center center; background-color: white; padding-top: 7rem; padding-bottom: 7rem; }

#venueone h1 {color: white; font-size: 30px; text-transform: uppercase; }

#venueone h2 {color: white; font-size: 30px; line-height: 34px; font-weight: 600; font-family: "Myriad Pro" , sans-serif; text-transform: uppercase; }

#venueone h4 {color: white; }

#venueone p {padding-top: 12px; padding-bottom: 18px; color: white; }


/*---------------------------------------
   Venue section two             
-----------------------------------------*/
#venuetwo {background: url('../images/nuffield.webp') 50% 0 repeat-y fixed; background-size: cover; background-position: center center; padding-top: 7rem; padding-bottom: 7rem; }

#venuetwo h1 {color: white; font-size: 30px; text-transform: uppercase; }

#venuetwo h2 {color: white; font-size: 30px; line-height: 34px; font-weight: 600; font-family: "Myriad Pro" , sans-serif; text-transform: uppercase; }

#venuetwo h4 {color: white; }

#venuetwo p {padding-top: 12px; padding-bottom: 18px; color: white; }

/*---------------------------------------
   Venue section three             
-----------------------------------------*/
#venuethree {background: url('../images/winfield.webp') 50% 0 repeat-y fixed; background-size: cover; background-position: center center; padding-top: 7rem; padding-bottom: 7rem; }

#venuethree h1 {color: white; font-size: 30px; text-transform: uppercase; }

#venuethree h2 {color: white; font-size: 30px; line-height: 34px; font-weight: 600; font-family: "Myriad Pro" , sans-serif; text-transform: uppercase; }

#venuethree h4 {color: white; }

#venuethree p {padding-top: 12px; padding-bottom: 18px; color: white; }




/*---------------------------------------
   Sponsors section              
-----------------------------------------*/
#sponsors  {background-color: #F8F9FB; }
#sponsors img {margin-top: 18px; }
#sponsors h2 {text-transform: none; }
#sponsors p{text-transform: none; font-size: 20px; }
	#sponsorssubdiv img {height: 5%; width: 5%; }




/*---------------------------------------
   Contact section              
-----------------------------------------*/
#contact {background: url('../images/contact-bg.jpg') 50% 0 repeat-y fixed; background-size: cover; background-position: center center; }

#contact .contact_des {padding-top: 3rem; padding-right: 2rem; }

#contact .contact_detail {background: #ffffff; padding: 5rem 5rem 12rem 5rem; }

#contact .form-control {background: transparent; border: none; border-bottom: 1px solid #f0f0f0; border-radius: 0px; box-shadow: none; margin-bottom: 16px; transition: all 0.4s ease-in-out; }

#contact .form-control:focus {border-bottom-color: #999; }

#contact input {height: 45px; }

#contact input[type="submit"] {background: #222; border-radius: 100px; border: none; color: #ffffff; letter-spacing: 2px; height: 50px; margin-top: 12px; transition: all 0.4s ease-in-out; }

#contact input[type="submit"]:hover {background: #f2545f; }



/*---------------------------------------
   Footer section              
-----------------------------------------*/
footer {background-attachment: fixed; }

/* Back top */
.go-top {background-color: #222; bottom: 2em; right: 2em; color: #ffffff; font-size: 32px; display: none; position: fixed; text-decoration: none; width: 60px; height: 60px; line-height: 60px; text-align: center; transition: all 0.4s ease-in-out; }

.go-top:hover {background: #f2545f; color: #ffffff; }




/*---------------------------------------
   Social icon             
-----------------------------------------*/
.social-icon {position: relative; padding: 0; margin: 0; }

.social-icon li { display: inline-block; list-style: none; }

.social-icon li a { color: #666; border-radius: 100px; font-size: 16px; text-decoration: none; transition: all 0.4s ease-in-out; width: 50px; height: 50px; line-height: 50px; text-align: center; vertical-align: middle; }

.social-icon li a:hover { background: #f2545f; color: #ffffff; }





/*---------------------------------------
   Responsive styles            
-----------------------------------------*/
@media (max-width: 980px) {

  p {font-size: 13px; }
  .custom-navbar .navbar-brand {font-size: 2rem; }
  .custom-navbar .nav li a {font-size: 11px; line-height: 20px; }
  #intro { height: 65vh; }
  #video iframe {margin-top: 42px; }
  #contact .contact_detail {background: #ffffff; padding: 10rem 3rem 10rem 5rem; }

}


@media (max-width: 768px) {

  .custom-navbar .navbar-brand {line-height: 20px; }

  #overview img,
  #detail .col-md-4,
  #register form {padding-top: 32px; }
  .nav-tabs > li > a {font-size: 13px; }
  #program img {padding-bottom: 32px; }
  #sponsors img {padding-top: 22px; }
  #contact .contact_detail {margin-top: 82px; }

}


@media (max-width: 760px) {
	
  #intro {height: 100vh; }
  
}













TRIAL PART COPIED FROM DADS WEBSITE

/* Containers in Contact */

#contact-form {background:#CCCCCC; height:400px; }
	#contact-form h2 {color: black; font-size: 25px; font-style:normal; font-weight: bold; text-align: center; padding: 5px; }
	#contact-form ol {list-style-type: none; }
		form ol {list-style-type:none; }
		form 	{text-align:left; margin:20px; } /* [EB NOTE] This is the name of the entry areas */
			input#name { background:#E0E0E0; }
			input#email { background:#E0E0E0; }
			textarea#comments { background:#E0E0E0; }
				label, submit, input, textarea 	{border:0; padding:0; margin: 0; background:none; }
				label	{font-size:14px; font-weight: bold; float: left; margin-top: 5px; text-align: right; display: block;  }
				input, textarea {border:1px #333333 solid; margin-left:10px; padding: 5px;} /* [EB NOTE] This adjust BOTH the input area and the textarea */
				input {margin-bottom: 16px; text-align: left; } /* [EB NOTE] This adjust ONY the input area */
				textarea {height: 150px; margin-bottom:16px; text-align: left; } /* [EB NOTE] This adjust ONY the textarea */	
				select { 	}
				.submit {padding-left:25px; padding-bottom: 22px; height:25px; font-size:14px; font-weight:bold; }