div.committee-profile {
    text-align: center;
}

.profile-content {
    top: 12%;
    width: 100%;
    visibility: hidden;
    position: absolute;
    color: white;
    text-align: center;
}

.outer-namep
{
	    width: 200px;
    height: 214px;
    position: relative;
    margin: 0 auto;
	
}

.advisor .profile-content .designation {
    height: 200px !important;
}

.profile-content .name, .profile-content .designation, .profile-content .social-links {
    width: 155px;
    margin: 0 auto;
    float: none;
}

.profile-content .designation {
    line-height: normal;
    height: 75px;
    font-size: 14px;
}


div.image-wrapper {
    width: 200px;
    height: 214px;
    position: relative;
    margin: 0 auto;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}

div.inner-image {
    background-repeat: no-repeat;
    background-size: 100%;
    width: 270px;
    position: absolute;
    height: 186px;
    border-radius: 9px;
    top: 9px;
    left: 8px;
}

div.inner-image1 {
    background-repeat: no-repeat;
   
    width: 189px;
    position: absolute;
    height: 186px;
    border-radius: 9px;
    top: 9px;
    left: 8px;
}

.speakers div.outer-image, .moderators div.outer-image, .advisors .outer-image, .panel-experts .outer-image {
    background-image: url(/cslbg/css/img/Steerin-Commt-pg.png);
    width: 150px;
    height: 80px;
    position: absolute;
    background-repeat: no-repeat;
}

div.outer-image {
    width: 150px;
    height: 100px;
    position: absolute;
    background-repeat: no-repeat;
}


/* navbar-fixed-top .navbar-nav{float:right}*/
.navbar { padding-bottom:15px; } 

@logo-img {
	width: min(50vw, 200px);
}

.navbar-brand{
    height: 50px!important;
}
@media only screen and (max-width: 375px) {
    .top-cias-logo{
        height: 75px!important;
    }
}  

