@import 'https://fonts.googleapis.com/css?family=Raleway:300,400,400i,500, 600,700';

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin         : 0;
    padding        : 0;
    border         : 0;
    font-size      : 100%;
    font           : inherit;
    font-family    : 'Raleway', sans-serif;
    vertical-align : baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display : block;
}

body {
    line-height : 1;
}

ol, ul {
    list-style : none;
}

blockquote, q {
    quotes : none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content : '';
    content : none;
}

table {
    border-collapse : collapse;
    border-spacing  : 0;
}

a, input, textarea, button {
    border     : none;
    background : none;
}

a, input, textarea, button,
a:focus, input:focus, textarea:focus, button:focus {
    outline : none;
}

a:hover {
    text-decoration : none;
}

/* ---------------
* GENERAL
*/

h1, h2 {
    text-align     : center;
    letter-spacing : 2px;
}

h1 {
    color          : #454444;
    font           : 500 40px / 65px Raleway;
    text-shadow    : 1px 1px 0 rgba(0, 0, 0, 0.3);
    text-transform : uppercase;
}

h2 {
    color : #454444;
    font  : 500 20px / 30px Raleway;
}

h3 {
    font           : 700 25px / 32px Raleway;
    text-shadow    : 1px 1px 1px rgba(0, 0, 0, 0.3);
    letter-spacing : 2px;
}

h4 {
}

h5 {
}

h6 {
}

.subpage.container.row {
    padding-top : 65px;
}

hgroup, hr.green {
    margin        : 0 50px 30px;
    padding       : 0 0 35px;
    text-align    : center;
    border        : 0;
    border-bottom : 2px solid #47cfc3;
}

hr.green {
    margin-top : -35px;
}

p {
    margin-bottom : 25px;
    font          : 400 15px / 25px Raleway;
}

a {
}

input,
textarea {
    padding-left  : 15px;
    padding-right : 15px;
    color         : white;
}

button {
}

ul {
    list-style : none;
}

b, strong {
    font-weight : 700;
}

i, em {
    font-style : italic;
}

.hidden {
    display : none;
}

.invisible {
    visibility : hidden;
}

.text-center {
    text-align : center;
}

.block-center {
    margin : 0 auto;
}

.ma50 {
    margin : 50px;
}

::-webkit-input-placeholder {
    color      : #777;
    opacity    : 1;
    transition : .3s;
}

:-moz-placeholder {
    color      : #777;
    opacity    : 1;
    transition : .3s;
}

::-moz-placeholder {
    color      : #777;
    opacity    : 1;
    transition : .3s;
}

:-ms-input-placeholder {
    color      : #777;
    opacity    : 1;
    transition : .3s;
}

:focus::-webkit-input-placeholder {
    opacity    : 0;
    transition : .3s;
}

:focus:-moz-placeholder {
    opacity    : 0;
    transition : .3s;
}

:focus::-moz-placeholder {
    opacity    : 0;
    transition : .3s;
}

:focus:-ms-input-placeholder {
    opacity    : 0;
    transition : .3s;
}

.container {
    margin : 0 auto;
}

.space {
    height : 150px;
}

.flex-center {
    display            : -webkit-box;
    display            : -ms-flexbox;
    display            : flex;
    -ms-flex-flow      : row wrap;
    flex-flow          : row wrap;
    -webkit-box-pack   : center;
    -ms-flex-pack      : center;
    justify-content    : center;
    -webkit-box-align  : center;
    -ms-flex-align     : center;
    align-items        : center;
    -ms-flex-line-pack : center;
    align-content      : center;
}

.btn {
    padding             : 15px 40px 12px;
    font                : 700 15px / 15px Raleway;
    color               : #faf9f9;
    text-transform      : uppercase;
    text-shadow         : 0px 1px 1px rgba(0, 1, 1, 0.25);
    border              : 3px solid transparent;
    border-bottom-color : #42b8d4;
    border-radius       : 0;
    background-color    : #4ba8ce;
    -webkit-transition  : .3s ease;
    transition          : .3s ease;
}

.btn:hover {
    border-top-color : #42b8d4;
    background-color : transparent;
}

.ytp-hide-controls .ytp-watermark {
    display : none;
}

/* ---------------
* HEADER
*/

.head {
    width              : 100%;
    height             : 96px;
    position           : fixed;
    display            : -webkit-box;
    display            : -ms-flexbox;
    display            : flex;
    -ms-flex-flow      : row wrap;
    flex-flow          : row wrap;
    -webkit-box-pack   : justify;
    -ms-flex-pack      : justify;
    justify-content    : space-between;
    -webkit-box-align  : center;
    -ms-flex-align     : center;
    align-items        : center;
    -ms-flex-line-pack : center;
    align-content      : center;
    background-color   : rgba(70, 70, 70, .5);
    z-index            : 1000;
    transform          : translate(0, -100px);
    transition         : .5s .5s;
}

.head.showed {
    transform : translate(0, 0);
}

.head .top-nav {
    padding        : 0 40px;
    font           : 700 20px / 17px Raleway;
    color          : white;
    text-transform : uppercase;
}

.head .top-nav .fa {
    margin-right   : 15px;
    font-size      : 36px;
    /*line-height: 17px;*/
    vertical-align : middle;
}

.head .logo {
}

.head .soc {
    margin : 0 30px 0 -100px;;
}

.head .soc a {
    margin : 0 3px;
}

.head .soc img {
}

.head .donate {
    height             : 100%;
    padding            : 40px 25px;
    margin-top         : -1px;
    font               : 900 22.72px / 17px Raleway;
    color              : #030202;
    text-transform     : uppercase;
    letter-spacing     : 2px;
    background-color   : #47cfc3;
    -webkit-transition : .3s ease;
    transition         : .3s ease;
}

.head .donate:hover {
    color            : white;
    background-color : #4ba8ce;
}

/* Banner */
.top-banner {
    height   : 260px;
    position : relative;
}

.top-banner:before {
    content          : '';
    position         : absolute;
    left             : 0;
    top              : 0;
    right            : 0;
    bottom           : 0;
    background-color : rgba(0, 0, 0, .5);
}

