@import url(https://fonts.googleapis.com/css?family=Nunito);
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanscondensed_light';
    src: url('fonts/opensans-condlight-webfont.eot');
    src: url('fonts/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-condlight-webfont.woff2') format('woff2'),
         url('fonts/opensans-condlight-webfont.woff') format('woff'),
         url('fonts/opensans-condlight-webfont.ttf') format('truetype'),
         url('fonts/opensans-condlight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;

}
body
{
    width: 100%;
    height: 100%;
    background-color: #fff;
    font-family: 'open_sansregular',sans-serif;
    font-size: 14px;
    line-height: 150%;
    color: #606060;
}
a{
    text-decoration: none;
    color: #5678ba;
}
a:hover{
    text-decoration: underline;
}
.clear {
    clear:both;
}
.text-24{
    font-size: 24px;
    padding-bottom: 5px;
}
.text-18{
    font-size: 18px;
    padding-bottom: 5px;
}
.text-12{
    font-size: 12px;
}
.text-bold{
    font-family: 'open_sansbold',sans-serif;
}
.text-light{
    font-family: 'open_sanslight',sans-serif;
}
.text-red{
    color: #FE4E51;
}
.text-grey{
    color: #969696;
}
b{
    font-family: 'open_sansbold',sans-serif;
    font-weight: normal;
}
.align-left{
    text-align:left;
}
.align-center{
    text-align: center;
}
.align-right{
    text-align: right;
}
.margin-bottom-10{
    margin-bottom: 10px;
}
.wrapper{
    margin: auto;
    width: 1540px;
}
.iucares-header{
    background-color: #fff;
    height: 75px;
}
.iucares-logo{
    float: left;
    height: 75px;
}
.home-image{
    max-width:100%;
    position:relative;
    z-index:2;
}
.home-page-image{
    position: relative;
    width: 100%;
    background-color: #FFF;
    background-image: url("../images/iucares-home-small.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 150px;
    z-index: 2;
}
.logo{
    height:55px;
    padding:10px 0;
    box-sizing:content-box;
}
#menu{
  float: right;
  height: 75px;
  font-family: 'open_sansregular',sans-serif;
}
#menu ul{
  list-style-type: none;
}
#menu ul li ul{
    list-style-type: none;
}
#menu ul li{
  float: left;
  font-weight: 400;  
  font-size: 16px;
  color: #404040;
  padding: 0 25px 0 25px;
  height: 80px;
  line-height: 75px;
}
#menu-small{
  font-weight: 400;  
  font-size: 16px;
  background-color: #66C7FE;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.44);
  color: #404040;
  padding: 0 15px 0 15px;
  height: 50px;
  line-height: 50px;
  margin: 5px;
  display: none;
}
.li-selected{
  background-color: #fff;
  position:relative;
  z-index:5;
}
#menu ul li:hover{
  background-color: #e5e5e5;
  -webkit-transition: background-color 0.5s;
    -moz-transition:    background-color 0.5s;
    -ms-transition:     background-color 0.5s;
    -o-transition:      background-color 0.5s;
    transition:         background-color 0.5s;
    cursor: pointer;
}
.who-we-are-div{
    padding:30px 0;
}
.who-we-are-title{
    font-size:30px;
    font-family: 'open_sanscondensed_light',sans-serif;
    font-weight:bold;
    line-height: 1.2;
}
.who-we-are{
    text-align:left;    
}
.home-left{
    display:inline-block;
    width:790px;
}
.home-right{
    display:inline-block;
    width:300px;
    padding:20px;
    background-color:#f0f0f0;
    vertical-align:top;
}
.right-title{
    font-size:20px;
    font-family: 'open_sanscondensed_light',sans-serif;
    font-weight:bold;
}
.campaign-image{
    width:300px;
    height:115px;
    padding:10px 0;
}
.home-right-text{
    float:left;    
}
.button-used{
    padding:5px 10px;
    float:right;
    background-color:#00B0FF;
    color:#fff;
    margin-top:10px;
}
.button-used{
    cursor:pointer;
}
.partners-projects-div{
    background-color:#f0f0f0;
    padding:30px 0;
}
.partner-projects{
    text-align:left;
}
.project{
    position: relative;
    width: 23%;
    margin:10px 2% 10px 0;
    padding: 15px;
    background-color: #fff;
    display:inline-block;
    vertical-align: top;
    text-align:center;
    box-sizing: border-box;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
    font-size:13px;
    left:0;
    top:0;
}
.project:nth-of-type(4n){
    margin-right: 0px;
}
.project-title{
    text-align:center;
    font-size:22px;
    line-height:150%;
    font-family: 'open_sanscondensed_light',sans-serif;
    font-weight:bold;
    height:55px;
}
.project-disp{
    width:232px;
    padding:10px 0;
    position:relative;
    top:0;
    left:0;
}
.project-text{
    text-align:center;
}
.project-dir{
    text-align:center;
    padding-top:10px;
}
.icon-dis{
    color:#fff;
    background-color: #00B0FF;
    border-radius: 50%;
    padding:5px;
}
.latest-campaigns-div{
    padding:30px 0px;
}
.latest-campaign-title{        
    font-size:25px;
    font-family: 'open_sanscondensed_light',sans-serif;
    font-weight:bold;
    text-align:center;
}
.latest-campaign-sub-title{
    font-size:25px;
    font-family: 'open_sanscondensed_light',sans-serif;
    font-weight:bold;
    color:#00B0FF;
    text-align:center;
    padding:15px 0;
}
/*scoll part*/
/**************************
 * specific als elements
 * styling for #lista1
 **************************/

