@charset "utf-8";
/* CSS Document */

}
html,
body {
	margin: 0;
	padding: 0;
	font-family: Roboto;
	font: Roboto medium;
}

/* Fonts */

@font-face {
	src:url(../fonts/Roboto-Medium.ttf) format("truetype");
	font-family:Roboto;
}

.font-size {
	font-size:16px;
	font-weight:500 !important;
}

.color-gray {
	color:#555 !important;
}

.font-40 {
	font-size:32px;
}

.font-26 {
	font-size:28px;
}

.container-fluid {
	font-family:Roboto;
	font:Roboto medium;
}

.container {
	font-family:Roboto;
	font:Roboto medium;
}

.button-black:hover {
	background-color:#000 !important;
	color:#FFF !important;
	transition:all 0.5s ease-in-out;
	
}

.hvr-sweep-to-bottom:before {
	background:#000 !important;
}

.button-black a:hover {
	background-color:#000 !important;
	color:#FFF !important;
}

.button-black a {
	text-decoration:none;	
}

.button-white:hover {
	background-color:#FFF !important;
	color: #000 !important;
	transition:all 0.5s ease-in-out;
	
}

.button-white a:hover {
	background-color:#000 !important;
	color:#FFF !important;

}

.button-white a {
	text-decoration:none;	
}



#footer {
	background-color:#00612B;
	padding-top:10px; 
	padding-bottom:10px;
	width:100%;
	bottom: 0;
	position:absolute;
}

#wrapper {
	width: 100%;
	height: 100%;
	}
#logo {
	//height: 600%;
	/**margin-top:-10px;**/
	//float:left;
	//bottom: 0;
	//top:0;
}
.navbar-default {
	height: 100%;
	background:none;
	border:none;
	margin-bottom:0;

	
	}
	
.navbar-toggle {
  border: none;
  background: transparent !important;

  &:hover {
    background: transparent !important;
  }

  .icon-bar {
    width: 22px;
    transition: all 0.2s;
  }
  .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
  }
  .middle-bar {
    opacity: 0;
  }
  .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
  }


 &.collapsed {
  .top-bar {
    transform: rotate(0);
  }
  .middle-bar {
    opacity: 1;
  }
  .bottom-bar {
    transform: rotate(0);
  }
 }
}

.navbar-brand {
	top: 0;
	overflow:inherit;
	margin-top:0px;
	left:0;
	padding-top:0;
	padding-bottom:0;
	margin-bottom:0;
	height:auto;
}

.fb-icon {
	//margin-right:60px;
	margin-top:11%;;
	left:0;
	position:absolute;
	z-index:1000;
	
	
}

.call-icon {
	//margin-right:60px;
	margin-top:8%;
	left:0;
	position:absolute;
	z-index:1000;
	
}

.call-size {
	width:45px;
	height:45px;
}

.navbar-collapse {
	
	font-size:13px;
	font-weight:500 !important;
	z-index:9999;
	bottom:0;
	font-family:Roboto;
	font:Roboto;
	color:#000 !important;
	
	

}


.navbar-collapse ul#nav_menu li a:hover {
	border-bottom:5px solid #360;
	border-top:5px solid #FFF;
	color: #360;
}

.navbar-collapse ul#nav_menu li a {
	height:100px;
	line-height:50px;
	border-bottom:5px solid #FFF;
	border-top:5px solid #FFF;
	color:#000;
	font-weight:700 !important;
}

.navbar-collapse ul#nav_menu li  {

	line-height:50px;
}



.navbar-collapse ul#nav_menu .active {
	border-top:5px solid #360;
	border-bottom:5px solid #360;
	color: #360;
	line-height:50px;
	
}





.navbar-collapse ul#nav_menu ul#nav_menu_aboutus {
	font-size:14px;
	background-color:#00612B;
	padding-top:0;
	padding-bottom:0;

}

.navbar-collapse ul#nav_menu ul#nav_menu_services {
	font-size:14px;
	background-color:#00612B;
	padding-top:0;
	padding-bottom:0;

}


.navbar-collapse ul#nav_menu ul#nav_menu_aboutus li {
		border-bottom:1px solid #000 !important;
		height:48px ; 
		text-align:center;
		padding-left:20px;
		padding-right:20px;
		//padding-top:12px;
		
		
		
}

.navbar-collapse ul#nav_menu ul#nav_menu_aboutus a {
	color:#FFF;
	vertical-align:middle;
	border-bottom:none !important;
	border-top:none !important;

}

