body{
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	 overflow-x: hidden; 
	}

#header-logo .navbar-default {
     background-color: #fff; 
     border-color: #fff; 
	 font-size: 12px!important;
}
#topbar .navbar-default {
     background-color: #373737; 
     border-color: #373737; 
	 border-radius: 0px;
	 font-size: 12px!important;
}
#topbar .nav>li>a{
	padding: 5px 15px;
}


#topbar .navbar{
min-height:0px;	
}
.padding-top-50{
	padding-top:48px!important;	
}
#topbar  .navbar-default .navbar-nav>li>a {
    color: #fff;
	background:transparent!important;
}


#topbar .navbar-form {
	margin-left:10px;
	margin-right:10px;
	border-top:none;
	border-bottom:none;
	outline:none;
	}
#main-header .navbar {
	margin-bottom:0px;
}

.mob-show{
	display:none!important;	
}

/* place css start */
#topbar .place{
	background:none;
	border:none;
	color:#fff;	
	display:block;
	width:100%;
	outline:none;
}
#topbar .place option{
	color:#fff;	
	background-color: #333;
}
/* place css end */
#main-header .affix {
      top: 0;
      width: 100%;
  }
#main-header .affix + .container{
      padding-top: 0px;
} 

.margin-right{
	  margin-right:75px;	
}

.margin-bottom-10{
	margin-bottom:20px;	
}
.margin-left-75{
	margin-top:-40px;
	margin-left:80px!important;
}
.center-block-new{
	display:block;

	margin-left:120px;
	margin-right:10px;
		
}

#learning_groups .container .margin-left{
 margin-left:150px;
 }
.color-white{
	color:#fff;
}

#class-as-gifts .carousel-caption{
	cursor:pointer;
}
.color-blue{
	color:#0c447f ;
}
/*.color-blue:hover{
	color:#999;
}*/
.color-light-blue{
	color:#2bcdc1;
	font-weight:600	
}
.margin-bottom{
	margin-bottom:50px;
}
.margin-top-bottom{
	margin-top:20px;
	margin-bottom:20px;
}
section{
	padding-top:40px;
	padding-bottom:40px;	 
}

/*header css start*/

#topbar  .navbar-default .navbar-nav>li>a:hover {
    color: #2bcdc1;
}

#topbar  .navbar-default .navbar-nav>.active>a {
    color: #fff;
    background: none!important;
}

#topbar  .navbar {
     margin-bottom: 5px; 
}
/* .position select city start */
#topbar .position-select-city{
	color:#fff;
	display:inline;
	position:absolute;
	top:10px;
	left:15px
}
/* .position select city end */
#header-logo .main-logo{
	margin-top:-14px;		
}

#header-logo .btn-default {
    color: #fff;
    background-color: #f5a25c;
    border-color: #f5a25c !important;
}
#header-logo .form-control{
	border:solid 1px #f5a25c ;
	}
.bor li:last-child{
	margin-left:20px;
}
#header-logo input::-webkit-input-placeholder {
    font-size: 12px;
    line-height: 3;
}

#header-logo  .navbar {
    position: relative;
    min-height: 0px;
     margin-bottom: 5px; 
    border: 1px solid transparent;
}

.mob-top-bar{
	display:none;	
}

/* blinking button css start */
.button {
  background-color: #3ccdc8;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  font-size: 20px;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
}
@-webkit-keyframes glowing {
  0% { background-color: #3ccdc8; -webkit-box-shadow: 0 0 3px #3ccdc8; }
  50% { background-color: #3ccdc8; -webkit-box-shadow: 0 0 40px #3ccdc8; }
  100% { background-color: #3ccdc8; -webkit-box-shadow: 0 0 3px #3ccdc8; }
}

@-moz-keyframes glowing {
  0% { background-color: #3ccdc8; -moz-box-shadow: 0 0 3px #3ccdc8; }
  50% { background-color: #3ccdc8; -moz-box-shadow: 0 0 40px #3ccdc8; }
  100% { background-color: #3ccdc8; -moz-box-shadow: 0 0 3px #3ccdc8; }
}

@-o-keyframes glowing {
  0% { background-color: #3ccdc8; box-shadow: 0 0 3px #3ccdc8; }
  50% { background-color: #3ccdc8; box-shadow: 0 0 40px #3ccdc8; }
  100% { background-color: #3ccdc8; box-shadow: 0 0 3px #3ccdc8; }
}

@keyframes glowing {
  0% { background-color: #3ccdc8; box-shadow: 0 0 3px #3ccdc8; }
  50% { background-color: #3ccdc8; box-shadow: 0 0 40px #3ccdc8; }
  100% { background-color: #3ccdc8; box-shadow: 0 0 3px #3ccdc8; }
}

.button {
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}

#header-logo .btn-shadow{
   	background:#00cdc6;
    font-size: 0.9em;
	padding: 2px 10px;
	font-weight:bold;
	margin-top:13px;
	text-align:center;
	border-radius: 35px;
	cursor:pointer;
	color:#0c447f;
}
/* blinking button css end */

#main-header .navbar-default {
     background-color: #333; 
     border-top: 3px solid #2bcdc1;
	 border-radius:0px; 
	 border-left:0px;
	 border-right:0px;
}

#main-header .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #2bcdc1;
    background: none!important;
}
#main-header .dropdown-menu {
    background-color: #2bcdc1;
}
#main-header .nav>li>a{
	padding: 8px 15px;
}

#main-header .navbar{
min-height:0px;	
}
#main-header .dropdown-menu>li>a:hover {
 	background:none!important;
    color: #fff;
}
#main-header .dropdown-menu>li>a{
 	padding:4px 10px!important;
}
#main-header .navbar-default .navbar-nav>li>a {
    color: #fff;
}

/*header css end*/


/*main slider css start*/

#main-slider {
  position: relative;
}
.display-block{
	display:block;
}
.margin-left-20{
	margin-left:20px
}
/* slider button css start */
#main-slider .btn-default{
	background:transparent;
	border-radius:0px!important;
	border:solid 2px #00cdc6;
	display: inline-block;
    padding: 7px 20px;
    margin-bottom: 0;
	color:#fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
 
    margin-top: 40px;
  
}
#main-slider .btn-default:hover{
	border:solid 2px #fff;
}
/* slider button css end */

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

#main-slider .carousel .carousel-content {
  margin-top: 50px;
}

#main-slider .carousel .slide-margin{
  margin-top: 20px;
}

#main-slider .carousel h2 {
  color: #fff;
  font-size:50px!important;
}

#main-slider .carousel .btn-slide {
  padding: 8px 20px;
  background: #c52d2f;
  color: #fff;
  border-radius: 4px;
  margin-top: 25px;
  display: inline-block;
}
#main-slider .btn {
    display: inline-block;
    padding: 4px 15px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
	background:#0c447f!important;
	margin-top:10px;
    border: 1px solid transparent;
    border-radius: 3px;
}
#main-slider .carousel .slider-img{
  text-align: right;
  position: absolute;
}


#main-slider .carousel .item {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  height: 527px;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
}

#main-slider p{
	color:#fff;
	font-size:16px;
	font-weight:100;
	vertical-align:middle;
}


#main-slider span{
	color:#fff;
	font-size:18px;
	font-weight:400;
	vertical-align:middle;
}
#main-slider .carousel .item:first-child {
  top: auto;
  position: relative;
}

#main-slider .carousel .item.active {
  opacity: 1;
  -webkit-transition: opacity ease-in-out 500ms;
  -moz-transition: opacity ease-in-out 500ms;
  -o-transition: opacity ease-in-out 500ms;
  transition: opacity ease-in-out 500ms;
  z-index: 1;
}

#main-slider .prev,
#main-slider .next {
  position: absolute;
  top: 50%;
  background-color: rgba(0,0,0,0.2);
  color: #fff;
  display: inline-block;
  margin-top: -25px;
  height: 40px;
  line-height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 4px;
  z-index: 5;
}

#main-slider .prev:hover,
#main-slider .next:hover {
  background-color: rgba(0,0,0,0.6);
}

#main-slider .prev {
  left: 10px;
}

#main-slider .next {
  right: 10px;
}

#main-slider .carousel-indicators li {
  width: 10px;
  height: 10px;
  background-color: none;
  margin: 0 5px 0 0;
  position: relative;
}

#main-slider .carousel-indicators li:after {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0);
  border: 2px solid #fff;
  left: -3px;
  top: -3px;
}
#main-slider .carousel-indicators li {
   
    border: none!important;
   
}
#main-slider .carousel-indicators .active{
  width: 10px;
  height: 10px;
  background-color: #fff;
   margin: 0 5px 0 0;
   border: 2px solid #fff;
   position: relative;
}

#main-slider .carousel-indicators .active:after {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background: #fff;
  border: 2px solid #fff;
  left: -3px;
  top: -3px;
}

#main-slider .active .animation.animated-item-1 {
  -webkit-animation: fadeInUp 300ms linear 300ms both;
  -moz-animation: fadeInUp 300ms linear 300ms both;
  -o-animation: fadeInUp 300ms linear 300ms both;
  -ms-animation: fadeInUp 300ms linear 300ms both;
  animation: fadeInUp 300ms linear 300ms both;
}

#main-slider .active .animation.animated-item-2 {
  -webkit-animation: fadeInUp 300ms linear 600ms both;
  -moz-animation: fadeInUp 300ms linear 600ms both;
  -o-animation: fadeInUp 300ms linear 600ms both;
  -ms-animation: fadeInUp 300ms linear 600ms both;
  animation: fadeInUp 300ms linear 600ms both;
}

#main-slider .active .animation.animated-item-3 {
  -webkit-animation: fadeInUp 300ms linear 900ms both;
  -moz-animation: fadeInUp 300ms linear 900ms both;
  -o-animation: fadeInUp 300ms linear 900ms both;
  -ms-animation: fadeInUp 300ms linear 900ms both;
  animation: fadeInUp 300ms linear 900ms both;
}

#main-slider .active .animation.animated-item-4 {
  -webkit-animation: fadeInUp 300ms linear 1200ms both;
  -moz-animation: fadeInUp 300ms linear 1200ms both;
  -o-animation: fadeInUp 300ms linear 1200ms both;
  -ms-animation: fadeInUp 300ms linear 1200ms both;
  animation: fadeInUp 300ms linear 1200ms both;
}

/*main slider css end*/

/*footer css start*/

#footer{
	background:#373737;
	padding:15px 0px;
	color:#fff;
	line-height:normal;
}
#footer ul a{
	color:#fff;
	font-size:18px;
	padding:0 10px;	
}
#footer ul a:last-child {
    padding-right:0px;	
}

#footer ul{
	text-align:right;
	margin-bottom:0px;
}	

#footer ul a:hover{
	color:#2bcdc1;	
}	

#sub-footer{
	padding-top:40px;
	padding-bottom:40px;
	background:#2bcdc1;
	color:#fff;
}

#sub-footer ul{
	margin-left:-40px;	
	padding-top:10px;
}
#sub-footer li{
	list-style:none;	
	margin-bottom:7px!important;
}

