/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}
/*section.left-colum img , div.container section img{
	float: left ;
	margin-right: 20px;
	display: inline-block;
}*/

img.alignleft{
	float: left ;
	margin-right: 20px;
	display: inline-block;
}

img.alignright{
	float: right ;
	margin-right: 20px;
	display: inline-block;
}
.form-heading{
	margin: 2px 0px;
}

div.container section p span:after {
    content:'';
    display:block;
    clear: both;
}

.spirasi_errors, div.error{
	color: red;
	padding: 20px;
	border: 1px solid red;
	margin: 20px 0;
	text-align: left;

}
div.success{
	color: green;
	padding: 20px;
	border: 1px solid green;
	margin: 20px 0;
	text-align: center;
}

div.login_form h2{
	font-size:12px;
}
div.login_form input[type="submit"]{
	font-size: 16px;
	height: 37px;
    

}
.login-user , .spirasi_form{
	background-color: #F1F1F1;
	padding: 10px 0;
	margin-top: 20px;
}
.login-user{
	padding-left: 20px;
}

h3.spirasi_header{
	text-align: center;
}
.login_form label{
	padding-left: 10px;
}
/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

* {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	outline:none;
}
img {
	border:none;
}
html,
body.home {
	height:100%;
}
body {
	font-size:14px;
	color:#757574;
	-webkit-font-smoothing: antialiased;
	font-weight:normal;
	min-width:320px;
	margin:0;
	position:relative;
	background-color:#202020;
	font-family: 'open_sansregular';
}
.container {
	width:1240px;
	margin:0 auto;
	min-width:320px;
}
.topsection {
	position:relative;
	background-color:#f1f1f1;
}

p {
	margin-top:0;

}
a {
	text-decoration:none;
	color:#d09c03;
}
p a {
	font-family: 'open_sansbold';
}
ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
em {
	font-family: 'open_sansitalic';
}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	margin-top:0px;
}
h1 {
	font-size:38px;
	color:#545252;
	font-family: 'open_sanslight';
	line-height:36px;
}
h2 {
	font-size:30px;
	color:#757574;
	line-height:33px;
	text-transform:uppercase;
}
h3 {
	font-size:24px;
	font-family: 'open_sanssemibold';
	color:#454543;
}
h4 {
	font-size:24px;
	text-align:center;
	margin-bottom:15px;
}
h5 {
	font-size:18px;
	font-family: 'open_sanssemibold';
	margin-bottom:10px;
}
.overlay {
	height:100%;
	position:absolute;
	top:0;
	left:50%;
	bottom:0;
	right: 0;
	background-color:#fff;
	margin-left: 190px;
	z-index:5;
}
.phone {
	float:right;
	font-size:30px;
	color:#676767;
	font-family: 'open_sanslight';
}
.logo {
	display:block;
	font-size:48px;
	color:#373636;
	font-weight:bold;
	/*background-image:url(../img/logo.png);*/
	background-repeat:no-repeat;
	height:100px;
	line-height:100px;
	/*padding-left:40px;*/
	margin-bottom:20px;
}
.logo img {
	height:100%;
}
.left-column {
	width:810px;
	float:left;
	padding:0 40px 40px;
}