.top-banner h1,
.top-banner h2 {
    margin-top     : 100px;
    font           : 500 40px / 40px Raleway;
    color          : white;
    text-transform : uppercase;
    text-shadow    : 1px 2px 3px rgba(0, 0, 0, 0.5);
    z-index        : 1;
}

/* ---------------
* FOOTER
*/

.foot {
    padding          : 50px 0 20px;
    background-color : #2f2f2f;
    color            : white;
}

.foot-logo {
    display : block;
    margin  : 0 auto;
}

.foot .foot-text img {
    margin-bottom : 25px;
}

.foot p {
    font : 400 13px / 20px Raleway;
}

.foot-nav {
}

.foot-nav > ul {
    -ms-flex-pack   : distribute;
    justify-content : space-around;
}

.foot-nav > ul > li {
    margin-bottom : 20px;
}

.foot-nav > ul > li > a {
    display        : block;
    margin-bottom  : 30px;
    font           : 700 18px Raleway;
    color          : #4ca9cf;
    text-transform : uppercase;
}

.foot-nav li li a {
    display       : block;
    margin-bottom : 10px;
    font          : 700 15px Raleway;
    color         : white;
}

.foot-soc {
    clear      : both;
    text-align : center;
}

.foot-soc a {
    margin             : 5px;
    -webkit-transition : .3s;
    transition         : .3s;
}

.foot-soc a:hover {
    -webkit-transform : scale(1.7);
    transform         : scale(1.7);
}

.foot-soc .fa {
    color              : #2f2f2f;
    -webkit-transition : .3s;
    transition         : .3s;
}

.foot-soc a:hover .fa {
    color : white;
}

.foot-soc .fa-circle {
    color              : white;
    -webkit-transition : .3s;
    transition         : .3s;
}

.foot-soc a:hover .fa-circle {
    color : #4ca9cf;
}

.foot-soc img {
}

.cont-soc {
    max-width : 200px;
    margin    : 20px auto;
}

.cont-soc .fa {
    color : white;
}

.cont-soc .fa-circle {
    color : #333;
}

/* ---------------
* MENU
*/

body {
    -webkit-transition : .3s;
    transition         : .3s;
}

body.show-menu {
    overflow : hidden;
}

body.show-menu {
    padding-left : 300px;
}

body.show-menu #main-menu-container {
    overflow : hidden;
}

#main-menu-container {
    overflow                   : hidden;
    top                        : 0;
    width                      : 300px;
    height                     : 100%;
    z-index                    : 3000;
    position                   : fixed;
    margin-left                : -300px;
    font-family                : "Raleway", Helvetica, sans-serif;
    background-color           : #343434;
    overflow-y                 : scroll;
    -webkit-overflow-scrolling : touch;
}

#main-menu-container .close {
    opacity                            : 1;
    top                                : 0;
    right                              : 0;
    color                              : #fff;
    cursor                             : pointer;
    padding                            : 10px 15px;
    position                           : absolute;
    font-size                          : 1.125rem;
    line-height                        : 1;
    background-color                   : rgba(0, 0, 0, 0.3);
    -webkit-transition-property        : background-color;
    transition-property                : background-color;
    -webkit-transition-duration        : .4s;
    transition-duration                : .4s;
    -webkit-transition-timing-function : ease;
    transition-timing-function         : ease;
    z-index                            : 111111;
}

#main-menu-container .close:hover {
    background-color : rgba(0, 0, 0, 0.7);
}

#main-menu {
    width : 300px;
}

#main-menu > li > a {
    display        : block;
    padding        : 10px;
    font-size      : 1.25rem;
    line-height    : 2rem;
    text-transform : uppercase;
    border-bottom  : 1px solid #4e4e4e;
}

#main-menu > li > a:hover {
    background-color : rgba(255, 255, 255, .1);
}

#main-menu > li a {
    color           : #fff;
    padding-left    : 40px;
    text-decoration : none;
}

#main-menu > li li a {
    font-size   : 1rem;
    line-height : 1.5rem;
}

#main-menu-container #additional-elements {
    padding : 20px 40px;
}

#search-form {
    width            : 100%;
    height           : 40px;
    margin-bottom    : 20px;
    border           : 1px solid #747474;
    display          : block;
    position         : relative;
    background-color : #fff;
}

#search-form input {
    border           : none;
    height           : 100%;
    color            : #555;
    position         : absolute;
    background-color : transparent;
}

#search-form input[type="text"] {
    left      : 0;
    width     : 100%;
    padding   : 0 10px;
    z-index   : 10;
    font-size : 1rem;
}

#search-form input[type="submit"] {
    right       : 0;
    color       : #414141;
    width       : 40px;
    height      : 35px;
    z-index     : 20;
    font-size   : 2.125rem;
    line-height : 0;
}

.menu-overlay {
    display          : none;
    z-index          : 2000;
    background-color : rgba(0, 0, 0, 0.7);
    top              : 0;
    left             : 0;
    width            : 100%;
    height           : 100%;
    position         : fixed;
}

/* ---------------
* HOME PAGE
*/

.main-banner {
    height                : 100vh;
    text-align            : center;
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal;
    -ms-flex-direction    : column;
    flex-direction        : column;
}

.main-banner h1,
.main-banner p,
.main-banner .scroll-down {
    z-index : 1;
}

.main-banner h1 {
    width          : 100%;
    margin-bottom  : 30px;
    padding-bottom : 40px;
    color          : #fefcfa;
    font           : 500 75px / 65px Raleway;
    text-transform : uppercase;
    position       : relative;
}

.main-banner h1:after {
    content           : '';
    -webkit-transform : translate(-50%);
    transform         : translate(-50%);
    width             : 60%;
    height            : 0;
    border-bottom     : 2px solid #47cfc3;
    position          : absolute;
    left              : 50%;
    bottom            : 0;
}

.main-banner p {
    max-width      : 800px;
    color          : #fefcfa;
    font           : 500 italic 25px / 30px Raleway;
    letter-spacing : 1px;
    text-shadow    : 1px 2px 3px rgba(0, 0, 0, 0.75);
}

