/*!
 * Start Bootstrap - Grayscale v3.3.7+1 (http://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
@import url("https://fonts.googleapis.com/css?family=Lora:400,400i|Open+Sans:300,400,600,700,800");
body {
  font-family: "Open Sans";
  -webkit-font-smoothing: antialiased;
}
body, html {
	height: 100%;
	width: 100%
}

.primary-color{
	color: #F9A71E;
}

img.service-logo{
	height:50px;
}

.partner-img{
	max-width: 75%;
	max-height: 125px;
	vertical-align: middle;
	text-align:center;
	display: inline-block;
}

.partner-bsnl{
	margin-top:25px;
	height: 150px;
	vertical-align: middle;
	text-align:center;
}

.row{
	padding: 10px 0;
}

section.full-height{
	min-height: 92%;
}

@media(max-width:992px){
	.text-sm-center{
		text-align:center !important;
	}
}

.bullet-pt{
	font-size:16px;
}

.team-member img {
	margin: 0 auto;
	border: 7px solid #e1e1e1;
	height: 200px;
}

.team-name{
	padding-top:10px;
	font-size: 18px;
	font-weight: 700;
	color: #222;
	text-transform: uppercase;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background-color: #fff;
}

.text-shadow{
	text-shadow:  1px 2px rgba(0, 0, 0, .2);
}

.team-post{
	font-size: 16px;
	color: #909090;
}

.logo-img{
	height:40px;
}

@media(max-width:992px){
	.logo-img{
		height:30px;
		margin-left:6px;
	}	
}

.logo-link{
	padding:10px;	
}

.no-shadow{
	box-shadow:none !important;
}

.navbar-default{
	background-color:#fff !important;
	box-shadow:0 3px 5px 0px rgba(0, 0, 0, 0.2);
}

.navbar-default .navbar-nav>li>a{
	color:#222;
	font-weight:700;
	text-transform: uppercase;
	text-align:center;
}

.intro, body, html {
	width: 100%
}

body {
	font-family: 'Open Sans', Helvetica, Arial, "sans-serif"; 
	color: #000;
	webkit-tap-highlight-color: rgba(255, 255, 255, .2);
	background: #fff;
}

@media(min-width:1920px){
	 footer.fixed-ft-lg{
		top:172px;
	}
}

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	font-family: 'Open Sans'
}

.no-margin{
	margin:0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 30px;
	font-weight: 700;
	letter-spacing: 1px
}

hr{
	border: #333 1px solid; 
	width: 50px;
}

hr.light{
	border: /* #c4c4c4 */ /* #a8aaad */ #F9A71E 1px solid; 
	width: 50px;
	margin-top:20px
}

p {
	margin: 0 0 30px;
	line-height: 1.5;
	font-size: 14px;
	font-family: 'Open Sans';
	font-size: 16px;
	line-height: 1.6;
}

label{
	font-size:20px;
	text-align:center;
	padding-top:5px;
	float:center;
	
}

button{
	background-color:#23AE92;
	
}

@media (min-width:768px) {
    .static-page-content {
        font-size: 14px;
    }
}