.right-column {
	width:430px;
	float:right;
	padding:0 40px 80px;
	z-index: 10;
	position: relative;
}
.right-column .logo {
	margin:20px 0;
}
.btn {
	display:inline-block;
	background-color:#676767;
	height:38px;
	line-height:38px;
	text-transform:uppercase;
	min-width:200px;
	text-align:center;
	color:#fff;
	border:none;
}
.form-title {
	height:68px;
	background-color:#fcc113;
	color:#fff;
	font-size:24px;
	width:100%;
	line-height:68px;
	text-align:center;
	margin-bottom:17px;
}
.addthis_native_toolbox {
	display:inline-block;
}
.half-column {
	width:50%;
	float:left;
}
time {
	font-size:18px;
	color:#908b90;
	font-family: 'open_sanssemibold';
	margin-bottom:20px;
	display:block;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea,
select,
.customSelect {
	background-color:#eae9e9;
	width:100%;
	height:37px;
	border:none;
	padding:0 30px;
	color:#6e6c6c;
	font-size:16px;
	font-family: 'open_sansregular';
	margin-bottom: 17px;
}
.form-el { margin-bottom:17px; }

select {
	padding:0 25px;
}
.selecter {
	margin:0 0 17px; 

	max-width:none;
}
.selecter .selecter-selected {
	background-color:#eae9e9;
	height:auto;
	min-height:37px;
	padding-top:6px;
	padding-bottom:6px;
	background-image:url(../img/arrow-select.png);
	background-position:right 30px center;
	background-repeat:no-repeat;
	border:none;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	font-size:16px;
	color:#6e6c6c;
	padding:6px 30px;
}
.selecter:hover .selecter-selected,
.selecter.open .selecter-selected, 
.selecter.focus .selecter-selected {
	background-color:#eae9e9;
	box-shadow:none;
}
textarea {
	height:90px;
	font-family: 'open_sansregular';
	padding:10px 30px;
}
input[type="submit"] {
	height:68px;
	background-color:#fcc113;
	color:#fff;
	font-size:24px;
	width:100%;
	border:none;
	cursor:pointer;
}
::-webkit-input-placeholder {
   color: #6e6c6c;
}
:-moz-placeholder {
   color: #6e6c6c;
}
::-moz-placeholder {
   color: #6e6c6c;  
}
.pager {
	color:#454544;
	font-size:18px;
	font-family: 'open_sanssemibold';
}
/**
* Modal window
*/
.modal-overlay {
	background-color: rgba(0, 0, 0, 0.55);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
}
#modalWindow {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background-color: white;
	border-top: 8px solid #fcc113;
	left: 50%;
	padding: 40px 140px;
	position: absolute;
	z-index: 600;
	margin-left: -305px;
	top: 50px;
	width: 610px;
	text-align:center;
}
#modalWindow a {
	color:#298976;
	font-size:16px;
}
#modalWindow .modal-close-button {
	background: url("../img/close-button-light.png") center center no-repeat;
	display: block;
	float: right;
	height: 44px;
	margin: 0;
	width: 44px;
	position:absolute;
	top:10px;
	right:10px;
}
.login-form-placeholder {
	display: none;
}
#modalWindow .login-form-placeholder {
	display: block;
}

header {
	position:relative;
	z-index:10;
}
header .nav-toggle {
	display:none;
	border:none;
	background-color:transparent;
}
header .nav1 {
	float:right;
	margin-right:-15px;
}
header nav ul li a {
	display:block;
	text-transform:uppercase;
	font-size:13px;
	height:45px;
	line-height:45px;
	padding:0 15px;
	color:#757574;
}
header .nav1 ul li.active a,
header .nav1 ul li:hover a {
	color:#fff;
	background-color:#757574;
}
header .nav2, header .nav3 {
	background:#f7f7f7;
}
header .nav2 {
	margin-bottom:10px;
	position:relative;
}
header .nav2 ul {
	float:left;
}
header .nav2 ul li a {
	color:#676767;
	padding: 0 12px;
}
header .nav2 ul li.active a,
header .nav2 ul li:hover a {
	color:#fff;
	background-color:#757574;
}
header .nav2 .btn-search {
	background-image:url(../img/icon-lens.png);
	background-repeat:no-repeat;
	background-position:center;
	background-color:transparent;
	border:none;
	width:45px;
	height:45px;
	float:right;
	cursor:pointer;
}
header .nav2 .search {
	position:absolute;
	top:45px;
	right:0;
	box-shadow:0 3px 3px rgba(0,0,0,0.2);
	display:none;
}
header .nav2 .search input {
	border:none;
	height:40px;
	margin:0;
	width:200px;
	padding:0 10px;
	background-color:#f7f7f7;
	font-size:14px;
}
header .nav3 .label {
	display:inline-block;
	float:left;
	height:45px;
	line-height:45px;
	background-color:#fcc113;
	color:#fff;
	padding:0 20px;
}
header .nav3 ul {
	float:left;
	margin:10px 0;
}
header .nav3 ul li:first-of-type {
	background-image:url(../img/arrow.png);
	background-repeat:no-repeat;
	background-position:left center;
}
header .nav3 ul li:first-of-type a {
	border-right:1px solid #e2e2e2;
}
header nav.nav3 ul li a {
	font-size:15px;
	text-transform:none;
	color:#fcc113;
	height:25px;
	line-height:25px;
}
header .logo {
	position: absolute;
	top: 120px;
	left: 50%;
	margin-left: 230px;
}
header .phone {
	color:#676767;	
	position: absolute;
	top: 55px;
	right: 50%;
	margin-right: -150px;
}

