/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/


/*-----------------------------------------------------------------------------------

	Theme Name: Advoacte
	Author: Two2Twelve Themes
	Author URI: http://themes.two2twelve.com
	Version: 1.0

	Stylesheet: Base

	0.	CSS Reset
	1.	Global (body, page sructure, common classes)
	2.  Header and Navigation
	3.  Homepage
	4.  Blog
	5.  Gallery
	6.  Contact
	7.  Donate
	8.  Widgets
	9.  Footer
	10. Typography
	11. Buttons
	12. Lists
	13. Forms
	14. Icons
	15. Events List
	16. Event Description
	17. Progress Tracker Wizard


-----------------------------------------------------------------------------------*/

* {
    margin: 0;
    padding: 0, 0, 0, 25;
}


/*--------------------------------------------
1. Global
---------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&display=swap');

button,
input:not([type='radio']):not([type='checkbox']),
textarea {
    appearance: none !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
}

body {
    font-size: 13px;
    /*font-family: "Helvetica Neue", helvetica, sans-serif;*/
    background: #f7f7f7;
}

.container {
    max-width: 1000px;
    margin: 0 auto;
}

.container .page {
    border: 1px solid #c8c9c9;
    border-radius: 4px;
    -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.08);
    background: #fff;
    padding: 20px;
    overflow: hidden;
}

section.page_heading {
    background: #DCDCDC;
    width: 100%;
    height: auto;
    padding-bottom: 7px;
}

section.page_heading .headerLeftLogo {
    float: left;
    margin-right: 20px;
    margin-top: -10px;
}

section.page_heading .headerRightLogo {
    float: right;
    margin-right: 20px;
    margin-top: -10px;
}

section.page_heading.home {
    position: absolute;
    top: 65px;
    height: 360px;
}

section.page_heading .logo {
    padding-top: 20px;
    overflow: hidden;
}

section.page_heading .logo a {
    font-size: 38px;
    font-family: 'Cabin';
    /* text-shadow: 0px 2px rgba(0,0,0,0.36); */
    color: #000;
    text-decoration: none;
    float: left;
    margin-right: 25px;
}

section.page_heading .logo a:focus {
    text-decoration: none !important;
}

section.page_heading .logo .tagline {
    font-family: 'Cabin';
    font-size: 15px;
    color: #fff;
    display: inline-block;
    margin-top: 25px;
}


/* Page Layouts */

div.page_wrapper {
    background: #ebebeb;
    padding: 40px 0px 40px 0px;
    overflow: hidden;
}

div.page_wrapper .with_sidebar {
    width: 700px;
    float: left;
}

div.page_wrapper aside {
    float: right;
    width: 220px;
}


/* Sub Heading */

div.sub_heading,
div.box_heading {
    text-align: center;
    position: relative;
    margin-bottom: 30px;
}

div.box_heading {
    text-align: left;
}

div.sub_heading h2,
div.box_heading h2 {
    position: relative;
    z-index: 2;
    background: #fff;
    display: inline;
    padding: 0px 15px 0px 15px;
}

div.box_heading h2 {
    padding-left: 0px;
}

div.sub_heading span.line,
div.box_heading span.line {
    background: #f1eeea;
    display: block;
    height: 3px;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 25px;
}


/*--------------------------------------------
2. Header and Navigation
---------------------------------------------*/

header {
    background: url('../images/header.png') repeat-x;
    height: 65px;
}

header .select-menu {
    display: none;
}

header nav {
    float: left;
    height: 65px;
}

header nav ul {
    list-style: none;
    padding-top: 22px;
}

header nav ul li {
    float: left;
    margin-right: 15px;
    position: relative;
}

header nav ul li a {
    font-family: 'Cabin', sans-serif;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    border-radius: 3px;
}

header nav ul li a:hover {
    background: rgba(0, 0, 0, 0.15);
}

header nav ul li.current-menu-item a {
    background: rgba(0, 0, 0, 0.30);
}


/* Sub Nav */

header nav ul li ul {
    list-style: none;
    position: absolute;
    z-index: 999999;
    top: 20px;
    left: 0;
    width: 160px;
    text-align: left;
    border-top: none;
    padding: 23px 0px 5px 0px;
    display: none;
    margin: 0;
}

header nav ul li ul li {
    display: block;
    width: 100%;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding: 2px 15px 2px 15px;
    background: #000;
    background: rgba(0, 0, 0, 0.60);
}

header nav ul li ul li a,
header nav ul li.current-menu-item ul li a,
header nav ul li.current-menu-parent ul li a {
    display: block;
    padding: 8px 0px 8px 0px;
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    font-family: "Helvetica Neue", helvetica, sans-serif;
    border-radius: 0px;
}

header nav ul li.current-menu-item ul li a,
header nav ul li.current-menu-parent ul li a {
    background: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-color: #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #666;
}

header nav ul li ul li a:hover {
    background: none;
    color: #aaa;
}

header nav ul li ul li ul {
    left: 190px;
    top: 0;
    padding-top: 0;
    display: none;
}

header aside {
    float: right;
    padding-top: 22px;
}

header nav select {
    float: right;
    margin: 17px 10px 0px 0px;
    /* -webkit-appearance: button; */
    -webkit-border-radius: 2px;
    -webkit-padding-end: 20px;
    -webkit-padding-start: 2px;
    /* -webkit-user-select: none; */
    background-image: url("../images/select-arrow.png"), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
    background-position: center right;
    background-repeat: no-repeat;
    border: 1px solid #ccc;
    color: #555;
    font-size: 13px;
    padding: 3px 3px 3px 5px;
    width: 115px;
    border-radius: 3px;
}


/*--------------------------------------------
3. Homepage
---------------------------------------------*/

div#home {
    padding-top: 0;
}

div#home .page {
    position: relative;
    z-index: 2;
    margin-top: 90px;
}

div.flexslider-container {
    margin-bottom: 15px;
    position: relative;
}

.flexslider b {
    color: #fff;
}


/* Direction Nav */

.flex-direction-nav li a {
    font-family: "FoundationIconsGeneralEnclosed";
    width: auto;
    height: auto;
    font-size: 35px;
    color: #000;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 0px 0px rgba(255, 255, 255, 0.15);
    text-decoration: none;
    top: 40%;
    text-indent: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}

.flex-direction-nav li .next {
    right: -25px;
}

div.flexslider-container:hover .flex-direction-nav li .next {
    right: 25px;
}

.flex-direction-nav li .prev {
    left: -25px;
}

div.flexslider-container:hover .flex-direction-nav li .prev {
    left: 25px;
}

div.flexslider-container:hover .flex-direction-nav li .next,
div.flexslider-container:hover .flex-direction-nav li .prev {
    opacity: 0.7 !important;
    filter: alpha(opacity=70) !important;
}

div.flexslider-container:hover .flex-direction-nav li .next:hover,
div.flexslider-container:hover .flex-direction-nav li .prev:hover {
    opacity: 1 !important;
}

.flex-caption {
    background: rgba(0, 0, 0, 0.6);
}

span.color {
    color: #db9a6a;
}

div#revolution_wrap {
    overflow: hidden;
    margin-bottom: 20px;
}

div#description {
    float: left;
    width: 330px;
    padding-right: 30px;
}

div#description h3,
div#description p {
    margin-bottom: 15px;
}

div#actions {
    float: right;
    width: 555px;
}

div#actions span.icon {
    margin-right: 12px;
    font-size: 28px;
    float: left;
}

div#actions .box_heading {
    margin-bottom: 10px;
}

div#actions h4 {
    padding-top: 10px;
}

div#actions .one_half {
    margin-bottom: 15px;
}


/* Donate Button */

div.framed_box {
    overflow: hidden;
    padding: 20px 15px 20px 15px;
    border: 1px solid #e5e5e5;
    background: #f8f8f6;
    border-radius: 4px;
    position: relative;
}

div#help {
    margin-bottom: 30px;
}

div#help span.icon {
    margin-right: 15px;
    font-size: 38px;
    margin-top: -5px;
    float: left;
}

div#help .text {
    margin-left: 60px;
}

div#help .text h3 {
    margin-bottom: 5px;
}

