/*
        2013 - Discovering Light
*/
/*Basic*/
* {margin:0; padding: 0; outline: 0;}
html, body{margin:0px; background:url(../images/bg.jpg); padding:0px; font-family : 'Proximanova-Regular'; font-size:16px; line-height:22px;}
a{color:#ff8f00; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    -o-transition: all 0.3s ease;    -ms-transition: all 0.3s ease;     transition: all 0.3s ease; text-decoration:none;}
a, a:focus, button, button:focus, button:active, a img, a img:focus{outline:none; outline:0 none !important;}
a:hover, a:focus{color:#FF8F00}
header, nav, footer, figure, figcaption, article, section, aside{ display: block;}
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
/*Basic*/

/*Main*/
body > .container{height:auto; width:100%; float:left;}
.aligner{height:auto; width:960px; margin:0px auto; min-height:100px; position:relative; z-index:1;}
@media only screen and (max-width:1010px)
{
    body{padding:0px; margin:0px;}
    .aligner{width:90%; margin:0px 5%;}
}
/*Main*/

/* Newsletter Popup */

.mailinglist {
    text-align: center;
    padding: 25px 0px 50px 0;
}

.mailinglist .gfield_error {
    background-color: #fff !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    padding: 0 !important;
    margin: 0 !important;
}

.mailinglist .validation_error {
    display: none !important;
}

.mailinglist .validation_message {
    margin: 0 !important;
    padding: 0  !important;
    font-size: 15px !important;
}

.mailinglist img {
    padding-bottom: 15px;
}

.mailinglist span {
    padding: 10px 0;
    display: block;
    font-family: 'Proximanova-SBold';
    font-size: 24px;
    text-transform: uppercase;
}


@media (max-width: 480px)   {

    .mailinglist .gform_wrapper form .gform_footer   {
        float: left;
        display: block;
        width: 100%;
        clear: both;
    }  

}

.mailinglist p {
    margin: auto;
    max-width: 340px;
    padding: 10px 0;
    font-size: 18px;
    font-family: 'Proximanova-Light';
}

.mailinglist #gform_wrapper_2 {
    width: 340px;
    margin: auto;
}

.mailinglist #input_2_1 {
    width: 100%;
    padding: 12px 20px;
    color: #282828;
    background: #ebebeb;
}

.close {
    position: absolute;
    right: 25px;
    cursor: pointer;
}

.socialpop {
    padding: 25px 0;
}

#gform_fields_2 {
    float: left;
    width: 175px;
}

.gform_wrapper .gform_footer {
    clear: none !important;
    width: 116px;
    float: right;
    margin: 0 !important;
    padding: 0 !important;
}