.slider-wrapper {
	position:absolute;
	left:0;
	right:0;
	top:0;
	z-index:0;
	max-height:100%;
}
.slider-wrapper .phone {
	display:none;
}
#slider_pag {
	position:absolute;
	top:97%;
	left:50%;
	z-index:20;
	width:100px;
	text-align:center;
	margin-left:-50px;
}
#slider_pag a {
	display:inline-block;
	width:10px;
	height:10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#fff;
	background-color:rgba(255,255,255,0.35);
	margin-right:6px;
	text-indent:-9999px;
	cursor:pointer;
}
#slider_pag a.selected {
	background-color:#fff;
}
.slider .slide {
	display: block;
	height:100%;
	width:100%;
	background-size: cover;
	box-shadow: inset 0 0 200px 100px #000;
	-moz-box-shadow: inset 0 0 200px 100px #000;
	-webkit-box-shadow: inset 0 0 200px 100px #000;
	float:left;
}
.slider .slide .content {
	display:none;
	height:665px;
}
.slider img {
	height:100%;
}
.content .left-column.subnavigation {
	position:relative;
	padding-top:100px;
}
.content .right-column {
	padding-top:100px;
}
.home.page .content .right-column {
	padding-top:50px;
}
.nav5 {
	background-color:#fcc113;
	float:right;
	margin:0 0 50px 0;
	padding: 0 20px;
	position:absolute;
	top:0;
	right:0;
	min-width: 480px;
}
@media all and (max-width: 767px){
  .nav5 {
    min-width: 200px;
  }
}
.nav5 a {
	display:block;
	height:56px;
	padding:0 20px;
	line-height:56px;
	font-size:20px;
	color:#676767;
}
.nav5 li.active a,
.nav5 li:hover a {
	color:#fff;
}
.nav5 .dropdown {
	position:relative;
}
.nav5 .dropdown-menu {
	display:none;
	position:absolute;
	background-color: #fcc113;
	z-index:2000;
}
.nav5 .dropdown:hover .dropdown-menu {
	display:block;
}
.nav-lang {
	display: inline-block;
	color:#676767;
	line-height:14px;
	position:absolute;
	top:-70px;
	left:851px;
	font-size:13px;
	font-family: 'open_sanslight';
	z-index:100;
}
.nav-lang-home {

	left: 1061px;
	top: 66px;
}
.nav-lang ul li {
	border-right:1px solid #676767;
	padding:0 8px;
}
.nav-lang ul li:last-of-type {
	border-right:none;
}
.nav-lang ul li a {
	line-height:14px;
	font-size:13px;
	font-family: 'open_sanslight';
}
.post-teaser {
	margin-bottom:60px;
}
.post-teaser .post-thumb {
	width:210px;
	float:left;
}
.post-teaser .post-thumb img {
	width:100%;
}
.post-teaser.with-thumb .post-text {
	margin-left:240px;
}
.post-teaser .post-text h4 {
	font-size:18px;
	color:#363536;
	line-height:20px;
	font-family: 'open_sanssemibold';
	margin-bottom:5px;
	text-align:left;
}
.post-teaser .post-text .more {
	background-color:#fcc113;
	color:#fff;
	font-family: 'open_sanssemibold';
	font-size:15px;
	display:inline-block;
	height:36px;
	width:140px;
	line-height:36px;
	text-align:center;
}
.post-single .post-thumb {
	width:100%;
	margin-bottom:20px;
}
.post-single .post-thumb img {
	width:100%;
}
.post-single h4 {
	text-align:left;
	color:#363536;
}
.contact-block {
	text-align:center;
	font-family: 'open_sanssemibold';
	font-size:18px;
	margin-bottom:40px;
}
.contact-block h4 {
	font-family: 'open_sansregular';
}
.contact-block address {
	font-style:normal;
	margin-bottom:20px;
}
.contact-block .phones {
	color:#474746;
	margin-bottom:20px;
}
.social-block {
	margin-bottom:40px;
}
.social-block .social {
	text-align:center;
}
.downloads-block .file {
	display:block;
	color:#fff;
	height:52px;
	width:290px;
	background-color:#fcc113;
	line-height:52px;
	margin:0 auto 11px;
	text-align:center;
}
.similar-event-block {
	margin-bottom:60px;
}
.similar-event-block h5 {
	color:#363536;
	line-height:20px;
	margin-bottom:5px;
}
.similar-event-block .more {
	background-color: #fcc113;
	color: #fff;
	font-family: 'open_sanssemibold';
	font-size: 15px;
	display: inline-block;
	height: 36px;
	width: 140px;
	line-height: 36px;
	text-align: center;
}
.timetable {
	margin-top:40px;
}
.timetable h5 {
	margin-bottom:5px;
}
.timetable .day {
	margin-bottom:40px;
}
.timetable .day .time {
	width:220px;
	height:60px;
	line-height:60px;
	font-family: 'open_sanssemibold';
	color:#363536;
	font-size:18px;
	float:left;
	background-color:#fcc113;
	text-align:center;
	margin-right:10px;
}