#sub-footer li a{
	color:#fff;
	text-decoration:none;
	
}
/* scrolltop css start */
.scrollTop {
    position: fixed;
    right: 50px;
    bottom: 7px;
    z-index: 999;
    font-size: 20px;
    line-height: 25px;
	color:#0c447f;
	border: solid 2px #0c447f;
	text-decoration:none;
    height: 30px;
    width: 30px;
    text-align: center;
    text-transform: uppercase;
    opacity: 0.9;
    filter: alpha(opacity=90);
    text-decoration: none;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 40px !important;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    text-decoration: none;
}

.scrollTop:before {
    font-family: "fontawesome";
    content: "\f102";
	text-decoration:none;
}
.scrollTop:hover {
 	border: solid 2px #0c447f;
    color: #025aa5;
	text-decoration:none;
}
/* scrolltop css end */

/*footer css end*/

/*statistics section  css start*/

#statistics {
    background:url(../img/statistics.jpg)  no-repeat center;
    padding-top: 50px;
	background-size:cover;
    padding-bottom: 100px;
	//position:absolute;
	//bottom:00px;
	//left:65px;
	z-index:999;
	color:#fff;

}
#statistics h1{
	font-size:30px;	
	text-align:center;
	padding-top:10px;
}
#statistics .font-size-12px{
	font-size:12px;	

}


#statistics .circle-transparent{
	
	width:130px;
	height:130px;
	background:rgba(0,0,0,0.1);
	border:solid 4px #fff;
	border-radius:100px;
	
}
.numb {
    display: none;
}
 .stat_numbers {
				z-index: 3;
				width: 100%;
				margin: 0px 0 0 0;
				text-align: center;
			}

				
				

.stat .row {
		margin: 40px 0 0;
		position: relative;
	}
/*statistics section css end*/

/*video section css start*/

.carousel-control.right {
   background-image:none !important;
   filter:none !important;
}

 .position-video{
	position:absolute;
	right:20px;
	top:3px;
}


.carousel-control {
	background:rgba(0,51,102,0.2)  !important;
	font-size: 1.5em;
	height: 32px;
	
	line-height: 1.4;
	margin: -55px 2px 0px 1112px;
	padding: 0px 0px;
	width: 32px;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-ms-transition: color .2s;
	-0-transition: color .2s;
	transition: color .2s;
	border-radius: 30px;
	opacity: 1 !important;
}
.carousel-control:hover{
	background:#0c447f !important;
}

.abab {
	margin: -55px 38px 0px;
	 background-image:none !important;
   filter:none !important;
}


i{
    color:#fff;
}

#video h2{
	color:#0c447f ;
}

.position{
	position:relative;
	bottom:-80px;
	right:10px;
}

/*video section css end*/

/*why-brainGroom section css start*/

#why-brainGroom {
    background:url(../img/why-brainGroom.jpg)  no-repeat center;
    padding-top: 50px;
	background-size:cover;
    padding-bottom: 50px;
	color:#fff;

}
#why-brainGroom .circle-brainGroom {
	width:175px;
	height:175px;
	background:rgba(0,0,0,0.7);
	border:solid 4px #2bcdc1;
	border-radius:100px;	
}
#why-brainGroom  .width{
	text-align:center;
	vertical-align:middle;
	font-size:16px;
	padding-top:60px;
	width:160px;
	margin:auto;

}
.box-background{
	margin-left:270px!important;	
}

/*why-brainGroom section css end*/


#class-as-gifts h2 {
    color: #0c447f;
}

#india_indigenous h2{
	color: #0c447f;
}

#india_indigenous .margin-bottom_20px{
	margin-bottom:20px;	
}

.margin-bottom-5px{
	margin-bottom:5px!important;
}
.caption p img { 
	
	display:inline-block!important;
	margin-right:20px;
}
#india_indigenous .caption{
	text-decoration:none!important;
}
	
#india_indigenous .caption p{
	vertical-align:middle;
	font-weight:bold;	
	text-decoration:none!important;
}

/*learning-community section css start*/

.color_fff{
	color:#fff!important;	
}
#learning-community .carousel-control:hover{
	opacity:0.8 !important;
}
#learning-community .abab {
	margin: -55px 38px 0px;
	 background-image:none !important;
   filter:none !important;
}
#learning-community i{
    color:#fff;
}
#learning-community .position{
	position:relative;
	bottom:-80px;
	right:10px;
}


.border-bottom{
	border:solid 2px 0c447f !important;	
}

/*.navbar-right li
{
	border-bottom:2px solid #0c447f;
}*/
.margin-left-120{
margin-left:120px
}
.media-top-5{
	margin-top:5px;	
}
#learning-community .carousel-control 			 { width:  4%; }
#learning-community .container-new{ width:100%}
#learning-community .carousel-control.left,#learning-community .carousel-control.right {margin-left:15px;background-image:none;}
@media (max-width: 767px) {
	.carousel-inner .active.left { left: -100%; }
	.carousel-inner .next        { left:  100%; }
	.carousel-inner .prev		 { left: -100%; }
	.carousel-inner .active > div { display:none; }
	.active > div:first-child { display:block; }

}
@media (min-width: 767px) and (max-width: 992px ) {
	.carousel-inner .active.left { left: -50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		 { left: -50%; }
	//.active > div { display:none; }
	.show_block{ display:block !important; }
	.active > div:first-child { display:block; }
	.active > div:first-child + div { display:block; }
}
@media (min-width: 992px ) {
	.carousel-inner .active.left { left: -25%; }
	.carousel-inner .next        { left:  25%; }
	.carousel-inner .prev		 { left: -25%; }	
}
#learning-community .carousel-control.right {
   background-image:none !important;
   filter:none !important;
}

#learning-community .carousel-control {
	background-color: #0c447f   !important;
	font-size: 1.5em;
	height: 32px;
	
	line-height: 1.4;
	margin: -55px 2px 0px 1112px;
	padding: 0px 0px;
	width: 32px;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-ms-transition: color .2s;
	-0-transition: color .2s;
	transition: color .2s;
	border-radius: 30px;
	opacity: 1 !important;
}

#learning-community{
	background:#fff;	
}

#learning-community img{
	cursor:pointer;	
}

#learning-community p{
	font-weight:bold;
	color:#3366cc;
	font-size:16px;	
}

.gmap{
	margin-top:20px;	
	-webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3);
box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3);


}

#learning-community p{
	z-index:9999;	
}
#learning-community .col-md-3{
	z-index:111;
}



.gmap{
	position:relative;
	top:-25px;	
}


#learning_groups figure{
 
  //overflow: hidden;
  position: relative;
  display: inline-block;
  vertical-align: top;
	cursor:pointer;

}




#learning_groups figure img{
  -webkit-transition: all 0.5s linear;
          transition: all 0.5s linear;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}

#learning_groups figure:hover figcaption{
 background: rgba(255,255,255,0.3);
}


#learning_groups figure:hover img{
  -webkit-transform: scale3d(1.2, 1.2, 1);
          transform: scale3d(1.2, 1.2, 1);
}

/*learning-community section css end*/


/*DISCOVER THE JOY OF LEARNING IN GROUPS  css start*/

#learning_groups h2{
	color: #0c447f;
}




/*INDIA INDIGENOUS CLASSES  css start*/


 #india_indigenous .thumbnail{
	height:455px!important;
	padding: 0px!important; 
	position:relative;
-webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3);
box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3);
}

#india_indigenous .thumbnail:hover{
	//background-color: rgba(115,146,184, 0.4); 
	position:relative;
	cursor:pointer;
}


.trending-class{
	background:url(https://www.braingroom.com/homepage/img/Flexible.png) no-repeat;
	width:100%;
	background-size:cover;
	height:300px;
	display:block;
}



 #india_indigenous .item{
	width:100%;
}

#india_indigenous  .carousel-caption{
		
		top: 50px; 
		left: 0;
		width: 100%;
		font-size:18px;
		font-weight:bold;
		height:200px;
}




#india_indigenous  figure{

  width:100%;
  overflow: hidden;
  position: relative;
  display: inline-block;
  vertical-align: top;

}

#india_indigenous  figure img{
  -webkit-transition: all 0.5s linear;
          transition: all 0.5s linear;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
		  width:100%;
}

#india_indigenous figure:hover figcaption{
 background: rgba(255,255,255,0.3);
}


#india_indigenous figure:hover img{
  -webkit-transform: scale3d(1.2, 1.2, 1);
          transform: scale3d(1.2, 1.2, 1);
}


#india_indigenous  figure{

  width:100%;
  overflow: hidden;
  position: relative;
  display: inline-block;
  vertical-align: top;

}

#india_indigenous  figure img{
  -webkit-transition: all 0.5s linear;
          transition: all 0.5s linear;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}

#india_indigenous figure:hover figcaption{
 background: rgba(255,255,255,0.3);
}


#india_indigenous figure:hover img{
  -webkit-transform: scale3d(1.2, 1.2, 1);
          transform: scale3d(1.2, 1.2, 1);
}
/*INDIA INDIGENOUS CLASSES  css end*/


#class-as-gifts  figure{

  width:100%;
  overflow: hidden;
  position: relative;
  display: inline-block;
  vertical-align: top;

}

#class-as-gifts  figure img{
  -webkit-transition: all 0.5s linear;
          transition: all 0.5s linear;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}

#class-as-gifts figure:hover figcaption{
 background: rgba(255,255,255,0.3);
}


#class-as-gifts figure:hover img{
  -webkit-transform: scale3d(1.2, 1.2, 1);
          transform: scale3d(1.2, 1.2, 1);
}


.caption:hover
{
	color:#2bcdc1 !important;

}

.align-dropdown{
position:absolute;
margin-left:12px;
left:0!important;	
}
.slider_img_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.32);
    top: 0;
    left: 0;
	
}
#india_indigenous  figure img
{
	height:238px;
	width:100%;
}

#categories-segments .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #0c447f;
    border: 1px solid #0c447f;
	border-radius:0px!important;
    border-bottom-color: transparent;
}
#categories-segments .nav-tabs {
    border-bottom:none!important;
}
#border-new .tab-content{
	border: 1px solid #ddd;
	padding:0px 20px;
}
.margin-top-15{
	margin-top:15px;	
	
}
.tab1{
	margin-top:20px;	
}
#categories-segments .navbar-form{
	//padding-left:0px;
	padding-right:0px!important;
}
.media-left img{
	border:solid 1px #ddd;
	padding:5px;	
}
#categories-segments .media-body{
	padding-left:20px;
}
#comments .media-body{
	padding-left:40px;
}


 .margin-top-bottom-35{
 margin-top:35px;
 margin-bottom:35px;
 }
#categories-segments  .nav-tabs i{
    color:inherit!important;
}

.margin-top-bottom-10{
	 margin-top:10px;
 margin-bottom:10px;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
     border: none!important;
     border-radius: none!important;
     -webkit-box-shadow: none!important; 
     box-shadow: none!important;
}

.btn-main {
    display: inline-block;
    padding: 4px 15px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
	background:#0c447f!important;
	margin-top:10px;
    border: 1px solid transparent;
    border-radius: 3px;
}

.place-camera{
	position: absolute;
    top: 11px;
    right: 25px;
    color: #0c447f;	
}

 .border {
    border: 1px solid #ddd;
    padding: 20px 20px;
	margin-bottom:60px;
}

.font-size-11px{
	font-size:11px;	
}

.font-size-12px{
	font-size:12px;	
}
#segments{
	margin-bottom:50px;	
}
#segments .thumbnail{
	padding:0px!important;
	text-align:center;