div#help .donate_button {
    position: absolute;
    right: 20px;
    top: 20px;
}


/* 3 Columns */

div#items {
    clear: both;
    overflow: hidden;
}

div#items div.box_heading {
    margin-bottom: 15px;
}

div#items h5 {
    margin-bottom: 5px;
    font-weight: bold;
}

div#items .one_third {
    margin-bottom: 0;
}


/* News */

div.events ul {
    list-style: none
}

div.news ul li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e1e1e1;
}

div.news ul li:last-child {
    border-bottom: none;
}


/* Events */

div.events ul {
    list-style: none;
}

div.events ul li {
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 10px;
}

div.events ul li .date {
    width: 40px;
    height: 33px;
    padding-top: 7px;
    background: #1078b7;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    margin-right: 10px;
    font-size: 12px;
    float: left;
    font-family: 'Cabin';
    line-height: 13px;
}

div.events ul li .date span {
    font-size: 18px;
    font-weight: bold;
}

div.events ul li .details {
    margin-left: 50px;
}

div.events ul li .details a {
    display: block;
    color: #413b31;
}


/* Sponsors */

div#sponsors ul {
    overflow: hidden;
    background: #f9f9f9;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
}

div#sponsors ul li {
    display: inline;
    padding: 5px 8px 5px 9px;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

div#sponsors ul li img {
    margin: 0;
}

div#sponsors ul li.last {
    border-right: none;
}

div#sponsors ul li.bottom {
    border-bottom: none;
}


/*--------------------------------------------
4. Blog
---------------------------------------------*/

div#blog div.post {
    overflow: hidden;
    margin-bottom: 40px;
}

div#blog div.post h3 {
    margin-bottom: 5px;
}

div#blog div.post h3 a {
    text-decoration: none;
}

div#blog div.post h3 a:hover {
    text-decoration: underline;
}

div#blog div.post .meta {
    font-size: 12px;
    color: #a3a3a3;
    line-height: 18px;
    margin-bottom: 15px;
}

div.post .meta a {
    color: #a3a3a3;
}

div.post .meta a:hover {
    text-decoration: none;
}

div.post .meta .icon {
    font-size: 11px;
    color: #a3a3a3;
    padding-right: 4px;
    position: relative;
    top: -1px;
}

div.post .meta span.date,
div.post .meta span.comments {
    margin-right: 15px;
}

div.post span a {
    text-decoration: none;
}

div.post span a:hover {
    color: #0f0f0f;
}

#searchform {
    overflow: hidden;
}

#searchform #s {
    float: left;
    width: 55%;
}

#searchform #searchsubmit {
    float: right;
}


/* Comments */

div#comments {
    clear: both;
}

div#comments h4 {
    margin-bottom: 15px;
}

div#comments ol {
    list-style: none;
}

div#comments ol li {
    overflow: hidden;
}

div#comments ol li img {
    float: left;
    width: 62px;
    background: #F5F5F5;
    border: 1px solid #dbdbdb;
    border-radius: 6px;
}

div#comments ol li .comment {
    margin-left: 80px;
}

div#comments ol li .comment,
div#comments #commentform {
    padding: 20px 20px 20px 20px;
    background: #f3f3f3;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 27px;
    position: relative;
}

div#comments ol li .comment h5,
div#comments ol li .comment h5 a {
    margin-bottom: 15px;
    font-size: 14px;
    color: #444;
    text-decoration: none;
    font-family: "Helvetica Neue", helvetica, sans-serif;
    font-weight: bold;
}

div#comments ol li .comment h5 a:hover {
    text-decoration: underline;
}

div#comments ol li .comment span.date {
    position: absolute;
    top: 22px;
    right: 20px;
    font-size: 11px;
    color: #868686;
    font-weight: normal;
}

div#comments ol li .comment p {
    color: #676767;
    margin-bottom: 10px;
}

div#comments ol li .comment a.comment-reply-link {
    display: block;
    text-align: right;
    font-size: 12px;
    text-decoration: underline;
    color: #555;
    font-weight: bold;
}

div#comments ol li .comment a.comment-reply-link:hover {
    text-decoration: none;
}

div#comments ol li ol.children {
    margin-left: 80px;
}

div#comments ol li ol.children li ol.children {
    margin-left: 80px;
}

div#comments ol li ol.children li ol.children li ol.children {
    margin-left: 80px;
}


/* Comment Form */

div#comments #commentform a {
    color: #A3A3A3;
}

div#comments #commentform a:hover {
    text-decoration: none;
}

div#comments #commentform p.comment-notes {
    display: none;
}

div#comments #commentform .required {
    display: none;
}

div#comments #commentform label {
    font-size: 13px;
    color: #999;
    display: block;
    margin-bottom: 8px;
    left: 10px !important;
}

div#comments #commentform #email,
div#comments #commentform #author,
div#comments #commentform #url,
div#comments #commentform #comment {
    padding: 8px;
    width: 237px;
    border: 1px solid #ccc;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    color: #444;
    font-size: 13px;
}

div#comments #commentform #comment {
    width: 98%;
    height: 120px;
    color: #444;
    font-family: "Helvetica Neue", helvetica, sans-serif;
    font-size: 13px;
}

div#comments #commentform input:focus {
    -webkit-box-shadow: inset 0px 0px 4px #ccc;
    box-shadow: inset 0px 0px 4px #ccc;
}

div#comments #commentform p {
    margin-bottom: 10px;
}

div#comments #commentform p.form-submit {
    margin: 0;
}

div#comments #commentform #submit {
    margin: 10px 0px 0px 0px;
}


/* Pagination */

div.pagination a {
    font-size: 12px;
}

div.pagination a:hover {
    text-decoration: none;
}


/*--------------------------------------------
5. Gallery
---------------------------------------------*/

div#gallery ul.gallery_thumbnails {
    overflow: hidden;
    width: 1020px;
}

div#gallery.with_sidebar ul.gallery_thumbnails {
    overflow: hidden;
    width: 710px;
}

div#gallery ul.gallery_thumbnails li {
    float: left;
    display: block;
    position: relative;
}

div#gallery ul.gallery_thumbnails li a {
    display: block;
    position: relative;
}

div#gallery ul.gallery_thumbnails li {
    margin-right: 10px;
    margin-bottom: 7px;
}


/* 2 Columns */

div#gallery ul.gallery_thumbnails.two_column li img {
    width: 470px;
    height: 332px;
}


/* 3 Columns */

div#gallery ul.gallery_thumbnails.three_column li img {
    width: 310px;
    height: 219px;
}


/* 4 Columns */

div#gallery ul.gallery_thumbnails.four_column li img {
    width: 230px;
    height: 162px;
}


/* 2 Columns Sidebar */

div#gallery.with_sidebar ul.gallery_thumbnails.two_column li img {
    width: 345px;
    height: 244px;
}


/* 3 Columns Sidebar */

div#gallery.with_sidebar ul.gallery_thumbnails.three_column li img {
    width: 226px;
    height: 160px;
}


/* 4 Columns Sidebar */

div#gallery.with_sidebar ul.gallery_thumbnails.four_column li img {
    width: 167px;
    height: 118px;
}

div#gallery ul.gallery_thumbnails.two_column li.last,
div#gallery ul.gallery_thumbnails.three_column li.last,
div#gallery ul.gallery_thumbnails.four_column li.last {
    margin-right: 0;
}


/* Gallery Filters */

ul.filter_list {
    list-style: none;
    overflow: hidden;
    margin-bottom: 25px;
}

ul.filter_list li {
    float: left;
    margin-right: 10px;
}

ul.filter_list li a {
    text-decoration: none;
    padding: 3px 8px 3px 8px;
    border-radius: 3px;
    border: 1px solid transparent;
    display: block;
    font-size: 12px;
    color: #999;
    -webkit-transition: color 0.2s ease-in;
    -o-transition: color 0.2s ease-in;
    transition: color 0.2s ease-in;
}

ul.filter_list li a:hover {
    color: #444;
}

ul.filter_list li.current a {
    background: #f7f7f7;
    border: 1px solid #dadada;
    font-weight: bold;
}


