img { display: inline-block; height: auto;  max-width: 100%; }
.alert H1 { margin-top: 0px; }
.well H1  { margin-top: 0px; }
.breadcrumb { background-color: #fff; padding: 0; margin: 0 0 15px 0; font-size: 0.9em }
.breadcrumb a { color: #666; }
.text-warning  { color: #FFDE17; }
.text-success  { color: #5BB75B; }
.text-danger  { color: #C12E2A; }
.text-white  { color: #ffffff; }
.text-small  { font-size: 0.8em; }
.max800  { max-width: 800px; }
.max600  { max-width: 600px; }
.max400  { max-width: 400px; }

.square { width: 100%; padding: 15px; border-radius: 2px; }
.square > p > a:hover, .square-light a:active { color: #000; }
.square h2 { margin-top: 0px; padding-top: 0px; }
.square-foot { font-size: 0.9em; }
.square-dark  { background-color: #333; color: #fff; }
.square-red  { background-color: #C12E2A; color: #fff; }
.square-red  > p > a { color: #fff; }
.square-light  { background-color: #eee; color: #333; }
.square-light  > p > a  { color: #333; }
.square-yellow  { background-color: #FFDE17; color: #333; }
.square-yellow  > p > a  { color: #666; }


.square > nav > .nav-pills h2 { color: #eee; }
.square > nav > .nav-pills > li > a { background-color: transparent; border-radius: 0px; color: #fff; padding: 3px 3px 3px 10px; margin: 0 0 5px 0; border-left: 1px solid #333; }
.square > nav > .nav-pills > li.active  { padding: 4px 3px 4px 10px; background-color: transparent; font-weight: 700; border-left: 2px solid #FFDE17; color: #FFDE17; }
.square > nav > .nav-pills > li > a:hover, .nav-pills > li > a:focus { background-color: transparent; border-left: 1px solid #FFDE17; border-radius: 0px; color: #FFDE17;  }


.blocklink:hover, .blocklink:focus { display: block; cursor: pointer; background-color: #eeeeee; transition: all 0.3s ease-in-out 0s; }
.blocklink a  {  padding: 10px; display: block; text-decoration: none; color: #333; }
.blocklink a:hover, .blocklink a:focus    { display: block; text-decoration: none;}
.blocklink a:hover h4 , .blocklink a:focus h4   { color: #333; transition: all 0.3s ease-in-out 0s;}

.container-dark { background-color: #333; color: #fff; }
.container-dark a { color: #FFDE17; }
.container-dark a:hover, .container-dark a:focus   { color: #FFDE17; }

 .notop { margin-top: 0px; padding-top: 0px; } .nobot { margin-bottom: 0px; padding-bottom: 0px; } 
.top25 { margin-top: 25px; } .bot25 { margin-bottom: 25px; }  .top15 { margin-top: 15px; } .bot15 { margin-bottom: 15px; }  .top5 { margin-top: 5px; } .bot5 { margin-bottom: 5px; }

  .left25 { padding-left: 25px; } .left15 { padding-left: 15px; }  .left5 { padding-left: 5px; } .left0 { padding-left: 0px; } .right25 { padding-right: 25px; } .right15 { padding-right: 15px; } .right5 { padding-right: 5px; }  .right0 { padding-right: 0px;  }  



.gpanel  { box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05); margin-bottom: 20px; background-color: #FFF; border: 1px solid #DDD; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); -moz-box-sizing: border-box; padding: 15px; margin: 20px 0 20px 0; font-size: 16px; font-weight: 200; line-height: 1.4; }
.maincontent img { display: inline-block !important; height: auto !important;  max-width: 100% !important; }

blockquote {    border-left: 1px solid #EEE;  margin: 20px 0px 20px; }


/* Scoll */
.scroll-top { position:fixed; bottom:0; right:1%; z-index:100; background: #5BC0DE; font-size:24px; border-top-left-radius:3px; border-top-right-radius:3px; }
.scroll-top a:link,.scroll-top a:visited { color:#222; background-color: notset; } 


@media (max-width: 1200px) { .scroll-top  { display: none; } body { padding-right: 0px; } }
/* Scoll ends */

/* Nav Search suggestions */
.twitter-typeahead{ width:100%; }
.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint { margin-bottom: 0; }
.tt-dropdown-menu { min-width: 223px;  margin-top: 2px; padding: 5px 0; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); -webkit-background-clip: padding-box;-moz-background-clip: padding; background-clip: padding-box; width:100%; }
.tt-dropdown-menu a {text-decoration: none; color: #666;}
.tt-suggestion {  background-color: #fff; display: block; padding: 3px 10px; border-bottom: 1px solid #e9e9e9; font-size: 1em; }
.tt-suggestion.tt-is-under-cursor { color: #fff; text-decpration: none; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3);background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0) }
.tt-suggestion.tt-is-under-cursor a { color: #fff; }
.tt-suggestion p { margin: 0; }
.navbar-form { padding-bottom: 0; margin-bottom: 0; }
.input-search { margin-right: 3px; }
.search_button { color: #999999; }
@media (min-width: 767px) { .navbar-form.navbar-right:last-child {margin-right: 0} }
/* Nav Search suggestions ends */

/* Nav Full Width Yamm3 http://geedmo.github.com/yamm3 */
.dropdown-menu { background-color: #fff; }
.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {  position: static; }
.yamm .container { position: relative; }
.yamm .dropdown-menu { left: auto; }
.yamm .nav.navbar-right .dropdown-menu { left: auto; right: 0; }
.yamm .dropdown.yamm-fw .dropdown-menu { left: 10px; right: 59px; }
@media (min-width: 767px) { .yamm .dropdown.yamm-fw .dropdown-menu .row  a { min-height: 80px; } }
.yamm .dropdown.yamm-fw .dropdown-menu .row  a { display: block; font-weight: 400; line-height: 1.42857143; color: #333; padding: 5px 5px; border: 1px solid #fff; border-radius:3px; }
.yamm .dropdown.yamm-fw .dropdown-menu .row  a:hover { color: #fff; text-decoration: none; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3);background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0) }
.yamm .dropdown.yamm-fw .dropdown-menu .row .col-md-3, .yamm .dropdown.yamm-fw .dropdown-menu .row .col-lg-2  { margin: 0px; padding: 0px 5px 0px 0px; }
.yamm .dropdown.yamm-fw .dropdown-menu .row  { padding: 0 15px 0 20px; }
.yamm .project_name { font-weight: bold;  }
.yamm .project_desc { line-height: 1; }
/* Nav Full Width Ends */

/* Nav Bar */
.navbar-default { background-image: linear-gradient(to bottom, #FFF 0px, #fff 100%); box-shadow: none; }
.navbar-default .navbar-nav > .active > a {
    background-image: none;
    background-repeat: repeat-x;
    box-shadow: none;
	background-color: #fff;
	font-weight: bold;
}
.navbar-default .navbar-nav > .greybg > a:hover, .navbar-default .navbar-nav > .greybg > a:focus {
    color: #333;
    background-color: #eee;
}

.navbar-brand {
    font-size: 1em;
	text-shadow: none;
    padding: 0;
}


.collapsing, .collapse.in { border-bottom: 3px solid #ccc; background-color: #EEE; }

.collapsing .navbar-right > li , .collapse.in > .navbar-right > li { border-top: 1px dotted #ccc; }
.collapsing .navbar-right > .active > a , .collapse.in > .navbar-right > .active > a { color: #428BCA; }
.collapsing  > .navbar-left > li > a , .collapse.in > .navbar-left > li > a { font-weight: 700; }
.collapsing  > .navbar-left , .collapse.in > .navbar-left { margin-top: 0; margin-bottom: 0px;  }

.navbar-nav > li > a { text-shadow: none; }
@media (max-width: 767px) { 
.navbar-brand { padding: 0 0 0 15px; }  
.dropdown-menu { margin-left: 15px; } 
.sustain-nav-button > a:hover , .sustain-nav-button > a:focus  { color: #333; background-color: #eee !important;  }
#sustain-search-button  { display: none;  }
}
@media (min-width: 768px) { 
.navbar-brand { margin-left: -15px; } .nav > .greybg > a { padding: 15px 7px 15px 7px; font-size: 0.85em; } 
.sustain-nav-button > a > span { border-radius: 2px; color: #fff; padding: 5px 6px 5px 6px; cursor: pointer; font-weight: bold;  }
.sustain-nav-button > a  { padding-left: 10px !important; padding-right: 0 !important;  }
.sustain-nav-button-red { background-color: #C12E2A; }
.sustain-nav-button > a:hover > .sustain-nav-button-red, .sustain-nav-button > a:focus > .sustain-nav-button-red { background-color: #AC2925; }
.sustain-nav-button-green { background-color: #5BB75B; }
.sustain-nav-button > a:hover > .sustain-nav-button-green, .sustain-nav-button > a:focus > .sustain-nav-button-green { background-color: #3E8F3E; }
.sustain-nav-button-grey { background-color: #555; margin-left: 7px; }
.sustain-nav-button > a:hover > .sustain-nav-button-grey, .sustain-nav-button > a:focus > .sustain-nav-button-grey { background-color: #222; }
.sustain-nav-button-lightgrey { background-color: #ccc; }
.sustain-nav-button > a:hover > .sustain-nav-button-lightgrey, .sustain-nav-button > a:focus > .sustain-nav-button-lightgrey { background-color: #999; }
}
.navbar-toggle {
	height: 38px;
	width: 38px;
	color: #888;
}
.mobile_search_button {
	margin-right: 10px;
}

@media (min-width: 1000px) { .nav > .greybg > a { padding: 15px 15px 15px 15px; font-size: 1em; } }
/* Nav Bar ENDS */