.main-banner .scroll-down {
    padding           : 50px;
    margin-left       : -60px;
    cursor            : pointer;
    position          : absolute;
    left              : 50%;
    bottom            : 50px;
    -webkit-animation : scroll 2s infinite alternate ease-in-out;
    animation         : scroll 2s infinite alternate ease-in-out;
}

@-webkit-keyframes scroll {
    from {
        -webkit-transform : translate(0, -25px);
        transform         : translate(0, -25px);
    }
    to {
        -webkit-transform : translate(0, 25px);
        transform         : translate(0, 25px);
    }
}

.trailer {
    overflow : hidden;
    display  : block;
    width    : 100%;
    height   : 100%;
    position : absolute;
    top      : 0;
    right    : 0;
    bottom   : 0;
    left     : 0;
}

.trailer > video {
    position   : absolute;
    top        : 0;
    left       : 0;
    min-width  : 100%;
    min-height : 100%;
    width      : auto;
    height     : auto;
}

.trailer .prev,
.trailer .next {
    width      : 24px;
    height     : 76px;
    margin-top : -40px;
    border     : 0;
    position   : absolute;
    top        : 50%;
    right      : 25px;
    background : url(../images/icons/arrow_left.png) center no-repeat;
    z-index    : 11;
}

.trailer .prev {
    left : 25px;
}

.trailer .next {
    background : url(../images/icons/arrow-right.png) center no-repeat;
}

@media (min-aspect-ratio : 16/9) {
    .trailer > video {
        height : 300%;
        top    : -100%;
    }
}

@media (max-aspect-ratio : 16/9) {
    .trailer > video {
        width : 300%;
        left  : -100%;
    }
}

/* Если есть поддержка object-fit (Chrome/Chrome для Android, Safari в iOS 8 и Opera), используем его: */
@supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .trailer > video {
        top           : 0;
        left          : 0;
        width         : 100%;
        height        : 100%;
        -o-object-fit : cover;
        object-fit    : cover;
    }
}

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

