@import url(https://fonts.googleapis.com/css?family=Hind); /*--- Body Font --*/
@import url(https://fonts.googleapis.com/css?family=Nobile); /*--- Heading Font --*/
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body{
	width: 100%;
	display: block;
	color: #777777;
	background-color:  *#fff;
	font-family: Trebuchet MS, Helvetica, sans-serif, Arial;
	font-size: 14px;
    font-weight: normal;
	text-align: justify;
	position: relative;
	margin: 0;
	padding: 0;
    line-height: 2;
    letter-spacing: 0px;
	min-height: 100%;
}
h1,h2,h3{
	font-family: sans-serif;
	color: #006838; /*#8dc63f */
	text-transform: uppercase;
	line-height: 1;
	padding: 20px 0;
}
h4, h5{
	padding-bottom: 5px;	
	color: green;
}
h1{
	font-size: 30px;
}	
h2{
	font-size: 20px;
}
h3{
	font-size: 18px;
}
h4{
	font-size: 16px;
}
h5{
	font-size: 14px
}
a{
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
}
img{
	text-align: center;
	max-width: 100%;
	height: auto;
	width: auto;
	border: 0;
}
.spacefill{
	overflow: hidden;
    width: 100%;
    height: 100px;
    z-index: 1;
    display: block;
    position: relative;
}
.bannerimage{
	position: relative;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	background-color: red;
	display: block;
	width: 100%;
	overflow: hidden;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 400px;
   animation: feature-bg-anim .6s ease-in-out;
}
section div{padding-top:0px;}
.clear{clear: both;}
/* Main body CSS */
section{
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
}
.sectiontitle{padding: 40px 80px; line-height: 1.5; font-size: 35px; font-weight: bold; text-transform: uppercase}
section p{padding-bottom: 10px;}	
section ul{margin: 0px 0px 20px 35px; list-style: disc outside;}
#wrapper{
	display: block;
	position: relative;
	padding: 40px 7%;
	margin: 0 auto;
	background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
	overflow: hidden;
}
#container{
	margin: 0;
	padding: 20px;	
	width: 100%;
	text-align: left;
	font-size: 14px;
}	
.intro-wrapper{
	width: 80%;
    margin: 0 auto;
	padding: 50px 5%;	
	text-align: center;
	font-family: europa;
    line-height: 1.6;
    color: #262626;
}
.intro-wrapper h1, .intro-wrapper h2 {
	font-weight: 700; 
	font-size: 28px;
	margin-bottom: 20px;
	text-transform: uppercase;
	text-align: center;	
}
.intro-wrapper p{
	font-size: 14px;
	line-height: 1.8;
	text-align: center;
}
.center-bottom, .center-heading{
	position: relative;
    height: auto;
    padding-top: 17px;
    padding-bottom: 17px;
    outline: none;
    box-shadow: inset 0 0 0 1px rgba(128,128,128,0);
    transition: box-shadow .2s ease-in-out;
	text-align: center;
}
.sidebar{
	width: 30%;
	padding: 10px;
	float: right;
} 
.content{
	width: 100%;
    margin: auto;
	padding: 40px 5%;
	text-align: center;
	color: #000;
}
.content h1, .content h2, .content h3{
	display: block;
	padding-bottom: 20px;
	padding-top: 20px;
    position: relative;
    font-family: 'Raleway', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
	text-align: center;
	line-height: 1.5;
}
.content-cover{
	display: block;
	padding: 40px 0px;
	text-align: center;
}
.one-half{
	width: 44%;
	float: left;
	margin: 2% 0% 0% 2%;
	text-align: left;
}
.side65{width: 65%;}
.side35{width: 35%;}
.appoint-section h1{text-align: left; font-size: 40px;}
.one-third{
	width: 28%;
	float: left;
	margin: 2% 0 3% 4%;
}
.one-third img{width: 30%;}
/*-------divisions---------*/
.side-right{padding-left:30px; }
.side-img{width: 35%; margin-right: 37px;}
.side80{width: 80%;}
.side20{width: 20%;}
hr{
	background-color: purple;
	height: 2px;
	margin: 5px;
	text-align: center;
}
#one-third hr{
	margin: 20px 0px;
	height: 10px;
	box-sizing: content-box;
}
#one-third-hr1 hr{background-color: darkred;}
#one-third-hr2 hr{background-color:orange;}
#one-third-hr3 hr{background-color: olive;}