footer {
	padding:50px 0;
	background-color:#202020;
	width:100%;
}
footer .container {
	padding:0 40px;
}
footer .logo {
	float:left;
	color:#5e5e5e;
	font-size:36px;
	height:80px;
	background-size: contain;
	line-height:80px;
}
footer nav {
	float:left;
	margin-top:30px;
	margin-left:30px;
}
footer nav .menu > li {
	text-align:center;
}
footer nav .menu > li > a {
	color:#fcc113;
	width: 160px;
	padding: 0 35px;
	font-family: 'open_sanssemibold';
	text-align:center;
	height:40px;
	display:table-cell;
	vertical-align:bottom;
}
footer nav .menu .dropdown-menu {
	margin-top:12px;
}
footer nav .menu .dropdown-menu li {
	margin-bottom:5px;
}
footer nav .menu .dropdown-menu li a {
	color:#7a7a78;
}




.home h1 {
	margin-bottom:20px;
}
.home .topsection {
	background-color:transparent;
	position:static;
}
.home .overlay {
	background-color:#eeede7;
	background-color:rgba(238,237,231, 0.95);
}
.home header nav.nav1 ul li a,
.home header nav.nav5 ul li a {
	color:#fff;
}
.home header .nav2, 
.home header .nav3 {
	background:#fff;
}
.home header .nav2 ul li a {
	color:#a4a1a1;
}
.home header .nav2 ul li:hover a,
.home header .nav2 ul li.active a {
	color:#fff;
}
.home header .logo {
	/*top: 250px;*/
}
.home header .phone {
	color:#c5bdbd;
}
.home .content {
	padding-top:130px;
}
.home .nav4 {
	float:right;
	width:300px;
	margin-top: 355px;
	position: absolute;
	top: 0;
	z-index: 30;
	left: 50%;
	margin-left: -150px;
}
.home .nav4 a {
	display:block;
	height:58px;
	line-height:58px;
	width:300px;
	text-align:center;
	text-transform:uppercase;
	margin-bottom:11px;
	color:#fff;
}
.home .nav4 li a,
.home .nav4 li.yellow a {
	background-color:#ffc500;
	background-color:rgba(255,197,0,0.75);
}
.home .nav4 li:nth-of-type(2) a,
.home .nav4 li.blue a {
	background-color:#0395fb;
	background-color:rgba(3,149,251,0.75);
}
.home .nav4 li:nth-of-type(3) a,
.home .nav4 li.green a {
	background-color:#25daab;
	background-color:rgba(37,218,171,0.75);
}
.home .nav4 li:nth-of-type(6) a,
.home .nav4 li.blue a {
	background-color:#0395fb;
	background-color:rgba(3,149,251,0.75);
}
.home .nav4 li:nth-of-type(7) a,
.home .nav4 li.green a {
	background-color:#25daab;
	background-color:rgba(37,218,171,0.75);
}
.home .nav4 li:nth-of-type(8) a,
.home .nav4 li.blue a {
	background-color:#0395fb;
	background-color:rgba(3,149,251,0.75);
}
.home .nav4 li:nth-of-type(10) a,
.home .nav4 li.green a {
	background-color:#25daab;
	background-color:rgba(37,218,171,0.75);
}
.home .nav4 li:nth-of-type(11) a,
.home .nav4 li.blue a {
	background-color:#0395fb;
	background-color:rgba(3,149,251,0.75);
}


.home footer {
	position:absolute;
	left:0;
	right:0;
}