.commitment {
    padding-top    : 50px;
    padding-bottom : 50px;
    text-align     : center;
    background     : -moz-linear-gradient(90deg, #75dbd1 0, #abaadc 100%); /* FF3.6+ */
    background     : -webkit-gradient(linear, 90deg, color-stop(0, 75 dbd1), color-stop(100%, ABAADC)); /* Chrome,Safari4+ */
    background     : -webkit-linear-gradient(90deg, #75dbd1 0, #abaadc 100%); /* Chrome10+,Safari5.1+ */
    background     : -o-linear-gradient(90deg, #75dbd1 0, #abaadc 100%); /* Opera 11.10+ */
    background     : -ms-linear-gradient(90deg, #75dbd1 0, #abaadc 100%); /* IE10+ */
    filter         : progid:DXImageTransform.Microsoft.gradient(startColorstr='#1301FE', endColorstr='#F4F60C', GradientType='1'); /* for IE */
    background     : linear-gradient(90deg, #75dbd1 0, #abaadc 100%); /* W3C */
}

.commitment h3 {
    margin-bottom : 40px;
    color         : #454444;
    font          : 400 18px / 32px Arial;
}

.commitment span,
.commitment .com-inp {
    margin : 0 5px 30px;
}

.commitment span {
    display        : inline-block;
    color          : #454444;
    font           : 700 40px / 40px Raleway;
    vertical-align : middle;
}

.commitment .com-inp {
    color            : #454444;
    height           : 40px;
    vertical-align   : middle;
    border           : 1px solid #454444;
    background-color : white;
}

.commitment input[type="email"] {
    width : 390px;
}

.commitment .com-inp::-webkit-input-placeholder,
.commitment .com-inp:-moz-placeholder,
.commitment .com-inp::-moz-placeholder,
.commitment .com-inp:-ms-input-placeholder {
    font               : 700 18px / 65px Raleway;
    color              : #555;
    opacity            : 1;
    transition         : opacity 0.3s ease;
    -webkit-transition : opacity 0.3s ease;
}

.commitment .com-inp:focus::-webkit-input-placeholder,
.commitment .com-inp:focus:-moz-placeholder,
.commitment .com-inp:focus::-moz-placeholder,
.commitment .com-inp:focus:-ms-input-placeholder {
    opacity            : 0;
    -webkit-transition : opacity 0.3s ease;
    transition         : opacity 0.3s ease;
}

@-moz-document url-prefix() {
    .commitment .com-inp::-webkit-input-placeholder,
    .commitment .com-inp:-moz-placeholder,
    .commitment .com-inp::-moz-placeholder,
    .commitment .com-inp:-ms-input-placeholder {
        line-height : 35px;
    }
}

.commitment p {
    margin-bottom : 30px;
}

.commitment input[type="submit"] {
    height           : 40px;
    margin           : 0 15px 30px;
    padding          : 0 40px;
    color            : white;
    font             : 700 12px Arial;
    vertical-align   : middle;
    background-color : #4ba7cd;
}

.subpages-list {
    margin-top : 10px;
}

.subpages-list a {
    height   : 430px;
    padding  : 0 5px 10px 0;
    position : relative;
}

.subpages-list a:nth-child(even) {
    padding : 0 0 10px 5px;
}

.subpages-list a:before {
    content            : '';
    position           : absolute;
    left               : 0;
    top                : 0;
    right              : 5px;
    bottom             : 10px;
    background-color   : transparent;
    -webkit-transition : .5s;
    transition         : .5s;
}

.subpages-list a:nth-child(even):before {
    left  : 5px;
    right : 0;
}

.subpages-list a:hover:before {
    background-color : rgba(0, 0, 0, .7);
}

.subpages-list h2 {
    /*color: #fefcfa;*/
    color              : #fff;
    font               : 500 50px / 65px Raleway;
    text-transform     : uppercase;
    text-shadow        : 1px 2px 3px rgba(0, 0, 0, 0.75);
    -webkit-transition : .2s ease-in-out;
    transition         : .2s ease-in-out;
}

.subpages-list a:hover h2 {
    transform : scale(1.2);
}

.subpages-list a h2:after {
    content                  : "";
    position                 : absolute;
    width                    : 100%;
    height                   : 1px;
    bottom                   : 0;
    left                     : 0;
    background-color         : #fff;
    filter                   : progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity                  : 0;
    -ms-transform            : scaleX(0);
    -webkit-transform        : scaleX(0);
    transform                : scaleX(0);
    -moz-transition          : all 0.3s ease-in-out 0s;
    -o-transition            : all 0.3s ease-in-out 0s;
    -webkit-transition-delay : 0s;
    -webkit-transition       : all 0.3s ease-in-out 0s;
    transition               : all 0.3s ease-in-out 0s;
}

.subpages-list a:hover h2:after {
    filter            : progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity           : 1;
    -ms-transform     : scaleX(1);
    -webkit-transform : scaleX(1);
    transform         : scaleX(1);
}

/* ---------------
* Get Involved
*/

.get-banner {
    height                : 550px;
    text-align            : center;
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal;
    -ms-flex-direction    : column;
    flex-direction        : column;
    position              : relative;
}

.get-banner h1 {
    width          : 100%;
    margin-bottom  : 30px;
    padding-bottom : 40px;
    color          : #fefcfa;
    font           : 300 50px / 1.5 Raleway;
    position       : relative;
    z-index        : 1;
}

.get-banner h1 b {
    font-weight : 500;
}

.get-banner h1:after {
    content           : '';
    -webkit-transform : translate(-50%);
    transform         : translate(-50%);
    width             : 60%;
    height            : 0;
    border-bottom     : 2px solid #47cfc3;
    position          : absolute;
    left              : 50%;
    bottom            : 0;
}

.get-banner p {
    max-width      : 800px;
    color          : #fefcfa;
    font           : 500 italic 25px / 1.5 Raleway;
    letter-spacing : 1px;
    text-shadow    : 1px 2px 3px rgba(0, 0, 0, 0.75);
    z-index        : 1;
}

.get-banner .btn {
    clear   : both;
    padding : 10px 20px;
    z-index : 1;
}

.get-banner .btn:hover {
    color      : white;
    background : #4ba8ce;
}

.get-banner .scroll-down {
    -webkit-transform : translate(-50%);
    transform         : translate(-50%);
    position          : absolute;
    left              : 50%;
    bottom            : 50px;
}

.get-buttons {
}

.get-buttons .tab-item {
    padding            : 30px 0;
    text-align         : center;
    background-color   : #75dbd1;
    position           : relative;
    cursor             : pointer;
    -webkit-transition : .7s;
    transition         : .7s;
    z-index            : 1;
}

.get-buttons .tab-item.active {
    box-shadow : 0 -3px 15px rgba(0, 0, 0, .3) inset;
}

.get-buttons .tab-item:before {
    content             : '';
    width               : 0;
    height              : 0;
    margin-left         : -30px;
    position            : absolute;
    left                : 50%;
    bottom              : 100%;
    border              : 30px solid transparent;
    border-bottom-color : #3ca99d;
}

.get-buttons .tab-item:nth-child(2) {
    background-color : #79bedb;
}

.get-buttons .tab-item:nth-child(2):before {
    border-bottom-color : #428daa;
}

.get-buttons .tab-item:nth-child(3) {
    background-color : #abaadc;
}

.get-buttons .tab-item:nth-child(3):before {
    border-bottom-color : #7d7db2;
}

.get-buttons .tab-item:last-child {
    background-color : #999;
}

.get-buttons .tab-item:last-child:before {
    border-bottom-color : #6e6f6f;
}

.get-buttons img,
.get-buttons figcaption {
    -webkit-transition : .7s;
    transition         : .7s;
}

.get-buttons .tab-item.active img,
.get-buttons .tab-item:hover img {
    -webkit-transform : rotateY(360deg);
    transform         : rotateY(360deg);
}

.get-buttons figcaption {
    color          : #fff;
    /*font: 500 30px / 1.5 Raleway;*/
    font           : 500 21px / 1.5 Raleway;
    text-transform : uppercase;
    white-space    : nowrap;
    /*text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);*/
}

.get-buttons .tab-item.active figcaption,
.get-buttons .tab-item:hover figcaption {
    -webkit-transform : scale(1.2);
    transform         : scale(1.2);
}

.get-text {
    margin           : 0 auto;
    padding          : 200px 15px;
    background-color : #2f2f2f;
    position         : relative;
    /*margin: 75px auto;*/
}

.inbox {
    opacity               : 0;
    width                 : 100%;
    height                : 100%;
    position              : absolute;
    -webkit-transition    : .3s;
    transition            : .3s;
    -webkit-box-orient    : vertical;
    -webkit-box-direction : normal;
    -ms-flex-direction    : column;
    flex-direction        : column;
}

.inbox.active {
    opacity : 1;
    z-index : 1;
}

.inbox:before {
    content          : '';
    position         : absolute;
    left             : 0;
    top              : 0;
    right            : 0;
    bottom           : 0;
    background-color : rgba(0, 0, 0, .5);
}

#tab1 .btn {
    background-color : #75dbd1;
}

#tab1 .btn:hover {
    background-color : #75dbd1;
}

#tab2 .btn {
    background-color : #79bedb;
}

#tab2 .btn:hover {
    background-color : #79bedb;
}

#tab3 .btn {
    background-color : #abaadc;
}

#tab3 .btn:hover {
    background-color : #abaadc;
}

#tab4 .btn {
    background-color : #999;
}

#tab4 .btn:hover {
    background-color : #999;
}

.tab-cont .btn,
.tab-cont .btn:hover {
    border-color : transparent;
}

.tab-cont .btn:hover {
    opacity : .8;
}

/* ---------------
* SUBPAGES
*/

.subpage {
    margin-bottom : 50px;
}

.head2-under {
    margin         : 60px auto;
    padding-bottom : 30px;
    color          : #393939;
    font           : 700 28.69px / 34.429px Raleway;
    text-transform : uppercase;
    text-shadow    : 0px 1px 1px rgba(0, 1, 1, 0.25);
    position       : relative;
}