.navbar-collapse ul#nav_menu ul#nav_menu_aboutus li:hover {
	color:#D2DC24;
	background-color:#00411D;
}
.navbar-collapse ul#nav_menu ul#nav_menu_aboutus a:hover {
	color:#D2DC24;
	background-color:#00411D;
	border:none;
	height:48px  !important;

}

.navbar-collapse ul#nav_menu li.dropdown-toggle a:focus {
	background-color:#FFF;
}

#slider {
	margin:0;
	padding: 0;
	z-index:0;
}

.navbar-collapse ul#nav_menu ul#nav_menu_services li {
		border-bottom:1px solid #000;
		height:48px;
		text-align:center;
		padding-left:20px;
		padding-right:20px;
		//padding-top:12px;
		
		
		
}

.navbar-collapse ul#nav_menu ul#nav_menu_services a {
	color:#FFF;
	border-bottom:none !important;
	border-top:none !important;
	vertical-align:middle;

}

.navbar-collapse ul#nav_menu ul#nav_menu_services li:hover {
	color:#D2DC24;
	background-color:#00411D;
}
.navbar-collapse ul#nav_menu ul#nav_menu_services a:hover {
	color:#D2DC24;
	background-color:#00411D;
	border:none;
	height:48px  !important;

}

.navbar-collapse ul#nav_menu li#about-us,
.navbar-collapse ul#nav_menu li#about-us a,
.navbar-collapse ul#nav_menu li#about-us a:focus,
.navbar-collapse ul#nav_menu li#about-us a:hover,
.navbar-collapse ul#nav_menu li#our-services,
.navbar-collapse ul#nav_menu li#our-services a,
.navbar-collapse ul#nav_menu li#our-services a:focus,
.navbar-collapse ul#nav_menu li#our-services a:hover {
	background:none !important;
}



#mission {
	background-color:#999;
	background-size:cover;
	-webkit-background-size: cover;
 	-moz-background-size: cover;
 	-o-background-size: cover;
	width:100%;

}
.container-fluid {
	margin: 0 ;
	padding: 0;
	width:100%;
}

.know {
	border:2px solid #090;
	margin-top:20px;
	padding:10px;
	font-size:24px;
}

#quote {
	
	font-family:Roboto;
	font:Roboto;
	color:#00612B;
	text-align:center;
	padding-bottom:35px;
	padding-top:35px;
	
}

.our-services {
	font-size:36px;
	color:#00611B;
}

#services-home-1 {
	background-image:url(../images/services-1.png);
}

#services-home-2 {
	background-image:url(../images/services-2.png);
}

#services-home-3 {
	background-image:url(../images/services-3.png);
}

#services-home-4 {
	background-image:url(../images/services-4.png);
}

#about-home {
	background-image:url(../images/Events%20_bg-1.jpg);
}

#video-upload {
	background-image:url(../images/NeedHelp.jpg);
}


.cont {
	background-color:#252525;

}



ul#myTab li {
	
	padding: 10px;
	font-size:18px;
	

	
	
}

ul#myTab li a {
	background:none;
	outline:none;
	border:none;
	opacity:0.7;

}

ul#myTab li a:hover {
	text-decoration:none;
	border:none;
	color:#000;
}

ul#myTab li.active  {
	
	border: none;
	transform: scaleY(1.15);
	
		
}

ul#myTab li.active a {
	border:none;
	outline:none;
	color:#FFF;
	opacity:1;
}

ul#myTab li.active a:focus {
	border:none;
		outline:none;

}


.bubble-1 {
	position:absolute;
	margin-top:2%; 
	margin-left:-10%;
	
}

.bubble-2 {
	position:absolute;
	margin-top:2%;
	margin-left:17%;
	
}

.bubble-3 {
	position:absolute; 
	margin-top:15%; 
	margin-left:-10%;
	
}

.bubble-4 {
	position:absolute; 
	margin-top:15%; 
	margin-left:17%;
	
}


#about-banner {
	background-image:url(../images/About_welcome_bg_new.jpg);
	
}

#know-banner {
	background-image:url(../images/About_team_bg_new.jpg);
}

#career-banner {
	background-image:url(../images/About_Career_bg_new.jpg);
	
}

#contact-banner {
	background-image:url(../images/Contact_bg_new.jpg);
}

#first-step-banner {
	background-image:url(../images/Firststep_bg_new.jpg);
	//background-size:cover;
	background-position:center;
	//background-repeat:no-repeat;
}

#services-banner {
	background-image:url(../images/Services_ourservices_bg_new.jpg);
	background-position:center;
}