color:#0c447f;
	border-color:#00cdc6;
}
#segments{
	height:500px;
	overflow:auto;
	overflow-x:hidden;	
	padding-right:10px;
}

#segments .thumbnail p{
	//color:#0c447f;
	padding:15px 0px;
	margin-bottom:0px!important;
}

#segments::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 6px;
	background-color: #F5F5F5;
}

#segments::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#segments::-webkit-scrollbar-thumb
{
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #999;
}

.navbar-inverse{
	background:#3ccdc8;
	border-color:#3ccdc8;
	border-radius:0px;
}

/* btn-white css start */
#segments-navbar .btn-white{
	background:#fff;
	padding:8px 10px;
	margin-top:9%;
	width:100%;
	color:#999!important;
	text-decoration:none;
	//margin-right:10px;
}

#segments-navbar .btn-white:hover{
	background:#fff;
	color:#3ccdc8;
}

#Categories-navbar .btn-white{
	background:#fff;
	padding:8px 10px;
	margin-top:10px;
	color:#999!important;
	text-decoration:none;
	    font-size: 13px;
}

#Categories-navbar .btn-white:hover{
	background:#fff;
	color:#3ccdc8;
}
/* btn-white css end */
.btn-default{
border-color:#0c447f!important;	
}


#Categories-list .nav-tabs {
    border-bottom:none!important;
	}
#Categories-list 	.cat_image img{
   
    background: rgba(0,0,0,0.6);
    width: 120px !important;
    height: 120px;
		
}
#Categories-list  .cat_image img1 {
    width: 120px !important;
    height: 120px;
}

#Categories-list li a img, #Categories-list li p{
	cursor:pointer;	

}

.active-categories{
	padding-top:15px!important;	
}
#connect-forum .nav-tabs{
	border:none!important;	
}
.hover{
	color:#fff;	
}
.hover:hover{
	
	color:#fff!important;	
	text-decoration:none;
	
}

#NewPost .modal-dialog{
	margin-top:200px!important;	
}
#color-changes>li>{
	border-radius:0px;	
}
#color-changes>li>a{
	  border-color: #eee #eee #ddd;
	border-radius:0px;	
    text-decoration: none;
    background-color: #eee;
}

.blog_image_icon {
    color: #0c447f;
    cursor: pointer;
    font-size: 40px;
    position: relative;
    top: 25px;
    float: right;
    padding-right: 5px;
}


a:visited {
    text-decoration: underline;
  }
  
 #Categories-list li.active{
     color:red!important;
} 

#View-Vendor-Article .navbar-form{
	padding-left:inherit!important;
}

#View-User-Posts .navbar-form{
	padding-left:0px!important;
}

#segments .thumbnail:hover{
	color:#fff!important;
	background:#3ccdc8;
	cursor:pointer;
}
.selected1{
  	color:#fff!important;
	background:#3ccdc8;
	cursor:pointer;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.35);

}

.selected-new{
	background:rgba(0,0,0,0.1);
	cursor:pointer;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.35);

}


#comments{
	display:none;	
}

#com-effect{
		cursor:pointer;
}
#connect-forum {
	position:relative;
}
.postion-groups{
	
	z-index:999!important;
	width:100%;

}

<!--connect page css start-->
#connect-forum  #hero-wrapper {
  height: 100%;
  width: 100%;
  position: fixed!important;
}
#connect-forum  #hero-wrapper .carousel-wrapper,
#connect-forum  #hero-carousel {
  height: 100%;
  width: 100%;
  position: absolute;
}
#connect-forum  #hero-carousel img {
  left: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  width: auto;
  height: auto;
}
#connect-forum  #hero-carousel i {
  position: absolute;
  top: 50%;
}
#connect-forum  .carousel-fade .carousel-inner .item {
  opacity: 10;
  transition-property: opacity;
}
#connect-forum  .carousel-fade .carousel-inner .active {
  opacity: 1;
}
#connect-forum  .carousel-fade .carousel-inner .active.left,
#connect-forum  .carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
#connect-forum  .carousel-fade .carousel-inner .next.left,
#connect-forum  .carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
#connect-forum  .carousel-fade .carousel-control {
  z-index: 2;
}



<!--connect page css end-->



/* login page css start */


#login-page{
	background:url(../img/login.jpg) no-repeat  !important;	
}
.form_padding{
	padding:6px 80px;
}
#login-page .login_center{
	background:rgba(0, 0, 0, 0.6);
}
#login-page h2{
	color:#ffffff;
}
#login-page .login
{
	background-color:#0c447f;
	color:#ffffff;
	width:100%;
	border-radius:0px;
}
#login-page .signup
{
	background-color:#0c447f;
	color:#ffffff;
	border-radius:0px;
	//width:60%;
}
#login-page label{
	color:#ffffff;
	font-weight:normal;
}
#login-page .fb_login{
	background-color:#3b5998;
	color:#ffffff;
	border:none;
	border-radius:0px;
}
#login-page .fb_login a{
	color:#ffffff;
	text-decoration:none;
}
#login-page .google_login{
	background-color:#db3236;
	color:#ffffff;
	border:none;
	border-radius:0px;
}
#login-page .google_login a{
	color:#ffffff;
	text-decoration:none;
}
#login-page {
    background:url(../img/login.jpg) no-repeat 30% 30%;
    background-size: cover;
	padding-top:20px;
	padding-bottom:20px;
}
.marks {
    display: inline-block;
    position: relative;	
	width:100%;
    padding: 10px 30px;
    border-bottom: 2px solid #3abbca;
}
.marks:before {
    display: block;
    content: "";
    position: absolute;
    left: 50%;   
    width: 80%;
    height: 1px;
    max-width: 300px;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.marks:after {
    display: block;
    content: "OR";
    position: absolute;
    width: 38px;
    height: 38px;
	border-radius:50%;
	padding:6px;
    //-webkit-transform: rotate(-45deg);
    //-ms-transform: rotate(-45deg);
    //-o-transform: rotate(-45deg);
    //transform: rotate(-45deg);
    background: #3abbca;
    border: 2px solid #3abbca;
    //-webkit-box-shadow: 0 0 0 5px #FFFFFF;
   //box-shadow: 0 0 0 5px #FFFFFF;
    left: 50%;
    margin-left: -14px;
    bottom: -18px;
	color:#ffffff;
	font-size:16px !important;
}


/* login page css end */

.image-preview-input {
    position: relative;
	overflow: hidden;
	margin: 0px;    
    color: #333;
    background-color: #fff;
    border-color: #ccc;    
}
.image-preview-input input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.image-preview-input-title {
    margin-left:2px;
}
#NewPost .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    background: #0c447f;
    z-index: 2;
    color: #fff;
    margin-left: -1px;
}

#NewPost .btn-default{
	border-color:#ccc!important;
	outline:none!important;
}
#NewPost .btn-default:hover{
	background:#fff!important;
	box-shadow:none!important;
	outline:none!important;
}
#NewPost .btn-default.active{
	background:#fff!important;
	box-shadow:none!important;
	outline:none!important;
}
#NewPost .selected{
  	color:#fff!important;
	background:#ccc !important
	cursor:pointer;
	box-shadow: none !important;
	outline:none!important;

}



/* Detailed class page css start */

/* hide div start */
.locations{
	display:none;
}
/* hide div end */
#flowers_making .margin-bottom{
	margin-bottom:20px;
}

#detail_page_map .gmap{
	margin-top:0px;	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#detail_page_map .gmap{
	position:relative;
	top:0px !important;	
}

/* detailed class page short carousel css start */

#class_slider .carousel-control {
	background:none  !important;
	margin: 15px;
}
/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #ffffff;
  font-size: 2em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -15px;
  top:25%;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -15px !important;
  top:25%;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
  width: 100%;
  height: auto;
}
/* detailed class page short carousel css end */

#class_description .glyphicon{
	float:right;
	font-size:14px;
	font-weight:normal;
}
#class_description .panel-default>.panel-heading{
	background-color:#00cdc6;
	color:#ffffff;
}
#class_description .panel-group .panel{
	border-radius:0px !important;
}
#class_description h6{
	font-size:16px;
	color:#0c447f;
}
#class_description p{
	padding-left:20px;
	text-align:justify;
}
#class_description .panel{
	border:none;
}
#class_description .details{
	font-size:14px;
	color:#333;
}
.no-border img{
	border:none!important;
	padding:0px;
}
.word{
	word-wrap:break-word;
	text-transform:uppercase;
}

.web_show{
	display:block;
}	
.mob_show{
	display:none;
}
#mamta_creatios h1 a{
	color:#0c447f;
	text-decoration:underline;
}
.mamta{
	width:auto;
	height:auto;
}
#mamta_creatios p.center_text{
	text-align:center;
	font-size:22px;
	font-weight:bold;
	padding-top:10px;
}
.teacher{
	text-align:left;
	font-size:30px;
	font-weight:bold;
}
#mamta_creatios h4{
	font-size:32px;
	font-weight:bold;
	color:#333;
	text-align:right;
	margin-top:2px;
	margin-bottom:3px;
}
/* book button css start */
.book{
    margin-bottom: 2px;
	padding:5px 5px;
    font-size: 22px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
	background:#0c447f!important;
	margin-top:10px;
	border:none !important;
    border-radius: 3px;
	width:100%;
	text-transform:uppercase;
}
.book i{
	margin-top:6px;
	margin-left:30px;
}
/* book button css end */

#mamta_creatios h6{
	font-size: 18px;
	color:#0c447f;
}

.main_color{
	color:#0c447f;
}

.pull-right-img{
	float:right;	
}
 .media .list-inline>li {
    padding-right: 15px;
}

.details_page_breadcrumb .breadcrumb{
	background:none;	
	cursor:pointer;
	font-size:14px;
}

.details_page_breadcrumb .breadcrumb>li+li:before {
    padding: 2 1px!important;
	font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #00cdc6;
	font-size:16px;
	font-weight:700;
    content: "\f105";
}

 .details_page_breadcrumb .breadcrumb  .active{
	 color: #00cdc6!important;	
}
.locations1{
	display:none;
}
#myModals {
    margin-top: 150px!important;
}
#myModals .modal-footer {
    padding: 15px;
	border:none!important;
    text-align: center;
}

#dot li{
	list-style:none;	
}

#dot li:before{
	 content: "";
    width: 8px;
    float: left;
 background-color: #333;
    height: 8px;
    margin-top: 4px;
    margin-left: -25px;
    display: block;
    border-radius: 50%;
}
.margin-top-bottom-20{
	margin-top:15px;
	//margin-top:15px;
}
.btn-block{
	font-size:15px !important;
}

.find_people{
	background:#0c447f;
	height:auto;
	margin-top:15px;
	padding:10px;
	border-radius:3px;
}
.find_people img{
	float:left;
	margin-top:4px;
	padding-right:10px;
}
.find_people i{
	float:left;
	padding-right:10px;	
	margin-top:2px;
}
.find_people h3{
	margin-top:0px;
	font-size:15px;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:normal;
	line-height:20px;
}
.find_people:hover{
	text-decoration:none;
}

.tutor{
	//background:none;
	//border:none;
	margin-bottom:20px;
}
.tutor a{
	font-size:36px;
	text-decoration:underline;
	font-weight:bold;
}
.tutor a:hover{
	color:#0c447f !important;
	text-decoration:underline;
}
.margin-top-10{
	margin-top:7px;
}
.terms{
	text-align:center !important;
	padding-left:0px !important;
	font-size:12px;
	color:#333;
	font-weight:bold;
	padding-top:10px;
	line-height:16px;
}
.no_margin{
	margin-left:0px;
	margin-right:0px;
}