.head2-under:after {
    content     : '';
    width       : 45px;
    margin-left : -25px;
    position    : absolute;
    bottom      : 0;
    left        : 50%;
    border      : 2px solid #42b8d4;
}

.camel-case{
    text-transform : capitalize;
}

/* SUBSCRIBE */
.subscribe {
    height           : 76px;
    background-color : #4ca9cf;
}

.subscribe h4 {
    margin     : 0 20px;
    display    : inline-block;
    font       : 500 22px Raleway;
    color      : #fff;
    text-align : center;
}

.subscribe input {
    width      : 230px;
    height     : 36px;
    margin     : 0 6px;
    border     : 1px solid white;
    background : none;
}

.subscribe input[type="submit"] {
    width           : 66px;
    height          : 32px;
    margin          : 0 20px;
    font            : 400 21px LeagueGothic;
    text-indent     : -9999px;
    background      : #e3e2e2 url(../images/icons/submit.png) center no-repeat;
    background-size : auto;
}

.subscribe ::-webkit-input-placeholder {
    color : white;
}

.subscribe :-moz-placeholder {
    color : white;
}

.subscribe ::-moz-placeholder {
    color : white;
}

.subscribe :-ms-input-placeholder {
    color : white;
}

.filter-wrapper {
    border-bottom    : 1px solid #c9cbcc;
    background-color : #edf1f2;
    width            : 100%;
    padding-left     : 5px;
    padding-right    : 5px;
    display          : inline-block;
    vertical-align   : middle;
}

.filter-wrapper .filters {
    margin     : 10px auto;
    max-width  : 1140px;
    text-align : center;
}

.filter-wrapper .filters .nice-select {
    min-width     : 250px;
    margin        : 10px;
    float         : none;
    border-radius : 0;
    display       : inline-block;
}

.filter-wrapper .filters .nice-select .list {
    border-radius : 0;
    margin-top    : 1px;
    min-width     : 248px;
}

.filter-wrapper .filters .reset-filters {
    cursor            : pointer;
    display           : inline-block;
    position          : relative;
    -webkit-transform : translateX(120%);
    -moz-transform    : translateX(120%);
    -ms-transform     : translateX(120%);
    -o-transform      : translateX(120%);
    transform         : translateX(120%);
    margin-left       : -61px;
}

.filter-wrapper .filters .reset-filters > .fa {
    font-size : 20px;
}

.filter-wrapper .filters .reset-filters > span.cap {
    margin-top      : -5px;
    text-decoration : underline;
}

#partners-wrapper {
    /*display: flex;*/ /*flex-flow: row wrap;*/ /*justify-content: space-around;*/
    text-align : center;
}

.partner {
    width           : calc(100% / 4 - 4px);
    margin          : 2px;
    display         : inline-block;
    position        : relative;
    padding-top     : 15%;
    background      : no-repeat 50% 50%;
    vertical-align  : top;
    background-size : cover;

}

.partner .donation-amount-caption {
    display : none;
}

#partners-wrapper.filtered .partner {
    margin : 2px 2px 30px;
}

#partners-wrapper.filtered .partner .donation-amount-caption {
    display           : block;
    text-align        : center;
    margin-bottom     : -25px;
    -webkit-transform : translateY(6px);
    -moz-transform    : translateY(6px);
    -ms-transform     : translateY(6px);
    -o-transform      : translateY(6px);
    transform         : translateY(6px);

}

.partner-hover,
.partner-hover span {
    position : absolute;
}

.partner-hover {
    top                : 0;
    left               : 0;
    width              : 100%;
    height             : 100%;
    color              : white;
    z-index            : 1;
    opacity            : 0;

    background-color   : rgba(0, 0, 0, .75);
    -webkit-transition : opacity .3s ease;
    transition         : opacity .3s ease;
}

.partner-hover span {
    top               : 50%;
    left              : 50%;
    font-weight       : bold;
    -webkit-transform : translate(-50%, -50%);
    -moz-transform    : translate(-50%, -50%);
    -ms-transform     : translate(-50%, -50%);
    -o-transform      : translate(-50%, -50%);
    transform         : translate(-50%, -50%);
}

.partner:hover .partner-hover {
    opacity : 1;
}

.partner-hover span, .partner-hover:hover span {
    color : #fff;
}

/* ---------------
* BLOG LIST
*/

.blog-list {
    margin-top : 75px;
}

.blog-item {
    overflow           : hidden;
    /*height: 375px;*/
    float              : none;
    display            : inline-block;
    vertical-align     : top;
    margin-left        : -3px;
    padding-top        : 15px;
    padding-bottom     : 15px;
    -webkit-transition : .3s;
    transition         : .3s;
}

.blog-item:hover {
    box-shadow : 0px 0px 5px #ddd;
}

.blog-item a {
    color : #454444;
}

.blog-item .blog-img {
    height    : 230px;
    max-width : 100%;
    width     : 100%;
}

.blog-item h3 {
    margin         : 15px 0;
    font           : 500 20px / 25px Raleway;
    text-transform : uppercase;
}

.blog-item p {
    margin-bottom : 5px;
    font          : 400 12px / 18px Raleway;
}

.blog-item time {
    font : 400 8px / 15px Raleway;
}

.older-post {
    float          : right;
    margin         : 35px 0 50px;
    color          : #4ca9cf;
    font           : 500 15px / 65px Raleway;
    text-transform : uppercase;
}

.older-post a {
    color : #4ca9cf;
    font  : 500 18px / 65px Raleway;
}

.older-post .current {
    font  : 500 18px / 65px Raleway;
    color : #b3b3b3;
}

/* ---------------
* BLOG POST
*/

.blog-post {
    margin-top    : 75px;
    margin-bottom : 50px;
}

.bp ul {
    padding-left : 15px;
}

.bp li {
    margin-bottom : 5px;
    padding-left  : 15px;
    font          : 400 15px / 25px Raleway;
    position      : relative;
}

