body {
  margin: 0;
  font-family:"ITCAvantGardeGothicBook", "Avant Garde","Avantgarde",Century Gothic, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 21px;
  color: #111;
  background-color: #ffffff;
}

a{color: #999;}
a.scroll span{color: #39F; text-decoration: none;}
a.scroll span:hover{color: #39f; text-decoration: underline;}

.invert{color: #fff;}
#home .bodytext {
color:#DDD;
}
header{position: absolute;right: 0;left: 0;z-index: 1030;margin-bottom: 0;}
header.row{margin-top:25px;}

footer{background-color: #EEEEEE;font-size: 13px;color: #595959; text-align: center;padding:5px 0;margin-top:75px;}

	
.story {height: 800px; padding: 0; margin: 0; width: 100%; position: relative; margin: 0 auto;z-index: 5;overflow: hidden;}
#home{background:#031203 url(../img/background1.jpg) center 0 no-repeat fixed; z-index: 62;}
#about-us{background: url(../img/background2.jpg) center 0 no-repeat fixed;z-index: 12;}
#why-microfinance{background: url(../img/background3.jpg) center 0 no-repeat fixed;z-index: 13;}
#how-it-works{background: url(../img/background4.jpg) center 0 no-repeat fixed;z-index: 14;}
#lend{background: url(../img/background5.jpg) center 0 no-repeat fixed;z-index: 18;}
#team{background: url(../img/backgroundteam.jpg) center 0 no-repeat fixed;z-index: 18;}
#contact{background: url(../img/map.png) no-repeat, fixed, url(../img/backgroundcontact.png) repeat; z-index: 18;}

@media screen and (min-width: 1450px) {
  #home {background:#031203 url(../img/background1_fade.jpg) center 0 no-repeat fixed; }
  #about-us{background: url(../img/background2_fade.jpg) center 0 no-repeat fixed;}
  #why-microfinance{background: url(../img/background3_fade.jpg) center 0 no-repeat fixed;}
	#how-it-works{background: url(../img/background4_fade.jpg) center 0 no-repeat fixed;}
	#lend{background: url(../img/background5_fade.jpg) center 0 no-repeat fixed;}
  #team{background: url(../img/backgroundteam_fade.jpg) center 0 no-repeat fixed;}
}


.story-image-base {
position:absolute;
}
#bananaguy{
width: 573px;
height: 649px;
top: 180px;
right: 0px;
z-index: 12;
}

#girls{
width: 573px;
height: 649px;
top: 180px;
right: 0px;
z-index:100;}

#why-microfinance h2 {
margin-left:10px;
}
#why-microfinance h4 {
margin-left:15px;
}
#why-microfinance article.offset1half {
margin-left:370px;
}

#owner{
/*
width: 573px;
height: 649px;
*/
top: 250px;
right: 0px;
margin-left:-800px;
z-index:-100;}
#owner img {
max-width:none;
}

#bikeguy{
width: 573px;
height: 649px;
top: 250px;
right: 0px;
z-index:-100;
margin-left:-350px;
}