/* Detailed class page css end */


/* signup page css start */

#signup-page h2{
	color:#ffffff;
}
#signup-page {
    background:url(../img/signup.jpg) no-repeat fixed;
    background-size: cover;
	padding-top:20px;
	padding-bottom:20px;
}
#signup-page .signup_center{
	background:rgba(0, 0, 0, 0.6);
}
.new{
	font-size:12px;
}
.signup_form_padding{
	padding:40px 40px !important;
}
#signup-page .form-control{
	width:100% !important;
	border-radius:2px;
}
#signup-page input,
input::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 3;
}
.signup_text{
	color:#ffffff;
}
.sign{
	color:#ffffff;
	padding:6px 20px;
	font-size:16px;
	margin-bottom:-30px;
	/*-webkit-box-shadow: 1px 1px 42px -2px rgba(102,102,102,0.76);
	-moz-box-shadow: 1px 1px 42px -2px rgba(102,102,102,0.76);
	box-shadow: 1px 1px 42px -2px rgba(102,102,102,0.76);*/
}
.sign:hover{
	color:#ffffff !important;
}
#signup-page .form-group{
	margin-bottom:45px;
}

/* breadcrumb */

.breadcrumb1 {
	display: inline-block;
	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.35);
	overflow: hidden;
	border-radius: 5px;
	padding:0px !important;
	border:3px solid #00cdc6 !important;
	counter-reset: flag;
}
.breadcrumb1 a {
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 36px;
	color: white;
	padding: 0 10px 0 60px;
	background: #666;
	background: linear-gradient(#666, #333);
	position: relative;
}
.breadcrumb1 a:first-child {
	padding-left: 20px;
	//border-radius: 5px 0 0 5px;
}
.breadcrumb1 a:first-child:before {
	left: 14px;
}
.breadcrumb1 a:last-child {
	//border-radius: 0 5px 5px 0;
	padding-right: 18px;
}
.breadcrumb1 a.active, .breadcrumb1 a:hover{
	background: #333;
	background: linear-gradient(#333, #000);
}
.breadcrumb1 a.active:after, .breadcrumb1 a:hover:after {
	background: #333;
	background: linear-gradient(135deg, #333, #000);
}
.breadcrumb1 a:after {
	content: '';
	position: absolute;
	top: 0; 
	right: -18px;
	width: 36px; 
	height: 36px;
	transform: scale(0.707) rotate(45deg);
	z-index: 1;
	background: #666;
	background: linear-gradient(135deg, #666, #333);
	box-shadow: 
	2px -2px 0 2px rgba(0, 205, 198, 0.4), 
	3px -3px 0 2px rgba(0, 205, 198, 0.4);
	border-radius: 0 5px 0 50px;
}
.breadcrumb1 a:last-child:after {
	content: none;
}
/*we will use the :before element to show numbers*/
/*.breadcrumb1 a:before {
	content: counter(flag);
	counter-increment: flag;
	
	border-radius: 100%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin: 8px 0;
	position: absolute;
	top: 0;
	left: 30px;
	background: #444;
	background: linear-gradient(#444, #222);
	font-weight: bold;
}*/
.flat a, .flat a:after {
	background: white;
	color: #0c447f;
	transition: all 0.5s;
	padding-left:36px;
	font-size:18px;
}
.flat a:before {
	background: white;
	box-shadow: 0 0 0 1px #ccc;
}
.flat a:hover, .flat a.active, 
.flat a:hover:after, .flat a.active:after{
	background: #0c447f;
	color:#ffffff;
	font-size:18px;
}
.under{
	color:#ffffff;
	font-size:11px;
}
.primary{
	color:#ffffff;
	font-weight:normal;
	font-size:18px;
}
.area{
	display:none;
}
.my{
	display:none;
}
.verification{
	display:none;
}
.verification1{
	display:none;
}
#signup-page .form-control {
	height:44px!important;
}
#signup-page .input-group-btn>.btn {
    position: relative;
    height: 44px!important;
	padding-top:12px !important;
	background-color:#0c447f;
	border-color:#0c447fl !important;
}
.camera{
	background-color:red;
}
.skip{
	margin-left:120px;
	margin-top:5px;
	padding:5px 20px !important;
}

/*#signup-page select {
  -webkit-appearance: none;
  -moz-appearance: none;
}


#signup-page select.classic {
  background-image:
    linear-gradient(45deg, transparent 50%, #0c447f 50%),
    linear-gradient(135deg, #0c447f 50%, transparent 50%),
    linear-gradient(to right, #fff, #fff);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
  background-size:
    6px 6px,
    6px 6px,
    2.5em 2.5em;
  background-repeat: no-repeat;
}
#signup-page select.input-lg{
	line-height:1.3333;
}*/

/* signup page css end */


/* detailed class page slider css start */

.multi-item-carousel .carousel-inner > .item {
  -webkit-transition: 500ms ease-in-out left;
  transition: 500ms ease-in-out left;
}
.multi-item-carousel .carousel-inner .active.left {
  left: -33%;
}
.multi-item-carousel .carousel-inner .active.right {
  left: 33%;
}
.multi-item-carousel .carousel-inner .next {
  left: 33%;
}
.multi-item-carousel .carousel-inner .prev {
  left: -33%;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .multi-item-carousel .carousel-inner > .item {
    -webkit-transition: 500ms ease-in-out left;
    transition: 500ms ease-in-out left;
    -webkit-transition: 500ms ease-in-out all;
    transition: 500ms ease-in-out all;
    -webkit-backface-visibility: visible;
            backface-visibility: visible;
    -webkit-transform: none!important;
            transform: none!important;
  }
}
.multi-item-carousel .carouse-control.left,
.multi-item-carousel .carouse-control.right {
  background-image: none;
}

/* detailed class page slider css end */


/* book a class page css start */

#book_a_class h2{
	font-size:30px;
}
#book_a_class .panel{
	background-color:#fefefd !important;
	border-radius:0px;
	-webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
	border:none !important;
}
#book_a_class .panel-default>.panel-heading{
	background-color:#fefefd !important;
	padding:3px 15px;
}
#book_a_class .book_class{
	padding-bottom:5px;
	font-size:15px;
}
#book_a_class .panel-default>.panel-heading h4{
	font-size:20px;
}
#order_summery .panel-default>.panel-heading{
	border-bottom:none;
}
#order_summery .panel-default>.panel-heading h4{
	color:#333333;
	font-weight:bold;
	font-size:22px;
	padding-bottom:15px;
	padding-top:6px;
	border-bottom:1px solid #e4e6e8;
}
#order_summery .panel-default>.panel-heading{
	background-color:#fbfafa !important;
}
#order_summery .panel{
	background-color:#fbfafa !important;
}
#order_summery p{
	font-size:15px;
}
.price{
	text-align:right;
}
.place_order{
	width:100%;
	color:#ffffff;
	font-size:18px;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:15px;
	font-weight:normal;
}
.place_order:hover{
	color:#ffffff;
}
.promo{
	border-radius:2px;
}
#order_summery hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #e4e6e8;
}
/* redeem css start */
.coupons{
	display:none;
}
.promo_code{
	width:45%;
	margin-bottom:10px;
}
/* redeem css end */
.hr1{
	margin-top:10px !important;
}
.my_table{
	-webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
}
.my_table .table-condensed>thead>tr>th{
	padding:10px !important;
	font-size:18px;
	font-weight:normal;
}
.my_table .table-condensed>tbody>tr>td{
	padding:10px;
	font-size:15px;
}
.width_25{
	width:25% !important;
}
.my_table .table{
	margin-bottom:5px;
}
.panel_padding{
	padding-top:7px !important;
	padding-bottom:7px !important;
}
.my_table::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 4px;
	background-color: #F5F5F5;
}

.my_table::-webkit-scrollbar
{
	width: 2px;
	height:6px;
	background-color: #F5F5F5;
}

.my_table::-webkit-scrollbar-thumb
{
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #999;
}
.my_table tr td{
    width:25%;
}

/* book a class page css end */


/* category listing page css start */

#category_banner{
	background:url(../img/category-listing-banner.jpg) no-repeat 30% 30%;
    background-size: cover;
	height:400px;
}
#category_listingg .panel-default>.panel-heading{
	color:#ffffff;
	background-color:#00cdc6;
}
#category_listingg h4 .glyphicon{
	float: right;
    font-size: 14px;
    font-weight: normal;
	color:#202020;
	margin-right:-12px;
}
.no_color{
	background-color:#ffffff !important;
}
.no_color h4{
	color:#202020;
	margin-left:-14px;
}
.no_color h4 a:hover{
	text-decoration:none;
}
.no_border{
	border:none !important;
}
.no_border .panel-body{
	border-top:none !important;
}
.category_padding{
	padding-left:0px;
	padding-right:0px;
}
.ambattur{
	display:none;
}
.ambattur1{
	display:none;
}
#category_listingg .my_panel{

	border:none !important;
	-webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
}
.category_submit{
	width:100%;
	color:#ffffff;
	font-size:18px;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:20px;
}
.category_submit:hover{
	color:#ffffff;
}
.class_listing h3{
	font-size:25px;
	margin-top:0px;
	font-weight:bold;
	color:#333;
}
.views .nav-pills>li.active>a{
	background-color:#0c447f;
}
.views li a{
	background-color:#d7d8d9;
}
.class_details{
	-webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
	margin-top:20px;
	padding:10px;

	background-color:#fbfafa;
}
.class_details h4{
	font-size:30px;
	color:#333;
	font-weight:bold;
	padding-top:5px;
}
.users{
	font-size:16px;
	padding-top:5px;
}
.others{
	font-size:16px;
}
.about{
	margin-top:0px;
	font-size:24px;
	color:#333;
}
.by_1{
	font-size:16px;
	text-align:left;
}