.bp li:before {
    content       : '';
    width         : 0;
    height        : 0;
    border        : 3px solid #707070;
    border-radius : 50%;
    position      : absolute;
    left          : 0;
    top           : 9px;
}

.bp aside a {
    display        : inline-block;
    font-size      : 13px;
    vertical-align : middle;
}

.bp h1 {
    margin         : 0 0 20px;
    padding        : 0 0 5px;
    color          : #4ca8ce;
    font           : 700 24px/32px Raleway;
    text-align     : left;
    text-transform : uppercase;
    position       : relative;
    text-shadow    : none;
}

.bp h1:after {
    content       : '';
    width         : 50%;
    height        : 0;
    border-bottom : 2px solid #47cfc3;
    position      : absolute;
    left          : 0;
    bottom        : 0;
}

.bp .img-responsive {
    width         : 100%;
    margin-bottom : 30px;
}

.bp aside {
}

.bp .bp-text img {
    float  : left;
    margin : 0 15px 15px 0;
}

.bp aside {
    margin-bottom : 15px;
    padding       : 8px 0 12px;
    border-top    : 1px solid #f0f0f0;
    border-bottom : 1px solid #f0f0f0;
}

.bp aside span {
    font-size   : 17px;
    font-family : Arial;
    line-height : 20px;
}

.bp aside span:last-child {
    float     : right;
    font-size : 13px;
}

.bp .fa {
}

.bp .fa.fa-tasks {
    margin-right   : 10px;
    vertical-align : middle;
    font-size      : 15px;
}

.bp .fa.fa-clock-o {
    margin-top : 5px;
}

.bp-text {
    color : #707070;
    font  : 400 13px / 20px Verdana;
}

.bp-thumbnail {
    position : relative;
    overflow : hidden;
}

.bp-cat-ico {
    width    : 10%;
    height   : 100px;
    position : absolute;
    bottom   : 45px;
    right    : 15px;
}

.blog-img.bp-thumbnail .bp-cat-ico {
    width  : 15%;
    bottom : 15px;
}

/* ---------------
* SEARCH
*/

.search-list {
    margin : 50px auto;
}

.search-item {
}

.search-item h2 {
    margin-bottom : 15px;
    text-align    : left;
    font-size     : 26px;
}

.search-item time {
    float       : right;
    padding-top : 20px;
}

.search-content {
    overflow       : hidden;
    padding-bottom : 15px;
    margin-bottom  : 30px;
    font-size      : 15px;
    line-height    : 1.4;
    border-bottom  : 1px solid #47cfc2;
}

/* ---------------
* SIDEBAR
*/

.sidebar {
}

.sidebar .widget {
    margin-bottom : 30px;
}

.sidebar h3 {
    margin-bottom  : 5px;
    color          : #47cfc2;
    font           : 600 18px / 40px Raleway;
    text-transform : uppercase;
    text-shadow    : none;
    letter-spacing : 0;
}

.sidebar ul {
}

.sidebar li {
}

.sidebar a {
    color : #707070;
    font  : 400 13px / 20px Verdana;
}

/* ---------------
* COMMENTS
*/

.comments {
    margin : 30px 0;
}

.comments h3,
.comment-notes {
    margin-bottom : 10px;
    font-size     : 26px;
    color         : #333;
}

.comment-notes {
    font-size : 20px;
}

.comments input {
    width         : 25%;
    float         : left;
    border        : 1px solid rgba(0, 0, 0, 0.05);
    margin        : 10px 40px 10px 0;
    padding       : 13px 2%;
    font-size     : 13px;
    background    : none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
    border-radius : 2px;
    color         : #333;
}

.comments textarea {
    color         : #ddd;
    width         : 100%;
    height        : 150px;
    margin        : 10px 0;
    border        : 1px solid rgba(0, 0, 0, 0.05);
    padding       : 8px 11px;
    font-size     : 13px;
    background    : none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
    border-radius : 2px
}

.comments input:-moz-placeholder, .comments textarea:-moz-placeholder {
    color : #ddd
}

.comments .submit {
    color              : #fff;
    cursor             : pointer;
    border             : 0 none;
    display            : block;
    padding            : 0 24px;
    font-size          : 13px;
    text-align         : center;
    box-shadow         : 0 12px 19px rgba(255, 255, 255, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-transition : all 0.2s ease 0s;
    transition         : all 0.2s ease 0s;
    line-height        : 44px;
    font-weight        : bold;
    text-shadow        : none;
    border-radius      : 3px;
    background-color   : #50cfea
}

/* ---------------
* ABOUT
*/

.about-stat {
}

.about-stat section {
    padding          : 40px;
    text-align       : center;
    background-color : #79bedb;
}

.about-stat section:first-child {
    background-color : #75dbd1;
}

.about-stat section:last-child {
    background-color : #abaadc;
}

.about-stat h4 {
    margin : 0;
    color  : #898888;
    font   : 500 17px / 30px Raleway;
}

.about-stat p {
    margin : 0;
    color  : #1a1919;
    font   : 500 30px / 30px Raleway;
}

/* ---------------
* INITIATIVES
*/

.initiative-item {
    overflow   : hidden;
    margin-top : 12px;
    padding    : 35px;
}

.initiative-item section {
    float            : right;
    width            : 355px;
    padding          : 70px 40px;
    background-color : white;
}

.initiative-list .initiative-item:nth-child(even) section {
    float : left;
}

.initiative-item h3 {
    margin-bottom  : 40px;
    font           : 700 25px / 32px Raleway;
    letter-spacing : 3px;
    text-transform : uppercase;
}

.initiative-item p {
}

.initiative-item a {
    display : inline-block;
    margin  : 20px 0 0;
}

/* ---------------
* CONTACT
*/

.nf-form-content .ninja-forms-field {
    border : 1px solid rgb(238, 238, 238);
}

/* ---------------
* SLIDER
*/
.story-slider .slick-dots {
    display : none !important;
}

.story-slider .slick-prev,
.story-slider .slick-next {
    width       : 24px;
    height      : 76px;
    margin-top  : -40px;
    text-indent : -9999px;
    position    : absolute;
    top         : 50%;
    right       : 25px;
    background  : url(../images/icons/arrow_left.png) center no-repeat;
    z-index     : 11;
}

.story-slider .slick-prev {
    left : 25px;
}

.story-slider .slick-next {
    background : url(../images/icons/arrow-right.png) center no-repeat;
}

.sl-item {
    height           : 400px !important;
    background-color : #f7f7f7;
}

.sl-item .sl-img {
    height : 100%;
}

.sl-item .sl-details {
    padding : 100px 75px 0;
}

.sl-item h3 {
    font          : 700 22px Raleway;
    margin-bottom : 25px;
}

.sl-item p {
    font  : 500 14px/24px Raleway;
    color : #555;
}

.sl-item a {
}

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

}