/* Gallery Hover */

ul li div.hover {
    background: #333 url('../images/zoom.png') no-repeat center center;
    background: rgba(0, 0, 0, 0.6) url('../images/zoom.png') no-repeat center center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 99%;
    display: none;
    cursor: pointer;
}

ul li.video div.hover {
    background: #333 url('../images/play.png') no-repeat center center;
    background: rgba(0, 0, 0, 0.6) url('../images/play.png') no-repeat center center;
}


/*--------------------------------------------
6. Contact
---------------------------------------------*/

.contact-header {
    overflow: hidden;
}

.contact-header h1 {
    float: left;
    width: 335px;
}

div#contact div#topics div.row input#txtOther.txtOther {
    margin-left: 45px;
    top: 5px;
    width: 250px;
    height: 25px;
    padding: 0;
}

div#contact #contact_form div.row p.projectTopic {
    float: left;
    width: 450px;
    margin-right: 15px;
}

div#contact #contact_form div.row p {
    float: left !important;
    width: 340px;
    margin-right: 15px;
    font-size: medium;
}

div#contact #frmComment div.row p {
    float: left;
    width: 340px;
    margin-right: 15px;
    font-size:medium;
}

div#contact #contact_form div.row p.full {
    float: left;
    width: 95%;
    margin-right: 15px;
}

#contact_form input,
#contact_form select,
#contact_form textarea {
    font-size: 12px;
    font-weight: 400;
}

div#contact div#topics div.row label {
    display: block;
    padding-left: 0px;
    text-indent: 0px;
    padding-top: 10px;
}

div#contact div#topics div.row p.condition {
    margin-bottom: 10px !important;
}

div#contact div#topics div.row p.condition label {
    padding-top:2px;
    padding-bottom: 5px;
}

div#contact input.public__interactable.public__button {
    margin-bottom:10px !important;
}

div#contact div.row p select {
    margin-bottom:10px !important;
}

div#contact div#topics div.row p.condition input#mailingList {
	top:3px !important;
}


div#contact div#topics div.row [name=fileUpload] input {
    width: auto;
    height: auto;
    top: 0px;
    margin-bottom: 20px;
}

div#contact div#topics div.row [name=fileUpload] em {
    margin-left: -250px;
    top: 5px;
    position: relative;
}

div#contact div#topics div.row .button {
    float: right;
}

div#contact div#topics div.row .button i {
    position: relative;
    top:2px;
}

div#contact div#topics div.row input {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    margin-bottom: 0px;
    vertical-align: bottom;
    position: relative;
    top: 2px;
    overflow: hidden;
}

div#contact div#topics div.row input.public-form__other.public__interactable.ibox {
    margin-top:15px !important;
    margin-left: 5px !important;
    width:98% !important;
    height: 35px !important;
}

div#contact div#topics div.row .public-form__other.public__interactable.spec-ibox {
    width:98% !important;
}

div#contact form#contact_form ul.custUL {
    padding-bottom:10px !important;
}

div#contact div.public__button--blue.qq-upload-button.btn-blue.qq-upload-button-focus {
    background-color: #154377 !important;
    color:#fff !important;
}

div#contact div#topics div.row textarea {
    max-width: auto;
    /*width: 600px;*/
    height: 125px;
    margin-top: 5px;
}

.topic-comment-admin {
    margin-left: 15px;
}

.topic-comment-admin textarea {
    height: 110px;
}

.topic-comment,
.topic-attachment {
    margin-left: 15px;
}

.topic-attachment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    background: #5094e3;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
    text-align: left;
    width: 90%!important;
}

p.topic-attachment {
    font-size: 13px;
    line-height: 20px;
    color: #fff;
}

.topic-attachment__clip {
    padding-right: 0.25rem;
}

.icon {
    color: #fff !important;
    font-size: 16px !important;
    line-height: 0.6 !important;
}

div#contact input,
div#contact select,
div#contact textarea {
    background: #F9F9F9;
    /*width: 90%;*/
}

div#contact input:focus,
div#contact select:focus,
div#contact textarea:focus {
    background: #fff;
}

div#contact .projectTopic .anchorButton:focus {
    background-color:#154377 !important;
    color:#fff !important;
}

div#contact .projectTopic select#projectAttchmentsDropDown:focus {
    background-color:#10653F !important;
}


div#contact .anchorButton.single-attachment:focus {
    background-color:#10653F !important;
    color:#fff !important;
}

div#contact p {
    margin-bottom: 6px;
}

div#contact p:nth-last-child(2) {
    margin-top: 0px;
}

section.public-form div.row {
    overflow: visible !important;
}

div#contact div.row {
    /* overflow: hidden; */
    clear: both;
    /*width: 715px;*/
}

div#contact div.row .slider.slider-horizontal {
        width: 70% !important;
}

section.public-form .slider.slider-horizontal {
    left:-5px !important; 
}

div#contact div.row input {
    width: 92%;
}

div#contact div.row select {
    width: 100%;
}

div#contact div.row select {
    width: 100%;
}


/* div#contact textarea { width: 50%; height: 10px; } */

div#contact .button {
    float: right;
}

div#contact .error {
    border-color: #E01C46;
}

div#contact .validation,
div#contact .success {
    display: none;
    font-size: 12px;
    margin-bottom: 20px;
}

div#contact .validation p {
    color: #e01c46;
}

div#contact .success p {
    color: #65cf82;
}

div#location {
    clear: both;
    overflow: hidden;
}

div#location div.map {
    clear: both;
    overflow: hidden;
    float: left;
    width: 438px;
    height: 194px;
    padding: 5px;
    background: #f4f3ed;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    margin-right: 30px;
}

div#location .icon {
    font-size: 13px;
    padding-right: 4px;
}

div#location div.one_fourth h4 {
    margin-bottom: 15px;
}

div#location div.one_fourth p {
    margin-bottom: 15px;
}


/*--------------------------------------------
7. Donate
---------------------------------------------*/

div#donate h1 {
    margin-bottom: 26px;
}

div#donate .framed_box {
    overflow: hidden;
    padding: 15px 0 0px 30px;
    text-align: center;
}

div#donate .framed_box span {
    color: #777;
    font-size: 15px;
}

div#donate .framed_box h3 {
    font-size: 50px;
}

div#donate .framed_box div {
    border-right: 1px solid #ddd;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    /* Firefox, other Gecko */
    box-sizing: border-box;
    margin-right: 0;
    margin-right: 4%;
    padding-right: 4%;
    margin-bottom: 20px;
}

div#donate .framed_box div:last-child {
    border: none;
}

div#donation_level {
    margin-top: 40px;
}

div#donation_level div.box_heading {
    margin-bottom: 18px;
}

div#donation_level p {
    float: left;
    width: 168px;
}

div#donation_level ul.amount {
    float: right;
    overflow: hidden;
    margin-bottom: 40px;
}

div#donation_level ul.amount li {
    display: inline;
}

div#donation_level ul.amount li a {
    text-decoration: none;
    display: block;
    width: 77px;
    height: 60px;
    border: 4px solid #fff;
    color: #fff;
    margin-right: 15px;
    font-size: 15px;
    text-align: center;
    padding-top: 10px;
    border-radius: 8px;
    text-shadow: 0px 1px #555;
}

div#donation_level ul.amount li a h3 {
    color: #fff;
}

div#donation_level ul.amount li a:hover {
    border: 4px solid #d3d3d3;
}

div#donation_level ul.amount li a.color_1 {
    background: #8a9848;
}

div#donation_level ul.amount li a.color_2 {
    background: #c7a848;
}

div#donation_level ul.amount li a.color_3 {
    background: #d17938;
}

div#donation_level ul.amount li a.color_4 {
    background: #826a43;
}

div#donation_level ul.amount li a.color_5 {
    background: #48987f;
}

div#donate div#actions {
    width: auto;
}


/*--------------------------------------------
8. Widgets
---------------------------------------------*/

div.widget h5 {
    border-bottom: 1px dashed #c9c9c9;
    padding-bottom: 5px;
    margin-bottom: 15px;
}

div.widget .logo {
    font-size: 28px;
    color: #7f7f7f;
    margin-bottom: 10px;
}

