@import url(//fonts.googleapis.com/css?family=Raleway:100,400,600,700,800,300);
html{
	width:100%;

}
body {
      color: #777;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;   
  font: 400 12px/18px "Raleway", sans-serif;
}

.brand_name{padding:15px;}
.brand_name img{max-height:70px;text-align:center;}
.brand_info{font-size:20px;margin-top:25px;border:2px solid #d4d4d4;border-radius:5px;}
.brand_info a{font-size:25px;color:black;text-decoration:none;    font: 600 24px/26px "Raleway", sans-serif;}
.brand_info .fa{min-height:30px;}
.brand_info a:hover{color:grey;}
.brand_info b{font-size:10px;color:grey;padding-left:26px;display:inline-block;}
.brand_info .fa{border-right:1px solid #d4d4d4;padding:8px 12px 8px 12px; font-size:22px;margin-right:10px;color:#fc4242;}
span.fa.fa-chevron-right {
    padding-top: 200px;
}
span.fa.fa-chevron-left {
    padding-top: 200px;
}
.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}
.carousel-control.left,.carousel-control.right{
	
	background-image:none;
}

.bg-diagnose-text {
    background-color: rgba(0, 0, 0, 0.46);
    padding: 20px;
    border-radius: 9px;
}
/* Background images are set within the HTML using inline CSS, not here */

.fill {
   width: 100%;
    height:100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.carousel-inner {
    max-height:400px;
}
.carousel, .item, .active {
    max-height: 380px;
}
@media screen and (min-width: 768px){
.carousel-caption {
    right: 0;
    left: 0;
    padding-bottom: 30px;
    top: 0;
}

}
.btn-default, .btn-primary {
    padding: 15px 21px;
}
.btn-default {
    border: solid 2px #FFF;
}
p.font-primary.indent {
    font-size: 20px;
    line-height: 20px;
}
.btn-primary__md {
   
    border: solid 2px #ff8e8e;
    color: #FFF;
    background: #ff8484;
}
.btn-primary:hover {
    color: #fff;
    background-color: #f65454;
    border-color: #f65454;
}
.icon-wrap:before {
    font-size: 340px;
    line-height: 340px;
    color: #FFF;
    margin-top: -10px;
}
.navbar {
   
     margin-bottom: 0px; 
    
}
  .navbar-default {
    background-color: #262626;
    border-color: #000000;
	margin-top:10px;
}
.nav>li {
    position: relative;
    display: block;
    color: white;
    font-size: medium;
}
.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
  background: rgba(255, 255, 255, 0.1);

}
.navbar-default .navbar-nav>li>a {
   
    font: 600 15px/16px "Raleway", sans-serif; color:#fff;
       min-height: 58px;
	       padding: 20px;
}
.navbar-nav .active{
	max-height:58px;
	background: rgb(64, 63, 63);

}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: white;
    background-color: rgb(59, 59, 59);
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color:  black;
    background-color: #8d8d8d;
}

.navbar-nav .border{border-left: solid 1px rgba(255, 255, 255, 0.2);
    border-right: solid 1px rgba(255, 255, 255, 0.2);}
.navbar-nav .right-border{border-right:1px solid grey;
    border-right: solid 1px rgba(255, 255, 255, 0.2);}
.navbar-nav .left-border{border-left:1px solid grey;border-left: solid 1px rgba(255, 255, 255, 0.2);}

.services .icon{text-align:center;font-size:30px;color:#8FD39D;position:relative;}
.services .content{float:left;padding-left:20px;text-align:center;}
.repair .button{text-align:justify;font-size:30px;color:#8FD39D;position:relative;}
.repair .content{float:left;text-align:justify;}
@media (min-width: 768px){
.navbar {
     border-radius: 0px;
}
}
.navbar {
  
    min-height: 58px; 
    margin-bottom: 0px;
     border: 0px solid transparent; 
}
.navbar  a.space{
  
    min-height: 58px; 
    
}
.dropdown-menu>li>a {
    
    min-height: 28px;
}
h3{
font: 200 30px/30px "Raleway", sans-serif;
}
.services i{
	background-color:#f0f0f0;
	border-radius:50%;
	padding:20px;
}
.services {
	margin:20px;
}
.services i:hover{
	background-color:#5e9796;
	border-radius:50%;
	padding:20px;
	color:white;
}
.repair button{
	background-color:#8FD39D;
	min-width:130px;
	padding:10px;
	border:0px;
	font-weight:600;
	font-size:16px;
}
.repair button:hover{
	background-color:#5e9796;

	padding:10px;
	color:white;
}
.our-services{
	padding-top:20px;
}
 h5{
    font: 600 14px/18px "Raleway", sans-serif;
    color: #5E9796;
}
.services h5 a:hover{
    color: #8FD39D;
}
.services h5 a{
    color: #5E9796;
	text-decoration:none;
}
.services p{
   font-size:13px;
    font-weight:400;
	color:#000;
}
.services b{
   color:black;
}
.repair h5 a:hover{
    color: #8FD39D;
}
.repair h5 a{
    color: #5E9796;
	text-decoration:none;
}
.repair p{
   font-size:13px;
    font-weight:200;
	color:#777;
}
.repair b{
   color:black;
}
.myCarousel.carousel-control {
    position: absolute;
    top: 50%;
    bottom: 50%;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    
    filter: alpha(opacity=50);
    opacity: 0;
}

.myCarousel.carousel-indicators li {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: -1px;
    text-indent: -993px;
    cursor: pointer;
    background-color: #000\9;
    background-color: rgba(0,0,0,0);
    border: 1px solid #fff;
    border-radius: 10px;
}
.footer{
	border-top:0px solid grey;
	margin-top:20px; 
}
.footer h4{
	color:black;
}
.footer span{    font: 600 14px/18px "Raleway", sans-serif;
color: #5E9796;}
.diagnose{
	background-image:url('../images/autismhomepage_bannerNEW.jpg');   background-size:cover;
	min-height:320px;
	width:100%;
	margin:0px;
	margin-top:20px;
}
.question{
	/* background-image: url('../images/parallax1.jpg'); */
	background-size:cover;
	background-repeat:no-repeat;
	min-height:350px;
	width:100%;
	margin:0px;
	margin-top:20px;
	background-color: black;
}
.bg-caption{
	margin-top:80px;
	color:white;
}
.bg-caption button{
	background-color:transparent;
	color:white;
	padding:10px;
	min-width:130px;
	border-color:white;
	font-weight:600;
	font-size:17px;
}
.bg-caption button:hover{
	background-color:white;
	color:#5e9796;
	
}
.map{
	min-height:350px;
	padding-top:30px;
}
.heading-fst{text-align:center;padding-top:20px;padding-bottom:20px;}
.bg{background-color:grey;}

.services i:hover {
    background-color: #f05757;
    border-radius: 50%;
    padding: 20px;
    color: white;
	cursor:pointer;
}
.navbar-header span {
    font-size: 30px;
    line-height: 50px;
    padding-left: 20px;
    color: white;
}
.navbar-nav {
    margin: 0px -15px;
       /* position: absolute;
 height: 100%; */
    z-index: 999;
    width: 100%;
    background-color: #3b3b3b;
}
.services .icon { 
    color: #f05757; 
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #fff;
}
.carousel-indicators {
    bottom: 0px;
}
@media (max-width: 768px){
.brand_name { 
    text-align: center;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    color: #b5b5b5;
    background-color: transparent;
}
.brand_name img {
    display: inline-block;
}.icon-wrap:before {
    font-size: 100px;
line-height: 100px;}
#myCarousel  p {
    display: none;
}#myCarousel  h2 {
      font-size: 20px;
}
.btn-default, .btn-primary {
    padding: 10px 6px;
}
.carousel, .item, .active {
    max-height: 290px;
}
.contact-form{
	margin-top:20px;
}
}
@media (min-width: 768px){
.contact-form{
	margin-top:100px;
}
}
.heading-2nd{text-align:left;padding-top:20px;padding-bottom:20px;}
.contact-detail .address{font-weight:600;color:black;}
.contact-detail span{font-weight:600;color:#5E9796;font-size:15px;}
.dropdown-menu {
   
    background-color: #262626;
}
.dropdown-menu>li>a:hover {
   
    text-decoration: none;
    background-color: #3b3b3b;
}
.margin{margin-top:20px;}.collapse.in ul.nav.navbar-nav {
    position: absolute;
}

ul.footer-menu li {
   line-height:25px;
   
}
ul.footer-menu li a {
   color:grey;
   text-decoration:none;
}
ul.footer-menu li a:hover {
  color:#8FD39D;
}
ul.footer-menu {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 00px;
	list-style-type: none;
	font-size:13px;
	
}
.about_content{
	padding-top:20px;
}
.heading-3rd{text-align:left;padding-bottom:20px;margin-top:20px;}
.heading-4th{text-align:left;padding-bottom:20px; color:white;}
.about_content .content{float:left;}
.about_content .content a{color:#5E9796;text-decoration:none;}
.about_content .content a:hover{color:#8FD39D;}
.about_content button{
	background-color:#8FD39D;
	min-width:130px;
	padding:10px;
	border:0px;
	font-weight:600;
	font-size:16px;
}
.about_content button:hover{
	background-color:#5e9796;

	padding:10px;
	color:white;
}

.about_content i {
    background-color: #f05757;
    border-radius: 50%;
    padding-left: 15px;
    padding-right: 13px;
    color: white;
    font-size: 48px;
  margin-top:12px;
    padding-bottom: 5px;
    padding-top: 7px;
}
span.fa-arrow-right{color:#8FD39D;padding-right:20px;}
span.fa-arrow-right:hover{color:#8FD39D;padding-right:20px;}
.team {
    background-image: url(../images/parallax1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 450px;
    width: 100%;
    margin: 0px;
    margin-top: 20px;

	}
	.team h2{
   color:white;
   font-weight:700;
   cursor:pointer;
}
.team h2:hover {
   
    border-radius: 10px;
    color: turquoise;
}
.sitemap p{    font-size: 16px;
    line-height: 28px;
}