.cap{width:100%;border: 1px solid #ccc;
    border-radius: 4px;box-shadow: inset 0 1px 1px rgba(0,0,0,.075);height: 34px;padding-left: 5px;}
.topi{
	background: #fff;
    color: #000;
    text-align: center;
    padding: 12px 0px;
    font-weight: bold;
}
.agileinfo-contact-form-grid{
margin-bottom: 20px;
}
.form-control {
    height: 42px;
}
.committee{
	margin: 36px 0;
}
td, th {
    padding: 0 21px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 14px 20px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.i1 {
    box-shadow:
        -6px  0px 0 0 #999, 
         0px -6px 0 0 #999,
         6px  0px 0 0 #333, 
         0px  6px 0 0 #333;
}

  .tbb .panel-group {
    margin-bottom: 0px !important;
}
.pan {
    padding: 0px !important;    background: #2c3461 !important;
}
.tip-content .li-stl {
    color: #000;
    list-style: url(../images/doub.png) outside none;
    padding-left: 15px;
}
.tip-content .li-stl li {
    color: #000; list-style: url(../images/doub.png) outside none;     display: list-item;
}
.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a{    color: #000;
    font-size: 16px;
    font-weight: bold;}
.panel-group {
    margin-bottom: 0;
}
.field-tip {
    position:relative; width:100%; cursor: pointer;  color:#dffd36; font-weight:600;	
}
    .field-tip .tip-content {
        position:absolute;
        top:30px; /* - top padding */
        right:9999px;
        width:500px;
        margin-right:-220px; /* width + left/right padding */
        padding:10px;
        color:#000; 
        background:#c91e00;
        -webkit-box-shadow:2px 2px 5px #aaa;
           -moz-box-shadow:2px 2px 5px #aaa;
                box-shadow:2px 2px 5px #aaa;
        opacity:1;     z-index: 99999;
      
    }
        /* <http://css-tricks.com/snippets/css/css-triangle/> */
        .field-tip .tip-content:before {
            content:' '; /* Must have content to display */
            position:absolute;
            top:-10%;
            left:60px; /* 2 x border width */
            width:0;
            height:0;
            margin-top:-8px; /* - border width */
           border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 20px solid #c91e00; 
        }
        .field-tip:hover .tip-content {
            right:-20px;
            opacity:1;
        }
  .hg li a{    color: #2c2929 !important;
    border: 1px solid #ccc !important;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #58cd8f;
}


.breadcrumb{
    padding: 15px 15px 15px 50px;
    margin: 0;
    background: #000;
    border-radius: 5px;
    overflow: hidden;
	margin: 25px;
}
.breadcrumb li{
    float: left;
    position: relative;
}
.breadcrumb li:first-child{
	margin: 47px 65px;
    border-radius: 50%;
    background: #000;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
    text-align: center;
    position: absolute;
    top: -10px;
    left: -10px;
    z-index: 1;
    transition: all 0.1s ease 0s;
}
.breadcrumb li:hover:first-child{ transform: scale(1.1); }
.breadcrumb li:first-child a{
    font-size: 25px;
    line-height: 25px;
}
.breadcrumb > li:first-child + li:before{ display: none; }
.breadcrumb li.active,
.breadcrumb li a{
    font-size: 14px;
    color: #fff;
}
.idates p, .downloads p, .venue p {
    padding: 16px;
    background: #fff;
    text-align: center;
    color: #000;
    font-size: 15px;
    line-height: 30px;
    border: 5px solid #000;
}

.mar-sec{ background:#000; color: #fff;}
.mar-sec marquee{font-size: 16px; font-weight: 600; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 10px 0; letter-spacing: 0;}
.but-sec { margin-bottom: 15px;}
.but-sec .button {
     background-color: #004A7F;
    border-radius: 0;
    border: none;
    color: #FFFFFF;
    cursor: auto;
    display: inline-block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
    margin-top: 20px;
}
.but-sec .button:hover{color: #FFFFFF;}
.but-sec .button:focus{color: #FFFFFF;}
@-webkit-keyframes glowing {
  0% { background-color: #01cb93; -webkit-box-shadow: 0 0 3px #01cb93; }
  50% { background-color: #a62223; -webkit-box-shadow: 0 0 20px #a62223; }
  100% { background-color: #01cb93; -webkit-box-shadow: 0 0 3px #01cb93; }
}

@-moz-keyframes glowing {
  0% { background-color: #01cb93; -moz-box-shadow: 0 0 3px #01cb93; }
  50% { background-color: #a62223; -moz-box-shadow: 0 0 20px #a62223; }
  100% { background-color: #01cb93; -moz-box-shadow: 0 0 3px #01cb93; }
}

@-o-keyframes glowing {
  0% { background-color: #01cb93; box-shadow: 0 0 3px #01cb93; }
  50% { background-color: #a62223; box-shadow: 0 0 20px #a62223; }
  100% { background-color: #01cb93; box-shadow: 0 0 3px #01cb93; }
}

@keyframes glowing {
  0% { background-color: #01cb93; box-shadow: 0 0 3px #01cb93; }
  50% { background-color: #a62223; box-shadow: 0 0 20px #a62223; }
  100% { background-color: #01cb93; box-shadow: 0 0 3px #01cb93; }
}

:root{
    --main-color: #000;
    --main-bg-color: #d6bc96;
}
a:hover,a:focus{
    text-decoration: none;
    outline: none;
}
#accordion .panel{
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin: 0 30px -5px 0px;
    position: relative;
}
#accordion .panel-heading{
    padding: 0;
    border: none;
    border-radius: 0;
}
#accordion .panel-title a{
    display: block;
    padding: 15px 20px 15px 60px;
    margin: 0;
    background: #000;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
    border: 1px solid #000;
    border-radius: 0;
    position: relative;
}
#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before{
    content: "\f0de";
    font-family: fontawesome;
    width: 30px;
    height: 30px;
    line-height: 40px;
    background: var(--main-bg-color);
    border-radius: 5px;
    border: 1px solid #000;
    text-align: center;
    font-size: 20px;
    color: var(--main-color);
    position: absolute;
    top: 10px;
    left: -20px;
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed:before{
    content: "\f0dd";
    line-height: 25px;
}
#accordion .panel-body{
    padding: 20px;
    margin: 0 30px;
    background: var(--main-bg-color);
    border-top: none;
    border-left: 2px dashed #000;
    border-right: 2px dashed #000;
    font-size: 15px;
    color: var(--main-color);
    line-height: 28px;
    letter-spacing: 1px;
}
#accordion .panel:last-child .panel-body{ border-bottom: 2px dashed #000; }
@media only screen and (max-width:479px){
    #accordion .panel-body{
        font-size: 14px;
        line-height: 22px;
        margin: 0 10px;
    }
}
.scope h3{
	color: #141414;
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 20px;
}
.navbar {
    position: relative;
    min-height: 0px;
}
.head-bg{
	background: #fbf7f7;
}
.nav>li>a {
    padding: 10px 20px;
}
.scroll h4{
	font-size: 28px;
    text-align: center;
	color:#000;
    font-weight: bold;
    margin-bottom: 40px;
    margin-top: 30px;
}
.scroll p{
	margin-bottom: 11px;
    border-bottom: 1px dotted;
    padding: 22px 0;
 
}
.scroll p span{
	font-size: 15px;
    color: #000;
    font-weight: bold;
}
.scroll {
  width: 100%;
  margin: 0 auto;
  //min-height: 200px;
  border-style: solid;
  border-width: 17px;
  border-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/152/scroll-border.png) 17 fill repeat;
  color: #483d28;
  text-shadow: 1px 1px 0 #e9e3d8;
}

.scope{
	margin-bottom: 20px;
}
@media (min-width: 300px) {
  .scroll {
    //height: 50vw;
    //max-height: 60vh;
  }
}
@media screen and (min-width:320px) and (max-width:767px){
	.header .right .dtop1 li {
		margin-bottom: 10px;
	}
	.header ul li {
    display: inline!important;
	}
}
@media only screen and (max-width:767px){
	
	.overview{
		height: auto!important;
		margin-bottom: 10px;
	}
	.scroll p{
		    padding: 0px;
	}
	
	.sc{
		padding: 0px;
	}
	.downloads{
		margin-top: 20px;
	}
	.boxx {
    width: auto!important;
	}
	.registration {
    height: auto!important;
	}
}
.overview{
	border: 1px solid #ccc;
    padding: 0 20px;margin-top:10px;
	height: auto;
}
.navbar-inverse .navbar-nav>li>a {
    color: #000!important;
	font-size: 15px;
}
.headmenu{
	background: #01cb93;
}
.cinfo{
	 background-size: 1514px 570px;
   background-size: 1514px 533px;
    margin-bottom: 2em;
    height: 100px;
	  }
.bannr{
	 background-size: 1514px 570px;
   background-size: 1514px 533px;
    margin-bottom: 2em;
    height: 350px;
	  }
	  
	  .con{
		  background:rgba(0,0,0,0.5);
		  color:#fff;
		  padding: 75px 0;
          margin-top: 50px;
	  }
	  
	  .con h2{
		  margin-top:0px;
		  text-shadow: 1px 1px #01cb93;
		  margin-bottom:16px;
	  }
	  
	  .con span{
		  padding-right:8px;
	  }
	  
	  .overview p{
		  font-size: 14px;
    line-height: 1.6;
    color: #000;
    text-align: justify;
    letter-spacing: 0.08em;
	  }
	  
	  .overview h3{
		 color: #141414;
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 20px;
	  }
	  
	  .idates h4,.downloads h4,.venue h4{
    background: #01cb93;
    padding: 16px;
	font-size: 22px;
    color: #000;
    text-align: center;
    margin-top: 0px;
	  }
	  
	  .idates p,.downloads p,.venue p{
		  padding:10px
	  }
	  
	  .idates span:first-child{
		  color:#000;
		  font-size: 17px;
          font-weight: bold;
	  }
	  
	  .downloads a{
		  color:#000;
		  text-decoration:none;
	  }
	  
	  .idates,.downloads,.venue{
		  //margin-top:2em;
		  background:url(images/banner.jpg);
	 background-size:cover;
	 margin-bottom:2em;
	 padding:0px;
	 background:rgba(0,0,0,0.8);
		  color:#ffffff;
	  }
@media only screen and (max-width: 767px)
{
.breadcrumb li:first-child {
    width: auto;
    margin: 0 25px;
    height: auto;
    top: 0;
    left: 0;

}
.breadcrumb{margin:0;    padding-top: 25px;}
.cinfo{ height:75px !important;}
.bannr{ height:200px !important;}
.con{ padding:20px; margin:0; }
.con h2{ font-size: 18px;}
}