h1,h2,h3,h4,h5,h6{font-weight: normal;line-height: normal;text-rendering: optimizelegibility;}
h2{font-family: "Eurostile";font-size:66px;letter-spacing: -2px;line-height: 61px;margin-top:120px;}
h3{font-family:"ITCAvantGardeGothicBook","Avantgarde","Avant Garde",Century Gothic;font-size:30px;line-height: 36px;}
h4{font-size: 21px;letter-spacing: 1px; color: #3399ff;margin-top:12px;}
h5{font-size: 30px; margin-left: -20px;}
.blue{color: #3399ff;}
.orange{color:#FFB252;}
.pink{color:#FF33CC;}
.green{color:#85B12B;}
.darkpurple{color: #222C39;}
.black{color: black;}
.grey{color: #cccccc;}
.white{color: white;}

p{font-family:"ITCAvantGardeGothicBook","Avantgarde","Avant Garde",Century Gothic; letter-spacing: 1px;}

nav{font-size: 17px; font-family: "Eurostile";}
nav a{color: #fff;text-decoration: none;}
nav a:hover{color: #3399ff;}

#supporter{
background-color:#EEE;
background-color:rgba(255, 255, 255, 0.8);
zoom: 1;
height: 100px; display: block;width: 100%; border-top:1px solid #fefefe;overflow: hidden;z-index: 62;
}

#supporter .container {margin-top:10px;} 
#ashoka{background:url(../img/support.png) 0 0; width:218px; height: 50px;cursor: pointer;opacity: 0.5;
	-webkit-transition: opacity 0.7s ease-in-out;-moz-transition:    opacity 0.7s ease-in-out;-o-transition: opacity 0.7s ease-in-out;}
#ashoka:hover{background-position: 0 -49px;opacity: 1;-webkit-transition: opacity 0.7s ease-in-out;
	-moz-transition:    opacity 0.7s ease-in-out;-o-transition:      opacity 0.7s ease-in-out;}
#clinton{background:url(../img/support.png); width: 148px;height: 50px;background-position: -248px -3px;opacity: 1.0;
	-webkit-transition: opacity 0.7s ease-in-out;-moz-transition:    opacity 0.7s ease-in-out;-o-transition: opacity 0.7s ease-in-out;margin-top: 4px;
}

#clinton:hover{background-position:-248px -52px;opacity: 1;-webkit-transition: opacity 0.7s ease-in-out;
	-moz-transition:    opacity 0.7s ease-in-out;-o-transition:      opacity 0.7s ease-in-out;}
#kiva{background: url(../img/support.png);width: 150px;height: 50px;background-position:-415px -2px;opacity: 0.5;
	-webkit-transition: opacity 0.7s ease-in-out;-moz-transition:    opacity 0.7s ease-in-out;-o-transition: opacity 0.7s ease-in-out;}

#kiva:hover{background-position:-415px -51px;opacity: 1;-webkit-transition: opacity 0.7s ease-in-out;
	-moz-transition:    opacity 0.7s ease-in-out;-o-transition:      opacity 0.7s ease-in-out;}
#craigslist{background: url(../img/support.png);width: 209px;height: 50px;background-position: -580px 0;opacity: 1;
	-webkit-transition: opacity 0.7s ease-in-out;-moz-transition:    opacity 0.7s ease-in-out;-o-transition: opacity 0.7s ease-in-out;}

#craigslist:hover{background-position:-580px -49px;opacity: 1;-webkit-transition: opacity 0.7s ease-in-out;
	-moz-transition:    opacity 0.7s ease-in-out;-o-transition:      opacity 0.7s ease-in-out;}

.verticle_line{height: 60px; width: 5px; background:url(../img/support.png) -218px 0; float: left;}

#support_row{margin-top: 35px;}

.quote-block{height: 350px ; width: 900px;}

#quote h2{margin-top: 65px;text-align: center; font-size: 58px;}
.citequote{font-family:"ITCAvantGardeGothicBook","Avantgarde","Avant Garde",Century Gothic;margin-top: 25px;}

ul{list-style: none;}
li.header{font-weight: bold;text-transform: uppercase;line-height: 50px;}
nav#topnav{float: right; width: 400px;}
nav#topnav ul li{display: inline-block;padding: 12px 30px;}
#footer-links div{border-top:5px solid #ccc;}
#footer-links a{color: #666666; text-decoration: none;} #footer-links a:hover{color: #3399FF;}
#footer-links div>ul{padding-left: 0;}

#story-wrapper{height: 800px; overflow:hidden; /* min-width: 1150px; */}
#story-scroll{height: 800px;overflow-y: hidden; overflow-x:hidden;width: 102%;}


.bodytext{margin-top: 10px;margin-bottom: 20px;}