.star_rating .list-inline>li{
	padding-left:0px;
	padding-right:0px;
}
.kids{
	background-color:#00cdc6 !important;
	color:#ffffff;
	width:100%;
	margin-left:15px !important;
}
.kids:hover{
	color:#ffffff;
}
.flexible{
	text-align:center;
	font-size:15px;
	color:#333;
	padding-top:5px;
	font-weight:bold;
}
.text-viewer{
	text-align:justify;
	font-size:15px;
}
#sort{
	height:40px;
}
.show_more{
	width:100%;
	vertical-align:middle !important;
	color:#ffffff !important;
	font-size:18px;
	background-color:#00cdc6 !important;
	margin-top:20px;
}
.show_more:hover{
	color:#202020 !important;
}
.more_classes{
	display:none;
}
.locations-1{
	display:none;
}
.locations-2{
	display:none;
}
.locations-3{
	display:none;
}
.locations-4{
	display:none;
}
.fees{
	font-size:22px !important;
	font-weight:bold;
}
.tab_courses h4{
	font-weight:bold;
	font-size:18px;
	color:#333;
}
.tab_courses p{
	font-size:15px;
}
.tab_rating>li{
	padding-left:0px;
	padding-right:0px;
}
.tab_rating{
	margin-left:1px;
}
.tab_courses{
	background-color: #fbfafa;
	padding:0px !important;
}
.tab_courses .caption:hover{
	color:#333 !important;
	text-decoration:none !important;
}
.tab_courses .caption{
	padding-bottom:5px !important;
	padding-left:15px
}
.more_classes_1{
	display:none;
}
.show_more_1{
	width:100%;
	padding-top:5px !important;
	color:#ffffff !important;
	font-size:18px;
	background-color:#00cdc6 !important;
	margin-top:0px;
}
.show_more_1:hover{
	color:#202020 !important;
}
#tab_view a:hover{
	text-decoration:none !important;
}
#mob_show{
	display:none;
}
.sort_mobile li{
	font-size:17px;
	cursor:pointer !important;
	font-weight:bold;
	padding-left:7px !important;
}
.sort_popup{
	font-size:16px;
	color:#333;
	padding-bottom:10px;
}
.new_footer{
	padding: 15px;
    text-align: center;
    border-top: 1pnone;
	border-top:none;;
}
.new_footer .btn-default{
	border:none;
	color: #0c447f;
    background-color: #fff;
}
#datepicker-my2{
	z-index:1151 !important;
}
#datepicker-my3{
	z-index:1151 !important;
}
#hide_text, #hide_text1 {
  position: relative;
}
#hide_text.on:after {
  content: "See Less";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  text-decoration: none;
}
#hide_text1.on:after {
  content: "See Less";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  text-decoration: none;
}
#see a{
	color:#0c447f;
	text-decoration:none;
}
#see1 a{
	color:#0c447f;
	text-decoration:none;
}

/* category listing page css end */

/*connectpage text editor css start*/


.pln {
	color:#000
}
@media screen {
.str {
	color:#080
}
.kwd {
	color:#008
}
.com {
	color:#800
}
.typ {
	color:#606
}
.lit {
	color:#066
}
.pun, .opn, .clo {
	color:#660
}
.tag {
	color:#008
}
.atn {
	color:#606
}
.atv {
	color:#080
}
.dec, .var {
	color:#606
}
.fun {
	color:red
}
}
@media print, projection {
.str {
	color:#060
}
.kwd {
	color:#006;
	font-weight:bold
}
.com {
	color:#600;
	font-style:italic
}
.typ {
	color:#404;
	font-weight:bold
}
.lit {
	color:#044
}
.pun, .opn, .clo {
	color:#440
}
.tag {
	color:#006;
	font-weight:bold
}
.atn {
	color:#404
}
.atv {
	color:#060
}
}
pre.prettyprint {
	padding:2px;
	border:1px solid #888
}
ol.linenums {
	margin-top:0;
	margin-bottom:0
}
li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
	list-style-type:none
}
li.L1, li.L3, li.L5, li.L7, li.L9 {
	background:#eee
}
#editor, #first-editor, #second-editor {
	max-height: 250px;
	height: 250px;
	background-color: white;
	border-collapse: separate;
	border: 1px solid rgb(204, 204, 204);
	padding: 4px;
	box-sizing: content-box;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0 1px 1px 0 inset;
	box-shadow: rgba(0, 0, 0, 0.0745098) 0 1px 1px 0 inset;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
	overflow: scroll;
	outline: none;
}
#editor:focus {
	border-color:rgba(82, 168, 236, 0.8);
	outline:0;
	outline:thin dotted \9;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
}
.voiceBtn {
	width: 20px;
	color: transparent;
	background-color: transparent;
	transform: scale(2.0, 2.0);
	-webkit-transform: scale(2.0, 2.0);
	-moz-transform: scale(2.0, 2.0);
	border: transparent;
	cursor: pointer;
	box-shadow: none;
	-webkit-box-shadow: none;
}
div[data-role="editor-toolbar"] {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.dropdown-menu a {
	cursor: pointer;
}
.btn-toolbar {
	padding: 10px 0px 10px 0px;
}
 [contentEditable=true]:empty:not(:focus):before {
 content:attr(data-placeholder)
}
.placeholderText {
	color: #777;
}
.imgUpload {
	width: 0;
	height: 0;
	position:absolute
}

.fs-One {
	font-size: x-small;
}
.fs-Three {
	font-size: medium;
}
.fs-Five {
	font-size: x-large;
}

/* Font Color */

/* Black */
a[data-edit="foreColor #000000"]::before {
 content: "\f0c8  ";
 font-family: FontAwesome;
 font-style: normal;
 font-weight: normal;
 color: #000000;
 font-size: 18px;
 top: 10px;
 left: 0;
}

/* Blue */
a[data-edit="foreColor #0000FF"]::before, a[data-edit="backColor #00FFFF"]::before {
 content: "\f0c8  ";
 font-family: FontAwesome;
 font-style: normal;
 font-weight: normal;
 color: #0000FF;
 font-size: 18px;
 top: 10px;
 left: 0;
}

/* Green */
a[data-edit="foreColor #30AD23"]::before, a[data-edit="backColor #00FF00"]::before {
 content: "\f0c8  ";
 font-family: FontAwesome;
 font-style: normal;
 font-weight: normal;
 color: #30AD23;
 font-size: 18px;
 top: 10px;
 left: 0;
}


/* Orange */
a[data-edit="foreColor #FF7F00"]::before, a[data-edit="backColor #FF7F00"]::before {
 content: "\f0c8  ";
 font-family: FontAwesome;
 font-style: normal;
 font-weight: normal;
 color: #FF7F00;
 font-size: 18px;
 top: 10px;
 left: 0;
}

/* Red */ 
a[data-edit="foreColor #FF0000"]::before, a[data-edit="backColor #FF0000"]::before {
 content: "\f0c8  ";
 font-family: FontAwesome;
 font-style: normal;
 font-weight: normal;
 color: #FF0000;
 font-size: 18px;
 top: 10px;
 left: 0;
}

/* Yellow */
a[data-edit="foreColor #FFFF00"]::before, a[data-edit="backColor #FFFF00"]::before {
 content: "\f0c8  ";
 font-family: FontAwesome;
 font-style: normal;
 font-weight: normal;
 color: #FFFF00;
 font-size: 18px;
 top: 10px;
 left: 0;
}

#text-editor i {
    color: #000;
}
#text-editor .btn {
    display: inline-block;
     padding: 4px 11px; 
	 margin-bottom:5px;
}

/*connectpage text editor css end*/

/* notification css start */
.navbar .navbar-nav .notification {
     position: absolute;
    background-color: #FB404B;
    text-align: center;
    border-radius: 20px;
    min-width: 11px;
    padding: 0 5px;
    height: 14px;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 16px;
    top: 6px;
    left: 23px;
}
/* notification css end */
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

#topbar   .dropdown-menu>li>a{
	border-bottom: solid 1px #dbdbdb;
	color:#666;
}



/*Explore page css start*/

#explore{
	background:url(../img/explor_back_img.png) fixed  no-repeat  100% 100%;
     padding-top: 40px;
	 color:#fff!important;
    background-size: cover;
    padding-bottom: 40px;;
}

.explore-btn-main{
	color: #fff;
	cursor:pointer!important;
    cursor: default;
	text-align:center!important;
    background-color: #0c447f;
    border: 1px solid #0c447f;
    border-radius: 0px!important;
    border-bottom-color: transparent
}
.class_margi-top-8px{
	margin-top:8px!important;	
}
.font-size-15px{
	font-size:16px;
	line-height:inherit!important;
	font-weight:500!important;	
}
/*Explore page css end*/


/*Gift Class page css start*/

#gift_class_banner{
	background:url(../img/gift_class_banner1.jpg) fixed;
    padding-top: 40px;
	color:#fff!important;
    background-size: cover;
    padding-bottom: 40px;
}
#gift_class_content{
	padding-top:30px;
	padding-bottom:30px;
}
#indi_back{
	background:url(../img/gift_coupon.jpg) no-repeat;
    background-size: cover;
	margin-bottom:30px;
	margin-top:40px;
	padding-top:20px;
	padding-bottom:40px;
	padding-left:5px;
	padding-right:5px;
}
#indi_back h2{
	font-size:25px;
	color:#ffffff;
}
#indi_back p{
	color:#ffffff;
	padding-top:10px;
}
.gift{
	color:#ffffff !important;
	margin-top:20px;
	padding: 5px 18px;
	font-size:16px;
}
#gift_ngo h3{
	font-size:20px;
	color:#202020;
}
.how_it{
	padding-left:10px;
	font-size:20px;
	color:#0c447f;
	font-weight:bold;
	text-decoration:none !important;
}
.ngo_types img{
	-webkit-box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.75);
	box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.75);
}
.ngo_types .carousel-caption{
	bottom:15%;
	left:5%;
	right:5%;
}
.ngo_types .carousel-caption h3{
	font-size:20px !important;
}
.works_margin{
	margin-top:30px !important;
}
.category{
	font-size:22px;
	color:#202020;
}
.sub_catagory{
	margin-top:15px !important;
}
.segment_class{
	-webkit-box-shadow: 1px 1px 3px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 3px -1px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 3px -1px rgba(0,0,0,0.75);
	width:100%;
	color:#ffffff;
	padding:8px 15px;
	font-size:16px;
}
.segment_class:hover{
	color:#ffffff !important;
}
.select_segment{
	-webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
	margin-top:30px;
	padding:10px;
	padding-bottom:10px;
	background-color:#fbfafa;
}
.kids1{
	background-color:#00cdc6 !important;
	color:#ffffff;
	width:100%;
}
.kids1:hover{
	color:#ffffff;
}
.thai h4{
	margin-top:0px;
	font-weight:bold;
}
.gift_class{
    width:100%;
	color:#ffffff;
	padding:8px 15px;
	font-size:16px;
	text-transform:uppercase;
	border:none !important;
}
.gift_class:hover{
	color:#ffffff;
}
.gift_class i{
	margin-top:4px;
}
.charge{
	font-size:22px !important;
	font-weight:bold;
}
.form_margin{
	margin-top:30px;
}
.gift_form{
	background-color:#fbfafa;
	padding:20px;
	padding-bottom:30px !important;
	-webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
}

/* confirm gift css start */
.confirm_gift{
	padding:8px 15px;
	color:#ffffff;
	font-size:16px;
	margin-left:20px !important;
	border-radius:3px !important;
	-webkit-box-shadow: 1px 1px 3px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 3px -1px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 3px -1px rgba(0,0,0,0.75);
}
.confirm_gift:hover{
	color:#ffffff;
}
.btn-group .confirm_gift{
	float:none !important;
}
/* confirm gift css end */
.add_coupon{
	 color:#0c447f;
	 border:1px solid #0c447f;
	 border-radius:100%;
	 padding:5px;
}
.recipient{
	color:#202020;
	cursor:pointer;
	text-align:right;
	margin-top:10px;
	margin-bottom:15px;
}
.recipient_1{
	font-size:16px;
}
.recipient>a{
	color:#202020;
	text-decoration:none;
	font-size:16px;
}
.ngo_works{
	background:none;
	outline:none;
	border:none;
}
.ngo_head{
	font-size:22px;
	padding-left:15px;
}
.ngo_details h5{
	//font-weight:bold;
	font-size:18px;
	color:#202020;
	line-height:24px;
}
.ngo_details h6{
	//font-weight:bold;
	font-size:18px;
	color:#202020;
	margin-top:30px;
}
.ngo_details p{
	font-size:14px;
	color:#202020;
}