div.widget a {
    color: #7d7d7d;
}

aside div.widget {
    clear: both;
    margin-bottom: 30px;
}


/* Twitter */

div.twitter_stream ul {
    list-style: none;
}

div.twitter_stream ul li {
    color: #9b9b9b;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 18px;
}

div.twitter_stream ul li .icon {
    color: #4ad8f2;
    float: left;
}

div.twitter_stream ul li .tweet_details {
    margin-left: 28px;
}

div.twitter_stream ul li .tweet_time {
    font-size: 11px;
    display: block;
}

div.twitter_stream ul li .tweet_time a {
    color: #aaa;
    text-decoration: none;
}


/* Newsletter */

div.widget form p {
    margin-bottom: 12px;
}

div.widget input[type="text"],
div.widget input[type="email"] {
    width: 90%;
    padding: 6px 10px 6px 10px;
    font-size: 12px;
}

div.widget form label {
    top: 4px !important;
    left: 12px !important;
    font-size: 12px;
}


/* Location */

div.location_widget p {
    margin-bottom: 15px;
    line-height: 22px;
}

div.location_widget .icon {
    font-size: 13px;
    padding-right: 4px;
}


/* Categories */

div.widget div.widget_categories ul {
    overflow: hidden;
}

div.widget div.widget_categories ul li {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

div.widget div.widget_categories ul li a {
    display: block;
    float: left;
    text-decoration: underline;
    width: 100%;
}

div.widget div.widget_categories ul li a:hover {
    color: #333;
}

div.widget div.widget_categories ul li span {
    float: right;
    padding: 3px 5px;
    text-decoration: none;
    color: #fff;
    background: #d7d7d7;
    border-radius: 3px;
}

div.widget div.widget_categories ul li a:hover span {
    background: #bbb;
}


/* Recent Posts */

div.widget div.recent_posts ul li {
    margin-bottom: 5px;
}

div.widget div.recent_posts ul li h4 a {
    font-size: 15px;
    color: #444;
    text-decoration: none;
    margin-bottom: 5px;
    display: block;
    font-weight: bold;
}

div.widget div.recent_posts ul li h4 a:hover {
    text-decoration: underline;
}

div.widget div.recent_posts ul li p {
    font-size: 11px;
    line-height: 16px;
}


/* Video */

div.widget div.video iframe {
    padding: 5px;
    text-align: center;
    border: 1px solid #bebfcd;
    border-radius: 3px;
    background: #fff;
    margin-bottom: 8px;
}


/* Gallery */

div.widget div.gallery {
    width: 226px;
}

aside div.gallery ul {
    overflow: hidden;
}

div.widget div.gallery ul li {
    float: left;
    margin-right: 12px;
    margin-bottom: 12px;
}

div.widget div.gallery ul li img {
    border-radius: 3px;
}


/*--------------------------------------------
9. Footer
---------------------------------------------*/

footer {
    padding: 45px 20px 0;
    border-top: 1px solid #c9c9c9;
}

footer div.copy {
    clear: both;
    text-align: center;
}

footer div.copy p {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.05);
    border-radius: 4px 4px 4px 4px;
    color: #AAAAAA;
    display: inline-block;
    font-size: 11px;
    margin: 0 0 30px;
    padding: 4px 8px;
    text-align: center;
    transition: color 0.2s ease-in 0s, background 0.2s ease-in 0s;
    -moz-transition: color 0.2s ease-in 0s, background 0.2s ease-in 0s;
    -webkit-transition: color 0.2s ease-in 0s, background 0.2s ease-in 0s;
    -ms-transition: color 0.2s ease-in 0s, background 0.2s ease-in 0s;
    -o-transition: color 0.2s ease-in 0s, background 0.2s ease-in 0s;
}


/*--------------------------------------------
10. Typography
---------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-family: sans-serif;
}

h1 {
    font-family: 'Cabin';
    color: #1078b7;
}

h2 {
    font-family: 'Cabin';
    color: #5094e3;
}

h3,
h4 {
    font-family: 'Cabin';
    font-weight: bold;
}

h1 {
    font-size: 32px;
    margin-bottom: 25px;
}

h2 {
    font-size: 32px;
}

h3,
h3 a {
    font-size: 24px;
    color: #292929;
}

h4 {
    color: #333;
    font-size: 20px;
}

h5,
h5 a {
    font-size: 15px;
    color: #0e6ba3;
    text-decoration: none;
    font-weight: bold;
}

h5 a:hover {
    text-decoration: underline;
}

h6 {
    font-size: 15px;
    color: #777;
}

p {
    font-size: 15px;
    line-height: 20px;
    color: #2b2b2f;
}

p.larger {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 23px;
    color: #666;
}

a {
    color: #1078b7;
    outline: none;
}

a:hover {
    text-decoration: none;
}

b {
    color: #333;
}

.tipsy {
    line-height: 17px;
}


/* Blockquotes */

blockquote,
blockquote p {
    font-size: 13px;
    line-height: 24px;
    color: #777;
    font-style: italic;
}

blockquote {
    margin: 0 0 10px;
    padding: 3px 20px 3px 19px;
    border-left: 1px solid #000;
}

blockquote cite {
    display: block;
    font-size: 11px;
    color: #888;
}

blockquote cite:before {
    content: "\2014 \0020";
}

blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited {
    color: #555;
}


/* Columns */

div.column_last {
    margin-right: 0 !important;
}

div.full {
    margin-bottom: 25px;
}

div.one_half,
div.one_third,
div.two_third,
div.three_fourth,
div.one_fourth,
div.two_thirds {
    float: left;
    margin-right: 4%;
    margin-bottom: 25px;
}

div.one_half {
    width: 48%;
}

div.one_third {
    width: 30.42%;
}

div.two_thirds {
    width: 65%;
}

div.one_fourth {
    width: 22%;
}

div.full h1 {
    margin-bottom: 0px;
}

div.full h2,
div.full h3 {
    margin-bottom: 10px;
}

div.full h4,
div.full h5,
div.full h6 {
    margin-bottom: 15px;
}

div.one_third img {
    margin-bottom: 10px;
    border-radius: 3px;
}

div.one_third h4 {
    margin-bottom: 10px;
}


/* Images */

img.rounded {
    border-radius: 3px;
    margin-bottom: 20px;
}


/*--------------------------------------------
11. Buttons
---------------------------------------------*/

.button {
    border: 1px solid #DEDEDE;
    border-radius: 3px;
    color: #555555;
    display: inline-block;
    font: bold 16px/16px 'Helvetica Neue', Helvetica, sans-serif;
    padding: 6px 11px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.button:hover {
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 3px #bbb;
    box-shadow: 0px 0px 3px #bbb;
}

.button.white {
    background: #f9f9f9;
    /* Old browsers */
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%);
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0));
    background: linear-gradient(top, #f9f9f9 0%, #f0f0f0 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f0f0f0', GradientType=0);
    /* IE6-9 */
    border-color: #dedede #d8d8d8 #d3d3d3;
    color: #555;
    text-shadow: 0 1px 0 #fff;
}

.button.white a {
    color: #555
}