#lista1 {
	margin: auto;
	padding: 10px 0 0px;
}

#lista1 .als-item {
	margin: 0px 10px;
	min-height: 120px;
	min-width: 280px;
}

#lista1 .als-item img {
	position: relative;
	display: block;
	vertical-align: middle;
}

#lista1 .als-prev, #lista1 .als-next {
	top: 180px;
	width: 15px;
	height: 22px;
}

#lista1 .als-prev {
	left: 0px;
}

#lista1 .als-next {
	right: 0px;
}
.als-container {
	position: relative;
	width: 100%;
	margin: 0px auto;
}

.als-viewport {
	position: relative;
	overflow: hidden;
	margin: 0px auto;
}

.als-wrapper {
	position: relative;
	list-style: none;
}

.als-item {
	position: relative;
	display: block;
	text-align: center;
	cursor: pointer;
	float: left;
	vertical-align: middle;
}

.als-prev, .als-next {
	position: absolute;
	cursor: pointer;
	clear: both;
}
.associations{
    margin:0 auto;
    width:1000px;
}
/*end*/
.mylist{
    text-align: center;
}
.scroll-small-images{
    display: inline-block;
    width:142px;
    height:100px;
    float:left;
    padding:10px;
    margin: 0 3px 10px 3px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.scroll-text-content{
    max-width:680px;
    height:65px;
    overflow:hidden;
}
.scroll-impact-content{
    max-width:680px;   
    text-transform:uppercase;
    font-size:14px;
    font-weight:bold;
    padding:10px 0;
    font-family: 'open_sanscondensed_light',sans-serif;
}
.scroll-button{
    padding:5px 10px;
    color:#fff;
    background-color:#00B0FF;
    font-size:14px;
    display:inline-block;
    vertical-align:middle;
}
.footer{
    margin-top: 30px;
    height: 30px;
    padding: 10px 0;
    width: 100%;
    background-color: #f0f0f0;
    box-shadow: 0px -1px 2px rgba(0,0,0,0.2);
    font-size: 13px;
    vertical-align: middle;
    line-height: 30px;
}
.footer-left{
    float: left;
}
.footer-right{
    float: right;
}
#menu-image{
    display: none;
}
ul#menu-id li{
    float: left;
}
/* hide the submenu */
li ul.submenu {
    display: none;
}
ul#menu-id li a{
    display: block;
    text-decoration: none;
    padding: 3px 5px;
    float:none;
    color: rgb(51,51,51);
}
/* show the submenu */
ul#menu-id li:hover > ul.submenu{
    display: block;
    position: absolute;
    float:left;
    border: 1px solid rgb(128,128,128);
    z-index:20;
}
ul.submenu li:hover > ul.submenu{
    display: block;
    position:absolute;
    left:100%;
    top:0;
    border: 1px solid rgb(128,128,128);
}
ul#menu-id li:hover li,  ul#menu-id li:hover a {
    float: none;
    background: rgb(230,240,254);
    color: #000;
}
ul#menu-id li:hover li a {
    background: rgb(250,252,254);
    color: rgb(51,51,51);
}
ul#menu-id li:hover li a:hover {
    background: rgb(230,240,254);
    color: #000;

}
.submenu{
    margin-left:-25px;
    margin-top:10px;
    
}
ul.submenu li{
    padding:0 12px !important;
    height:30px !important;
    line-height:25px !important;
    font-size:14px !important;
}
.arrow-img{
    display: block;
    margin: auto;
    left: 0px;
    right: 0px;
    position: relative;
    margin-top:-20px;
}
.project-logo{
    height: 45px;
    position:absolute;
    top:190px;
    right:30px;
    border:5px solid #fff;    
}
.project-text-below{
    text-align:left;
    margin-top:10px;
}
.project-dir-right{
    text-align:right;
    padding-top:10px;
}
.project-volunteer{
    color:#fff;
    background-color:#00B0FF;
    padding:3px 5px;
    text-align:center;
    display:inline-block;
    margin:10px 0;
}
.project-volunteer:hover{
    cursor:pointer;
}
/*from other*/
.table > tbody > tr > td {
    border: none;
    table-layout: fixed;
}
.table > tbody > tr > td {
    vertical-align: middle;
}

