@charset "utf-8";

/* CSS Document */


*{
	margin:0;
	padding:0;
}

.clearfix{
	clear:both;
}

.no-space {
	padding:0;
	margin:0;
}

.display-0{display:none;}


/***********************custom style******************/

.cover-banner {
  height: 17%;
  position: relative;
  width: 100%;
}

html,
body {
    height: 100%;
}

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

.carousel-inner {
    height: 100%;	
}

.footer {
    width: 100%;
    height: 60px;
    background-color: #090909;
	color:#fff;
	padding:16px 62px;
}

.copyright {
  float: left;
  padding-top:7px;
}

.social-icon {
  float: right;
}

.social-icon ul{
  list-style:none;
}

.social-icon ul li {
  display:inline-block;
  margin:0 5px;
}

.carousel-control.left {
  background-image: none !important;
  left:79% !important;
  width:63px;
}

.carousel-control.right {
  background-image: none !important; 
  right:10% !important;
  width:63px;
}

.carousel-control {  
  opacity: 1 !important;  
  top: 55% !important;  
}

.home-banner h2 {
  color: #31ccff;
  font-size: 34px;
   font-family: 'LithosPro-Regular';
   margin-bottom:20px;
}

.home-banner p {
	font-family: sans-serif;
	font-size:18px;
	line-height:35px;
	width:80%;
	color:#fff;
}

.home-banner {
  left: 10%;
  position: absolute;
  padding-top:20em;
  width: 50%;
  z-index:11;
}

.center-logo {
   position:absolute;
    width:200px;
    left:45%;
    margin-left:-25px;
  text-align: center;  
  z-index: 9;
}

.left-logo {
   position:absolute;
    width:200px;
    left:12%;
    margin-left:-25px;  
  z-index: 9;
  margin-top:5px;
}

.navigation {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fd2f5b+0,d40733+100 */
	background: #fd2f5b; /* Old browsers */
	background: -moz-linear-gradient(top, #fd2f5b 0%, #d40733 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fd2f5b 0%,#d40733 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fd2f5b 0%,#d40733 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd2f5b', endColorstr='#d40733',GradientType=0 ); /* IE6-9 */
	border-radius:10px;
	width:80%!important;
	margin-bottom:30px;
}

.navigation ul {
	list-style:none;
	margin:0;
}

.navigation ul li{
	float:left;
	text-align:center;
}

.navigation ul li a{
	font-family: 'Lato-Thin';
	font-size:16px;
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
	font-weight:700;
	letter-spacing:1px;
	border-right:solid 1px #f16c89;
	display:block;
	padding-top: 9px;
	padding-right: 15px;
	padding-bottom: 9px;
	padding-left: 15px;
}

.navigation ul li:last-child a{
		border-right:0;
}

.navigation ul li a span{
	display:block;
	margin-bottom:10px;
	font-size:24px;
}


.navigation ul li.active a{
	color:#31ccff;	 
}

.navigation ul li.active a span{
	color:#31ccff;
}

.banner-bg {
	width: 100%;
	height: 120% !important;
}

.ataglance {
	background:url(../images/glance-bg.jpg) 0 0 no-repeat;
	background-size:100% 100%;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-o-background-size:100% 100%;
	width:100%;
}

.inner-bg {
	background:rgba(255,255,255,0.5);
	padding:20px 40px !important;
	box-shadow:inset 5px 2px 15px 7px #eee;	
	border-radius:10px;
	max-width:1024px;
	margin-bottom:20px;
}

.inner-bg h2 {
  color: #000000;
  font-family: "LithosPro-Regular";
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.inner-bg p {
	font-family: sans-serif;
	font-size:16px;
	line-height:27px;
	color:#000;
}

.inner-bg ol {
	font-family: sans-serif;
	font-size:16px;
	line-height:27px;
	color:#000;	
}

.inner-bg ol li::before {
  background-color: rgb(0, 0, 0);
  border-radius: 3px;
  color: #fff;
  content: counter(step-counter, decimal);
  font-size: 80%;
  font-weight: bold;
  margin-right: 5px;
  padding: 3px 8px;
}

.inner-bg ol {
	list-style:none;
}

.inner-bg ol li{
	counter-increment: step-counter;
}

.inner-nav {
	bottom:70px;	
}

#scrollbox3 {
    overflow: auto;
    height: 380px;
    padding: 0 5px;

}

.track3 {
    width: 7px;
    background: #d7d7d7;
    margin-right: 2px;
    border-radius: 10px;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear;
}

.track3:hover,
.track3.dragging {
    background: #31ccff; 
    background: rgba(49, 204, 255, 0.15);
}

.handle3 {
    width: 7px;
    right: 0;
    background: #31ccff;
    background: rgba(49, 204, 255, 0.4);
    border-radius: 7px;
    -webkit-transition: width 250ms;
    transition: width 250ms;
}

.track3:hover .handle3,
.track3.dragging .handle3 {
    width: 7px;
}

.mudra-form {
	color:#000;	
	font-family: sans-serif;
	margin-top:50px;
}

.mudra-form input {
	background:rgba(255,255,255,0.8);
	border:solid 1px #fff;
}

.mudra-form textarea {
	background:rgba(255,255,255,0.8);
	border:solid 1px #fff;
}

.custom-form-label {
	margin-bottom:20px !important;	
}

.contact-info {
	padding-top:50px;
}

.contact-info span {
  color: #f92b57;
  font-size: 24px;
  padding-right: 10px;
}

.sm-nav {
	display:none;
	background:#f91344;
	position:absolute;
	top:70px;
	right:10%;
	z-index:1000;
}

.sm-nav ul {
	margin:0;
	list-style:none;
}

.sm-nav ul li a{
	text-decoration:none;
	color:#fff;
	border-bottom:solid 1px #f91344;
	padding:10px !important;
	font-size:14px;
	display:block;
	box-sizing:border-box;
}

.sm-nav ul li a span{
	padding-right:7px;
}

.menu {
	color:#fff;
	font-size:22px;
	position:absolute;
	top:20px;
	right:10%;
	background:rgba(49,204,255,0.9);
	padding:10px;
	cursor:pointer;
}

.menu span{
	font-size:28px;
}

.menuhm {
	color:#fff;
	font-size:22px;
	position:absolute;
	top:20px;
	right:10%;
	background:rgba(49,204,255,0.9);
	padding:10px;
	cursor:pointer;
	z-index:9999;
	display:none;
}

.menuhm span{
	font-size:28px;
}

.mudra-thumb {
    border: solid 1px #fff;
}

.home-total {
  height: auto;
}

.hm-nav-only {
  left: 9%;
  margin-right: -25px;
  position: absolute;
  bottom:0;
}

.same-box {
	height:160px;
	overflow:hidden;
	margin-bottom:20px;
}

@media screen and (max-width: 1199px){
.navigation ul li a {  
  padding: 9px 21px; 
}

.home-banner {  
  padding-top: 0;  
  margin-top:12em;
  width:70%;
}

	
}

@media screen and (max-width: 1051px){
	
.navigation ul li a {  
  padding: 9px 18px; 
}



}

@media screen and (max-width: 1024px){
.navigation {
	display:none;
}

.menuhm {
	display:block;
}
	
}


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

.navigation { 
  display: none;  
}

.carousel-control.left {  
  display:none;
}

.carousel-control.right { 
  display:none;
}


}