.button.gray {
    background: #cacaca;
    /* Old browsers */
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #cacaca 0%, #aeaeae 100%);
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#cacaca), to(#aeaeae));
    background: linear-gradient(top, #cacaca 0%, #aeaeae 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#aeaeae', GradientType=0);
    /* IE6-9 */
    border-color: #b5b5b5 #a1a1a1 #8f8f8f;
    color: #555;
    text-shadow: 0 1px 0 #d4d4d4;
}

.button.gray a {
    color: #555
}

.button.pink {
    background: #f78297;
    /* Old browsers */
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f78297 0%, #f56778 100%);
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#f78297), to(#f56778));
    background: linear-gradient(top, #f78297 0%, #f56778 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f78297', endColorstr='#f56778', GradientType=0);
    /* IE6-9 */
    border-color: #df6f8b #da5f75 #d55061;
    color: #913944;
    text-shadow: 0 1px 0 #f89ca9;
}

.button.pink a {
    color: #913944
}

.button.orange {
    background: #f9bc70;
    /* Old browsers */
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9bc70 0%, #d8b541 100%);
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#f9bc70), to(#d8b541));
    background: linear-gradient(top, #f9bc70 0%, #d8b541 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f9bc70', endColorstr='#d8b541', GradientType=0);
    /* IE6-9 */
    border-color: #f5b74e #e5a73e #d6982f;
    color: #996633;
    text-shadow: 0 1px 0 #fedd9b;
}

.button.orange a {
    color: #996633
}

.button.green {
    background: #cae285;
    /* Old browsers */
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #cae285 0%, #9fcb57 100%);
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#cae285), to(#9fcb57));
    background: linear-gradient(top, #cae285 0%, #9fcb57 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cae285', endColorstr='#9fcb57', GradientType=0);
    /* IE6-9 */
    border-color: #adc671 #98b65b #87aa4a;
    color: #5d7731;
    text-shadow: 0 1px 0 #cfe5a4;
}

.button.green a {
    color: #5d7731
}

.button.blue {
    background: #a3bced;
    /* Old browsers */
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #a3bced 0%, #ba8ecc 100%, #667cdd 100%);
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#a3bced), color-stop(100%, #ba8ecc), to(#667cdd));
    background: linear-gradient(top, #a3bced 0%, #ba8ecc 100%, #667cdd 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a3bced', endColorstr='#667cdd', GradientType=0);
    /* IE6-9 */
    border-color: #8dc5da #76b7cf #63abc7;
    text-shadow: 0 1px 0 #b6e6f9;
}

.button.blue a {
    color: #42788e
}

.button.purple {
    background: #d1badb;
    /* Old browsers */
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d1badb 0%, #ba8ecc 100%);
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#d1badb), to(#ba8ecc));
    background: linear-gradient(top, #d1badb 0%, #ba8ecc 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d1badb', endColorstr='#ba8ecc', GradientType=0);
    /* IE6-9 */
    border-color: #bc9db9 #ad89aa #a1799d;
    color: #7b5777;
    text-shadow: 0 1px 0 #eacae6;
}

.button.purple a {
    color: #7b5777
}

.button.black {
    background: #616161;
    /* Old browsers */
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #616161 0%, #222222 100%);
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(#616161), to(#222222));
    background: linear-gradient(top, #616161 0%, #222222 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#616161', endColorstr='#222222', GradientType=0);
    /* IE6-9 */
    border-color: #4c4c4c #313131 #1f1f1f;
    color: #fff;
    text-shadow: 0 1px 0 #2e2e2e;
}

.button.black a {
    color: #fff
}

.donate_button {
    float: right;
    margin-top: 8px;
    padding: 8px 18px;
    color: #fff;
    background: #c87436;
    text-decoration: none;
    border: 1px solid #d7d8d6;
    border-radius: 5px;
}


/*--------------------------------------------
12. Lists
---------------------------------------------*/

ul.social {
    list-style: none;
}

ul.social li {
    float: left;
    margin-left: 10px;
}

ul.social li a {
    text-decoration: none;
    color: #fff;
    opacity: 0.5;
    -webkit-transition: opacity 0.2s ease-in;
    -o-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
}

ul.social li a:hover {
    opacity: 1;
}

div.toggle_list {
    margin-bottom: 25px;
}

div.toggle_list ul {
    list-style: none;
}

div.toggle_list ul li {
    margin-bottom: 10px;
}

div.toggle_list ul li div.title {
    background: #f0f0f0;
    border: 1px solid #ddd;
    padding: 10px;
    cursor: pointer;
    position: relative;
}

div.toggle_list ul li div.title h3 {
    margin: 0;
    color: #4b4b4b;
    font-size: 13px;
}

div.toggle_list ul li .title h3 span {
    color: #1c9eda;
    padding-right: 8px;
    font-weight: bold;
}

div.toggle_list ul li div.title a.toggle_link {
    position: absolute;
    top: 5px;
    right: 13px;
    color: #868686;
    font-weight: bold;
    font-size: 19px;
    text-decoration: none;
}

div.toggle_list ul li div.content {
    background: #fbfbfb;
    border: 1px solid #e5e5e5;
    border-top: none;
    padding: 10px !important;
    display: none;
}

div.toggle_list ul li div.content p {
    margin-bottom: 15px;
    font-size: 12px;
}

div.toggle_list ul li div.content p:last-child {
    margin-bottom: 0;
}

div.tabs {
    margin-bottom: 20px;
}

div.tabs ul.nav {
    list-style: none;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

div.tabs ul.nav li {
    float: left;
    margin-right: 2px;
}

div.tabs ul.nav li a {
    background: #F0F0F0;
    border: 1px solid #ddd;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #8F8F8F;
    display: block;
    font-size: 12px;
    font-weight: bold;
    padding: 8px 19px;
    text-decoration: none;
}

div.tabs ul.nav li.current a {
    background: #FBFBFB;
    border-width: 1px solid #ddd;
    border-bottom: none;
    color: #424242;
    padding-bottom: 9px;
}

div.tabs .pane {
    background: #FBFBFB;
    border: 1px solid #ddd;
    margin-top: -1px;
    padding: 15px;
    position: relative;
    z-index: 1;
    display: none;
}


/*--------------------------------------------
13. Forms
---------------------------------------------*/


/*input,textarea {
	font-family: "Helvetica Neue", helvetica, sans-serif;
	font-size: 13px;
	outline: none;
	-webkit-appearance: none;
	-webkit-focus-ring-color: none
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ddd;
}*/

input[type="text"],
input[type="email"] {
    border: 1px solid #242828;
    padding: 8px 12px 8px 12px;
    width: 100%;
    color: #555;
    background: #fff;
}

input[type="text"]:focus,
input[type="email"]:focus {
    padding-bottom: 8px;
}

textarea {
    padding: 8px 12px 8px 12px;
    border: 1px solid #ddd;
    color: #555;
    resize: vertical;
    background: #fff;
    width: 95%;
}

select {
    width: 100%;
    padding: 6px 10px 6px 10px;
    border: 1px solid #242828;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    overflow: hidden;
    font-size: 13px;
    color: #aaa;
}

form p {
    position: relative;
}

label {
    position: absolute;
    top: 6px !important;
    left: 15px !important;
    color: #2b2b2f;
    font-weight: 400;
}

:-moz-placeholder {
    color: #333333 !important;
    font-weight: bold;
}

:-webkit-input-placeholder {
    color: #333333 !important;
}

img {
    border: none;
}

.clear {
    clear: both;
}

iframe {
    border: none;
}


/*--------------------------------------------
14. Icons
---------------------------------------------*/

.icon {
    cursor: default;
    font-size: 18px;
    line-height: 1;
    color: #1078b7;
}


/* Icons General */

@font-face {
    font-family: 'FoundationIconsGeneral';
    src: url('../fonts/foundation-icons-general.eot');
    src: url('../fonts/foundation-icons-general.eot?#iefix') format('embedded-opentype'), url('../fonts/foundation-icons-general.woff') format('woff'), url('../fonts/foundation-icons-general.ttf') format('truetype'), url('../fonts/foundation-icons-general.svg#FoundationIconsGeneral') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon.general {
    font-family: "FoundationIconsGeneral";
}


/* Foundation Icons General Enclosed */

@font-face {
    font-family: 'FoundationIconsGeneralEnclosed';
    src: url('../fonts/foundation-icons-general-enclosed.eot');
    src: url('../fonts/foundation-icons-general-enclosed.eot?#iefix') format('embedded-opentype'), url('../fonts/foundation-icons-general-enclosed.woff') format('woff'), url('../fonts/foundation-icons-general-enclosed.ttf') format('truetype'), url('../fonts/foundation-icons-general-enclosed.svg#FoundationIconsGeneralEnclosed') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon.general-enclosed {
    font-family: "FoundationIconsGeneralEnclosed";
}


/* Icons Social Misc */

@font-face {
    font-family: 'FoundationIconsSocial';
    src: url('../fonts/foundation-icons-social.eot');
    src: url('../fonts/foundation-icons-social.eot?#iefix') format('embedded-opentype'), url('../fonts/foundation-icons-social.woff') format('woff'), url('../fonts/foundation-icons-social.ttf') format('truetype'), url('../fonts/foundation-icons-social.svg#FoundationIconsGeneral') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon.social_misc {
    font-family: "FoundationIconsSocial";
}


/* Icons Social */

@font-face {
    font-family: 'IcoMoon';
    src: url('../fonts/IcoMoon.eot');
    src: url('../fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../fonts/IcoMoon.svg#IcoMoon') format('svg'), url('../fonts/IcoMoon.woff') format('woff'), url('../fonts/IcoMoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.icon.social {
    font-family: 'IcoMoon';
}


/*--------------------------------------------
15. Events List
---------------------------------------------*/

div#events_list {
    overflow: hidden;
}

div#events_list div.list {
    clear: both;
    overflow: hidden;
    margin-bottom: 22px;
}

div#events_list div.list div.event_details {
    float: left;
    width: 59%;
    margin-bottom: 12px;
    margin-left: 3px;
}

div#events_list div.list div.event_details h5 {
    font-weight: bold;
    margin-bottom: 15px;
}

div#events_list div.list div.event_details p {
    margin-bottom: 4px;
    line-height: 23px;
}

div#events_list div.list div.event_details a {
    text-decoration: none;
}

div#events_list div.list div.event_date {
    float: right;
    width: 30%;
    background: #f5f5f5;
    padding: 20px 10px 12px 16px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

div#events_list div.list div.event_date ul.left {
    float: left;
}

div#events_list div.list div.event_date ul.right {
    float: left;
    margin-left: 15px;
}

div#events_list div.list div.event_date li {
    margin-bottom: 10px;
}


/*--------------------------------------------
16. Event Description
---------------------------------------------*/

div#events {
    overflow: hidden;
    padding-bottom: 60px;
}

div#events a {
    float: right;
    margin-top: -62px;
    text-decoration: none;
    color: #000;
}

div#events div.event p {
    margin-bottom: 36px;
}

div#events div.event p.last {
    margin-bottom: 28px;
}