#services-2-banner {
	background-image:url(../images/Services_Areas_of_Concern_bg_new.jpg);
	background-position:center;
}

#services-3-banner {
	background-image:url(../images/Services_Assesment_bg_new.jpg);
	background-position:center;
}

#about-our-mission {
	background-image:url(../images/Mission%20BG.png);
	background-size:cover;
	webkit-background-size:cover;
	
}

#myTabContent {
	margin-top:3em;
	padding-left:6%;
	padding-right:6%;
	padding-bottom:40px;
	text-align:justify;
	
}

#occ {
	padding-top:1em;
	margin-left:7%;
	margin-right:7%;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding-bottom:40px;
	text-align:justify;
	padding-left:2%;
	padding-right:2%;
	background-color:#fff;
	margin-top:-1%;
	
}

#occ-therapy,
#occ-therapy .active {
	background-color:#18A7B5;
	border-bottom: 5px solid #107581 !important;
}

#sens-therapy,
#sens-therapy .active {
	background-color:#70BF4A;
	border-bottom:5px solid #3D6626 !important;
}

#DIR-therapy,
#DIR-therapy .active {
	background-color:#FDCD09;
	border-bottom:5px solid #AD8B01 !important;
}

#hand-imp,
#hand-imp .active {
	background-color:#E55E26;
	border-bottom:5px solid #A43F13 !important;
}

#tab-slider {
	background-color:#FFF !important;
	margin-top:2em;
	margin-bottom:2em;
	padding-left:0;
	padding-right:0;
}

<!-- test arrow --> 
#accordion { padding:10px; width:300px; }
.closed {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-left: 4px solid;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}
.opened {
    display: inline-block;
    width: 0;
    height: 0;
    margin: 0 0 3px 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
#accordion .active {
	
}
a { color:#000; text-decoration:none; }
a:hover { text-decoration:none; }

<!-- end-->

.four {
	border-bottom:5px solid green;
}

.panel-default .panel-heading {
	background:none !important;
	
}

.career-panel {
	width:75%;
}

.panel-default {
	padding-top:10px !important;
	padding-bottom:10px !important;
	background-color:#EEEEEE !important;
	border-radius:0 !important;
	padding-left:0 !important;
	padding-right:0 !important;
	
}

.panel-body {
	color:#FFF !important;
}

#four {
	border-bottom:5px solid #E55E26 !important;
}

#three {
	border-bottom:5px solid #2987C5 !important;
}

#two {
	border-bottom:5px solid #FDCD09 !important;
}

#one {
	border-bottom:5px solid #18A7B5 !important;
}

#five {
		border-bottom:5px solid #70BF4A !important;
}

#six {
		border-bottom:5px solid #A0A0A0 !important;
}

#seven {
		border-bottom:5px solid #AC4F80 !important;
}
#eight {
		border-bottom:5px solid #18A7B5 !important;
}

#nine {
	border-bottom:5px solid #A0A0A0 !important;
	
}

#ten {
	border-bottom:5px solid #2987C5 !important;
	
}

#eleven {
	border-bottom:5px solid #E55E26 !important;
	
}

#twelve {
		border-bottom:5px solid #70BF4A !important;
	
}

#thirteen {
		
		border-bottom:5px solid #FDCD09 !important;
}

#fourteen {
		border-bottom:5px solid #18A7B5 !important;
}


#body-one {
	background-color:#18A7B5 !important;
}

#body-two {
	background-color:#FDCD09 !important;
}

#body-three {
	background-color:#2987C5 !important;
}

#body-four {
	background-color:#E55E26 !important;
}

#body-five {
	background-color:#70BF4A !important;
}

#body-six {
	background-color:#A0A0A0 !important;
}

#body-seven {
	background-color:#AC4F80 !important;
}

#body-eight {
	background-color:#18A7B5 !important;
}

#body-nine {
	background-color:#A0A0A0 !important;
}

#body-ten {
	background-color:#2987C5 !important;
}

#body-eleven {
	background-color:#E55E26 !important;
}

#body-twelve {
	background-color:#70BF4A !important;
}

#body-thirteen {
	
	background-color:#FDCD09 !important;
}

#body-fourteen {
	background-color:#18A7B5 !important;
}

.form-control:focus {
	transform:scale(1.02,1.02) !important;
}


<!--- asset-form styling -->