.alternating {
	border-bottom:1px solid #979796;
	position:relative;
	margin-bottom:60px;
	text-align:center;
	padding:0 0 60px 0;
}
.alternating h2 {
	margin:0 -50px 40px;
	color:#4f4d4d;
}
.alternating img {
	position:absolute;
	bottom:0;
	height: auto;
	max-width:360px;
}
.alternating.left {
	padding-left:380px;
	padding-right:50px;
}
.alternating.left img {
	left:0;
}
.alternating.right {
	padding-left:50px;
	padding-right:380px;
}
.alternating.right img {
	right:0;
}
.get-involved .content .left-column.subnavigation .text {
	margin-right:280px;
}
.get-involved .content .left-column.subnavigation .background {
	position:absolute;
	top:0;
	right: -30px;
	z-index:200;
}
.content-form {
	background-color:#fcc113;
	padding:40px 40px 100px;
	position:relative;
	z-index:300;
	margin-right:-40px;
	color:#393838;
}
.content-form fieldset {
	padding-bottom:10px;
	min-height:64px;
	width:50%;
	float:left;
	padding-right:40px;
}
.content-form fieldset:nth-of-type(even) {
	padding-right:0px;
}
.content-form fieldset label {
	font-size:18px;
	font-family: 'open_sanssemibold';
	color:#454343;
	line-height:37px;
}
.content-form .submit {
	background-color:#202020;
	font-size:24px;
	width:100%;
	height:78px;
}
.get-involved .donate-form a {
	color:#fff;
}



.get-involved .donate-form input.amount {
	width:120px;
	padding:0 10px;
	margin-left:5px;
}
.get-involved .donate-form fieldset.radio .radio-wrapper {
	width:28%;
	float:left;
	line-height:37px;
}
.get-involved .donate-form fieldset.radio .radio-wrapper:nth-of-type(3) {
	width:44%;
	text-align:right;
}
.get-involved .donate-form em {
	font-size:18px;
}
.get-involved .donate-form textarea {
	height:175px;
}
.get-involved .donate-form .captcha-wrapper {
	text-align:center;
	background-color:#fff;
	margin:10px 0 5px;
	padding:10px 0;
}


.get-involved .donate-form input[type="radio"] {
    display:none;
}
.get-involved .donate-form input[type="radio"] + label span {
    display:inline-block;
    width:18px;
    height:18px;
    margin:0px 5px 0 0;
    vertical-align:middle;
    background:url(../img/radio.png) left top no-repeat;
    cursor:pointer;
}
.get-involved .donate-form input[type="radio"]:checked + label span {
    background:url(../img/radio.png) -18px top no-repeat;
}
.page.contact .content .right-column {
	padding-top: 80px;
}
.page.contact .text {
	margin-bottom:30px;
}
.page.contact address, 
.page.contact .phones,
.page.contact .email {
	font-size:24px;
	font-style:normal;
	font-family: 'open_sanssemibold';
}
.page.contact .phones {
	color:#474746;
	margin-bottom:40px;
}
.page.contact address {
	text-align:center;
	color:#5e5e5d;
}
.page.contact .social-buttons {
	margin-top:60px;
	margin-bottom:50px;
	text-align:center;	
}
.page.contact .social-buttons .btn-social {
	height:58px;
	display:inline-block;
	background-image:url('../img/social.png');
	background-repeat:no-repeat;
	margin:0 5px;
}
.page.contact .social-buttons .btn-facebook {
	width:54px;	
}
.page.contact .social-buttons .btn-youtube {
	width:72px;
	background-position:-64px;
}
.page.contact .social-buttons .btn-twitter {
	width:65px;
	background-position:-146px;
}
.link-teaser {
	width:430px;
}
.link-teaser .post-text h4 {
	margin:0;
}
.link-teaser .post-text h4.subtitle {
	color:#706d70;
}
.link-teaser time {
	margin-bottom:0px;
}
.search h2 {
	margin-bottom:0px;
}
.search .search-query {
	color:#e6ae07;
	font-size:24px;
}
.search .pager {
	text-align:right;
	padding:20px 0;
}

@media (min-width:1280px) {
	header .container {
		display:block !important;
	}
}