.upload-banner{
    width: 90%;
    height: 50%;
    background-color: #808080;
}

.heading
{
    color:blue;
    text-align:center;
}
.butto {
    position: absolute;
    top: 50%;
}
.back{
    color: #606060;
    font-size: 14px;
}
.headsize{
    font-size: 24px;
}
.borderless td, .borderless th {
    border: none;
}

.banner-image{
	width: 90%;
}
.heading
{
	color:blue;
	text-align:center;
}
#modal-dialog
{
	width: 50%;
}

.butto {
	position: absolute;
	top: 50%;
}
.icon-bar
    {
	display:block;
	width:22px;
	height:2px;
	border-radius:1px;
	border:1px solid #444;
    }
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 1px solid #fff !important;
}
.container-fluid {
    padding:0px !important
}
.navbar-right{
    margin-right:15px !important;
}
.table-margin-bottom tr{
   line-height:30px;
   
}
#bannerimg
{
	height: 60%;
}
.sortheads
{
	font-size: 20px;
        line-height:2;
}
.table
{
	empty-cells: show;
	border-collapse:separate;
}
#nav li a:hover { 
    color: white; 
}
#nav a:hover { 

    background-color: gray; 
}
#nav li .active {
color: white;
}
.outer
{
   width: 100%;
   text-align: center;
}
.inner
{
    display: inline-block;
    margin-top:5px;
    margin-bottom:5px;
    margin-left:5px;
    margin-right:5px;
}
/*end other */
.who-we-are-title-big{
    font-size:40px;
    font-family: 'open_sanscondensed_light',sans-serif;
    font-weight:bold;
    line-height:100%;
}
.project-category{
    font-size:16px;
    font-family: 'open_sansregular',sans-serif;
    color:#969696;
    margin-top:20px;
}
.logo-big-image-disc{
    margin:20px 0 20px 0;
    max-width:290px;
}
.indi-project-left-div{
    display:inline-block;
    width:790px;
}
.indi-project-right-div{
    display:inline-block;
    width:280px;
    padding: 20px 0px 0px 30px;
    background-color: #F0F0F0;
    vertical-align: top;
    margin-left:20px;
}
.event-div{
    position: relative;
    width: 100%;
    padding-bottom: 30px;
    font-size: 0px;
}
.form-div{
    display: inline-block;
    font-size: 14px;
    width: 100%;
    padding: 5px 1% 5px 0;
    color:#606060;
    
}
.form-div .label{
    display: inline-block;
    padding: 0 10px 5px 0;
    width: 40%;
    min-width: 140px;
    vertical-align: middle;
    font-size:14px;
    font-weight: normal;
    color:#606060;
    text-align: left;
}
.form-div .field{
    display: inline-block;
    vertical-align: middle;
}
.form-div input[type=text]
{
        width:230px;
	padding:7px;
        font-family: 'open_sansregular', sans-serif;
        font-size:13px;
	border-style:solid;
	border-width:1px;
	border-color:#d0d0d0;
	outline:none;
	color:#404040;
}
.form-div select
{
        width:245px;
	height:35px;
	padding:7px;
        font-family: 'open_sansregular', sans-serif;
        font-size:13px;
	border-style:solid;
	border-width:1px;
	border-color:#d0d0d0;
	outline:none;
	color:#404040;
}
.form-div textarea{
        width:230px;
	height:50px;
	padding:7px;
	resize:none;
	overflow:auto;
        font-family: 'open_sansregular', sans-serif;
        font-size:14px;
	border-style:solid;
	border-width:1px;
	border-color:#d0d0d0;
	outline:none;
	color:#404040;
}