div#events div.event_date {
    overflow: hidden;
    clear: both;
    background: #f5f5f5;
    padding: 20px 10px 12px 16px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 24px;
}

div#events div.event_date ul {
    margin-right: 30px;
    float: left;
}

div#events div.event_date ul.two {
    margin-right: 70px;
}

div#events div.event div.event_date ul.four {
    margin-right: 0px !important;
}

div#events div.event div.event_date li {
    margin-bottom: 13px;
}

div#events div.event div.event_date ul.one li,
ul.three li {
    font-weight: bold;
}


/*--------------------------------------------
17. Progress Tracker Wizard
---------------------------------------------*/


/*div#wizard.wizard
	{
		width: 380px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:10px;
	}*/

div#pagewizard.pagewizard {
    float: right;
}

.pagewizard a {
    height: 18px;
    padding: 12px 12px 10px 12px;
    margin-right: 5px;
    background: #efefef;
    position: relative;
    display: inline-block;
}

.pagewizard a:before {
    width: 0px;
    height: 0px;
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #fff;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
}

.pagewizard a:after {
    width: 0px;
    height: 0px;
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #efefef;
    position: absolute;
    content: "";
    top: 0;
    right: -20px;
    z-index: 2;
}

.pagewizard a:first-child:before {
    border: none;
}

.pagewizard a:last-child:after {
    border: none;
}

.pagewizard a:first-child {
    border-radius: 4px 0 0 4px;
}

.pagewizard a:last-child {
    border-radius: 0 4px 4px 0;
}

.pagewizard .badge {
    margin: 0 5px 0 18px;
    position: relative;
    top: -1px;
}

.pagewizard a:first-child .badge {
    margin-left: 0;
}

.pagewizard .current {
    background: #0368a1;
    color: #fff;
}

.pagewizard .current:after {
    border-left-color: #0368a1;
}

.error-highlight {
    border: 2px solid #9F1319 !important;
    background: url(images/iconCaution.gif) no-repeat 2px;
    background-position: right
}

#editSubmit {
    margin-right: 15px;
}

#editSubmit:focus {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: inherit;
    text-decoration-thickness: 3px;
    text-underline-offset: 3px;
    background: #dfe2e5 !important;
}

div#contact div#topics div.row {
    font-family: "Open Sans",sans-serif !important;
}

div#contact div#topics.public-font--normal div.row {
    padding-top: 13px !important;
}

div#contact div#topics div.row input[type="checkbox"] {
    height: 14px;
    width: 14px;
    /* -webkit-box-shadow: none !important; */
    margin-top: -2px;
    margin-right: -2px;
}

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

.ql-size-small {
    font-size: 10px;
}

.ql-size-large {
    font-size: 14px;
}

.ql-size-huge {
    font-size: 16px;
}

.ql-indent-1 {
    margin-left: 15px !important
}

.ql-indent-2 {
    margin-left: 30px !important
}


/* Public Color Scheme */

.public__header--blue {
    color: #0368a1 !important;
}

.public__button--white,
.actions ul li:not(.disabled) a[href="#previous"] {
    background: #eff2f6 !important;
    border: 1px solid #eff2f6 !important;
    color: #35424B !important;
    cursor: pointer;
    border: 2px solid #eff2f6 !important;
    font-family: "Open Sans",sans-serif !important;
    font-size: 16px;
}

.actions ul li:not(.disabled) a[href="#previous"]:hover,
.public__button--white:hover {
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-color: inherit;
    text-decoration-thickness: 3px;
    text-underline-offset: 3px;
}

.public__button--white:focus,
.actions ul li:not(.disabled) a[href="#previous"]:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: 0 !important;
    color:#35424B !important;
    border:2px solid #154377 !important;
    background: #eff2f6 !important;
    border-color:#eff2f6 !important;
}

.public__button--white:hover,
.actions ul li:not(.disabled) a[href="#previous"]:hover {
    background:#dfe2e5 !important;
    border: 2px solid #dfe2e5 !important;
    color: #35424B !important;
    opacity: 1 !important;
}

.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active
{
    border-radius: 3px !important;
}

.public__button--blue,
.actions ul li:not(.disabled) a[href="#next"],
.actions ul li:not(.disabled) a[href="#finish"] {
    background: #154377 !important;
    border: 2px solid #154377 !important;
    color: #fff !important;
    cursor: pointer;
    font-family: "Open Sans",sans-serif;
    font-size: 15px;
}

.public__button--blue.disabled {
    background: #e6e6e6 !important;
    border: 2px solid #cccccc !important;
    color: rgb(45, 45, 45) !important;
    pointer-events: none;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
}

button.public__button--reset.public__button--blue.upload.button {
    background-color: #fff !important;
    color: #154377 !important;
    display: flex;
    flex-flow: row;
    align-items: center;
    font-size: 15px !important;
    font-weight: 400;
    padding: 0.5rem 1.5rem !important;
    height: 45px;
    border: 2px solid #154377 !important;
    text-transform:none;
    transition: 0.3s all ease-in-out !important;
}

button#commentSubmit.public__button--blue.button {
    color:#fff;
    background-color: #154377;
}

button#commentSubmit.public__button--blue.button:hover {
    text-decoration: underline !important;
    text-decoration-thickness: 3px !important;
    text-underline-offset: 3px !important;
}

.public__button--blue:hover, .public__button--blue:hover i {
    text-decoration: none !important;
}

div#contact .public__button--blue:focus {
    background: #fff !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    outline: 0 !important;
    color: #154377 !important;
    opacity: 1;
}

div#contact .actions ul li:not(.disabled) a:hover[href="#next"],
div#contact .actions ul li:not(.disabled) a:hover[href="#finish"] {
    color:#fff !important;
    background-color:#154377 !important;
    border:2px solid #154377 !important;
    opacity:1;
    text-decoration-line: underline !important;
    text-decoration-style: solid !important;
    text-decoration-color: inherit !important;
    text-decoration-thickness: 3px !important;
    text-underline-offset: 3px !important;
}

.actions ul li.disabled a {
    pointer-events: none;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    border: 1.5px solid #eff2f6 !important;
    opacity:.8;
    background-color:#eff2f6 !important;
    text-decoration: none !important;
}