@media (max-width:1279px) {
	.container {
		width:100%;
	}
	h1 {
		font-size:30px;
	}
	.logo {
		font-size:40px;
		height:90px;
		background-size:contain;
		margin-bottom:10px;
		display:inline-block;
	}
	.topsection {
		background-color:#fff;
	}
	.left-column,
	.right-column {
		width:100%;
		float:none;
		padding: 0 20px;
	}
	.overlay {
		display:none;
	}
	
	header {
		z-index:500;
		padding-top:40px;
	}
	header .nav-toggle {
		position:absolute;
		top:0;
		right:0;
		float:right;
		display:block;
		width:78px;
		height:68px;
		background-image:url(../img/btn-toggle.png);
		background-repeat:no-repeat;
		background-position:center;
		cursor:pointer;
	}
	header .nav-toggle.open {
		background-color:#fcc113;
		background-image:url(../img/btn-toggle-close.png);		
	}
	header .nav-toggle hr {
		height:7px;
		margin:0 0 2px;
		background-color:#676767;
		border:1px solid #969595;	
	}
	header .container {
		display:none;
		position:absolute;
		top:68px;
	}
	header .left-column,
	header .right-column {
		padding:0;
	}
	header .nav ul li {
		float:none;
		padding:0 20px;
	}
	header .nav1,
	header .nav2 {
		background-color:#fcc113;
	}
	header .nav1 {
		float:none;
		margin:0;
		padding-top:20px;
	}
	header .nav2 {
		padding-bottom:40px;
	}
	header .nav2 .btn-search {
		display:none;
	}
	header nav.nav2 ul li:last-of-type a {
		border-bottom:none;		
	}
	header .nav3 {
		display:none;
	}
	header .nav ul li.active a,
	header .nav ul li:hover a,
	header .nav1 ul li.active a,
	header .nav1 ul li:hover a,
	header .nav2 ul li.active a,
	header .nav2 ul li:hover a {
		background-color:transparent;
		color:#fff;
	}
	header .nav ul li a,
	header .nav1 ul li a,
	header .nav2 ul li a {
		width:100%;
		color:#3b3a3a;
		font-size:16px;
		font-family: 'open_sanssemibold';
		border-bottom:1px solid #fdd86a;
		padding:0;
	}
	header .logo {
		position:static;
		display: block;
		margin: 0 auto 10px;
		width: 180px;
	}
	header .phone {
		position:static;
		text-align:center;
		margin:0;
		float:none;		
	}
	
	.content .left-column {
		padding:20px;
	}
	.content .left-column.subnavigation {
		padding-top:20px;
	}
	.content .right-column {
		padding:20px 20px 60px;
	}
	.nav-lang {
		position:static;
		text-align: center;
		margin-bottom:30px;
		display: inline;
	}
	.nav5 {
		position:static;
		float:none;
	}
	.nav5 li {
		float: none;
	}
	.nav5 li a {
		width: 100%;
		text-align: left;
		height: 30px;
		line-height: 30px;
	}
	.nav5 .dropdown:hover .dropdown-menu {
		display:none;
	}
	.nav5 .active .dropdown-menu,
	.nav5 .dropdown.active:hover .dropdown-menu {
		display:block;
		position:static;
		margin-left:20px;
	}
	
	footer .container {
		padding: 0 20px;
	}
	footer .logo {
		display:block;
		float:none;
		margin: 0 auto;
		width: 130px;
		font-size:24px;
		height:50px;
		line-height:50px;
		text-align: center;
	}
	footer nav {
		float:none;
		width:100%;
		text-align:center;
		margin-left:0;
	}
	footer nav .menu > li {
		float: none;
		display: inline-block;
		vertical-align: top;
	}
	footer nav .menu > li > a {
		width:130px;
		padding:0;
	}


	
	
	
	
	
	.home .topsection {
		background-color:#f3f2f1;
	}
	.home header .left-column,
	.home header .right-column {
		padding:0;
	}
	.home header .nav1,
	.home header .nav2 {
		background-color:#fcc113;
	}
	.home header nav.nav1 ul li a,
	.home header .nav ul li a,
	.home header .nav1 ul li a,
	.home header .nav2 ul li a {
		width:100%;
		color:#3b3a3a;
		font-size:16px;
		font-family: 'open_sanssemibold';
		border-bottom:1px solid #fdd86a;
		padding:0;
	}
	.home header .phone {
		display:none;
	}
	.home .content {
		padding-top: 0;
		position: relative;
	}
	.home .content .left-column {
		padding:0;		
	}
	.home .content .right-column {
		padding-top:0;
		text-align:center;
		padding-bottom:25px;
	}
	.home .slider-wrapper {
		position:relative;
		z-index:0;
		height:665px;
	}
	.home .slider-wrapper .phone {
		display:block;
		position:absolute;
		top:45px;
		left:0;
		right:0;
		text-align:center;
		z-index:30;
		color:#c5bdbd;
	}
	.home .slider .slide {
		background-position:25%;
		height:665px;
		box-shadow: inset 0 100px 200px -50px #000;
		-moz-box-shadow: inset 0 100px 200px -50px #000;
		-webkit-box-shadow: inset 0 100px 200px -50px #000;
	}
	.home .slider .slide .content {
		display:block;
	}
	.home #slider_pag {
		top:inherit;
		bottom: 200px;
	}
	.home .nav4 {
		margin-top:120px;
	}
	.home footer {
		position:static;
		top:inherit !important;
		left:inherit;
		right:inherit;
	}
	
	
	
	.alternating {
		margin-bottom:40px;
	}
	.alternating h2 {
		margin:0 0 20px;
	}
	.alternating img {
		position:static;
		clear:both;
		max-width: 100%;
		height:auto;
	}
	.alternating.left,
	.alternating.right {
		padding: 0;
	}
	
	.get-involved .content .left-column.subnavigation .background {
		top: 170px;
	}
	.get-involved .content .left-column.subnavigation .text {
		margin-right: 150px;
		min-height:180px;
		
	}
	.content-form {
		margin:0 -20px;
		padding:20px 20px 40px;
	}
	.register  .content .right-column {
		display:none;
	}
	.register .content .left-column {
		padding-bottom: 0px;
	}
}


