@charset "utf-8";

/* Custom Css */



@font-face{font-family:'Lato Regular'; src:url(../fonts/Lato-Regular.ttf) format('truetype');}

@font-face{font-family:'GreatVibes Regular'; src:url(../fonts/GreatVibes-Regular.otf) format('opentype');}

body{ font-family:'Lato Regular',san-serif; font-size:14px; line-height:18px; color:#838383; background:url(../images/mooning.png) #ffffff;}

.txt-vibes{font-family:'GreatVibes Regular';}

.txt-lato{font-family:'Lato Regular',san-serif; }

a:hover{ text-decoration:none !important}



img.logo { max-width:160px; max-height:160px;}

.bg1{ background:#d8effe;}

.headingbg { background:url(../images/karunyaga-elder-care-heading-bg.png) 0% 40% no-repeat,url(../images/karunyaga-elder-care-heading-bg1.png) 100% 40% no-repeat; padding-left:45px; padding-right:45px;}

.txt-green{ color:#00a651;}

.txt-black{ color:#242424;}



/* Header */

header, header .btn { font-size:16px; font-weight:bold;}

.navbar-default{ background:none; border:0px; border-radius:0px; box-shadow:none}

header .btn{ margin-top:10px; margin-bottom:10px;}

.navbar-nav { float:right;}

/*.navbar-default .navbar-nav > li > a{ color:#242424}

.navbar-default .navbar-nav > li > a:hover{}*/

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{ color:#242424; background:none; border-bottom:2px solid #0072bc; padding-bottom:2px; box-shadow:none}

/* Banner */

#banner{padding-top:15px; padding-bottom:15px; background:url(../images/light-sketch.png) #00a651;}

.carousel-caption{ background:url(../images/transparentBackground.png); text-align:left; padding-left:15px !important; padding-right:15px; left:0px; margin-bottom:50px; width:60%}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { top:88%; background:none;}

.carousel-control { opacity:0}

.carousel-control.right, .carousel-control.left{ background:none !important}

.carousel-control:hover{ opacity:10}

.carousel-caption h3{font-family:'GreatVibes Regular'; font-size:5em; line-height:2em}

.carousel-caption p{font-size:1.5em; line-height:1.5em; letter-spacing:0.5px}



/* Content Area*/

.contentArea p, .contentArea ul{ font-size:14px; line-height:24px; color:#242424}

/* Feautres */

/*#features { background:#f1f1f1;}*/

#features h1{ font-size:36px; line-height:40px; letter-spacing:3px; margin-bottom:50px; font-weight:500}

#features h2 {color:#242424; font-size:24px; margin-bottom:15px;}

#features p { letter-spacing:1px; line-height:20px; padding-left:10%; padding-right:10%;}

#features img{ max-width:120px !important;}



/* Services */

#services h1{ font-size:30px; line-height:40px; letter-spacing:3px; margin-bottom:30px; font-weight:500; border-bottom:1px dashed #242424; width:165px;}

#services h2 {color:#242424; font-size:18px; margin-bottom:15px;}

#services a:hover img {

	opacity:0.9;

	-webkit-transform: scaleX(-0.9);

    transform: scaleX(-0.9);

}





/* Footer*/

footer{ font-size:12px;}

/* Alginments */

header, footer { padding-top:5px; padding-bottom:5px}

header, header div, #banner, #banner div, footer { padding-left:0px; padding-right:0px;}

#features { padding-bottom:50px; padding-top:15px;}

#services { padding-bottom:20px; padding-top:5px;}

#features .img-responsive, #services .img-responsive { margin:0px auto	;}





@media only screen and (max-width: 600px) {

   .hidden-mobile {

	   display:none;

    }

	img.logo { margin:0px auto;}

	.carousel-caption h3{font-family:'GreatVibes Regular'; font-size:0.9em; line-height:1em; padding-top:5px;}

.carousel-caption p{font-size:0.8em; line-height:0.8em; letter-spacing:0.5px}

.carousel-caption{  text-align:left; padding-left:5px !important; padding-right:5px; left:0px; margin-bottom:0px; width:80%; margin-top:5px;}

.carousel-inner



}


 
.demo{ background: #f8f8f8; }
.testimonial{
    margin: 0 20px 40px;
}
.testimonial .testimonial-content{
    padding: 35px 25px 35px 50px;
    margin-bottom: 35px;
    background: #fff;
    border: 1px solid #f0f0f0;
    position: relative;
}
.testimonial .testimonial-content:after{
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #c5f1da;
    position: absolute;
    bottom: -10px;
    left: 22px;
    transform: rotate(45deg);
}
.testimonial-content .testimonial-icon{
    width: 50px;
    height: 22px;
    background: #00b09c;
    text-align: center;
    font-size: 22px;
    color: #fff;
    line-height: 22px;
    position: absolute;
    top: 37px;
    left: -19px;
}
.testimonial-content h6{ color:#e9e110; font-size:1.25em;  text-shadow: 1px 2px #f9f592;}
.testimonial-content h6 i{ padding-right:2px;}
.testimonial-content .testimonial-icon:before{
    content: "";
    border-bottom: 16px solid #00b09c;
    border-left: 18px solid transparent;
    position: absolute;
    top: -16px;
    left: 1px;
}
.testimonial .description{
    font-size: 15px;
    font-style: italic;
    color: #8a8a8a;
    line-height: 23px;
    margin: 0;
}
.testimonial .title{
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #525252;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 0 0 5px 0;
}
.testimonial .post{
    display: block;
    font-size: 14px;
    color: #00b09c;
}
.owl-theme .owl-controls{
    margin-top: 20px;
}
.owl-theme .owl-controls .owl-page span{
    background: #ccc;
    opacity: 1;
    transition: all 0.4s ease 0s;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    background: #e41212;
}