/* Public */

.public-font--normal {
    font-size: 16px;
}

.public-header__comment-item {
    font-size: 16px;
    color: #000;
    float: right;
    margin-top: 0;
    min-height: 75px;
    display: inline-flex;
    align-items: center;
}

.public-header__comment-item-container {
    margin: 0 !important;
    margin-top: 0 !important;
}

.public-header__comment-item>button:focus-visible {
    background-color: #154377 !important;
    color:#fff !important;
}

.public-header__comment-item>button {
    display: flex;
    flex-flow: row;
    align-items: center;
    font-size: 15px !important;
    padding: 0.5rem 1.5rem !important;
    height: 45px;
    border: 2px solid #154377 !important;
}
section.page_heading .logo a:hover .upload.button {
    background: #154377 !important;
    color: #fff !important;
    text-decoration:none !important;
}
.public-header__comment-item-container:focus,
.public-header__comment-item-container:hover {
    outline: none;
}

.public-header__comment-language-container {
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

div#contact .btn-blue:focus {
    background-color: #154377 !important;
    color:#fff !important;
}

div.spec-link-wrapper a.anchorButton:focus i {
    text-decoration: none !important;
}

div.spec-link-wrapper a.anchorButton:focus {
    text-decoration: none !important;
}

div#contact .projectTopic .anchorButton, .btn-blue {
    background:#fff !important;
    color:#154377 !important;
    border: 2px solid #154377 !important;
}

div#contact select#projectAttchmentsDropDown {
    width: auto;
    border: 2px solid #10653F !important;
    color:#10653F !important;
    padding-top:7px !important;
    padding-left: 31px !important;
    font-size:15px !important;
    height: 37px;
}

@-moz-document url-prefix() {
    div#contact select#projectAttchmentsDropDown {
        padding-top:7px !important;
        /*padding-left: 25px !important;*/
    }
}

/*div#contact i.icon-paperclip {
    color:#10653F !important;
}

div#contact i.icon-paperclip:hover:after{
    color:#fff !important;
}

div#contact i.icon-paperclip:hover {
    color:#fff !important;
}*/

div#contact select#projectAttchmentsDropDown:focus {
    color:#fff !important;
}


div#contact select#projectAttchmentsDropDown:hover {
    color:#fff !important;
    background-color: #10653F !important;
}

div#contact .anchorButton.single-attachment { 
    border: 2px solid #10653F !important;
    color:#10653F !important;
    white-space: nowrap;
}

div#contact .anchorButton.single-attachment:focus i {
    color:#fff !important;
}

div#contact .anchorButton.single-attachment:focus i {
    color:#fff !important;
}

div#contact .anchorButton.single-attachment:focus { 
    box-shadow:none;
}

div#contact .anchorButton.spec-anchorButton.single-attachment:hover {
    background:#10653F  !important;
    border-color:#10653F !important;
    color:#fff !important; 
}

div#contact .anchorButton.spec-anchorButton.single-attachment:hover i {
    background-color: transparent !important;
    color: #fff !important;
}

div#contact .spec-select-box .anchorButton:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color:#154377 !important;
    color:#fff !important;
}

div#contact .projectTopic .anchorButton:hover, .btn-blu:hover {
    color:#fff !important;
    background-color: #154377 !important;
    text-decoration: none !important;
    transition: 0.2s all ease-in-out !important;
}

div#contact .public__button--reset.public__button--blue.command-btn { 
    color:#fff !important;
    background-color: #154377 !important;
}

div#contact .public__button--reset.public__button--blue.command-btn:hover {
    text-decoration: underline !important;
    text-decoration-thickness: 3px !important;
    text-underline-offset: 3px !important;
}

div#contact .public__button--reset.public__button--blue.command-btn:hover i {
    text-decoration:none !important;
}

div#contact .public__button--reset.public__button--blue.command-btn.spec-command-btn {
    color: #154377 !important;
    background-color: #fff !important;
}

div#contact .public__button--reset.public__button--blue.command-btn.spec-command-btn:focus {
    background-color: #154377 !important;
    color:#fff !important;
}

div#contact .public__button--reset.public__button--blue.command-btn.spec-command-btn:hover {
    text-decoration:none !important;
    background-color: #154377 !important;
    color:#fff !important;
    cursor: pointer; 
}

div#contact .public__button--blue.qq-upload-button.btn-blue:hover {
    color:#fff !important;
    background-color: #154377 !important;
    text-decoration:none !important;
}

div#topics button#publicSubmit.public__button--blue.upload.button.btn-blue:focus {
    text-decoration: underline !important;
    text-decoration-thickness: 3px !important;
    text-underline-offset: 3px !important;
}

div#topics div.row div.full h6 {
    margin-left:6px;
}

.span.public-header__comment-item button#public__button--reset.public__button--blue.upload.button:focus-visible {
    background-color: #154377 !important;
    color:#fff !important;
    text-decoration: none !important;
}

div#contact .public__button--blue.qq-upload-button.btn-blue {
    background-color:#fff !important;
    color:#154377 !important;
}

.projectTopic .anchorButton, .btn-blue {
    background: #154377 !important;
    border: 2px solid #154377 !important;
    color: #fff !important;
    padding: 10px !important;
    font-size: 16px !important;
    padding: 11px 25px !important;
    font-family: "Open Sans",sans-serif;
    font-weight: normal !important;
    text-transform: none;
}

div#contact .projectTopic .anchorButton:focus i, 
div#contact .btn-blue:focus i, 
div#contact .projectTopic .anchorButton:focus i,
div.spec-link-wrapper .anchorButton:focus.spec-anchorButton.btn-green i,
div.spec-link-wrapper .anchorButton:focus.spec-anchorButton.btn-green i.material-icons {
    text-decoration:none !important;
}

.projectTopic .anchorButton:hover,
 .btn-blue:hover,
 .btn-blue:focus 
 .projectTopic .anchorButton:hover
  {
    color: #fff !important;
    background: #154377 !important;
    text-decoration: underline !important;
    text-decoration-thickness: 3px !important;
    text-underline-offset: 3px !important;
}

.btn-blue:disabled {
    background-color: #cccccc !important;
    color: #666666 !important;
    cursor: not-allowed !important;
    border: 2px solid #cccccc !important;
    text-decoration: none !important;
    opacity: 0.6 !important;
}

.public-header__comment-language {
    height: 1.75rem !important;
    width: auto;
    margin: 0 !important;
    padding: 3px 8px 3px 8px;
    float: right;
}
.wizard > .actions > ul > li {
    margin: 0 0 0 0.5em !important;
}

.lang-icon img {
    width: 24px !important;
}
.public-header__comment-language>option {
    margin: 0;
    padding: 0;
}

.public__caption {
    color: rgb(25, 25, 25) !important;
}