p.confirm{
	font-size:16px;
	color:#202020;
	margin-top:30px;
	margin-bottom:25px;
}
.ngo_footer{
    padding: 15px;
    text-align: center;
    border-top: none;
}
.ngo_footer .btn-default {
    border: none;
    color: #0c447f;
    background-color: #fff;
	margin-top:30px;
}
.destitute{
	background-color:#fbfafa;
	margin-top:20px;
	margin-bottom:20px;
	padding:20px;
	padding-bottom:30px !important;
	-webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
}
.label_padding{
	padding-left:8px !important;
}
.back_color{
	background-color:#fbfafa;
	margin-top:20px;
	margin-bottom:20px;
	padding:10px;
	padding-bottom:30px !important;
	-webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
}
.tab_border{
	border-bottom:none !important;
}
.tab_border li img{
	cursor:pointer;
}
.selected-new1 {
	color:#ffffff;
}	
.festive_banner{
	margin-top:60px;
	-webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
}

/*Gift Class page css end*/


.width_100px{
	width:100px!important;	
}

/*dashboard page css start*/

#dashboard_page p.center_text {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding-top: 10px;
}
#dashboard_page img{
	cursor:pointer;	
}
.nav-side-menu {
  overflow: auto;
  font-family: verdana;
  font-size: 12px;
  font-weight: 200;
  background-color: #47494a;
  position:relative;
  width: 230px;

  margin-top:50px;
  height:576px;
  overflow-x: hidden;
  color: #e1ffff;
  margin-bottom:40px;
}


.nav-side-menu::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 6px;

	background-color: #F5F5F5;
}

.nav-side-menu::-webkit-scrollbar
{	
	width: 6px;
	background-color: #F5F5F5;
}

.nav-side-menu::-webkit-scrollbar-thumb
{	
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #999;
}

.nav-side-menu .brand {
  background-color: #0c447f;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 14px;
}
.nav-side-menu .toggle-btn {
  display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 35px;
  cursor: pointer;

}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
  font-family: FontAwesome;
  content: "\f078";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
  border-left: 4px solid #00cdc6;
  background-color: #0c447f;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
  color: #d19b3d;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
  color: #d19b3d;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
  background-color: #181c20;
  border: none;
  line-height: 28px;
  border-bottom: 1px solid #23282e;
  margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
  background-color: #020203;
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
  font-family: FontAwesome;
  content: "\f105";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.nav-side-menu li {
  padding-left: 0px;
  border-left: 4px solid #47494a;
  border-bottom: 1px solid #fff;
}
.nav-side-menu li a {
  text-decoration: none;
  color: #e1ffff;
}
.nav-side-menu li a i {
  padding-left: 10px;
  width: 20px;
  padding-right: 20px;
}
.nav-side-menu li:hover {
  border-left: 4px solid #00cdc6;
  background-color: #37b0a4;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
@media (max-width: 767px) {
  .nav-side-menu {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
  .nav-side-menu .toggle-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10 !important;
    padding: 3px;
    background-color: #ffffff;
    color: #000;
    width: 40px;
    text-align: center;
  }
  .brand {
    text-align: left !important;
    font-size: 22px;
    padding-left: 20px;
    line-height: 50px !important;
  }
}
@media (min-width: 767px) {
  .nav-side-menu .menu-list .menu-content {
    display: block;
  }
}


#dashboard_page .navbar-default{
	background:#47494a;
	border-color:#47494a;
	border-radius:0px;
	margin-bottom:30px;
}

.background_dashboad{
	border:solid 1px #47494a;	
	margin-top:50px;
}
.nav-side-menu li a .check{
    margin-left: 8px;
    width: 20px;
    padding-right: 20px;}
	

#dashboard_back_img {
    background: url(../img/gift_class_banner1.jpg) fixed;
    padding-top: 40px;
    color: #fff!important;
    background-size: cover;
    padding-bottom: 40px;
}
.hide-web-mob{
	display:none!important;
}

#dashboard_page .navbar-header .navbar-brand .fa-lg{
	vertical-align:inherit!important;


}
/*dashboard page css end*/


/*Components page css start*/

.comps{
	margin-bottom:30px;
	color:#202020;
	font-size:28px;
}
.com_head i{
	float:right;
	font-size: 14px;
    font-weight: normal;
}
.com_head {
    background-color: #00cdc6 !important;
    color: #ffffff !important;
}
.com_head:hover{
	text-decoration:none !important;
}
.btn-shadow{
   	background:#00cdc6;
    font-size: 0.9em;
	padding: 5px 10px;
	font-weight:bold;
	margin-top:13px;
	text-align:center;
	border-radius: 35px;
	cursor:pointer;
	color:#0c447f;
}
.cat_segments  .nav-tabs>li.active>a{
	color: #fff !important;
    cursor: default;
    background-color: #0c447f !important;
    border: 1px solid #0c447f;
    border-radius: 0px!important;
    border-bottom-color: transparent;
}
.no_style li{
	list-style-type:none;
}
.no_style .dropdown-menu>li>a {
    border-bottom: solid 1px #dbdbdb;
    color: #666;
}
.comp_map{
	color:#202020;
	padding-right:10px;
}
.comp_ch .place option{
	color:#fff;	
	background-color: #333;
}
.comp_noti{
    position: absolute;
    background-color: #FB404B;
    text-align: center;
    border-radius: 20px;
    min-width: 11px;
    padding: 0 5px;
    height: 14px;
    font-size: 10px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 16px;
    top: 0px;
    left: 8px;
}
.fun_comp:hover{
	background-color:#ffffff !important;
}
.cat_sh{
	padding:8px 15px;
	-webkit-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 3px -1px rgba(0,0,0,0.75);
}
.comp_btn .btn-default{
	background: transparent;
    border-radius: 0px!important;
    border: solid 2px #00cdc6;
    display: inline-block;
    padding: 7px 20px;
    margin-bottom: 0;
    color: #202020;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.clear{
	clear:both!important;	
}

.height-width{
 width:300px !important;
 height:199px !important;

}
/*Components page css end*/

.dropdown > .dropdown-menu > li > a {
   white-space: normal; 
}

#topbar .dropdown-width.dropdown-menu {
    min-width: 250px !important;
}

/*--1/6/17- date changes changes*/

.class-det-img-size{
	 width:256px;
	  height:143px;
}

#siderbar-height{
    height: 480px;
    overflow: auto;
	width:250px;
	overflow-x: hidden;
	margin-top:10px;
    padding-right: 10px;
}

#siderbar-height::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 6px;
	background-color: #F5F5F5;
}

#siderbar-height::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#siderbar-height::-webkit-scrollbar-thumb
{
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #999;
}

#category_listingg .affix {
      top: 70px;
        width: 262px;
  }
  
  
 
/* connect page changes 26 June start */  

#categories-segments .panel-default>.panel-heading {
    color: #ffffff;
    background-color: #00cdc6;
}
.blue{
	color:#0c447f !important;
}
.tab_courses h4:hover{
	color:#0c447f !important;
	text-decoration:none !important;
}
.border_none{
	border:none !important;
}
#categories-segments .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio]{
	margin-left:0px !important;
}
#categories-segments h4 .glyphicon {
    float: right;
    font-size: 14px;
    font-weight: normal;
    color: #202020;
    margin-right: -12px;
}
.ambattur2{
	display:none;
}
.ambattur3{
	display:none;
}
.geo_margin{
	margin-top:15px;
}
/* connect page changes 26 June end */

#connect-forum {
  	
    background: url(../img/kids-group1.png)no-repeat fixed ;
    
}
#connect-forum h5{
	margin-bottom:0px !important;
}

 #categories-segments .affix {
      top: 40px;
	  width: 262px;
 }
#affix .affix{
	 width:inherit !important;
	 
 }
  

#affix-mob .affix{
	width:inherit !important;
}

.mymodal_text{
	font-size: 17px;
    cursor: pointer !important;
    font-weight: bold; 
}

.font-size-20px{
	font-size:20px;
}
.affix{
	z-index:999;	
}
.add_selected{
	margin-bottom:20px;
	margin-left:0px !important;
	padding-left:0px !important
}

.add_selected li{
	padding:2px 7px;
	float:left;
	border-radius:5px;
	list-style:none;
	border:solid 1px #dbdbdb;
	margin-right:10px;
	margin-bottom:10px;
}

.add_selected .fa{
	color:#ccc !important;
}
.dropdown-menu{
	z-index:999 !important;
}

/* detailed class page changes start */

.tutor_name{
	font-size:22px !important;
	margin-top:-10px;
}
#mamta_creatios p.center_text{
	text-align:center;
	font-size:14px !important;
	//font-weight:bold;
	padding-top:5px;
	line-height:18px;
}
.class_price{
	font-size:28px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
}
#mamta_creatios{
	padding-top:0px !important;
}
p.select{
	padding-top:12px;
}
.media-left .classes{
	border:none !important;
	padding:0px !important;
}

/* detailed class page changes end */


/* connect page changes 30 June */
#color-changes li a{
	font-size:14px;
	padding: 10px 8px;
}
.new_post{
	top:600px !important;
	right:100px;
}


.switch {
  position: relative;
  display: inline-block;
  width: 120px;
  height: 50px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
 background-color:transparent;  /*#3eb1af*/
   //background-image: linear-gradient(to bottom,   #3eb1af 0%, #f5a25c 100%);
  -webkit-transition: .4s;
  transition: .4s;
  border:solid 2px #fff;

}

.slider:before {
  position: absolute;
  content: "";
  height: 39px;
  width: 39px;
  left: 4px;
  bottom: 4px;
 box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
  background-color: #00cdc6;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {

   background-color:transparent;  /*#f5a25c;*/
  border:solid 2px #fff;
 // background-image: linear-gradient(to bottom, #f5a25c 0%, #00cdc6 100%);
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
  
}

input:checked + .slider:before {
  -webkit-transform: translateX(69px);
  -ms-transform: translateX(69px);
  transform: translateX(69px);
   
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.learner_forum{
	position: relative;
    top: -15px;
    margin-right: 20px;
	font-size:30px;
}
.learner_forum:hover{
	text-decoration:none;
}
.tutor_talk{
	position: relative;
    top: -15px;
    margin-left: 20px;
	font-size:30px;
}
.tutor_talk:hover{
	text-decoration:none;
}

#categories-segments{
	margin-top:-25px !important;
}
.social_share{
	background:#ededed;
	padding-top:6px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	margin-top:-20px;
	margin-bottom:20px;
}
.social_share p{
	font-size:12px;
}
#View-Vendor-Article .navbar-form {
    padding-left: 0px !important;
}

/*04/07/2017 css*/
#hide-tab{
	display:none ;	
}

.display-inline {
	display: inline !important;
}

.hight-box-white{
	background:#fff;
	height:125px;
	
	}
	
.tutor_talk1{
	position: relative;
    top: -15px;
    margin-left: 20px;
	
}
.learner_forum1{
	position: relative;
    top: -15px;
    margin-right: 20px;

}

/* new home page css start */