/*Popup*/
#dialog-overlay {	width:100%; 	height:100%;		background:rgba(255,255,255,.8); 		position:fixed; 	top:0; left:0; 	z-index:3000; 	display:none;}
#dialog-box {	background:none repeat scroll 0 0 #FFF;	width:300px; 	position:absolute; 	z-index:5000; 	display:none; top:50%; left:50%; margin-left:-150px; margin-top:-100px; border-radius:15px; box-sizing:border-box; -moz-box-sizing:border-box; border:3px solid #F8AE41; box-shadow:0px 0px 20px #eee}
#dialog-box .dialog-content {	text-align:center; 	padding:10px;	color:#666;  }
#dialog-message h3{font-family: proximanova-sbold;    font-size: 18px;    line-height: 24px;    text-transform: uppercase; color:#555; margin:8px 0px 18px 0px;}
a.button {	margin:10px auto 10px auto;	text-align:center;	background:url(../images/close.png); ;	display: block;	width:116px; height:45px;	padding: 0px;	color: #fff;	position: relative;	cursor: pointer;	color:transparent;}
/*Popup*/

/*Header*/
header{height:auto; width:100%; float:left;}
header .top-head{background:#f8ae41; width:100%;}
header .top-head h3{  font-family: 'Proximanova-SBold';  font-size: 18px;  line-height: 24px;  text-align: center;  text-transform: uppercase; color:#fff; margin:0px; padding:3px 0px;}
header > .aligner {  border-bottom: 2px solid #EBA74A;  display: block; padding-top: 15px; padding-bottom:47px; position:relative;}
header .navbar .nav{margin:9px 10px 0 0;}
header .navbar .nav .dropdown .dropdown-menu {top:95%; padding:0px; border-radius:3px;}
header .navbar .nav .dropdown .dropdown-menu > li > a {font-size: 14px; font-family:'Proximanova-Regular'; padding:6px 11px; color:#999; border-radius:2px;}
header .navbar .nav .dropdown .dropdown-menu > li > a:hover, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-submenu:focus > a{background:#f8ae41; color:#fff !important;}
header .caret{display:none}
header .navbar .nav .dropdown:hover > .dropdown-menu{display:block; }
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle{background:none}

header .navbar{margin:0px; font-family : 'Miso-Light'; font-size:30px; float:left; width:100%;}
header .navbar .brand {padding:0px; margin:0px;}
header .navbar-simple .brand { 	padding-top: 15px;	padding-bottom: 15px;}
header .navbar .nav > li > a{padding:50px 15px}
@media only screen and (min-width:980px)
{
    header .aligner {}
    header .navbar .nav > li > a{color:#a6a8ab; font-weight:normal}
    header .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {background-color: transparent; box-shadow: none; color: #EBA74A; text-decoration: none;}

}
@media only screen and (max-width:979px)
{
    header .nav-collapse{margin-top:40px;}
    header .navbar .nav > li > a{padding:12px 15px; font-weight:normal; font-size:25px;}
    header .nav-collapse, .nav-collapse.collapse{float:left; width:100%;}
    header .navbar{margin:0px; font-size:30px;}
    header .navbar .btn-navbar {  background-color: transparent;  background-image: none;   border-color: none;  box-shadow: 0 ;  color: #FFFFFF;  float: right;  margin-left: 5px;  margin-right: 5px;  padding: 12px;  text-shadow: 0 ; margin-top:40px; margin-bottom:40px}
    header .navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {  background-color: #FFF;  color: #FFFFFF;}
    header .navbar .btn-navbar .icon-bar{background:#EBA74A; box-shadow:none; width:30px; height:3px;}
    header .navbar .nav .dropdown .dropdown-menu{margin-left:0px;}
    header .navbar .nav .dropdown .dropdown-menu > li > a {  font-size: 15px;  padding: 10px 15px;}
}
@media only screen and (max-width:464px){
    header .navbar .btn-navbar{margin:8% 0px;}
    header .brand{width:60%; float:none}
    header .aligner{min-height:inherit; display:block; float:left; padding-bottom:0px; padding-top:15px;}
    header .nav-collapse{margin-top:10px;}
}
header .banner-show {height:auto; width:100%; float:left; overflow:hidden; position:relative; margin-top:-40px;}
header .banner {position:relative;}
header .banner.large{height:450px; width:1600px; margin-left:-800px; left:50%; }
header .banner.small{height:300px; width:1600px; margin-left:-800px; left:50%;}
header .banner.large .caption {  font-family: 'Proximanova-Light';  height: auto;   padding: 20% 0;  position: relative; width: 400px;}
header .banner.large .caption h2{font-size:30px; line-height:27px;}
header .banner.large .caption p{font-size:18px;}
header .banner.small .caption {  font-family: 'Proximanova-Light';  height: auto;   padding: 13% 0;  position: relative; width: 660px;}
header .banner.small .caption h2{font-size:60px; text-transform:uppercase;}
/*
@media only screen and (max-width:860px){
        header .banner.large{height:30%;}
        header .banner.small{height:60%;}
}
*/
/*
@media only screen and (max-width:640px){
        header .banner.small .caption{padding:8% 0px 12%}
}
@media only screen and (max-width:860px){
}
*/
@media only screen and (max-width:1010px){
    header .banner.large{height:auto; width:100%; margin-left:0px; float:left; left:inherit;}
    header .banner.small{height:auto; width:100%; margin-left:0px; float:left; left:inherit;}
}
@media only screen and (max-width:850px){
    header .banner.large .caption {  font-family: 'Proximanova-Light';  height: auto;  padding: 20% 0;  position: relative;  width: 328px;}
    header .banner.large .caption h2{line-height:38px;}
}
@media only screen and (max-width:560px){
    header .banner.large .caption {  font-family: 'Proximanova-Light';  height: auto;  padding: 18% 0;  position: relative;  width: 185px;}
    header .banner.large .caption h2 {  line-height: 26px; font-size:22px;}
    header .banner.large .caption p {  font-size: 14px;}
}
@media only screen and (max-width:480px){
    header .banner.large .caption{width:61%}
    header .banner.small .caption h2{font-size:45px;}
}
/*Header*/

/*Main*/
article.main{height:auto; width:100%; float:left;}
.home article.main{margin:50px 0px 30px 0px}
article.main{margin:30px 0px}
article.main .box{height:100%; width:100%; float:left; position:relative;}
article.main .box img{width:100%;}
article.main .box .single{position:relative;}
article.main .box .single h3{position:absolute;  color:#fff; font-family: 'Proximanova-SBold'; text-transform:uppercase; margin:-10px 0px 0px 0px; line-height:20px; padding:10px; text-align:center; width:60%; font-size:20px; padding:0px 20%;}
article.main .box p{font-family: 	'Proximanova-Light'; font-size:18px; line-height:28px; text-align:center; width:80%; margin:20px auto;}
article.main .box.row-fluid .span4 {width:31%; float:left;}
article.main .box.row-fluid [class*="span"] {margin-left: 3.333333333333333%;}
article.main .box.row-fluid [class*="span"]:first-child{margin-left:0px;}
article.main .box .single h3 span{color:#fff; font-family: 'Proximanova-Light'; font-size:17px; line-height:24px; text-transform:uppercase; width:100%; display:block}
@media only screen and (max-width:668px){
    article.main .box .single h3{font-size:16px; line-height:16px;}
}
@media only screen and (max-width:540px){
    article.main .box.row-fluid .span4 {width:100%; float:left; margin-bottom:30px;}
    article.main .box.row-fluid [class*="span"] {margin-left: 0px;}
    article.main .box .single h3{font-size:26px; line-height:26px;}
}
/*Main*/

/*Blog*/
.main .aligner ul.categories{list-style:none; margin:0px;}
.main .aligner ul.categories li{float:left;}
.main .aligner ul.categories li a{padding:3px 0px; margin:0px 12px; color:#faaf40; font-size:25px; border-bottom:2px solid transparent;}
.main .aligner ul.categories li:first-child a{margin-left:0px;}
.main .aligner ul.categories li a:active, .main .aligner ul.categories li a.active, .main .aligner ul.categories li a.active:hover,.main .aligner ul.categories li a:focus,.main .aligner ul.categories li a:hover{border-bottom:2px solid #faaf40; text-decoration:none;}
.main .aligner ul.categories li:after{content:"/"; color:#faaf40; font-size:25px;}
.main .aligner ul.categories li:last-child:after{content:""}

.main .aligner .post{margin:35px 0px; width:100%; float:left;}

.main .aligner .post .span3 img {height:140px; width:140px; border-radius:140px;}
.main .aligner .post .span9 h2 {  font-family: 'Proximanova-SBold';  font-size: 25px;  line-height: 27px;  margin-top: 0; margin-bottom:14px; color:#333;}
.main .aligner .post .span9 a:hover, .main .aligner .post .span9 a:focus{text-decoration:none;}
.main .aligner .post .span9 p{font-size:16px; line-height:22px; margin-bottom:12px}
.main .aligner .post .span9 a.more{font-family: 'Proximanova-SBold'; font-size:16px; padding:2px 10px; float:left; color:#f7ad4c; border:2px solid #f7ad4c; border-radius:12px; text-decoration:none; cursor:pointer;}
.main .aligner .post .span9 a.more:focus, .main .aligner .post .span9 a.more:hover {color:#999999; border-color:#999999;}
.main .aligner .post .span9 a.more:hover:after{content: url('../images/arrow-right-hover.png');}
.main .aligner .post .span9 a.more:after{content: url('../images/arrow-right.png'); margin-left:8px; width:13px; height:10px;}

.main .aligner .post .span8 h2 {  font-family: 'Proximanova-SBold';  font-size: 25px;  line-height: 27px;  margin-top: 0; margin-bottom:14px;}
.main .aligner .post .span8 p{font-size:16px; line-height:22px; margin-bottom:12px}
.main .aligner .span8 a.back{font-family: 'Proximanova-SBold'; font-size:18px; color:#333333; text-decoration:none; margin-left:-20px;}
.main .aligner .span8 a.back:before{content: '\2190'; margin-right:10px}
.main .aligner .span8 a.back:hover{color:#EBA74A}

.main .aligner .post .span9 .author{font-size:14px; color:#828282; padding:3px 10px; float:left;}
.main .aligner .post .span8 .time{font-size:16px; color:#999; padding:3px 22px; float:left; background:url(../images/time.png) no-repeat left center; width:100%; margin-bottom:18px; margin-top:-12px;}

.main .aligner .post .span8 .options{height:auto; width:100%; float:left; margin:20px 0px;}
.main .aligner .post .span8 .options .share{height:auto; width:auto; float:left; margin-right:30px;}
.main .aligner .post .span8 .options .share div{color:#333333; font-size:16px; text-transform:uppercase; float:left; line-height:30px; margin-right:10px;}
.main .aligner .post .span8 .options .share img{float:left; margin:0px 4px 0px;}
.main .aligner .post .span8 .options .category{height:auto; width:auto; float:left;}
.main .aligner .post .span8 .options .category div{color:#333333; font-size:16px; text-transform:uppercase; float:left; line-height:30px; margin-right:10px;}
.main .aligner .post .span8 .options .category a{font-family: 'Proximanova-Regular'; font-size:16px; line-height:28px;}

.main .aligner .post .span8 img{margin:20px 0px;}

@media only screen and (max-width:444px){
    .main .aligner .post .span9 .author{width:100%; padding-left:0px;}
    .main .aligner .post .span8 .options .share, .main .aligner .post .span8 .options .category{width:100%;margin-top:10px;}
}
/*Blog*/

/*About*/
.main .aligner .about h1{font-family: 'Proximanova-SBold';  font-size: 29px; color:#333; text-transform:uppercase; text-align:center;}
.main .aligner .about p{width:80%; font-family: 'Proximanova-Regular'; font-size:23px; line-height:29px; text-align:center; margin:25px auto;}
.main .aligner .smallhead p{width:85%; font-family: 'Proximanova-Regular'; font-size:30px; line-height:36px; text-align:center; margin:25px auto 60px auto;}

.main .aligner .smallhead.team h1{text-transform:uppercase; text-align:center; font-size: 28px; font-family: 'Proximanova-SBold';}
.main .aligner .smallhead.team p {  font-family: 'Proximanova-Regular';  font-size: 23px;  line-height: 29px;  margin: 30px auto;  text-align: center;  width: 74%;}
.main .aligner .smallhead.team p span{font-family: 'Proximanova-SBold';}

.main .aligner .smallhead.strategy h1{text-transform:uppercase; text-align:center; font-size: 28px; font-family: 'Proximanova-SBold';}
.main .aligner .smallhead.strategy p {  font-family: 'Proximanova-Regular';  font-size: 23px;  line-height: 29px;  margin: 30px auto;  text-align: center;  width: 74%;}
.main .aligner .smallhead.strategy p span{font-family: 'Proximanova-SBold';}

.main .aligner .smallhead.partners h1{text-transform:uppercase; text-align:center; font-size: 28px; font-family: 'Proximanova-SBold';}
.main .aligner .smallhead.partners p {  font-family: 'Proximanova-Regular';  font-size: 23px;  line-height: 29px;  margin: 30px auto;  text-align: center;  width: 74%;}
.main .aligner .smallhead.partners p span{font-family: 'Proximanova-SBold';}

.main .aligner .smallhead.people-groups h1{text-transform:uppercase; text-align:center; font-size: 28px; font-family: 'Proximanova-SBold';}
.main .aligner .smallhead.people-groups p {  font-family: 'Proximanova-Regular';  font-size: 23px;  line-height: 29px;  margin: 30px auto;  text-align: center;  width: 74%;}
.main .aligner .smallhead.people-groups p span{font-family: 'Proximanova-SBold';}

.main .aligner .smallhead.projects h1{text-transform:uppercase; text-align:center; font-size: 28px; font-family: 'Proximanova-SBold';}
.main .aligner .smallhead.projects p {  font-family: 'Proximanova-Regular';  font-size: 23px;  line-height: 29px;  margin: 30px auto;  text-align: center;  width: 74%;}
.main .aligner .smallhead.projects p span{font-family: 'Proximanova-SBold';}

.main .aligner .process{/* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMzIlIiBzdG9wLWNvbG9yPSIjZjRmNGYzIiBzdG9wLW9wYWNpdHk9IjAuNjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjZjRmNGYzIiBzdG9wLW9wYWNpdHk9IjAuOTgiLz4KICAgIDxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjZjRmNGYzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzElIiBzdG9wLWNvbG9yPSIjZjRmNGYzIiBzdG9wLW9wYWNpdHk9IjAuNiIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(244,244,243,0.61) 32%, rgba(244,244,243,0.98) 51%, rgba(244,244,243,1) 52%, rgba(244,244,243,0.6) 71%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0)), color-stop(32%,rgba(244,244,243,0.61)), color-stop(51%,rgba(244,244,243,0.98)), color-stop(52%,rgba(244,244,243,1)), color-stop(71%,rgba(244,244,243,0.6)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(244,244,243,0.61) 32%,rgba(244,244,243,0.98) 51%,rgba(244,244,243,1) 52%,rgba(244,244,243,0.6) 71%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(244,244,243,0.61) 32%,rgba(244,244,243,0.98) 51%,rgba(244,244,243,1) 52%,rgba(244,244,243,0.6) 71%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(244,244,243,0.61) 32%,rgba(244,244,243,0.98) 51%,rgba(244,244,243,1) 52%,rgba(244,244,243,0.6) 71%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(244,244,243,0.61) 32%,rgba(244,244,243,0.98) 51%,rgba(244,244,243,1) 52%,rgba(244,244,243,0.6) 71%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 */
}
.main .aligner .process {float:left; margin:30px auto 80px;}
.main .aligner .process .aligner{background:url(../images/about-center.png) top center no-repeat; min-height:622px; float:left; padding:0px; width:95%; margin:auto}
.main .aligner .process .aligner .single-box{height:auto; width:300px; margin:25px 70px; text-align:center; float:left;}
.main .aligner .process .aligner .single-box h3{text-transform:uppercase; color:#333333; font-size:20px; font-family: 'Proximanova-SBold';}
.main .aligner .process .aligner .single-box p{color:#333333; font-size:16px; line-height:24px;}
.main .aligner .process .aligner .single-box:nth-child(2), .main .aligner .process .aligner .single-box:nth-child(4){float:right}
.main .aligner .process .aligner .single-box:nth-child(3), .main .aligner .process .aligner .single-box:nth-child(4) {margin:35px 70px;}

.main .aligner .section{background:url("../images/footer.jpg") no-repeat scroll center top / 102% 300px rgba(0, 0, 0, 0);margin:70px 0px; padding:70px 0px 0px;}
.main .aligner .section h2{font-size:30px; font-family: 'Proximanova-SBold'; line-height:24px; text-transform:uppercase; text-align:center;}
.main .aligner .section .span10{padding-left:30px;}
.main .aligner .section h4{font-size:20px; font-family: 'Proximanova-SBold'; line-height:16px; text-transform:uppercase;}
.main .aligner .section p{font-size:16px; line-height:24px;}

.main .aligner .section.team {  background: url("../images/footer.jpg") no-repeat scroll center top / 102% 300px rgba(0, 0, 0, 0);  margin: 70px auto;  padding: 70px 0 0;  width: 80%;}
.main .aligner .section.team h4 {  font-family: 'Proximanova-SBold';  font-size: 18px;  line-height: 16px;  margin: 28px 0;  text-transform: uppercase;}
.main .aligner .section.team p{font-size:16px; line-height:24px;}

.main .aligner .section.projects {  background: url("../images/footer.jpg") no-repeat scroll center top / 102% 300px rgba(0, 0, 0, 0);  margin: 70px auto;  padding: 70px 0 0;  width: 80%;}
.main .aligner .section.projects:first-child{margin-top:0px; background:none;}
.main .aligner .section.projects h4 {  font-family: 'Proximanova-SBold';  font-size: 18px;  line-height: 16px;  margin: 0px 0px 28px 0;  text-transform: uppercase;}
.main .aligner .section.projects p{font-size:16px; line-height:24px;}

.main .aligner .section.stories {  background: url("../images/footer.jpg") no-repeat scroll center top / 102% 300px rgba(0, 0, 0, 0);  margin: 70px auto;  padding: 70px 0 0;  width: 80%;}
.main .aligner .section.stories:first-child{margin-top:0px; background:none;}
.main .aligner .section.stories h4 {  font-family: 'Proximanova-SBold';  font-size: 18px;  line-height: 16px;  margin: 28px 0;  text-transform: uppercase;}
.main .aligner .section.stories p{font-size:16px; line-height:24px;}

.main .aligner .section .row-fluid{margin:70px 0px;}

@media only screen and (min-width:1011px){
    .main .aligner .process .aligner .single-box{min-height:265px;}
}
@media only screen and (max-width:1010px){
    .main .aligner .process .aligner .single-box , .main .aligner .process .aligner .single-box:nth-child(1),.main .aligner .process .aligner .single-box:nth-child(2),.main .aligner .process .aligner .single-box:nth-child(3),.main .aligner .process .aligner .single-box:nth-child(4){margin:10px 0px; width:100%; float:left; padding:0px;}
    .main .aligner .process .aligner{background:none;}
}
@media only screen and (max-width:767px){
    .main .aligner .section .span10{padding-left:0px; padding-top:20px;}
    .section img, .section p, .section h4 { text-align:center; display: block;    margin-left: auto;    margin-right: auto}
}

/*About*/

/*Contact*/
.main .aligner .contact h3{text-transform:uppercase; color:#333333; font-size:20px; font-family: 'Proximanova-SBold'; letter-spacing: 1px;}
.main .aligner .contact p{color:#333333; font-size:16px; line-height:24px;}
.gform_wrapper .top_label .gfield_label{font-weight:normal}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, label, input, button, select, textarea{font-size:16px; border-radius:0px; background-color:rgba(0, 0, 0, 0); box-shadow:none}
.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"]{padding-top:8px; padding-bottom:8px;}
.gform_wrapper li.gfield_error input[type="text"], .gform_wrapper li.gfield_error input[type="url"], .gform_wrapper li.gfield_error input[type="email"], .gform_wrapper li.gfield_error input[type="tel"], .gform_wrapper li.gfield_error input[type="number"], .gform_wrapper li.gfield_error input[type="password"], .gform_wrapper li.gfield_error textarea{background:#fff;}
.well{padding:22px 30px; box-shadow:none; border:0px; background-color:#f5f5f5; margin-bottom:12px;}
.well p span{font-family : 'Proximanova-SBold';}
.well.social p span{margin-bottom:20px;}
.well.social p img{margin-right:5px; margin-top:12px; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    -o-transition: all 0.3s ease;    -ms-transition: all 0.3s ease;     transition: all 0.3s ease; /*-webkit-transition-duration: 0.8s;    -moz-transition-duration: 0.8s;    -o-transition-duration: 0.8s;    transition-duration: 0.8s;         -webkit-transition-property: -webkit-transform;    -moz-transition-property: -moz-transform;    -o-transition-property: -o-transform;    transition-property: transform;     overflow:hidden;*/}
.well.social p img:hover{ opacity:.6; /*-webkit-transform:rotate(360deg);    -moz-transform:rotate(360deg);    -o-transform:rotate(360deg);	*/}
/*Contact*/

/*Donate*/
.donate-single .single{height:100%; width:100%; float:left; position:relative;}
.donate-single .single img{width:auto;}
.donate-single .single {position:relative; background:#fff;}
.donate-single .single h3{position:absolute; top:0px; color:#fff; font-family: 'Proximanova-XBold'; text-transform:uppercase; margin:-10px 0px 0px 0px; line-height:20px; padding:10px; text-align:center; width:60%; font-size:20px; padding:0px 20%;}

.donate-single {height:auto; width:100%; float:left; background:none repeat scroll 0 0 #000000}
.donate-single img {opacity:.7; }
.donate-single img , .donate-single .img-overlay {float:left; position:relative; width:100%;}
.donate-single .img-overlay img {  margin: 0;   display: block; }
.donate-single .overlay-head {  position: absolute;  top: 0;  bottom: 0;  right: 0;  left: 0;  width: 100%;  height: 100%; opacity:1;text-decoration:none; }
.donate-single .overlay-discription {  position: absolute;  top: 0;  bottom: 0;  right: 0;  left: 0;  width: 100%;  height: 100%;  background: rgba(0,0,0,0.5); opacity:0;  text-decoration:none; }
.donate-single .img-overlay{    position: relative;     float: left;}
.donate-single .img-overlay:hover .overlay-head{opacity:0;}
.donate-single .img-overlay:hover .overlay-discription{opacity:1;}

.donate-single .overlay-head h1, .donate-single .overlay-discription p{color:#fff; text-align:center; vertical-align: middle; position:absolute; top:40%; width:100%; float:left}
.donate-single .overlay-head h1{font-family:'Proximanova-SBold'; text-transform:uppercase; font-size:28px; }
.donate-single .overlay-head h1 span{display: inline-flex; float: none; margin: auto; text-align: center; }
.donate-single .overlay-discription p span {  display: block;  margin: auto;}
.donate-single .overlay-discription p { line-height:24px; margin-left:auto; margin-right:auto; }
.donate-single .overlay-discription p:before {  background: none repeat scroll 0 0 #ffad36;  content: "";  height: 2px;  left: 37%;  margin-top: -18px;  position: absolute;  width: 150px;}
.donate-single .overlay-discription p:after {  background: none repeat scroll 0 0 #ffad36;  content: "";  height: 2px;  left: 37%;  margin-top: 20px;  position: absolute;  width: 150px;}

.donate-single .donategroup1{height:auto; width:100%; margin:0px; padding:0px; float:left;}
.donate-single .donategroup1 .leftside{width:40.6%; height:auto; float:left}
.donate-single .donategroup1 .rightside{width:59.4%; height:auto; float:left}

.donate-single .donategroup2{height:auto; width:100%; margin:0px; padding:0px; float:left;}
.donate-single .donategroup2 .leftside{width:61.4%; height:auto; float:left}
.donate-single .donategroup2 .rightside{width:38.6%; height:auto; float:left}

.donate-single .donategroup3{height:auto; width:100%; margin:0px; padding:0px; float:left;}
.donate-single .donategroup3 .leftside{width:42.7%; height:auto; float:left}
.donate-single .donategroup3 .rightside{width:57.3%; height:auto; float:left}

.donate-single .donatebox{width:100%; height:auto; float:left}
.donate-single .donatebox.wide .overlay-discription p:before, .donate-single .donatebox.wide .overlay-discription p:after{left:42%}

@media only screen and (max-width:768px){
    .donate-single .donategroup1 .leftside, .donate-single .donategroup1 .rightside{width:100%}
    .donate-single .donategroup2 .leftside, .donate-single .donategroup2 .rightside{width:100%}
    .donate-single .donategroup3 .leftside, .donate-single .donategroup3 .rightside{width:100%}
    .donate-single .donatebox.wide .overlay-discription p:before, .donate-single .donatebox.wide .overlay-discription p:after{left:37%}
    .donate-single .overlay-discription p span, .donate-single .overlay-head h1 span{display:inline;}
    .donate-single .overlay-discription p:before, .donate-single .overlay-discription p:after{display:none;}
}
/*Donate*/

/*Footer*/
footer{height:auto; width:100%; float:left;}

footer .shade{background:url(../images/footer.jpg) center top no-repeat; width:100%; height:100%; float:left; min-height:65px;padding:100px 0px} 
.about footer .shade{background:none; padding:0px 0px 100px} 

footer .post-nav ul.page-numbers {list-style:none; margin:0px;}
footer .post-nav ul.page-numbers li{float:left; margin-right:10px;}
footer .post-nav ul.page-numbers li a{background:#464646; padding:4px 10px; color:#FFF; font-family: 'Proximanova-SBold';  font-size: 16px; text-decoration:none; border-radius:10px;}

footer a.back{background:#464646; padding:4px 10px; color:#FFF; font-family: 'Proximanova-SBold';  font-size: 16px; text-decoration:none; border-radius:10px;}
footer a.back:before{content: '\2190'; margin-right:10px}

footer .span8 .similar{margin-top:40px;}
footer .span8 .similar h3{margin:2px 0px; color:#333333; font-family: 'Proximanova-SBold';  font-size: 20px; line-height:19px;}
footer .span8 .similar img{float:left; margin-right:20px; border-radius:60px;}
footer .span8 .similar .date{color:#828282; font-family: 	'Proximanova-Regular'; font-size:14px;}

footer .box{height:100%; width:100%; float:left; position:relative;}
footer .box img{width:100%;}
footer .box .single{position:relative; background:#fff;}
footer .box .single h3{position:absolute; top:0px; color:#fff; font-family: 'Proximanova-XBold'; text-transform:uppercase; margin:-10px 0px 0px 0px; line-height:20px; padding:10px; text-align:center; width:60%; font-size:20px; padding:0px 20%;}
footer .box p{font-family: 	'Proximanova-Light'; font-size:18px; line-height:28px; text-align:center; width:80%; margin:20px auto;}
footer .box.row-fluid .span4 {width:31%; float:left;}
footer .box.row-fluid .span2 {width:14.3646%; float:left;}
footer .box.row-fluid [class*="span"] {margin-left: 3.333333333333333%;}
footer .box.row-fluid [class*="span"]:first-child{margin-left:0px;}
footer .box .single h3 span{color:#fff; font-family: 'Proximanova-Light'; font-size:17px; line-height:24px; text-transform:uppercase; width:100%; display:block}

footer .box .single {  position: relative;  height: 100%;  width: 100%;  display: block; }
footer  a.single:hover img, footer  a.single:focus img, footer  a.single.active img{display:block; opacity:.6; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    -o-transition: all 0.3s ease;    -ms-transition: all 0.3s ease;     transition: all 0.3s ease;}
footer .box .single h3{top:43%;}

footer .mainfooter{background:url(../images/footer-pattern.png); min-height:128px; width:100%; float:left}
footer .mainfooter .row-fluid{padding:35px 0px 25px;}
footer .mainfooter h1{color:#fff; text-transform:uppercase; font-family : 'Miso-Regular'; font-size:46px; line-height:38px; margin:0px; text-align:right}
footer .mainfooter .social{height:auto; width:auto; float:left;}
footer .mainfooter .social img{margin-right:2px; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    -o-transition: all 0.3s ease;    -ms-transition: all 0.3s ease;     transition: all 0.3s ease; /*-webkit-transition-duration: 0.8s;    -moz-transition-duration: 0.8s;    -o-transition-duration: 0.8s;    transition-duration: 0.8s;         -webkit-transition-property: -webkit-transform;    -moz-transition-property: -moz-transform;    -o-transition-property: -o-transform;    transition-property: transform;     overflow:hidden;*/}
footer .mainfooter .social img:hover{	opacity:.5; /*-webkit-transform:rotate(360deg);    -moz-transform:rotate(360deg);    -o-transform:rotate(360deg);	*/}
footer .mainfooter .btns{height:auto; width:auto; float:left;}
footer .mainfooter .btns .btn-footer {  border: 2px solid #FFFFFF;  border-radius: 20px;  color: #FFFFFF;  float: left;  padding: 7px 10px; font-family : 	'Proximanova-SBold';}
footer .mainfooter .btns .btn-footer:hover, footer .mainfooter .btns .btn-footer:focus{text-decoration:none; color:#DDD; border-color:#DDD}
footer .mainfooter .btns .btn-footer:first-child{margin-left:4px;}
footer .mainfooter .btns .btn-footer:last-child{margin-left:6px;}
footer .mainfooter .btns .btn-footer.active{opacity:.5;}
footer .mainfooter .copyright{min-height:27px; width:100%; float:left; text-align:center; background:url(../images/footer-shape.jpg) center bottom no-repeat;}
footer .mainfooter .copyright p{color:#fff; font-size:14px; margin:4px 0 3px;}
footer .mainfooter .copyright p a{color:#fff;}
footer .mainfooter .copyright p a:hover{text-decoration:none; color:#CCC;}

@media only screen and (max-width:998px){
    footer .box .single h3, footer .box .single h3 span{font-size:13px; line-height:15px;}
}

@media only screen and (max-width:885px){
    footer .mainfooter .span6{width:100%; margin:0px; padding:0px;}
    footer .mainfooter h1{text-align:center;}
    footer .mainfooter .center-point{height:auto; width:auto; margin:auto; display:table; padding:20px 0px}
}
@media only screen and (max-width:540px){
    footer .divide .span2{display:none}
    footer .box.row-fluid .span4 {width:100%; float:left; margin-bottom:30px;}
    footer .box.row-fluid [class*="span"] {margin-left: 0px;}
    footer .box .single h3, footer .box .single h3 span{font-size:20px; line-height:26px;}
}
@media only screen and (min-width:541px){
    footer .divide{margin-top:3.2%;}
    footer .divide .span2{display:block}
}
@media only screen and (max-width:446px){
    footer .mainfooter h1{text-align:center; font-size:30px}
    footer .mainfooter .center-point{width:auto; float:none; padding:0px; margin:auto; height:auto;}
    footer .mainfooter .center-point .social{height:auto; width:auto; margin:10px auto; float:none; display:table}
    footer .mainfooter .center-point .btns{height:auto; width:100%; margin:10px auto; float:none; display:table}
    footer .mainfooter .btns .btn-footer:first-child{margin-left:0px; margin-right:5px}
    footer .mainfooter .btns .btn-footer:last-child{margin:0px;}
}

@media only screen and (max-width:420px){
    footer .mainfooter .copyright{background:#828282}
}
/*Footer*/

/*Submenu*/
article .shade{background:url(../images/footer.jpg) center top no-repeat; width:100%; height:100%; float:left; min-height:65px;padding:120px 0 30px} 
.about article .shade{background:none; padding:0px 0 30px} 
article .box{height:100%; width:100%; float:left; position:relative;}
article .box img{width:100%;}
article .box .single{position:relative; background:#fff;}
article .box .single h3{position:absolute; top:0px; color:#fff; font-family: 'Proximanova-XBold'; text-transform:uppercase; margin:-10px 0px 0px 0px; line-height:20px; padding:10px; text-align:center; width:60%; font-size:20px; padding:0px 20%;}
article .box p{font-family: 	'Proximanova-Light'; font-size:18px; line-height:28px; text-align:center; width:80%; margin:20px auto;}
article .box.row-fluid .span4 {width:31%; float:left;}
article .box.row-fluid .span2 {width:14.3646%; float:left;}
article .box.row-fluid [class*="span"] {margin-left: 3.333333333333333%;}
article .box.row-fluid [class*="span"]:first-child{margin-left:0px;}
article .box .single h3 span{color:#fff; font-family: 'Proximanova-Light'; font-size:17px; line-height:24px; text-transform:uppercase; width:100%; display:block}

article .box .single {  position: relative;  height: 100%;  width: 100%;  display: block; }
article  a.single:hover img, article  a.single:focus img, article  a.single.active img{display:block; opacity:.6; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    -o-transition: all 0.3s ease;    -ms-transition: all 0.3s ease;     transition: all 0.3s ease;}
article .box .single h3{top:43%;}

@media only screen and (max-width:998px){
    article .box .single h3, article .box .single h3 span{font-size:13px; line-height:15px;}
}
@media only screen and (max-width:540px){
    article .divide .span2{display:none}
    article .box.row-fluid .span4 {width:100%; float:left; margin-bottom:30px;}
    article .box.row-fluid [class*="span"] {margin-left: 0px;}
    article .box .single h3, article .box .single h3 span{font-size:20px; line-height:26px;}
}
@media only screen and (min-width:541px){
    article .divide{margin-top:3.2%;}
    article .divide .span2{display:block}
}
/*Submenu*/


.completed-projects article.col-sm-8 {margin-top:0px;}
.aligner.404{}