.form-div-small input[type=text]
{
        width:150px;
	padding:7px;
        font-family: 'open_sansregular', sans-serif;
        font-size:13px;
	border-style:solid;
	border-width:1px;
	border-color:#d0d0d0;
	outline:none;
	color:#404040;
}
.form-div-small select
{
        width:150px;
	height:35px;
	padding:7px;
        font-family: 'open_sansregular', sans-serif;
        font-size:13px;
	border-style:solid;
	border-width:1px;
	border-color:#d0d0d0;
	outline:none;
	color:#404040;
}
.form-div-small textarea{
        width:230px;
	height:50px;
	padding:7px;
	resize:none;
	overflow:auto;
        font-family: 'open_sansregular', sans-serif;
        font-size:14px;
	border-style:solid;
	border-width:1px;
	border-color:#d0d0d0;
	outline:none;
	color:#404040;
}
.survey-options input[type=text]{
    padding: 5px;
    margin-bottom: 10px;
    font-size: 13px;
    width: 220px;
    outline: none;
    border: solid 1px #d0d0d0;
    color:#606060;
}
.volunteer-for-the-project-title{
    font-size:28px;
    line-height:28px;
    font-family: 'open_sanscondensed_light',sans-serif;
    font-weight:bold;
    margin-bottom:10px;
}
.submit-button{
    display: inline-block;
    text-align: center;
    font-size: 14px;    
    background-color:#606060;
    padding:5px 10px;
    color:#fff;
    margin:10px 30px 0px 0;
    text-transform: uppercase;
}
.submit-button:hover{
    cursor: pointer;
    opacity: 0.8;
}
.about-page-image{
    padding:20px 0 0 0;
}
.about-more-test{
    font-size:15px;
    line-height:150%;
    text-align:justify;
}
.contact{
    padding-bottom: 15px;
}
.contact .fa-stack{
    display: inline-block;
    vertical-align: middle;
    color: #b0b0b0;
    padding-right: 5px;
    font-size: 2.4em;
}
.contact div{
    display: inline-block;
    vertical-align: middle;
    max-width: 700px;
}
.about-more-test a{
    text-decoration:none;
    color:#00B0FF;
}
.project-by{
    text-align:left;
    font-size:14px;
    padding:20px 0 0 0;
    color:#606060;
    
}
.project-title{
    display: table;
    width:100%;
}
h1{
    display: table-cell;
    vertical-align: middle;
    text-align:center;
}
.disc-content-home{
    width:100%;
}
/*modal css*/
.clearfix:before,
.clearfix:after,
{
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; 
}
nav.primary {
    padding: 10px 50px;
    background-color: #e0e0e0;
}
nav.primary .portfolioFilters a 
{ 
  padding: 2px 12px; 
  font-size: 14px; 
  line-height: 1.2; 
  color: #333; 
  font-weight: normal; 
  margin-top: 0 !important; 
  text-align: center;  
  border:2px solid #e0e0e0;
  width:200px;
  margin-left:5px;
  margin-right:5px; 
  
}
nav.primary .portfolioFilters a:hover {
    border: solid 3px #e0e0e0;
    color: #001B54;
    margin-top: 0px !important;
    text-decoration: none;
    height: 25px;
    line-height: 25px;
}
nav.primary .portfolioFilters a.selected, nav.primary ul li a:active
{
    border: solid 3px #fff;
    color: #001B54;
    margin-top: 0px !important;
    text-decoration: none;
    background-color: #fff;
    height: 25px;
    line-height: 25px;
}
nav.primary .portfolioFilters .portf
{
    color: #61A300; font-weight: bold; margin-right: 10px; padding-top: 5px;
}
nav.primary .portfolioFilters { text-align: center; clear: both; list-style: none outside none; }
nav.primary .portfolioFilters { margin-right: 10px; }


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
  width: 560px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