.search_new{
	padding: 7px 12px;
	font-size:18px;
	background:#f5a25c;
	border-color:#f5a25c;
}
.search_new:hover{
	background:#f5a25c;
	border-color:#f5a25c;
}
#pick_up_new_hobby .thumbnail{
	padding:0px !important;
	width:300px;
	height:240px;
	margin-bottom:10px;
	-webkit-box-shadow: 1px 1px 2px 1px rgba(198,198,198,0.66);
    -moz-box-shadow: 1px 1px 2px 1px rgba(198,198,198,0.66);
    box-shadow: 1px 1px 2px 1px rgba(198,198,198,0.66);
}
#pick_up_new_hobby .thumbnail .caption{
	padding:2px !important;
}
#pick_up_new_hobby .thumbnail .caption h4{
	margin-top:10px;

}
.search_width{
	width:25%;
}
#learn_new_skills{
	background:url(../img/slider_background_1.jpg) no-repeat;
	background-size:cover;
	//height:350px;
	padding-top:40px;
	padding-bottom:40px;
}
#learn_new_skills .form-control {
    border: solid 1px #f5a25c;
}
.contact a{
	color:#2bcdc1 !important;
	font-size:14px;
	font-weight:bold;
	padding-right:0px !important
}
.bor li:last-child {
    margin-left:0px !important;
}
.account a{
	font-size:14px;
}
.margin_bottom_60{
	margin-bottom:60px;
}
#sub-footer{
	padding-top:10px !important;
	padding-bottom:20px !important;
}
#pick_up_new_hobby a:hover{
	text-decoration:none !important;
}

#switch_action{
	margin-top:18px;
}
.nav_switch{
	//margin-left:150px;
}
#switch_action .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 24px;
}

#switch_action .switch input {display:none;}

#switch_action .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color:transparent;  /*#3eb1af*/
  //background-image: linear-gradient(to bottom,   #3eb1af 0%, #f5a25c 100%);
  -webkit-transition: .4s;
  transition: .4s;
  border:solid 1px #00cdc6;

}

#switch_action .slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 3px;
  bottom: 2px;
  box-shadow:none;
  background-color: #f5a25c;
  -webkit-transition: .4s;
  transition: .4s;
}

#switch_action input:checked + .slider {

   background-color:transparent;  /*#f5a25c;*/
  border:solid 1px #00cdc6;
 // background-image: linear-gradient(to bottom, #f5a25c 0%, #00cdc6 100%);
}

#switch_action input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
  
}

#switch_action input:checked + .slider:before {
  -webkit-transform: translateX(34px);
  -ms-transform: translateX(34px);
  transform: translateX(34px);
   
}

/* Rounded sliders */
#switch_action .slider.round {
  border-radius: 34px;
}

#switch_action .slider.round:before {
  border-radius: 50%;
}


/* new switch css  start */

#switch_action .switch1 {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 24px;
}

#switch_action .switch1 input {display:none;}

#switch_action .connect {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color:transparent;  /*#3eb1af*/
  //background-image: linear-gradient(to bottom,   #3eb1af 0%, #f5a25c 100%);
  -webkit-transition: .4s;
  transition: .4s;
  border:solid 1px #00cdc6;

}

#switch_action .connect:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 35px;
  bottom: 2px;
  box-shadow:none;
  background-color: #f5a25c;
  -webkit-transition: .4s;
  transition: .4s;
}

#switch_action input:checked + .connect {

   background-color:transparent;  /*#f5a25c;*/
  border:solid 1px #00cdc6;
 // background-image: linear-gradient(to bottom, #f5a25c 0%, #00cdc6 100%);
}

#switch_action input:focus + .connect {
  box-shadow: 0 0 1px #2196F3;
  
}

#switch_action input:checked + .connect:before {
  -webkit-transform: translateX(-34px);
  -ms-transform: translateX(-34px);
  transform: translateX(-34px);
   
}

/* Rounded sliders */
#switch_action .connect.round {
  border-radius: 34px;
}

#switch_action .connect.round:before {
  border-radius: 50%;
}

/* new switch css end */

.app_icon img{
	width:140px;
	height:35px;
}
li.app_icon a{
	padding-top:10px;
	padding-bottom:0px;
	margin-right:15px;
}
#header-logo .btn-shadow{
	margin-top:16px;
}

/* new home page css end */

/* new css for Connect Page start */

#categories-segments{
	margin-top:-35px !important;
}
body.connect_body{
	background:#f5f5f5;
}
#main-header .connect-navbar .navbar-nav>.active>a, #main-header .connect-navbar .navbar-nav>.active>a:focus{
	background:#ffffff !important;

}
#header-logo  .connect-header-logo {
    margin-bottom: 0px; 
	margin-top:-5px !important;
}
#main-header .connect-navbar {
     background-color: #fff; 
     border-top: 1px solid #f5a25c;
	 border-bottom:none;
	 webkit-box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.75);
	 box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.75);
	 margin-bottom:5px;
}
#main-header .connect-navbar ul li a{
	color:#333 !important;
	font-size:14px;
}
#main-header .connect-navbar ul {
	margin-left:120px;
}
#main-header .connect-navbar ul li.current a{
	color:#f5a25c !important;
	font-size:14px;
}
#main-header .connect-navbar ul li a:hover{
	color:#f5a25c !important;
}
#main-header .connect-navbar ul li.current:after {
	content: "";
    position: absolute;
    
    margin-left: -0.5em;
    bottom: -1.4em;
    left: 45%;
    box-sizing: border-box;
    
    border: 0.7em solid black;
    border-color: transparent transparent #fff #fff;
    
    transform-origin: 0 0;
    transform: rotate(-45deg);
    
    box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
}
#categories-segments .affix {
    top: 52px;
    width: 282px;
}
.box_1{
	background:#fff;
	padding:20px 20px;
	border:1px solid rgba(153,153,153,0.5);
	margin-bottom:10px;
	webkit-box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.75);
}
.box_1 .navbar-form {
    padding-left: 0px !important;
}
.connect_blog{
	background:#fff;
	padding-left:20px;
	padding-right:20px;
	border:1px solid rgba(153,153,153,0.5);
	margin-bottom:10px;
	webkit-box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.75);
}
#more_comments{
	cursor:pointer;
}
.more_comments{
	display:none;
}
.comments_form{
	background:#fff;
}
#input_img {
    position:absolute;
    bottom:23px;
    right:23px;
}
.media-margin-top{
	margin-top:15px !important;
}
ul.comment_dropdown{
	z-index:2147483647 !important;
}
.connect_tab{
	padding:0px !important;
	border:none !important;
}
p.comment_reply{
	color:#666;
}
p.comment_reply a{
	cursor:pointer;
	color:#666;
}
p.comment_reply a:hover{
	color:#0c447f;
}
.no_padding_right{
	padding-right:0px !important;
}

.recent_comments{
	//border-top:1px solid #666666;
	border-bottom:1px solid rgba(153,153,153,0.5);
	//margin-top:10px;
	margin-left:-20px;
	margin-right:-20px;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:20px;
}
.recent_comments p{
	margin-bottom:0px;
	font-size:13px;
}
.recent_comments .font-size-12px{
	font-size:12px !important;
}
.recent_comments .btn-default{
	border:none !important;
	background:none !important;
	//margin-top:-35px;
	padding:0px !important;
	padding-right:20px !important;
}
.recent_comments .dropdown-menu{
	margin-top:0px;
	min-width:310px;
}
.color_gray{
	color:#666666;
}
.color_black{
	color:#000000;
}
.recent_comments .dropdown-menu>li>a{
	padding:1px 12px !important;
}
.recent_comments .dropdown-menu li .media-body{
	padding-left:0px !important;
}
.padding_top12px{
	padding-top:12px !important;
}
.padding_top4px{
	padding-top:4px !important;
}
.connect_posts .post{
	margin-top:15px;
	margin-bottom:15px;
}
.connect_posts .post .media-left img{
	padding:0px !important;
}
.connect_posts .post .media-body{
	padding-left:0px !important;
}
.connect_posts .post p{
	margin-bottom:0px;
	font-size:13px;
	text-align:justify;
}
.padding_top25px{
	padding-top:25px;
}
.post hr{
	margin-top:8px !important;
	margin-bottom:8px !important;
}
.post .comments{
	background:#f3f6f8;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
}
.post .comments p a:hover{
	text-decoration:none;
}
.post .comments .media{
	margin-top:10px;
}
.post .comments .media-body{
	padding-left:0px !important;
}
#color-changes li a {
    font-size: 14px;
    padding: 10px 28px !important;
}
#color-changes li.new_width a {
	padding: 10px 57.5px !important;
	border-top:1px solid #ffffff;
}
.post h4.media-heading{
	font-size:14px;
	font-weight:bold;
}
.comments .btn-default{
	border:none !important;
	background:none !important;
	//margin-top:-35px;
	padding:0px !important;
	//padding-right:20px !important;
}
.comments .dropdown-menu{
	margin-top:0px;
	min-width:350px;
	z-index:999 !important;
}
.comments .media .media-body{
	padding-left:0px !important;
}
.comments .dropdown-menu>li>a{
	padding:1px 12px !important;
}
.comments .dropdown-menu li .media-body{
	padding-left:0px !important;
}
.comments .dropdown .media{
	margin-top:0px !important;
}

#likes_modal .post p, #likes_modal1 .post p{
	margin-bottom:5px!!important;
	font-size:13px!!important;
}
#likes_modal, #likes_modal1{
	padding-top:80px;	
}
#likes_modal .media-body, #likes_modal1 .media-body{
	border-bottom:1px solid rgba(153,153,153,0.5) !important;
	margin-bottom:5px;	
}
#likes_modal_height {
    height: 400px;
    overflow: auto;
    overflow-x: hidden;
    margin-top: 10px;
	margin-right:10px;
    padding-right: 10px;
	margin-bottom:40px;
}
#likes_modal p.likes_text, #likes_modal1 p.likes_text{
	color:#666;
	padding-bottom:10px;
	padding-top:3px;
}

.likes_count {
		color:#666 !important;
		font-size:13px;
	cursor:pointer;
}
.likes_count:hover{
	color:#0c447f !important;
	text-decoration:none !important;
}
#likes_modal_height::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 6px;
	background-color: #F5F5F5;
}

#likes_modal_height::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

#likes_modal_height::-webkit-scrollbar-thumb
{
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #999;
}
.send_button{
	font-size:13px;
}
.sub_footer{
	margin-top:-10px;
	background:#fff; border:1px solid rgba(153,153,153,0.5);
	padding-top:8px;
	webkit-box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.75);	
}
.sub_footer  a{
	font-size:10px;
	margin-bottom:8px;
}
.sub_footer p{
	font-size:14px;
	}
.soc_subfooter{
	list-style:none;	
	//text-align:center;
}
.soc_subfooter li{
	display:inline;	
	margin-left:auto;
	margin-left:2px;
	margin-right:2px;
	text-align:center;
	margin-left:auto;
}

.height_dropdown{
	 z-index: 10000 !important;
}

.comments .media, .media-body{
	overflow:inherit !important;	
}
button{
	outline:none !important;	
}
.soc_subfooter li a img{
	opacity:0.8;
}

.soc_subfooter li a img:hover{
	opacity:1;
}