.orange-button-border {
border-radius: 7px;
border: 8px #2B372B solid;
display: inline-block;
background-color: #2B372B;
}
.orange-button{font-family:"Eurostile";width: 225px;height: 50px;background: #FFB252 url(../img/circle.png) no-repeat right ;border-radius: 3px;-moz-border-radius: 3px; text-align: center;cursor: pointer;
background-position: 180px -5px ; }
.orange-button:hover{background-color:#E0A256; background-position: 180px -135px;color: #eaeaea;}
.orange-button span{font-size: 30px;margin: auto;letter-spacing: 2px;vertical-align: text-top;line-height: 45px; margin-right: 30px;}
a.scroll{text-decoration: none;}


.item span{font-size: 15px;margin-top: -20px; margin-left: 15px;}
.line{display: block; background: url(../img/line.png);height: 5px; width:418px;margin: 20px 0 10px;}
.line-vert{display: block; background: url(../img/linevertical.png); height: 80px; width:15px;float: left;margin-top:110px; padding-right: 7px;}
.line-long{display: block; background: url(../img/divideline.png); height: 2px; width: 700px; margin:24px 0 23px -25px;}

.howto{height: 200px;margin-top: 10px;width: 29%;float: left;padding-top: 21px;}
.howto p{margin:0;;line-height: 18px;}
.howto h3{font-size: 28px;margin-bottom: -1px;}

.howto-profile{background: url(../img/symbol.png) 0 0 no-repeat;width: 44px;height: 55px;margin: 15px auto 5px;}
.howto-makeloan{background: url(../img/symbol.png) -47px 0 no-repeat;width: 53px;height: 55px;margin: 15px auto 5px;}
.howto-repaid{background: url(../img/symbol.png) -105px 0 no-repeat;width: 51px;height: 55px;margin: 15px auto 5px;}


.email a{font-family: "SweetlyBrokenRegular"; font-size: 72px; margin:30px 0 5px;text-decoration: none; color: #111;}
#contact ul li{ height: 69px; width: 68px; background: url(../img/connect.png); float: left;margin: 25px 10px 15px 0;}
#contact ul li:hover{background-position: -68px 0;}
#contact ul li.linkedin{background-position:0 69px;}
#contact ul li.facebook{background-position:0 142px;}
#contact h3{margin-bottom: 45px;}


#bio ul.social li a{display: inline-block; width:35px;height:35px;}
#bio ul.social{position: absolute;margin-top: -29px;margin-left: 125px;}
#bio ul li{ height: 35px; width: 35px; background: url(../img/shareicons.png) 35px 0px; float: left;margin:0px 3px 0px 0;cursor: pointer;}
#bio ul li:hover{background-position: 35px 37px;cursor: pointer;}
#bio ul li.linkedin{background-position:75px 0;}
#bio ul li.linkedin:hover{background-position:75px 36px;}



#sidenav ul{position: absolute;z-index: 60;top: 200px;margin-left: 20px;}
#sidenav ul li{height: 35px; width:30px; background: url(../img/sidenav.png) 0 0 no-repeat;}
#sidenav ul li:hover, #sidenav ul li.highlight{height: 35px; width:125px; background-position:-30px 0;}
#sidenav ul li.menu2{background-position:0 -35px;}
#sidenav ul li.menu3{background-position:0 -70px;}
#sidenav ul li.menu4{background-position:0 -105px;}
#sidenav ul li.menu5{background-position:0 -140px;}
#sidenav ul li.menu6{background-position:0 -175px;}
#sidenav ul li.menu2:hover, #sidenav ul li.menu2.highlight{background-position:-30px -35px;}
#sidenav ul li.menu3:hover, #sidenav ul li.menu3.highlight{background-position:-30px -70px;}
#sidenav ul li.menu4:hover, #sidenav ul li.menu4.highlight{background-position:-30px -105px;}
#sidenav ul li.menu5:hover, #sidenav ul li.menu5.highlight{background-position:-30px -140px;}
#sidenav ul li.menu6:hover, #sidenav ul li.menu6.highlight{background-position:-30px -175px;}
#sidenav{display: block;}

#carol-nav{text-align: center;margin-bottom: 70px;}
#carol-nav a {background-color: #E2E2E2;display: inline-block;text-decoration: none;width: 12px;
height: 12px;margin-right: 10px;border-radius: 10px;}
#carol-nav a span {display: none;}
#carol-nav a.selected {background-color: #9B9E9D;}

#contact ul li{ height: 69px; width: 68px; background: url(../img/connect.png); float: left;margin: 25px 10px 15px 0;}
#contact ul li:hover{background-position: -68px 0;}
#contact ul li.linkedin{background-position: 0 69px;}
#contact ul li.facebook{background-position: 0 142px;}
#contact ul li.linkedin:hover{background-position: -68px 69px;}
#contact ul li.facebook:hover{background-position: -68px 142px;}
#contact h3{margin-bottom: 45px;}

#bio{margin-top:10px;}
#bio h3{color: #36648A;text-transform: uppercase;font-family: "Eurostile";}
#bio h4{font-size:21px;color:#000; font-family: "Eurostile"; font-style: italic; }
.team-thumb{margin: 40px 0 20px 20px;}
.hide{display: none;}
.show{display: block;}
#team section.row img {opacity: .5;}
#team section.row img:hover {opacity: .4;}
#team section.row img.highlighted {opacity: 1;}


#footer-links ul.social li{ height: 69px; width: 68px; background: url(../img/connect.png) 0 0; float: left;margin:  5px 5px 0;}
#footer-links ul.social li:hover{background-position: -68px 0;}
#footer-links ul.social li a, #contact ul.social li a {
width: 68px;
height: 69px;
display:inline-block;
}
#footer-links ul li.linkedin{background-position: 0 69px;}
#footer-links ul li.facebook{background-position: 0 142px;}
#footer-links ul li.linkedin:hover{background-position: -68px 69px;}
#footer-links ul li.facebook:hover{background-position: -68px 142px;}