.clickable {
  cursor:pointer;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

.clearfix:before,
.clearfix:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.clearfix:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
table
{
    table-layout: fixed;
}
.totalimpact{
    font-size:14px;
}
.camp-title{
    font-size:18px;
    line-height:150%;
}
.iucares-title{
    font-size:20px;
    color:#00B0FF;
}
/*.about-image-coll{
    display:block;
    float:left;
    width:500px;
}*/
/*end modal css */
@media only screen and (max-width: 1599px){
    .wrapper{
	width: 1140px;
    }
    .about-image-coll{
        max-width:570px;
        display:block;
        float:left;
    }

}
@media only screen and (max-width: 1199px){
    .wrapper{
	width: 950px;
    }
    .home-left {
        width: 605px;
    }
    .project-disp {
        max-width: 190px;
    }
    .associations {
        width: 800px;
        overflow:hidden;
    }
    .project-logo{
        height: 35px;
        top:175px;
        right:30px;
    }
    #modal-dialog {
        width: 70%;
    }
    .indi-project-left-div{
        width: 605px;
    }
    .about-image-coll{
        max-width:475px;
        display:block;
        float:left;
    }
}
@media only screen and (max-width: 995px){
    .wrapper{
	width: 730px;
    }
    #menu ul li {
        padding: 0px 15px;
    }
    .home-left {
        width: 385px;
    }
    .partner-projects {
        text-align: center;
    }
    .project{
        width:35%;
    }
    .project-disp {
        max-width: 195px;
    }
    .associations {
        width: 590px;
    }
    #lista1 .als-prev, #lista1 .als-next {
	top: 240px;
    }
    .scroll-text-content{
        max-width:540px;
        text-align:center;
    }
    .scroll-impact-content{
        max-width:540px;   
    }
    .scroll-small-images{
      width:160px;
      height:120px;
    }
    .project-logo{
        height: 35px;
        top:175px;
        right:50px;
    }

    #modal-dialog {
        width: 80%;
    }

    .indi-project-left-div{
        width: 385px;
    }
    .about-image-coll{
        max-width:365px;
    }
}
@media only screen and (max-width: 767px){
    .wrapper {
        width: 590px;
    }
    #menu-image{
        display: block;
	padding:25px 0 10px 20px;
    }
    .nav-wrap{
        width: 100%;
        clear: both;
        position: absolute;
        margin-top: 15px;
        right: 0;
        padding-right: 0px;
        background-color: #00B0FF;
	opacity:1;
        padding-top: 0px;
        display: none;
	font-size:14px;
        z-index:10;        
    }
    .nav-wrap ul li{
        width: 100%;
        float: none;
        font-size: 14px;
        text-align: left;
        border-top: solid 1px #b0b0b0;
	padding:5px 10px;
    }
    #menu ul li{
        height:45px;
        line-height: 45px;
        font-size:14px;
        color:#606060;
    }
    .nav-wrap ul li a{
	width: 100%;
    }
    .menu{
        background-color:#00B0FF;
	width:100%;
	height:40px;
        padding-top:1px;
	margin-top: 10px;        
    }
    .home-left {
        width: 100%;
    }
    .home-right {
        margin-top:20px;
    }
    .project {
        width: 47.5%;
    }
    .project-disp {
        max-width: 242px;
    }
    .associations {
        width: 530px;
    }
    .scroll-text-content{
        max-width:500px;    
    }
    .scroll-impact-content{
        max-width:500px;   
    }
    .scroll-small-images{
        width:140px;
        height:100px;
    }
    .project-logo{
        height: 40px;
        top:195px;
        right:50px;
    }

     #modal-dialog {
    width: 80%;
}

    .indi-project-left-div{
        width: 100%;
    }
    .indi-project-right-div{
        margin-top:20px;
        margin-left:0px;
    }
    .about-image-coll{
        max-width:295px;
    }

}
@media only screen and (max-width: 629px){
    .wrapper{
	width: 92%;
	padding: 0 4%;
    }
    .project-disp {
        max-width: 180px;
    }
    .associations {
        width: 360px;
    }
    .scroll-text-content{
        max-width:320px;    
    }
    .scroll-impact-content{
        max-width:320px;   
    }
    .scroll-small-images{
        width:95px;
        height:75px;
        padding:5px;
    }
    .project-logo{
        height: 30px;
        top: 165px;
        right: 30px;
    }
    .banner-image {
        width: 85%;
        float:left;
        }
    #modal-dialog {
        width: 95%;
    }
    .about-image-coll{
        max-width:450px;
    }
    .about-image-coll{
        max-width:46%;
    }
    .home-page-image{
        height:100px;
    }
}
@media only screen and (max-width: 480px){
    .footer{
	height: 60px;
    }
    .footer-left, .footer-right{
	float: none;
	text-align: center;
    }
    .home-right{
        width:250px;
    }
    .button-used{
        float:left;
        margin-top:10px;
    }
    .partner-projects {
        text-align: center;
    }
    .project{
        width:100%;
	max-width: 300px;
	margin-right: 0px;
    }
    .project-disp {
        max-width: 264.5px;
    }
    .associations {
        width: 240px;
    }
    .scroll-text-content{
        max-width:200px;    
    }
    .scroll-impact-content{
        max-width:200px;   
    }
    .scroll-small-images{
        width:90px;
        height:70px;
        padding:2px;
    }
    .project-logo{
        height: 35px;
        top: 195px;
        right: 50px;
    }

    #modal-dialog {
        width: 90%;
    }
    .indi-project-right-div {
        width: 270px;
        padding: 20px 0px 0px 20px;
    }
    .modal-body {
        position: relative;
        padding: 15px;
        width: 260px;
    }
    .latest-campaign-sub-title {
        text-align:left;
        font-size:20px;
    }
    .scroll-button{
        float:left;
    }
    #lista1 .als-prev, #lista1 .als-next {
	top: 210px;
    }
    .scroll-impact-content {
        text-transform:capitalize;            
    }
    .form-div .label{
        width:100%;
    }
    .about-image-coll{
        float:none;
        max-width:100%;
    }
}
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; }