@media screen and (min-width : 992px) {
    .foot .foot-soc {
        margin-top : -75px;
    }
}

@media screen and (max-width : 991px) {
    .subscribe {
        -ms-flex-flow : column nowrap;
        flex-flow     : column nowrap;
        height        : auto;
        padding       : 15px;
    }

    .subscribe h4,
    .subscribe input,
    .subscribe input[type="submit"] {
        margin-top    : 5px;
        margin-bottom : 5px;
    }
}

@media screen and (max-width : 767px) and (min-width : 581px) {
    .head .soc {
        display : none;
    }
}

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

    .subpages-list a,
    .subpages-list a:nth-child(even) {
        padding : 0 0 10px;
    }

    .subpages-list a:before,
    .subpages-list a:nth-child(even):before {
        left   : 0;
        right  : 0;
        bottom : 10px;
    }

    .subpages-list a:hover:before {
        background-color : rgba(0, 0, 0, .7);
    }

    .subpages-list h2 {
        font-size : 36px;
    }

}

@media screen and (max-width : 580px) {
    p {
        font-size   : 9px;
        line-height : 1.5;
    }

    .head {
        height : 45px;
    }

    .head .top-nav {
        font-size      : 9px;
        padding        : 0 10px;
        letter-spacing : 1px;
    }

    .head .top-nav .fa {
        font-size    : 18px;
        margin-right : 5px;
    }

    .head .logo {
        /* width: 45px; */
    }

    .main-banner {
        height   : 270px;
        position : relative;
    }

    .main-banner h1 {
        margin-top     : 50px;
        margin-bottom  : 10px;
        padding-bottom : 10px;
        font           : 500 28px / 28px Raleway;
        letter-spacing : 0;
    }

    .main-banner h1:after {
        width : 95%;
    }

    .main-banner p {
        font-size   : 9px;
        line-height : 11px;
    }

    .head .donate {
        height         : 100%;
        padding        : 16px 7px 15px;
        font           : 900 11px / 14px Raleway;
        letter-spacing : 1px;
    }

    .head .soc {
        margin : 0 15px 0 0;
    }

    .head .soc a {
        margin : 0;
    }

    .head .soc img {
        width : 20px;
    }

    .commitment {
        padding : 10px 0;
    }

    .commitment h3 {
        margin-bottom  : 5px;
        font-size      : 8px;
        letter-spacing : 0.3px;
    }

    .commitment span, .commitment .com-inp {
        margin : 0 3px 10px;
    }

    .commitment span,
    .commitment .com-inp,
    .commitment input[type="email"] {
        font-size     : 16px;
        line-height   : 16px;
        margin-bottom : 15px;
    }

    .commitment .com-inp {
        height      : 18px;
        width       : 95px;
        padding-top : 0;
        font-size   : 9px;
        line-height : 9px;
    }

    .commitment p {
        margin-bottom : 12px;
        font-size     : 8px;
        line-height   : 12px;
    }

    .commitment input[type="email"] {
        width : 160px;
    }

    .commitment input[type="submit"] {
        height    : 18px;
        margin    : 0 0 15px;
        padding   : 0 10px;
        font-size : 6px;
    }

    ::-webkit-input-placeholder,
    .commitment .com-inp::-webkit-input-placeholder {
        font-size   : 9px;
        line-height : 9px
    }

    ::-moz-placeholder,
    .commitment .com-inp::-moz-placeholder {
        font-size   : 9px;
        line-height : 9px
    }

    :-moz-placeholder,
    .commitment .com-inp:-moz-placeholder {
        font-size   : 9px;
        line-height : 9px
    }

    :-ms-input-placeholder,
    .commitment .com-inp:-ms-input-placeholder {
        font-size   : 9px;
        line-height : 9px
    }

    .subpages-list {
        margin-top : 5px;
    }

    .subpages-list h2 {
        font-size      : 24px;
        letter-spacing : 1px;
    }

    .subpages-list a,
    .subpages-list a:nth-child(even) {
        height  : 230px;
        padding : 0 5px 5px;
    }

    .flex-xs {
        display       : -webkit-box;
        display       : -ms-flexbox;
        display       : flex;
        -ms-flex-flow : column nowrap;
        flex-flow     : column nowrap;
    }

    .flex-xs > .foot-text {
        -webkit-box-ordinal-group : 3;
        -ms-flex-order            : 2;
        order                     : 2
    }

    .flex-xs > .foot-nav {
        -webkit-box-ordinal-group : 2;
        -ms-flex-order            : 1;
        order                     : 1;
        margin-bottom             : 10px;
    }

    .flex-xs > .foot-soc {
        -webkit-box-ordinal-group : 4;
        -ms-flex-order            : 3;
        order                     : 3
    }

    .foot {
        padding-top : 25px;
    }

    .foot-nav > ul > li > a {
        margin-bottom : 15px;
        font-size     : 10px;
    }

    .foot-nav li li a {
        margin-bottom : 5px;
        font-size     : 8px;
    }

    .foot-soc a {
        width  : 1em;
        height : 1em;
        margin : 6px;
    }

    .foot-soc a .fa {
        font-size : 26px;
    }

    .foot-soc a .fa-stack {
    }

    .foot-soc a .fa-stack-1x {
        font-size   : 16px;
        line-height : 1.5;
    }

    .foot-soc a .fa-stack-2x {
    }

    .foot .foot-text img {
        width  : 40px;
        margin : 0 auto 15px;
    }

    .foot p {
        font-size   : 10px;
        line-height : 11px;
        max-width   : 190px;
        margin      : 0 auto 15px;
    }

    .subscribe {
        -ms-flex-flow   : row nowrap;
        flex-flow       : row nowrap;
        -ms-flex-pack   : distribute;
        justify-content : space-around;
        padding         : 0;
    }

    .subscribe h4, .subscribe input, .subscribe input[type="submit"] {
        height : 16px;
        margin : 5px;
    }

    .subscribe h4 {
        font-size   : 8px;
        line-height : 16px;
        margin      : 5px 0;
    }

    .subscribe input {

        width : 90px;
    }

    .subscribe input[type="submit"] {
        width  : 30px;
        margin : 5px 0;
    }

    .top-banner {
        height : 120px;
    }

    .top-banner h1, .top-banner h2 {
        margin-top     : 40px;
        line-height    : 20px;
        font-size      : 20px;
        letter-spacing : 1px;
    }

    .about-stat section {
        padding : 10px 5px;
    }

    .about-stat h4 {
        font-size   : 7px;
        line-height : 12px;
    }

    .about-stat p {
        font-size   : 11px;
        line-height : 15px;
    }

    .subpage {
        margin-bottom : 15px;
    }

    hgroup {
        margin  : 10px 0;
        padding : 10px 0;
        border-width: 1px;
    }

    hgroup h1 {
        font-size      : 16px;
        line-height    : 22px;
        letter-spacing : 0;
    }

    hgroup h2 {
        font-size   : 10px;
        line-height : 14px;
    }

    .subpage img {
        max-width : 40%;
        width : 40%;
        float     : initial;
        margin    : 15px auto;
    }

    .subpage p {
        margin-bottom : 15px;
    }

    .space {
        height : 15px;
    }

    .initiative-item {
        margin-top : 5px;
        padding    : 20px 15px;
    }

    .initiative-item section {
        width   : 180px;
        padding : 30px 5px 25px 20px;
    }

    .initiative-item h3 {
        margin         : 0 0 15px;
        font-size      : 12px;
        line-height    : 1.3;
        letter-spacing : 0;
    }

    .initiative-item p {
        margin-bottom : 10px;
    }

    .initiative-item a {
        margin    : 0 0 10px;
        font-size : 8px;
        padding   : 1px 20px;
    }

    .head2-under {
        margin         : 25px auto 15px;
        padding-bottom : 15px;
        font-size      : 12px;
        line-height    : 1.3;
    }

    .head2-under:after {
        width        : 20px;
        margin-left  : -10px;
        border-width : 1px;
    }

    .slick-slider {
    }

    .sl-item {
        height : 160px !important;
    }

    .sl-item .sl-details {
        padding : 20px 5px 20px 15px;
    }

    .sl-item h3 {
        margin-bottom  : 10px;
        font-size      : 8px;
        line-height    : 1.5;
        letter-spacing : 0.5px;
    }

    .sl-item p {
        margin-bottom : 10px;
        font-size     : 6px;
        line-height   : 1.5;
    }

    .sl-item a {
        padding   : 1px 12px;
        font-size : 6px;
    }

    .story-slider .slick-prev, .story-slider .slick-next {
        background-size : 10px;
    }

    .story-slider .slick-prev {
        left : -5px;
    }

    .story-slider .slick-next {
        right : -5px;
    }

    .blog-list,
    .blog-post {
        margin-top    : 15px;
        margin-bottom : 25px;
    }

    .bp h1 {
        font-size : 14px;
    }

    .bp h1:after {
        width : 95%;
    }

    .bp aside span {
        font-size   : 9px;
        line-height : 20px;
    }

    .comments h3, .comment-notes {
        margin-bottom  : 5px;
        font-size      : 11px;
        line-height    : 11px;
        letter-spacing : 1px;
    }

    .comments input {
        height  : 25px;
        margin  : 5px 20px 5px 0;
        padding : 5px 10px;
    }

    .comments textarea {
        height : 60px;
        margin : 5px 0;
    }

    .comments .submit {
        padding     : 0 25px;
        font-size   : 8px;
        line-height : 8px;
        width       : auto;
    }

    .get-banner {
        height : 265px;
    }

    .get-banner h1 {
        margin    : 10px 0;
        padding   : 10px;
        font-size : 25px;
    }

    .get-banner h1:after {
        width        : 70%;
        border-width : 1px;
    }

    .get-banner p {
        font-size : 8px;
        margin    : 0;
    }

    .get-buttons .tab-item {
        padding : 10px 0;
    }

    .get-buttons .tab-item:before {
        border-width : 5px;
        margin-left  : -5px;
    }

    .get-buttons img {
        width : 30px;
    }

    .get-buttons figcaption {
        font-size : 9px;
    }

    .get-text {
        /*margin: 15px auto;*/
        padding : 15px;
    }

    #search-form {
        height : 20px;
    }

    #search-form .form input {
        font-size : 9px;
    }

    #search-form input[type="submit"] {
        height    : 15px;
        font-size : 14px;
    }

}

@media screen and (max-width : 480px) {
    .main-banner {
    }

    /*    .commitment span,
        .commitment .com-inp,
        .commitment input[type="email"]{
            width: auto;
            display: block;
            margin-left: auto;
            margin-right: auto;
        }*/

}

.vc_custom_1475102587851 img:hover {
    -webkit-filter : grayscale(100%); /* Chrome, Safari, Opera */
    filter         : grayscale(100%);
}

h2.fixclear {
    margin-bottom : -200px !important;
}

.page-id-184 .subpage.container.row {
    padding-top : 0px;
}

.nf-form-content input,
.nf-form-content textarea {
    color          : #000 !important;
    padding-top    : 8px;
    padding-bottom : 8px;
    border-color   : #999 !important;
}

.nf-form-content label {
    margin-top : 15px !important;
}

.wpb_wrapper ul, .wpb_wrapper ol {
    list-style : inside;
}

.wpb_wrapper li {
    padding-bottom : 10px;
}