.one-third-img img{
	vertical-align: baseline;
	background: transparent none repeat scroll 0px 0px;
	border: 1px solid #EEEDEC;
	height: 88px;
	width: 88px;
	border-radius: 999px;
	text-align: center;
}
.one-third-img h3{
	margin-bottom: 8px;
	letter-spacing: -.5px;
	font-family: "Open Sans";
	font-weight: 600;
	font-size: 18px;
	line-height: 1.5;
	text-align: center;
}
.one-third-img a{color: green;}
#newsblog{
	background: cyan;
	display: inline-block;
	overflow: hidden;
	padding: 0px 60px;
}
.text-wrap{padding: 30px; margin:0 10%}	
#slideshow{ 
    margin: 50px auto; 
    position: relative; 
    width: 240px; 
    height: 240px; 
    padding: 10px; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}
#slideshow > div { 
    position: absolute; 
    top: 10px; 
    left: 10px; 
    right: 10px; 
    bottom: 10px; 
}
/*---Signup End------*/	
#form-wrap{width: 90%; margin: auto !important;	float: none; padding-bottom: 40px;}
.col-full{width: 100%; margin: 0; overflow: hidden;}
#col-half{width: 48%; float: left; position: relative; display: block;}
.col-half-right{margin-left: 4%;}
#referral-form{margin: 0 15%; padding-top: 40px; background-color: #f1f1f1}
input{
	position: relative;
	width: 100% !important;
	margin: auto auto 20px;
	border-radius: 4px;
	border: 1px solid #DDD;
	text-align: left;
	min-height: 46px;
	padding-left: 15px !important;
	background: rgba(255, 255, 255, 0.95) none repeat scroll 0% 0%;
	font-size: 14px;
	line-height: 1.42857;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.col-full textarea{
	margin-bottom: 13px;
	width: 100% !important;
	padding: 3%;
	border: 1px solid #DDD;
	text-align: left;
	position: relative;
	min-height: 200px;
	display: inline-block;
	border-radius: 4px;
	background: rgba(255, 255, 255, 0.95) none repeat scroll 0% 0%;
	font-size: 14px;
	line-height: 1.42857;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
#banner, .banner {
	text-align: center;
	display: block;
	width: 100%;	
	padding-bottom: 20px;
}
.button, .caption div{
	color: #FFF !important;
	text-align: center;
	transition: all 0.3s ease-in-out 0s;
	background: green none repeat scroll 0% 0%;
	padding: 10px 15px;
	margin: 0px auto;
	cursor: pointer;
	font-weight: 200;
	vertical-align: middle;
	font-size: 16px;
	line-height: 1.0;
	-moz-user-select: none;
	border: none;
}
.button:hover{background-color: cyan;}	
#button {
	color: #FFF !important;
	transition: all 0.3s ease-in-out 0s;
	background: green none repeat scroll 0% 0%;
	padding: 10px 10px;
	cursor: pointer;
	font-weight: 200;
	vertical-align: middle;
	font-size: 14px;
	line-height: 1.0;
	-moz-user-select: none;
}
.social-content a{
	list-style: none;
	text-decoration: none;
	width: 40px;
	padding:10px 10px 10px 0px;
	display: inline-block;
}
#share-buttons{text-align: center;	font-size: 20px;}
#share-buttons img{width: 50px;	padding: 5px; border: 0; box-shadow: 0;	display: inline;}
.tabs{width: 100%; text-align: center; margin: 50px auto; padding: 10px auto;}
#tab1, #tab2 {
	display: inline;
	float: none;
	padding: 15px 30px 15px 30px;
	background: #B00098;
	color: #FFFFFF;
	margin: 10px 5px 10px 5px;
}
#tab1:hover, #tab2:hover, #tab3:hover {background: #E800C9; cursor: pointer;}
#tab1Content, #tab2Content, #tab3Content {width: 100%; height: auto; padding: 20px;}
#tab1Content {display: block;}
#tab2Content, #tab3Content {display: none;}
/*-----Blog------*/
/*-----Blog------*/
.blog-half{width: 45%; float: left; height: auto;}
.blog-half-right{margin-left: 0;}
.blog-half-left{margin-right: 0;}
/* FOOTER CSS */
.footer{
	background: black;
	width: 100%;
	overflow: hidden;
	opacity: 0.90; 
	position: relative;
	padding: 10px;
	font-size: 1.1em;
	text-decoration: none;
	color: #fff;
	line-height: 2;
	font-size: 12px;
}
#foot-menu a{
	text-align: center;
	color: white;
	display: block;
	font-weight: 700;
	display: inline;
	padding: 10px;
}
#foot-content{
	text-align: center;
	width: 100%;
	float: right;
	margin: 2% 0.5% 3% 4%;
}
.second{
	width:100%;
	border-top: 1px solid #4D4E50;
	background: #333333;
	height: 40px;
	opacity: 0.95;
	text-align: center;
	padding: 5px;
}
.second p{font-size: 12px; color: #6F6F6F;}
.second a{color: green;}
/*----Media Query----*/
@media only screen and (max-width:1000px){ 
.text-wrap{margin:0px 20%!important;}
#referral-form{margin: 0 10%; padding: 40px 0;}
}
@media only screen and (max-width:700px){ 
.sectiontitle{padding: 40px 30px; font-size: 20px;}
.intro-wrapper{padding: 20px 10px!important;}
.one-half, .one-third, #container{
	width: 100%;
	position: relative;
	padding: 15px 10px;
	margin: 0 !important;
}
.one-third hr{display:none;}
.side35, .side65{width: 100%;}
.one-third img{width: 20%;}
.content{padding: 0px 40px;}
.text-wrap{margin:0px 10%!important;}
/*-----Blog------*/
.blog-half{width: 100%; float: none; height: auto; position: relative;}
.blog-half-right{margin-left: 0;}
.blog-half-left{margin-right: 0;}
.blog-half .blog-img {width: 100%;}
.blog-half h1 {font-size: 25px; text-align: left;}
.bg-title{position: relative; display: block; padding-top: 70px; background-color:green; text-align: center;}
.bg-title strong h2{padding: 30px;	color: black; font-size: 30px; font-weight:700;}
.blog-content{display: block; color: #303030; background-color:white; padding-right: 100px;}
.blog-content p{ font-size: 16px; font-family: sans-serif; line-height: 2; padding-bottom: 20px;}
.blog-content h1{text-transform: none; color:gray; font-size: 40px;}


#foot-menu, #foot-contact{width: 100%; padding: 15px 20px; text-align: center;}
#foot-menu a{
	display: inline-block;
	position: relative;
	padding:5px;
	text-align: center !important;
	font-size:  12px;
	color: #6F6F6F;
}
#foot-menu h3{display: none;}
.tabs{width: 100%; text-align: center; margin: 0 auto; padding: 10px auto;}
#tab1, #tab2 {
	display: block;
	float: none;
	padding: 15px 30px 15px 30px;
	background: #B00098;
	color: #FFFFFF;
	margin: 10px 5px 10px 5px;
}
#referral-form{margin: 0; padding: 40px 0; background-color: #f1f1f1}
#col-half{width: 100%; float: left;}
.col-half-right{margin-left: 0%;}

/*
#form-wrap{
		margin: 0 !important;
		width: 100% !important;
}
#col-mes textarea, #col-sm {
	width: 100% !important;
	padding: 2px !important;
	margin: 0 !important;
	
}
input{
	margin-bottom: 5px 0 !important;
}
#col-mes textarea{
	min-height: 100px;
	padding: 15px !important;
}
.button{
	text-align: left;
	padding: 10px 10px;
	font-size: 14px;
	line-height: 1.2;
}
*/
}