a {
	color: #fff;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

a:focus, a:hover {
	color: #f2f2f2;
	text-decoration: none;
}

.bg-light {
	background-color: #fff;
}

.bg-dark{
	background-color: #f5f5f5;
}

.intro {
	display: table;
	height: auto;
	padding: 100px 0;
	text-align: center;
	color: #fff;
	background-image:url("../img/company/banner2.png");
	-o-background-size: cover;
	width: 100%;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	
}

.intro .intro-body {
	display: table-cell;
	vertical-align: middle
}

.intro .intro-body .brand-heading {
	font-size: 60px; 
	font-family: 'Open Sans'; 
	font-weight: 700
}

.intro .intro-body .intro-text {
	font-size: 30px; 
	font-family: 'Open Sans'; 
	font-weight: 400"
}

@media ( min-width :768px) {
	.intro {
		height: 60%;
		padding: 5%;
		margin-top:60px;
		background-image:url("../img/company/banner2.png");
		color:#fff;
	}
	.intro .intro-body .brand-heading {
		font-size: 60px
	}
	.intro .intro-body .intro-text {
		font-size: 26px
	}
}

@media (min-width: 992px){
	.navbar-nav>li>a {
		padding-top:20px;
		padding-bottom:20px;
	}
}

@-webkit-keyframes pulse { 0%,100%{
	-webkit-transform: scale(1);
	transform: scale(1)
}

50%{
-webkit-transform
:scale
(1
.2
);transform
:scale
(1
.2
)
}
}
@-moz-keyframes pulse { 0%,100%{
	-moz-transform: scale(1);
	transform: scale(1)
}

50%{
-moz-transform
:scale
(1
.2
);transform
:scale
(1
.2
)
}
}
.content-section {
	padding-top: 100px;
	padding-bottom:50px;
}

@media ( min-width :767px) {
	.content-section {
		padding-top: 5%;
		padding-bottom: 8%
	}
}

.btn {
	font-weight: 400;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	border-radius: 0
}

.btn-default {
	border: 1px solid #f5f5f5;
	color: #F9A71E;
	background-color: #fff;
	border-radius:5px;
}

.btn-default:focus, .btn-default:hover {
	border: 1px solid #f5f5f5;
	outline: 0;
	color: #F9A71E;
	background-color: #f2f2f2;
}

.btn-inverted {
	border: 1px solid #f5f5f5;
	color: #fff;
	background-color: #F9A71E;
	border-radius:5px;
}

.btn-inverted:focus, .btn-inverted:hover {
	border: 1px solid #f5f5f5;
	outline: 0;
	color: #fff;
	background-color: #c78518;
}

.btn-astrologer-call{
	border: 1px solid #f5f5f5;
	color: #fff;
	background-color: #F9A71E;
	border-radius:5px;
	padding: 10px 15px;
	font-weight: 700;
	text-transform: uppercase;
}

.btn-astrologer-call:focus, .btn-astrologer-call:hover {
	border: 1px solid #f5f5f5;
	outline: 0;
	color: #fff;
	background-color: #c78518;
}

@media (min-width: 992px){
.navbar-nav>li>a.cta-btn {
		padding-top: 10px;
	    padding-bottom: 10px;
	}
}

ul.banner-social-buttons {
	margin-top: 0
}

@media ( max-width :1199px) {
	ul.banner-social-buttons {
		margin-top: 15px
	}
}

@media ( max-width :767px) {
	ul.banner-social-buttons li {
		display: block;
		margin-bottom: 20px;
		padding: 0
	}
	ul.banner-social-buttons li:last-child {
		margin-bottom: 0
	}
}

footer {
	font-family: 'Open Sans';
	font-weight:400;
	padding: 10px 0;
	background:#F9A71E;
	color: #fff;
	position: relative;

}

footer p {
	margin: 0;
	font-size:15px;
	
}

::-moz-selection {
	text-shadow: none;
	background: #fcfcfc;
	background: rgba(255, 255, 255, .2)
}

::selection {
	text-shadow: none;
	background: #fcfcfc;
	background: rgba(255, 255, 255, .2)
}

img::selection {
	background: 0 0
}

img::-moz-selection {
	background: 0 0
}

.black{
	color:#222;
}

.boxy {
	min-height: 400px;
	background-color: #fff;
	/* width: 100%; */
	/* border: 2px solid #eee; */
	margin: 10px;
}

.boxy-new {
	min-height: 300px;
	background-color: #fff;
	/* width: 100%; */
	/* border: 2px solid #eee; */
	margin: 10px;
}

.boxy:hover, .boxy:focus{
	border-bottom: 5px solid #F9A71E;
	-webkit-transition-timing-function: ease;
	-webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
    transition: all .15s;	
    box-shadow:0px 1px 35px 0px rgba(0, 0, 0, 0.3);/* 0 10px 10px 0px rgba(0, 0, 0, 0.2); */
    bottom:10px;
}

.boxy-thumb {
	padding-top:20px;
	padding-bottom:10px;
	font-size:48px;
	color:#626262;
	/* display: inline-block; */
	vertical-align: middle;
	min-height:100px;
}

.boxy-partner{
	padding-top:20px;
	padding-bottom:10px;
	font-size:48px;
	color:#626262;
	display: inline-block;
	vertical-align: middle;
	min-height:100px;
}

.boxy-heading{
	padding:5px;
	font-size:20px;
	color:#626262;
	text-transform: uppercase;
}

.boxy-content {
	color:#626262;
	font-size:14px;
	padding:5px 15px;
	text-align: center;
}

.boxy-button{
	padding:15px;
}

/* Form styling */

/***** Top content *****/
.inner-bg {
	padding: 30px 0 50px 0;
}

.top-content {
	background-color: #f9f9f9;
}

.form-box {
	margin-top: 40px;
}

.form-top {
	overflow: hidden;
	padding: 0 25px 15px 25px;
	background: #f3f3f3;
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	text-align: left;
}

.form-top-left {
	float: left;
	width: 75%;
	padding-top: 25px;
}

.form-top-left h3 {
	margin-top: 0;
}

.form-top-right {
	float: left;
	width: 25%;
	padding-top: 5px;
	font-size: 66px;
	color: #ddd;
	line-height: 100px;
	text-align: right;
}

.form-bottom {
	padding: 25px 25px 30px 25px;
	background: #eee;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	text-align: left;
}

.form-bottom form textarea {
	height: 100px;
}

.form-bottom form button.btn {
	width: 100%;
}

.form-bottom form .input-error {
	border-color: #19b9e7;
}

.social-login {
	margin-top: 35px;
}

.social-login-buttons {
	margin-top: 25px;
}

@media ( min-width : 767px) {
	.middle-border {
		min-height: 300px;
		margin-top: 170px;
		border-right: 1px solid #ddd;
	}
}

/***** Media queries *****/
@media ( min-width : 992px) and (max-width: 1199px) {
}

@media ( min-width : 768px) and (max-width: 991px) {
}

@media ( max-width : 767px) {
	.middle-border {
		min-height: auto;
		margin: 65px 30px 0 30px;
		border-right: 0;
		border-top: 1px solid #ddd;
	}
}

@media ( max-width : 415px) {
	h1, h2 {
		font-size: 32px;
	}
}

input[type="text"], input[type="number"], input[type="email"], input[type="password"],
	textarea, textarea.form-control {
	height: 50px;
	margin: 0;
	padding: 0 20px;
	vertical-align: middle;
	background: #fff;
	border: 3px solid #ddd;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 50px;
	color: #888;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}

textarea, textarea.form-control {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 30px;
}

/* input[type="text"]:focus, 
input[type="password"]:focus, 
textarea:focus, 
textarea.form-control:focus {
	outline: 0;
	background: #fff;
    border: 3px solid #ccc;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
} */
input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder,
	textarea:-moz-placeholder, textarea.form-control:-moz-placeholder {
	color: #888;
}

input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder,
	textarea:-ms-input-placeholder, textarea.form-control:-ms-input-placeholder
	{
	color: #888;
}

input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder
	{
	color: #888;
}

button.btn-login {
	height: 50px;
	margin: 0;
	padding: 0 20px;
	vertical-align: middle;
	background: #F9A71E;
	border: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 50px;
	color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-ms-transition: all .3s;
	transition: all .3s;
}

button.btn-login:hover {
	background-color: #de8d06;
	color: #fff
}

button.btn-login:active {
	outline: 0;
	opacity: 0.6;
	color: #fff;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

button.btn-login:focus {
	outline: 0;
	opacity: 0.6;
	background: #e54e1e;
	color: #fff;
}

button.btn-login:active:focus, button.btn.active:focus {
	outline: 0;
	opacity: 0.6;
	background: #e54e1e;
	color: #fff;
}

/*-------------------------------------- Carousel CSS ----------------------------------*/

.carousel-control:hover, .carousel-control:focus{
	opacity:.5 !important;
	color:#fff;
}

.carousel-control{
	opacity: .4 !important;	
}

.carousel {
	height: 68%;
	margin-top:60px;
}

@media(min-width:1440px){
	.carousel {
	height: 62%;
	margin-top:60px;
	}
}

@media(max-width:992px){
	.carousel {
	height: 68%;
	margin-top:50px;
	}
	
	.carousel-control {
     	width: 15%;
    }
}

.carousel-fade
    .carousel-inner{
    }
        .item{
            transition-property: opacity;
        }
       
        .item,
        .active.left,
        .active.right {
            opacity: 0;
        }

        .active,
        .next.left,
        .prev.right {
            opacity: 1;
        }

        .next,
        .prev,
        .active.left,
        .active.right {
            left: 0;
            transform: translate3d(0, 0, 0);
        }
   
    .carousel-control {
        z-index: 2;
        height: 460px !important;
        margin: 60px;
    }

.item, .active, .carousel-inner {
	height: 100%;
}

.text-24{
	font-size:24px;
}

/* 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;
}