#msform {
width: 50%;
margin: 50px auto;
text-align: left;
position: relative;
}
#msform fieldset {
background: white;
border: 0 none;
border-radius: 3px;
box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
padding: 20px 30px;
box-sizing: border-box;
width: 100%;
margin: 0 10%;
text-align:left !important;
/*stacking fieldsets above each other*/
position: absolute;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
display: none;
}
/*inputs*/
#msform input, #msform textarea {
//padding: 15px;
//border: 1px solid #ccc;
//border-radius: 3px;
//margin-bottom: 10px;
//width: 100%;
//box-sizing: border-box;
//font-family: montserrat;
//color: #2C3E50;
//font-size: 13px;
} 
/*buttons*/
#msform .action-button {
width: 100px;
background: #27AE60;
font-weight: bold;
color: white;
border: 0 none;
border-radius: 1px;
cursor: pointer;
padding: 10px 5px;
margin: 10px 5px;
}
#msform .action-button:hover, #msform .action-button:focus {
box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
}
/*headings*/
.fs-title {
font-size: 15px;
text-transform: uppercase;
color: #2C3E50;
margin-bottom: 10px;
}
.fs-subtitle {
font-weight: normal;
font-size: 13px;
color: #666;
margin-bottom: 20px;
}
/*progressbar*/
#progressbar {
margin-bottom: 30px;
overflow: hidden;
text-align:center;
/*CSS counters to number the steps*/
counter-reset: step;
}
#progressbar li {
list-style-type: none;
color: white;
text-transform: uppercase;
font-size: 9px;
width: 25%;
float: left;
position: relative;
}
#progressbar li:before {
content: counter(step);
counter-increment: step;
width: 20px;
line-height: 20px;
display: block;
font-size: 10px;
color: #333;
background: white;
border-radius: 3px;
margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar li:after {
content: '';
width: 100%;
height: 2px;
background: white;
position: absolute;
left: -50%;
top: 9px;
z-index: -1; /*put it behind the numbers*/
}
#progressbar li:first-child:after {
/*connector not needed before the first step*/
content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.active:before, #progressbar li.active:after {
background: #27AE60;
color: white;
}

.asset-wrapper {
	position:relative;
}

<!-- asset form styling -->

.modal-dialog  {
	width:800px !important;
}


.bhagi-photo {
	width: 240px;
	height: 290px;
}

.asset-pulse {
-webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  width:99%;
  height:80%;
}

.service-image {
	width:88%;
	height:70%;
	margin-top:-1%;
}

	.service-visible-mobile {
		display:none
	}
	
	.service-visible-desktop {
		visibility:visible;
	}

/* Media queries */


/* 1. Laptop devices */

@media (min-width:992px) and (max-width:1400px)  {
	
	.font-size {
		font-size:14px;
	}
	
	.bhagi-photo {
		width: 240px;
		height: 290px;
	}
	
	.font-40 {
		font-size:28px;
	}
	
	.font-26 {
		font-size:24px;
	}
	
	.call-icon {
		margin-top:7%;
	}
	
	.bubble-1 {
	position:absolute;
	margin-top:2%; 
	margin-left:-14%;
	}
	
	.bubble-2 {
	position:absolute;
	margin-top:2%; 
	margin-left:24%;
	}
	
	.bubble-3 {
	position:absolute;
	margin-top:19%; 
	margin-left:-15%;
	}
	
	.bubble-4 {
	position:absolute;
	margin-top:19%; 
	margin-left:25%;
	}
	
	.padding-lr {
		
	}
	
	.laptop-margin {
		margin-top:-1% !important;
	}
	
	
	
}


/* 2. Tablet devices */

@media (min-width:768px) and (max-width:991px) {
	
	.font-size {
		font-size:12px;
	}

	.bhagi-photo {
		width: 140px;
		height: 190px;
	}
	
	.font-40 {
		font-size:28px;
	}
	.font-26 {
		font-size:20px;
	}
	
	.call-size {
	width:30px;
	height:30px;
	}
	
	.call-icon {
		margin-top:7%;
	}

}
/* mobile devices */

@media screen and (max-width:767px) { 
	
	.font-size {
		font-size:14px;
		line-height:2 !important;
	}
	
	.service-visible-mobile {
		display:block;
	}
	
	.service-visible-desktop {
		display:none;
	}
	
	.bhagi-photo {
	width: 40px;
	height: 90px;
	}
	
	.call-size {
		width:15px;
		height:15px;
	}
	
	.call-icon {
		margin-top:7%;
	}
	
	
	.font-40 {
		font-size:20px;
	}
	.font-26 {
		font-size:16px;
	}
	
	.logo-size {
		width:120px;
		height:45px;
	}
}

<!-- Media queries end -->


<!-- keyframes start -->


@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}