.public__interactable:hover,
.public__interactable:focus {
    outline: 2px solid rgb(0, 0, 0) !important;
    outline-offset: -2px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.public__header-break {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    width: 100%;
}

.public__button {
    margin-left: 2px;
    color: rgb(0, 0, 0);
}

.public__button--reset.public__button--blue.upload.button:focus {
    background-color: #154377 !important;
    color: #fff !important;
}
 
.public__button-link:hover .public__button--blue i,
.public__button-link:focus .public__button--blue i {
    text-decoration: none !important;
}

.public__button-link:hover .public__button--blue,
.public__button-link:focus .public__button--blue {
    background: #fff !important;
    -webkit-box-shadow: inset 0 0 2px 2px #ffffff !important;
    box-shadow: none !important;
    outline: 0 !important;
    color: #fff !important;
    text-decoration: underline !important;
    text-decoration-thickness: 3px !important;
    text-underline-offset: 3px !important;
}

.public__button--reset {
    text-rendering: auto;
    color: buttontext;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: default;
    background-color: buttonface;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0em;
    font: 400 11px system-ui;
    padding: 1px 7px 2px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(216, 216, 216) rgb(209, 209, 209) rgb(186, 186, 186);
    -o-border-image: initial;
    border-image: initial;
   /*  -webkit-appearance: button; */
    writing-mode: horizontal-tb !important;
    -webkit-writing-mode: horizontal-tb !important;
    -ms-writing-mode: horizontal-tb !important;
}

.public__upload-button--blue {
    background: #10653F;
    background: -o-linear-gradient(right, #10653F 0%, #0F7D50 100%);
    background: -ms-linear-gradient(right, #10653F 0%, #0F7D50 100%);
    background: -moz-linear-gradient(right, #10653F 0%, #0F7D50 100%);
    background: -webkit-linear-gradient(right, #10653F 0%, #0F7D50 100%);
    background: linear-gradient(to right, #10653F 0%, #0F7D50 100%);
    border: solid 1px #10653F;
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 16px;
    padding: 0.45rem;
    margin: 1px 0 2px;
    position: relative;
}

.public__input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 2.25rem;
}

.public__select {
    margin-bottom: 0 !important;
}

.public__label {
    position: relative;
}

.public__contact-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.5rem;
}

.public__contact-icon {
    margin: 0 0.25rem 0 0 !important;
}


/* Public > Form */

.public-form__other {
    display: inline-block;
    width: 500px;
    height: 25px;
    margin-top: 5px;
    margin-left: 5px;
    padding: 0 0.5rem;
}


/* Public > Footer */

.public__footer {
    padding: 1.5rem 1rem !important;
}

/* 2778x1284 pixels at 458ppi */
@media only screen 
    and (device-width: 428px) 
    and (device-height: 926px) 
    and (-webkit-device-pixel-ratio: 3) { 
        div#contact div#topics div.row input.public-form__other.public__interactable.ibox {
            width:98.8% !important;
        }
        div#contact .anchorButton.single-attachment { 
            width: 75% !important;
            white-space: nowrap;
        }

        div#contact .anchorButton.single-attachment { 
            width: 75% !important;
            white-space: nowrap;
        }

        div#contact div#topics div.row {
            margin-bottom:-10px !important;
        }

    }  

    /* 2532x1170 pixels at 460ppi */
@media only screen 
and (device-width: 390px) 
and (device-height: 844px) 
and (-webkit-device-pixel-ratio: 3) { 
    div#contact div#topics div.row input.public-form__other.public__interactable.ibox {
        width:98.8% !important;
    }
    
    div#contact .anchorButton.single-attachment { 
        width: 75% !important;
        white-space: nowrap;
    }
    div#contact .anchorButton.single-attachment { 
        width: 75% !important;
        white-space: nowrap;
    }

    div#contact div#topics div.row h7 {
        position:relative;
        top:-8px !important;
        line-height: 30px;
    }
	
}

@media screen and (max-width: 750px) {
    div#contact {
        padding: 0;
        padding-top: 2rem;
    }
    .public__footer-brand {
        width: 100% !important;
    }
    div#contact .public__button--reset.public__button--blue.command-btn {
        white-space: nowrap;
    }
    div#contact div#topics div.row h7 {
        position:relative;
        top:-8px !important;
    }
}

@media screen and (max-width: 1284px) {

    div#contact .anchorButton.single-attachment { 
        width: 40% !important;
        white-space: nowrap;
    }

    div#contact .projectTopic .anchorButton {
        width:auto !important;
        /*padding: 3px 16px !important;*/
    }
    div#contact .projectTopic .anchorButton i {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    div#contact select#projectAttchmentsDropDown {
        width: auto !important;
        padding-top: 6px !important;
        padding-left: 37px !important;
    }
    div#contact div.row select {
        width:auto !important;
    }
}

.public__footer-cr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* responsive style */

.spec-ibox {
    display: block;
    width: 97% !important;
    height: 35px !important;
    margin-top: 15px !important;
    padding: 0 0.5rem !important;
    position: static !important;
}
.public-form {
    padding: 15px !important;
}
p.question {
    float: none !important;
    width: 100% !important;
    font-weight: 500 !important;
    font-size: 18px !important;
}
.spec-form-wrapper {
    display: flex;
    justify-content: space-between;
}
.spec-form-wrapper p {
    width: 49%;
}
.spec-form-wrapper input, .spec-form-wrapper select {
    max-width: 100% !important;
    width: 93% !important;
    margin-left: 0 !important;
    margin-top: 5px;
}
.spec-form-wrapper select
{
    width: 99% !important;
    border-radius: 0;
}
.condition {
    width: 100% !important;
    margin-right: 0 !important;
    display: flex;
    align-items: center;
    padding: 0 !important;
    margin-bottom: 0 !important;
}
.condition label {
    position: static;
    text-transform: capitalize;
}
.actions ul li.disabled a {
    padding: 11px 10px !important;
}
.spec-select {
    width: 250px;
    padding: 10px;
    border-radius: 0;
}
.spec-form-wrapper span,.form-wrapper span {
    font-family: 'Montserrat', sans-serif !important;
    color: #242828;
    font-weight: 400;
}

form#contact_form {
	padding-bottom:40px !important;
}

form#contact_form ::placeholder{
	font-family: 'Montserrat', sans-serif !important;
    color: #848282;
}
@media(max-width: 1024px){
    .page_heading .headerLeftLogo {
        display: block !important;
        margin-top:3px !important;
    }
    section.page_heading {
       width: 96% !important;
       margin: 0 auto !important;
    }
    section.page_heading .logo {
        max-width: 100%;
    }
    .public-header__comment-item-container {
        margin: 0 0px 0 0 !important;
        margin-top: 0 !important;
    }
}
@media (max-width: 767px)
{
    .spec-comment-contact .slider-horizontal {
        width: 100% !important;
        margin-left: 0;
    }
    .spec-comment-contact .public-form {
        padding: 15px !important;
    }

    .question {
        width: 100% !important;
        margin-right: 0 !important;
        float: none !important;
        line-height: 1.3 !important;
    }
    .spec-form-wrapper input, .spec-form-wrapper select {
        width: 86% !important;
    }
    
    .spec-form-wrapper input {
        width: 91% !important;
    }
    .spec-form-wrapper select {
        width: 99% !important;
    }
    .slider.slider-horizontal .slider-tick-label-container {
       
        display: flex;
        align-items: center;
    }
    body .slider.slider-horizontal .slider-tick-label-container {
        white-space: unset !important;
        margin-left: 0 !important;
        width: 100%;
    }
    body .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
        width: calc(100% / 3 ) !important;
    }
    .slider.slider-horizontal .slider-tick-label-container .slider-tick-label:nth-child(1) {
        text-align: left;
    }
    .slider.slider-horizontal .slider-tick-label-container .slider-tick-label:last-child {
        text-align: right;
    }
    .slider.slider-horizontal .slider-track {
        height: 10px;
        width: 90%;
        top: 50%;
        left: 0;
        right: 0;
        margin: -5px auto 0 !important;
    }
}


@media(max-width: 480px)
{
    .spec-form-wrapper {
        flex-direction: column;
    }
    .spec-form-wrapper input, .spec-form-wrapper select {
        width: 92% !important;

    }

    .public__button {
        margin:0 !important;
    }


    .spec-form-wrapper p {
        width: 100%;
    }
    .spec-form-wrapper select {
        width: 99.8% !important;
    }
    .condition label {
        font-size: 13px;
    }
    .page_heading .flex-b-c {
        flex-wrap: nowrap;
        
    }
    .public-header__comment-item>button {
        padding: 0.5rem 1rem !important;
        white-space: normal !important;
    }
    .ibox {
        width: 90% !important;
        
    }
    .country-select {
        max-width: 100% !important;
      
    }
    #contact_form select#frmSubmittedValue {
        margin-bottom: -18px !important;
    }
    
    div#contact div.spec-form-wrapper p.txtSubmittedBy {
        margin-bottom: -38px !important;
    }

    
}


@media(max-width: 374px)
{
    .spec-form-wrapper input, .spec-form-wrapper select {
        width: 90% !important;
    }
    .condition label {
        font-size: 11px;
    }
    #topics .row {
        font-size: 15px !important;
    }
    body .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
        font-size: 12px;
    }
    .spec-ibox {
        width: 93% !important;
    }
    .spec-form-wrapper select {
        width: 99% !important;
    }
}