@media screen and (max-width: 767px){
.center-logo {
  left: 39%;  
}

.carousel-control.left {
  left: 67% !important;
}

.home-banner h2 {  
  font-size: 24px;
  margin-bottom: 10px;
}

.home-banner p {  
  font-size: 15px;
  line-height: 24px;
  width: 100%;
}

.banner-bg {  
  width: 100%;
}

.carousel, .item, .active {
  height: auto;
}

.same-box {
  height: auto;  
}

.mudra-thumb {
  margin: 0 auto;
}	

.home-banner {
  width: 80%;
}

.inner-bg {
  background: rgba(255, 255, 255, 0.8);
}

body {
  background-size: 100% 100%;  
}
	
}

@media screen and (max-width: 651px){
	
.footer {
  font-size: 12px;
  padding: 16px 20px;
}

.carousel-control.left {  
  display: none;
}

.carousel-control.right {  
  display: none;
}

.left-logo {
  left: 7%; 
}

.center-logo {
  left: 35%;
}

.center-logo > img {
  width: 45%;
}

.menuhm { 
  font-size: 18px;
  padding: 5px; 
  right:3%;
}

.menuhm span {
  font-size: 22px;
}

.menu { 
  font-size: 18px;
  padding: 5px; 
  right:3%;
}

.menu span {
  font-size: 22px;
}

.inner-bg {
	padding:20px !important;
	margin-left:10px !important;
	margin-right:10px !important;
}

.sm-nav {
 top: 56px;  
  right: 3%;  
}

}

@media screen and (max-width: 521px){
	
.home-banner {
	display:none;
}

}

@media screen and (max-width: 481px){
.footer {
  height: auto; 
}

.social-icon {
  float: none;
  margin-top: 10px;
  text-align: center;
}

.copyright {
  float: none;
  padding-top: 7px;
  text-align: center;
}

.home-banner { 
  display:none;
}

.inner-bg h2 { 
  font-size: 20px; 
}

.inner-bg p {  
  font-size: 14px;
  line-height: 21px;
}

.banner-bg {
	height: 100% !important;
}

	
}

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

.center-logo {
  left: 30%;
}

}