#borrower-main-info {float: left;}

#borrower-white-box {
float: left;
padding: 3px;
background-color: white;}

#borrower-image{width:170px; height: 133px; background-size: cover;}
.progress{width: 150px;height: 8px;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;margin-top: 5px; margin-bottom: 10px;}
.borrower-activity{font-weight: bold;}

#borrower-fund-progress {
margin-top:18px;
font-size:14px;
}
#borrower-funded-bar {
background-image: -moz-linear-gradient(top, #B4C247, #B4C247);
background-image: -ms-linear-gradient(top, #B4C247, #B4C247);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B4C247), to(#B4C247));
background-image: -webkit-linear-gradient(top, #B4C247, #B4C247);
background-image: -o-linear-gradient(top, #B4C247, #B4C247);
background-image: linear-gradient(top, #B4C247, #B4C247);
}

.textwrap{display: block;float: left; padding-right: 10px;}
.lend-group{
margin-top:4px;
}
.lend-button{
font-family:"Eurostile";background: #3399ff;;cursor: pointer;color:#fff;border: none;
width:45px;
height:47px;
background-image:url(../img/whitearrow.png);
background-position:45px 0;
}

.btn-group {position: relative;}

.btn-group > .lend-button {position: relative;float: left;margin-left: -1px;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}

.dropdown-menu{margin:46px 0 0 87px;;background-color:#3399ff;-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
 }
#lend-button-dropdown-menu li {
cursor:pointer;
min-width: 82px;
}
#lend-button-dropdown-menu li a {
text-decoration:none;
}

.offset1half{margin-left: 150px;}
.dropdown-menu a{color: #fff; font-family: Eurostile;font-size: 20px;line-height: 25px;}

#redirect{width: 600px;height: 150px;background: #fff url(../img/kivalogo.png) no-repeat center 40px;
box-shadow: 0 0px 8px grey;text-align: center;
padding: 150px 30px 10px;border: solid 1px #efefef;position: absolute;
top: 50%;left: 50%;margin: -156px -331px;}

#redirect .progress{width: 548px;
height: 18px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
margin: 31px 0 5px 25px;}

#donate-price{display:inline;}

#submit-lend {
padding-left: 10px;
float: left;
line-height: 44px;
background-color: #2183E7;
color: white;
width: 116px;
height:47px;
}
#submit-lend a {
text-decoration:none;
font-size:22px;
}

.text{
display:none;}

#borrowers {
width: 740px;
background: white;}


#borrowwrap{display: block;
width: 185px;
float: left;}

#borrowinfowrap{
display: block;
float: right;
width: 675px;
color: white;
}


#borrowers .borrower-image-thumbnail {
width: 70px;
height: 70px;
float: left;
background-size: cover;
background-color: white;
cursor: pointer;
border: 2px solid white;
opacity: .5;
}
#borrowers .borrower-image-thumbnail:hover,
#borrowers .borrower-image-thumbnail.highlight {
opacity: 1;
}

.loan-description{font-size: 14px;
height: 178px;
overflow-x: hidden;
overflow-y: auto;
line-height: 18px;
letter-spacing: .5px;}
#sidenav a.scroll {height:35px;display:block;}

article.offset1half {margin-left:120px;opacity: 0;}

@media screen and (max-width: 1500px) {
  #home {
    background-position: 100% 0;
  }
}

@media screen and (max-width: 1024px) {
  .container {
    margin-left:50px;
  }
  #borrowers.container {
  	margin-left:0;}
}

.margin-little {margin-left: 15px;}

#learn-more-button {
background-image: url(../img/learnmorebtn.png);
background-position: 0 0;
background-repeat: no-repeat;
display: inline-block;
text-indent: -1000px;
width: 241px;
height: 66px;
}
#learn-more-button:hover {
background-position: 0 -66px;
}