@media (max-width:767px) {
	.content-form fieldset {
		width:100%;
		min-height:inherit;
		padding-right:0;
		padding-bottom: 0;
	}
	.content-form fieldset .gag {
		display:none;
	}
	#modalWindow {
		width:300px;
		padding:20px;
		margin-left:-150px;
	}

}

@media (max-width:479px) {
	.content .left-column {
		text-align:center;
	}

	.nav5 {
		position:static;
		width: 100%;
		margin: 0 0 30px;
		padding: 10px 0;
	}
	.nav5 li {
		float:none;
	}
	.nav5 li a {
		width:100%;
		text-align:left;
		height:30px;
		line-height:30px;
	}
	.post-teaser .post-thumb {
		float:none;
		margin: 0 auto 20px;
		width:100%;
	}
	.post-teaser.with-thumb .post-text {
		margin-left:0;
	}
	.post-teaser.with-thumb .post-text h4 {
		text-align:center;
	}
	
	.get-involved .text {
		text-align:left;
	}
	.get-involved .donate-form {
		text-align:left;
	}
	
	.page.contact header .phone {
		display:none;
	}
	.page.contact .half-column {
		width: 100%;
		float: none;
	}
	.page.contact .email {
		margin-bottom:30px;
	}
	.page.contact .social-block {
		display:none;
	}
	.page.contact .topsection {
		background-color:#f3f2f1;
	}
	.page.contact .content .right-column {
		background-color:#e6e6e6;
	}
	.page.contact input[type="text"],
	.page.contact input[type="email"],
	.page.contact input[type="tel"],
	.page.contact textarea {
		background-color:#fff;
	}
	.link-teaser {
		width:100%;
		text-align:left;
	}	
	.register-form label {
		text-align:center;
	}
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
   
/* a holder for floats / clearfix, will automatically float child elements */
.group:before, .group:after { content: ""; display: table; }
.group:after { clear: both; }
.group > * { float: left; min-height: 1px; }
.group.right > * { float: right; }


/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none;
    
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/*  -- form errors -- */
#healthcare-form input.error,
#healthcare-form textarea.error,
#legal-form input.error,
#legal-form textarea.error{
	border: 1px solid rgb(252, 6, 6);
}
.form-wrap label.error, label.error {
	color: rgb(252, 6, 6);
	margin-top: 0;
	display: block;
	margin-bottom: 20px;
}
.content ul {
	list-style-type:disc;
	text-align: left;
	margin-left: 20px;
}
.nav ul{
list-style-type:none;	
}



/* DREAMSEDGE COLLAPSE */
input.collapse, input.collapse:checked+div, input.collapse+div+div { display: none; }
input.collapse+div, input.collapse:checked+div+div { display: block; }
label.collapse { cursor: pointer; text-decoration: none; color: #d09c03; padding-left: 0;  padding-top: 10px; display: block; text-align: center; margin-top: 10px; }