.new_col_width{
	padding-right:5px !important;
	padding-left:5px !important;
}
.connect_sidebar{
	width:270px !important;
	font-size:13px;
}
.connect_sidebar h4{
	font-size:15px !important;
}
.connect_sidebar .panel-body{
	padding-top:0px;
	padding-bottom:0px;
}
.new_col_width h4.panel-title{
	font-size:16px;
}
#siderbar-height .thumbnail h4{
	font-size:14px;
}
#siderbar-height .thumbnail p.fees{
	font-size:16px !important;
}
.new_post{
	top:600px !important;
	right:100px;
}
.mymodal_text{
	background:#0c447f;
	padding:5px;
}
.mob_filter{
	top:70px !important;
	right:10px;
	width:100px !important;
	color:#ffffff;
	font-weight:normal;
	border-radius:4px;
}
#NewPost .modal-dialog{
	margin-top:40px!important;	
}
.category_submit{
	width:80%;
	font-size:14px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:30px;
}


.post_button{
	border-radius:100%;
	padding: 6px 12px;
	margin-left:80px;
}
.add_comment{
	display:none;
}
.add_reply{
	display:none;
}
.add_reply1{
	display:none;
}
.share_dropdown li a{
	padding:2px 15px !important;
}
.share_dropdown .divider{
	margin:2px !important;
}
.share_dropdown ul li .media-body{
	padding-left:10px !important;
}
.share_dropdown li a:hover{
	opacity:0.8;
	background:none;
}
textarea{
	resize:none;
}
.margin-top-10px{
	margin-top:10px;
}
.more_comments1{
	display:none;
}
.comment_padding{
	padding-right:28px;
	overflow:hidden;
}
.font_size_12px{
	font-size:12px !important;	
}


/* new css for Connect Page end */


/* profile page css start */

.profile-header{
    margin-bottom: 0px !important;
    margin-top: -5px !important;
}
body.profile_body{
	background:#f5f5f5;
}
#profile{
	background:url(../img/profile_bg.jpg) fixed  no-repeat  100% 100%;
    padding-top: 40px;
	color:#fff!important;
    background-size: cover;
    padding-bottom: 40px;
}
#profile .profile_img{
	border:3px solid #fff;
	webkit-box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.75);
}
#profile h2{
	margin-top:10px;
}
#profile p{
	font-size:16px;
	margin-bottom:5px;
}
#profile p a:hover{
	color:#f5a25c;
	text-decoration:none;
}	
.color_orange{
	color:#f5a25c !important;
}
#profile_details{
	margin-top:30px;
	margin-bottom:30px;
}
.feed{
	background:#fff;
	border:1px solid rgba(153,153,153,0.5);
	webkit-box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.75);
	margin-bottom:30px;
}
.feed h4.panel-title{
	background:#3ccdc8;
	color:#fff;
	padding:12px;
	font-size:18px;
}
.feed ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
.feed ul li{
    //line-height: 24px;
	padding-top:7px;
	padding-bottom:7px;
    cursor: pointer;
}
.feed ul li.active{
	border-left: 4px solid #f5a25c;
	padding-left:6px;
}
.feed ul li.active a{
	color:#f5a25c !important;
	text-decoration:none;
}
.feed ul li{
	padding-left:10px;
}
.feed ul li a{
	color:#333;
}
.feed ul li:hover {
  //border-left: 4px solid #f5a25c;
}
.feed ul li a:hover{
	text-decoration:none;
	color:#f5a25c;
}
.feed hr{
	margin-top:0px;
	margin-bottom:0px;
	//border-top: 1px solid #999999;
}
.feed span.count{
	float:right;
	padding-right:12px;
}
#followers{
	background:#fff !important;
	border:1px solid rgba(153,153,153,0.5);
	webkit-box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.75);
}
#followers.active > div {
	display:block; 
}
#followers h4.panel-title{
	background:#3ccdc8;
	color:#fff;
	padding:12px;
	font-size:18px;
}
#followers h4.panel-title span.recent{
	float:right;
}
.followers_details{
	border-bottom:1px solid #999;
	background:#fff;
}
img.person{
	-webkit-box-shadow: 1px 1px 3px 1px rgba(153,153,153,1);
-moz-box-shadow: 1px 1px 3px 1px rgba(153,153,153,1);
box-shadow: 1px 1px 3px 1px rgba(153,153,153,1);
}
.padding_top a p{
	margin-bottom:5px;
	color:#333 ;
}
.padding_top a{
	cursor:pointer;
}
.padding_top h2{
	font-size:18px;
	color:#000;
	margin-top:10px;
	font-weight:bold;
}
.padding_top p{
	margin-bottom:5px;
}
.padding_top p a:hover{
	color:#f5a25c;
	text-decoration:none;
}
.border_right{
	 border-right:1px solid #999;
}
.padding_top{
	padding-top:12px;
}
.profile_border{
	margin-top:0px;
	margin-bottom:0px;
	border-top:1px solid #999;
}
#kowledge-nuggets-posts{
	//background:#fff !important;
	//border:1px solid rgba(153,153,153,0.5);
	//webkit-box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.75);
	//box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.75);
}
#kowledge-nuggets-posts h4.panel-title{
	background:#3ccdc8;
	color:#fff;
	padding:12px;
	font-size:18px;
}
#kowledge-nuggets-posts h4.panel-title span.recent{
	float:right;
}
#kowledge-nuggets-posts.active > div {
	display:block; 
}
#profile_info{
	background:#fff !important;
	border:1px solid rgba(102,102,102,0.5);
	//webkit-box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.75);
	//box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.75);
	padding:12px;	
}
#profile_info h4.panel-title{
	background:#3ccdc8;
	color:#fff;
	padding:12px;
	font-size:18px;
}

#profile_info h2{
	font-size:24px;
	margin-top:20px;
}
#profile_info p{
	font-size:16px;
	color:#666666;
	margin-bottom:5px;
}
#profile_info .btn_follow{
	background:#f5a25c;
	color:#fff;
	border-color:#f5a25c !important;
	margin-top:15px;
	margin-bottom:15px;
	webkit-box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.75);
}
.add_reply2, .add_reply3{
	display:none;
}
#profile_modal .modal-header, #profile_modal1 .modal-header, #edit_modal .modal-header {
	padding-top:8px;
	padding-bottom:8px;
    border-bottom:none;
}
#profile_modal .modal-body, #profile_modal1 .modal-body, #edit_modal .modal-body {
    padding: 0px;
}
#profile_modal .modal-content, #profile_modal1 .modal-content{
	margin-top:100px;
}
#profile_info h4.panel-title a{
	cursor:pointer;
}
#profile_info h4.panel-title a:hover{
	text-decoration:none;
}
#edit_modal .modal-body #profile_info{
	padding-bottom:10px !important;
}
#profile_info form{
	margin-top:20px;
}
#profile_info .btn_save{
	background:#f5a25c;
	color:#fff;
	border-color:#f5a25c !important;
	margin-left:5px;
	webkit-box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.75);
}
#profile_info .btn_cancel{
	background:#0c447f;
	color:#fff;
	border-color:#0c447f !important;
	margin-left:40px;
	webkit-box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.75);
}



/* 24/11/2017 */
.btn_follow{
	background:#f5a25c;
	color:#fff;
	border-color:#f5a25c !important;
	//margin-top:15px;
	margin-bottom:15px;
	webkit-box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 3px -2px rgba(0,0,0,0.75);
}
.btn_follow:hover{
	background:#f5a25c;
	color:#fff;
}
h4.profile_title{
	background:#3ccdc8;
	color:#fff;
	padding:12px;
	font-size:18px;
}
h3.info{
	font-size:18px;
	color:#333;
	margin-top:10px;
	text-align:center;
	margin-bottom:0px;
}
#profile_info h5{
	padding-bottom:10px;
}
.margin_bottom_10px{
	margin-bottom:10px;
}


/* 30/11/2017 */
.my_posts h4.media-heading {
    font-size: 14px;
    font-weight: bold;
}
.my_posts p {
    margin-bottom: 0px;
    font-size: 13px !important;
    text-align: justify;
}
hr.posts{
	margin-top:10px;
	margin-bottom:20px;
}
.my_classes h4.media-heading {
    font-size: 20px;
    font-weight: bold;
	color:#0c447f;
	margin-bottom:15px;
}
.my_classes  p {
    margin-bottom: 0px;
    font-size: 14px !important;
    text-align: justify;
}
h5.class_heading{
	margin-top:0px;
	margin-bottom:0px;
}
p.padding_bottom_15{
	padding-bottom:15px;
}
.margin_top_0px{
	margin-top:0px;
}
button.add_review{
	float:right;
	margin-top:0px;
}
ul.review_type {
    margin-left:5px;
}
.star_rating1 .list-inline>li{
	padding-left:0px;
	padding-right:0px;
}
.my_review  p {
    margin-bottom: 0px;
    font-size: 14px !important;
    text-align: justify;
}
.tab_box {
    border: 1px solid #ddd;
	border-top:none;
    padding: 15px 15px;
}
#profile_info .nav-tabs>li.active>a {
    color: #ffffff;
    cursor: default;
	font-size:16px;
    background-color: #0c447f !important;
    border: 1px solid #ddd;
    border-radius: 0px!important;
    border-bottom-color: transparent;
}
#color-changes1>li>a {
	font-size:16px;
    border-radius: 0px;
    text-decoration: none;
    background-color: #e7e7e7;
    color: #ffffff;
	padding: 10px 20px;
}
.photo_popup{
	padding-top:0px !important;
}
.sub_photo {
    padding: 6px 12px;
    color: #ffffff;
    font-size: 14px;
    margin-left: 20px !important;
    border-radius: 3px !important;
    //-webkit-box-shadow: 1px 1px 3px -1px rgba(0,0,0,0.75);
    //-moz-box-shadow: 1px 1px 3px -1px rgba(0,0,0,0.75);
    //box-shadow: 1px 1px 3px -1px rgba(0,0,0,0.75);
}
.sub_photo:hover{
	color:#fff;
}
label.font_normal{
	font-weight:normal;
}
.my_photos{
    padding:0px !important;
	border:none;
	margin-bottom:10px;
}
.my_photos h4{
	font-size:14px;
	font-weight:600;
	color:#0c447f;
}
.my_photos span.remove_img{
	color:#666666;
	font-size:18px;
	cursor:pointer;
}
.my_photos figure a{
	cursor:pointer;
}
.my_photos .caption {
    padding: 0px;
}
.my_photos .caption p {
	font-size:12px !important;
	color:#666666;
	text-align:justify;
	padding-top:10px;
}
hr.photos{
	margin-top:10px;
	margin-bottom:10px;
}

/* profile page css end */
/* about the team page css start */

#team{
	background:url(../img/profile_bg.jpg) fixed  no-repeat  100% 100%;
    padding-top: 80px;
	color:#fff!important;
    background-size: cover;
    padding-bottom: 80px;
}
.col_padding{
	padding-right: 30px !important;
    padding-left: 30px !important;
}
#about_the_team h3{
	font-size:20px;
}
#our_team{
	background:#f9f9f9;
}
#our_team h3{
	font-size:20px;
}
.margin_top_40px{
	margin-top:40px;
}
#our_advisors h3{
	font-size:20px;
}
#our_investors{
	background:#f9f9f9;
}
#our_investors h3{
	font-size:20px;
}
.margin-top-bottom1{
	margin-top: 20px;
    margin-bottom: 40px;
}
a.join_team{
	padding: 7px 12px;
	font-size:18px;
	background:#f5a25c;
	border-color:#f5a25c;
}
a.join_team:hover{
	background:#f5a25c;
	border-color:#f5a25c;
}

/* about the team page css end */