.navbar-nav li a { text-transform:uppercase; /*padding: 2px 13px 0px 2px;*/ }
.navbar-nav { margin-left:0px; margin-top:40px }
.navbar-nav li.dropdown ul.dropdown-menu a { text-transform:none; }
.nav>li>a.active { color:#f2af5e }
.nav>li>a:hover { color:#f2af5e; background:none }
.navbar-toggle { background:#337ab7; margin-top:10px; margin-right:0 }
.navbar { box-shadow:none; border:none }
.navbar-toggle .icon-bar { border:#fff thin solid  }
.margin-top-jgu { margin-top:20px } 
.top-box-shadow { -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5); background:#fff  }
footer { background-color:#3e4095; margin-top:0; margin-bottom:0; padding:25px 0 }
ul.footer-links { padding-left:0 }
ul.social-links-footer { padding-left:0 }
.footer-links li { float:left; padding:14px; display: inline; }
.social-links-footer li { float:left; margin:10px; display: inline; }
span.icon-prev { font-size:200px !important; color:#f2af5e }
span.icon-next { font-size:200px !important; color:#f2af5e }
.advisory img { border-radius:10px; display:inline-block }


@media (min-width: 768px) {
.navbar-collapse { padding:0 }
}

@media (max-width: 1024px) {
.navbar-nav { margin-top:10px }
.footer-links li { padding:10px 10px; }
.social-links-footer li { margin:5px }
span.icon-prev { font-size:100px !important; color:#f2af5e }
span.icon-next { font-size:100px !important; color:#f2af5e }
div.image-wrapper { width:150px; height:165px; }
div.inner-image  { width:130px; height:145px; }
div.outer-image  { width:110px; }
}

@media (max-width: 768px) {
.padding-logo { padding:0 }
.top-cias-logo { margin-top:0px; }
.margin-top-jgu { margin-top: -27px; float: right; width: 50%; margin-bottom:15px} 
.padding-left { padding-left:0 }
.navbar-collapse { padding-left:0 }
.navbar-nav { margin-top:70px; background:#e9e9e9 }
ul.footer-links {text-align:center }
ul.social-links-footer { text-align:center }
.footer-links li { padding:10px 10px; display: inline-block; float:inherit; text-align:center }
.social-links-footer li { display: inline-block; float:inherit; text-align:center }
span.icon-prev { font-size:50px !important; color:#f2af5e }
span.icon-next { font-size:50px !important; color:#f2af5e }
.footer-logo { width:50%; display:inherit }
.footer-text-logo { text-align:center}
.nav-float-right { float:right }
}

@media (max-width: 768px) {
div.image-wrapper { width:150px; height:165px; }
div.inner-image  { width:130px; height:145px; }
div.outer-image  { width:110px; }
}



nav{ box-shadow: 0 0 4px rgba(0,0,0,0.8)}

.active_tab{
	color:#f2af5e;
}

.speaker{
	margin:5px;
}

.speaker-bg-color {
	background-color: #ccc;
}

p.speaker-name{
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 3px solid #ec932f; 
border-top: 6px solid #205ea7;
padding:10px;
text-align: center;
}

ul{
	color:#000;
}
	   
ul.list-1{list-style:none; padding:0; margin:0;font-size: 16px;}
ul.list-1 li{ margin-bottom:4px; border-bottom:1px dotted #ddd; max-width:240px; margin:5px 0 5px 10x; }
ul.list-1 li a{ display:inline-block; padding:5px;}
ul.list-1 li a i{ margin-right:34px;font-size:14px}
a.activeName{color:#f8ae55!important;}

ul.footer-nav{
list-style-type: none;
font-size: 16px;
}

li.footer-nav-heading{
	text-transform: uppercase;
	color:#fff;
}

li{
	/* text-transform: capitalize;*/
}

ul.footer-main-links{
	list-style-type: none;
	color:#ddd;
}

.footer-main-links a{
color:#999999; font-weight:700
}

li.main-links{
	padding:5px;
	float: right;
	display: inline;
}


/* CSS used here will be applied after bootstrap.css */

.register-now { 
 background: url('/cslbg/img/register-bg.jpg') no-repeat center center; 
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}
.register-now h3{font-size:25px;color:#f2b157;font-weight:700;}
.register-now h3 span{color:#67b7e1;}
.register-now h2{font-size:60px;FONT-WEIGHT:600;padding-bottom:30px;color:#fff;font-family:'Chaparral Pro'} 


.panel-default {
 opacity: 0.9;
 margin-top:30px;
}

.form-group.last {
 margin-bottom:0px;
}

.curve{
    background-color: #80C5A0;
    height: 80px;
    border-radius: 50% / 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.timer div{
    width:18%;
    float: left;
    margin-right: 35px;
}

.timer div:after {
    content: "";
    display: block;
    width: 100%;
    height:0;
    padding-bottom: 100%;
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
    border: 2px solid #fff;
}
.timer div span {
    float:left;
    width:100%;
    padding-top:70%;
    line-height:.6em;
    margin-top:-1em;
    text-align:center;
    color:white;
    font-size: 53px;
    font-weight: 700;
}

.videoWrapper {
    position: relative;
    padding-bottom: 48%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
a.team{
    text-transform:capitalize;
    color:#000;
    text-decoration: none;
}

a:hover{
  color:#eb942d;
  text-decoration: none;
}
.team a:active{
  color:#000;
}

a.footer-link{
    color:#fff;
    text-decoration: none;
}

/*
inspired from http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.blue-overlay{
	position:absolute;
top:0;
	right:0;
	width:100%;
	height:100%;
	background:rgba(32, 94, 167, 0.89);
}
.p0{ padding:0}
.dBlock{ display:block;}
.orange{ color:#ee9338!important}
/*#myCarousel{ height:500px}*/
section { position:relative; padding:30px 0}

.border-top-blue{ border-top:5px solid #ee9338}
.border-top-orange{ border-top:5px solid #ee9338}

.carousel-caption{left: 15%; opacity: 0.8;}
.carousel-caption h2{font-family:Museo;background-color:#1e1d1c; font-size:55px;width:200px}

img.img-ourwork{
	border:5px solid #ddd;width:320px;height:216px;
}

.updates-aiyd1 {
    border: 2px solid #f57d32;
    border-radius: 20px;
    padding: 15px;
    margin-bottom: 20px;
}

.borderClass {
	  border: 2px solid #f57d32;
    border-radius: 20px;
    padding: 15px;
    margin-bottom: 20px;
	
}

/* ###### COUNTER #####  ****/