/* ################################################# */
/* ################################################# */
/* ################################################# */
/* ##########     DESKTOP STYLES        ############ */
/* ################################################# */
/* ################################################# */
/* ################################################# */

html {
width: 100%;
height: 100%;
background: #7c7c7c;
color: #111;
font-size: 100px;
scroll-behavior: smooth;

}


body {
width: 100%;
height: 100%;
margin: 0;
font-family: 'corbeau_medium', Arial;
font-weight: normal;
font-size: 14%;
font-style: normal;
color: #111;
overflow: auto;
position: relative;
overflow-y: scroll;
overflow-x: hidden;
text-align: left;
z-index: 2;

}




.home #top_over_fade {
position: fixed;
display: block;
width: 100%;
height: 100%;

top: 0;
left: 0;
background:#080b14; 
float: left;
display: block;
z-index: 998;

opacity: 1;

overflow: hidden;


-moz-transition-duration: 1.3s;
-o-transition-duration: 1.3s;
-webkit-transition-duration: 1.3s;
transition-duration: 1.3s;



-webkit-transition: width 0s; /* Safari prior 6.1 */
transition: width 0s;


-webkit-transition: opacity 1.3s; /* Safari prior 6.1 */
transition: opacity 1.3s;

}


#top_over_fade {
position: fixed;
display: block;
width: 100%;
height: 100%;

top: 0;
left: 0;
background:#777;
float: left;
display: block;
z-index: 998;

opacity: 1;

overflow: hidden;


-moz-transition-duration: 1.3s;
-o-transition-duration: 1.3s;
-webkit-transition-duration: 1.3s;
transition-duration: 1.3s;



-webkit-transition: width 0s; /* Safari prior 6.1 */
transition: width 0s;


-webkit-transition: opacity 1.3s; /* Safari prior 6.1 */
transition: opacity 1.3s;

}


#top_over_fade.fade {
opacity: 0;


}

#top_over_fade.fade.none {
opacity: 0;
display: none;
width: 0px;

}



#intro_tagline {
position: fixed;
display: block; 
float: left; 
width:100%; 
height: 100%; 
z-index: 999;

top:0px;
left:0px;

-moz-transition-duration: 1.3s;
-o-transition-duration: 1.3s;
-webkit-transition-duration: 1.3s;
transition-duration: 1.3s;

}

#intro_tagline.off {
display: none;

}


#intro_tagline_text {

display: inline-block; 
 
width:auto; 
padding: 45px;

font-size: 29px;
font-family: Arial;
font-weight: 500;
color:#fff;

opacity: 0;


-moz-transition-duration: 2.3s;
-o-transition-duration: 2.3s;
-webkit-transition-duration: 2.3s;
transition-duration: 2.3s;

}

#intro_tagline_text.on {
opacity: 1;

}


#body_holder {
display: block;
width: 100%;

height: 100%;

margin: 0 auto;

overflow: visible;
position: relative;



}

#body_holder.off {
display:  none;


}


.width_holder {
display: inline-block;
width: 100%;
max-width: 1455px;

text-align: left;
margin: 0 auto;


}


.mobile_only {
display: none;

}


#mobile,
#tooLarge {
position:  fixed;
display: none;

width:  100%;
height:  100%;

float:  left;
z-index:  9999;

top:  0px;
left:  0px;

padding:  25px;

background:  #111;
color:  #fff;
font-size:  19px;






}





/* ################################################# */
/* ################################################# */
/* ################################################# */
/* ###########       FONT FACES        ############# */
/* ################################################# */
/* ################################################# */
/* ################################################# */


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

}



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

}


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

}


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

}



/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #############       BASICS        ############### */
/* ################################################# */
/* ################################################# */
/* ################################################# */



table {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border-spacing: 0px;
	
}

tr {
width: 100%;
height: 100%;

}

td {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border-spacing: 0px;

-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;

vertical-align: middle;
text-align:  center;

}


div {
font-size: 100%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

 -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;


 vertical-align: top;

}


.module {
display:  block;
width:  100%;
height:  100%;

padding: 90px 90px;



}


.module_screen {
display:  block;
width:  100%;
height:  100%;

padding: 90px 90px;



}



a,a:visited,a:hover,a:active{
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
text-decoration:none;
color: inherit;
width: auto;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */



 -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
   
}

a:hover {
text-decoration:none;

}




button {
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
cursor: pointer;

-webkit-box-shadow: none;
box-shadow: none;
line-height: 1;
text-shadow: none;

-webkit-appearance: none;
-webkit-border-radius: 0;
border-radius: 0px;

-webkit-appearance: none;
border: 0px;
outline: none;
box-shadow: none;
outline-width: 0px;
}

button:hover {
-webkit-appearance: none;
border: 0px;
outline: none;
box-shadow: none;
outline-width: 0px;

cursor: pointer;

}

button:focus {
-webkit-appearance: none;
border: 0px;
outline: none;
box-shadow: none;
outline-width: 0px;
cursor: auto;

cursor: pointer;

}


input[type=submit] {
 -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;

}


h1, h2, h3, h4, h5, h6 {
font-family: 'corbeau_bold';
margin: 0px 0 4px 0px;
font-weight: 900;

 vertical-align: top;

  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

}


#thin {
font-family: 'corbeau_thin';
}


strong {
font-family: 'corbeau_bold';
font-weight: 100;
}


sup {
font-size: 60%;
font-family: 'corbeau_medium';
font-weight: 100;


vertical-align: super;

}


p {
word-break: break-word;	

 vertical-align: top;

 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */

 -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;


}


span {

-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */


 -moz-transition-duration: 0.3s;
 -o-transition-duration: 0.3s;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;

}


::selection {
  background: #2581a1; /* WebKit/Blink Browsers */
  color: #fff;
}
::-moz-selection {
  background: #2581a1; /* Gecko Browsers */
  color: #fff;
}




/* #############   IMAGES AND VIDEO   ###############  */


img {
margin: 0;
padding: 0;
display: block;
border: none;
width: auto;
max-width: 100%;
height: auto;

vertical-align: top;

-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;

}

img#imgFull {
display:  block;
width:  100%;
height:  auto;

}




video {
margin: 0;
padding: 0;
display: block;
border: none;
width: auto;
height: auto;


}

.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */ 
padding-top: 0px;
height: 0;

}

.videoWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;

}


.clear {
display:  block;
width:  100%;
height:  1px;

}

.no_script {
display:  none;


}


.img_over {
position:  absolute;
display:  block;
float:  left;
z-index:  33;

top:  0px;
left:  0px;

width:  100%;
height:  100%;

}


#bg {
position:  absolute;
display:  block;

width:  100%;
height:  100%;

float:  left;
z-index:  3;

background:  #cdc6b5;



}


/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #############       HEADER        ############### */
/* ################################################# */
/* ################################################# */
/* ################################################# */

#logo {
position: absolute;
display:inline-block;
width:105px;
height: auto;


float: left;
z-index:7;

top:15px;
left:15px;



}

.home #logo {
display:none;

}

#logo img {
display:inline-block;
width:100%;
height: auto;

}

.post #logo,
.event #logo,
.signup #logo {
position: absolute;
display:inline-block;
width:55px;
height: auto;


float: left;
z-index:7;

top:15px;
left:15px;

padding: 8px;

border-radius: 0px;

background:#030303;

}

.post #logo:hover,
.event #logo:hover,
.signup #logo:hover {
background:#232323;

}


#header_links {
position: absolute;
display:inline-block;
width:auto;
height: auto;


float: left;
z-index:773;

top:30px;
right:48px;


padding: 0;

font-size:0px;

}

#header_links a,
#header_links a:visited {
display:inline-block;
width:auto;
height: auto;

padding: 7px 2px 7px 2px;
margin: 0 41px 0 0;
font-family:'corbeau_bold';
font-size:22px;
color:#fff;


}


.page #header_links a,
.page #header_links a:visited {
color:#1373af;

}

.post #header_links a,
.post #header_links a:visited,
.event #header_links a,
.event #header_links a:visited,
.signup #header_links a,
.signup #header_links a:visited {
color:#111;

}

.page.give #header_links a,
.page.give #header_links a:visited {
color:#fff;

}

.page.contact #header_links a,
.page.contact #header_links a:visited,
.page.news #header_links a,
.page.news #header_links a:visited {
color:#ff6b37;

}




#menu_button button {
position: fixed;
display:inline-block;
width:auto;
height: auto;


float: left;
z-index:777;

top:25px;
right:0px;

background:#fff;

padding: 11px 11px 9px 11px;

font-size:27px;
font-family:'corbeau_bold';
color:#111;


opacity:1;

 -moz-transition-duration: 0.5s;
 -o-transition-duration: 0.5s;
 -webkit-transition-duration: 0.5s;
 transition-duration: 0.5s;

}


#menu_button.fade button {
opacity: 0;

right: -55px;


}

#menu_button.show button {
opacity:1;
right:0px;

}

#menu_button.off button {
display:none;


}


#menu_bars {
position: relative;
display:inline-block;

width:27px;
height: 21px;

margin: 2px 0 0 0px;

}


#menu_bar_a,
#menu_bar_b,
#menu_bar_c {
position: absolute;
display:inline-block;
width:100%;
height: 3px;
float: left;
background:#111;
margin:0px 0 0 0px;
}


#menu_bar_a {
z-index:778;
top:0px;
right:0px;

}

#menu_bar_b {
z-index:779;
top:8px;
right:0px;
height: 4px;

}


#menu_bar_c {
z-index:778;
right:0px;
bottom:1px;

}


.page #menu_button button {
background: #1373af;

}

.page.give #menu_button button {
background: #fff;

}

.page.contact #menu_button button,
.page.news #menu_button button {
background: #ff6b37;

}

.page #menu_bar_a,
.page #menu_bar_b,
.page #menu_bar_c {
background:#fff;

}

.page.give #menu_bar_a,
.page.give #menu_bar_b,
.page.give #menu_bar_c {
background:#111;

}




#menu_close button {
position: fixed;
display:none;
width:auto;
height: auto;


float: left;
z-index:778;

top:25px;
right:0px;

background:#fff;

padding: 11px 11px 9px 11px;

font-size:27px;
font-family:'corbeau_bold';
color:#111;


}





#menu_close.on button {
position: fixed;
display:inline-block;
width:auto;
height: auto;


float: left;
z-index:778;

top:25px;
right:0px;

background:#fff;

padding: 11px 11px 9px 11px;

font-size:27px;
font-family:'corbeau_bold';
color:#111;


}


#menu_close_bars {
position: relative;
display:inline-block;

width:27px;
height: 27px;

margin: 0px 0 0 0px;

transform: rotate(45deg);

}


#menu_close_bar_a {
position: absolute;
display:inline-block;
width:100%;
height: 5px;
float: left;
background:#111;
margin:0px 0 0 0px;
}

#menu_close_bar_b {
position: absolute;
display:inline-block;
width:5px;
height: 100%;
float: left;
background:#111;
margin:0px 0 0 0px;
}


#menu_close_bar_a {
z-index:778;
top:11px;
right:0px;

}

#menu_close_bar_b {
z-index:779;
top:0px;
right:11px;


}

#menu_mobile {
display:none;

}

/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #############         MENU        ############### */
/* ################################################# */
/* ################################################# */
/* ################################################# */

#main_menu {
position: fixed;
display:none;
width:100%;
height: 100%;

background:#010101;
background:#080b14;
background:#0c0c0c;


float: left;
z-index: 775;

top: 0px;
left:0px;

}


#main_menu.on {
display:block;


}


#menu_inside {
display: inline-block;
width: auto;
text-align: left;

margin: auto;



}

#menu_inside a,
#menu_inside a:visited {
display: inline-block;
float: left;
clear:both;
margin: 9px auto;

color:#fff;
font-size: 25px;
font-family:'corbeau_bold';


}

#menu_inside a:hover {
color:#ffb628;

}



/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ##############################                             ################################ */
/* ##############################                             ################################ */
/* ##############################      HOMEPAGE STYLES        ################################ */
/* ##############################                             ################################ */
/* ##############################                             ################################ */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */




.home #bg_under {
position: fixed;
display:inline-block;
width:100%;
height: 100%;

background:#fff;

float: left;
z-index:1;

top:0px;
left:0px;


}

#home_intro {
position: absolute;
display:inline-block;
width:100%;
height: 103%;
height: calc(100% + 135px);

background:#0d64b4;

background:url(../images/home_b5.jpg);
background-size: cover; 
background-position:center center;


float: left;
z-index:2;

top:0px;
left:0px;

}


.home #intro_screen {
position: absolute;
display:inline-block;
width:100%;
height: 300%;



float: left;
z-index:4;

top:0px;
left:0px;



}


#intro_screen_text {
position: absolute;
display:inline-block;

float: left;
z-index: 7;

bottom: 70%;
bottom: calc(66% + 9%);
left: 7%;

width: 50%;
height: auto;

color:#fff;
font-size: 19px;

}

#intro_screen_text div {
display:inline-block;
width: 100%;
font-family:'corbeau_bold';

}

#intro_screen_text div span {
font-size: 65px;
font-family:'corbeau_medium';
font-weight: 100;


}

#intro_screen_text div span span {
font-size: inherit;
font-family:'corbeau_bold';
font-weight: 900;


}


#intro_action {
display:inline-block;
width:auto;
height: 43px;
font-size: 43px;
font-family:'corbeau_bold';
font-weight: 900;

margin: 30px 0 0 0;
line-height:1;


}

#intro_screen_text #intro_action div.triangle {
display: inline-block;
vertical-align: top;
    width: 0;
    height: 0;
    border-top: 0.5em solid transparent;
    border-left: 0.8em solid #0977dc;
    border-bottom: 0.5em solid transparent;


-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;


margin: 0 0 0 0.2em;




}


#intro_screen_text #intro_action:hover div.triangle {



margin: 0 0 0 0.3em;




}


#home_cube {
position: absolute;
display:inline-block;
width: 55%;
height: 28%; 
float: left; 
z-index:3; 
top:32%;
top:calc(25% + 65px);
right: 5%;
background:#084073;
background:url(images/home_b5.jpg);
background-size: cover; 
background-position:center center;
background:#084073;

padding: 45px;
text-align: left;
font-size: 0px;

}


#news_img {
position: relative;
display:inline-block;
width:50%;
height: 100%;
height: calc(100% - 45px);
font-size: 0px;

background:url(../images/home_news_img.jpg);
background-size: cover;
background-position: center center;

padding: 15px;

}



#news_img span {
position: absolute;
display:inline-block;
width:100%;
height: auto;

float: left;


font-size: 29px;
color:#fff;
font-family:'corbeau_bold';
font-weight: 900;

bottom:30px;
left:30px;

line-height: 1;


}


#new_img_one {
position: absolute;
display:inline-block;
width:100%;
height: 100%;

float: left;
z-index:10;

top:0px;
left:0px;

opacity: 0;

}

#new_img_two {
position: absolute;
display:inline-block;
width:100%;
height: 100%;

float: left;
z-index:11;

top:0px;
left:0px;

opacity: 0;

}

#new_img_three {
position: absolute;
display:inline-block;
width:100%;
height: 100%;

float: left;
z-index:12;

top:0px;
left:0px;

opacity: 0;

}


#new_img_one.on,
#new_img_two.on,
#new_img_three.on {
opacity:1;

}



#cube_news {
position: relative;
display:inline-block;
width:49.9%;
height: auto;

padding: 5px 0 45px 45px;

text-align: left;

color:#fff;

font-size: 19px;




}


a#cube_news_title,
a#cube_news_title:visited {
display: inline-block;
margin: 0 0 22px 0;

font-family:'corbeau_bold';
color:#0977dc;
}

a#cube_news_title:hover {
color:#3a9ffd;

}


a.cube_news_item,
a.cube_news_item:visited {
display: block;
margin: 0 0 35px 0;

font-family:'corbeau_medium';
color:#fff;
opacity: 1;
font-size: 17px;

}

a.cube_news_item h3,
a.cube_news_item:visited h3 {
display: block;
width:100%;
font-family:'corbeau_bold';
color:#fff;
font-size: 29px;

line-height:1;
padding:0px;
margin:0px;

  
}

a.cube_news_item span,
a.cube_news_item:visited span {
display: inline;
width:auto;
font-family:'corbeau_medium';
color:#5bb1ff;
font-size: inherit;



padding: 0px;

margin: 0 0 0 0px;

  
}

a.cube_news_item:hover span span {


  
}

a.cube_news_item:hover {
opacity: 0.7;

}

#home_mid_left {
position: absolute;
display: inline-block;
width: 28%;
height: 27%;

float: left;
z-index: 8;

top: 50%;
left: 7%;

background:#2c903a;

}


#home_mid_left span {
position: absolute;
display: inline-block;
width: 100%;
height: auto;

float: left;
z-index: 9;

top: 105%;
top: calc(100% + 30px);
left: 0%;

color:#111;
font-size: 27px;
font-family:'corbeau_bold';
font-weight: 900;


}

#home_mid_left span a,
#home_mid_left span a:visited {
display: inline-block;
width: auto;
height: auto;

color:#0d64b4;
font-size: inherit;
margin: 0.42em 0 0 0;




}


#home_mid_right {
position: absolute;
display: inline-block;
width: 28%;
height: 27%;

float: left;
z-index: 9;

top: 63%;
top:calc(63% + 45px);
top:calc(33% + 65px + 28% + 70px);


left: 40%;

padding: 30px;

background:#e2030c;

/*background:url(../images/home_news_4.jpg);*/
background-size:cover;
background-position: center center;


color:#fff;
font-size: 23px;

text-align: left;


}


/* ################################################# */
/* ################################################# */
/* ################################################# */
/* ################################################# */
/* ################################################# */

#home_video {
position:absolute;
display:block;
width:100%;
height:90%;
min-height: 655px;

background:#eb8d04;

float: left;
z-index:2;

top:300%;
left:0px;

color:#fff;

overflow:hidden;

}

#yellow_fader {
position: relative;
display:block;
width: 100%;
height: 100%;


overflow:hidden;

background:rgba(231,137,5,0.0);

 -moz-transition-duration: 2.5s;
 -o-transition-duration: 2.5s;
 -webkit-transition-duration: 2.5s;
 transition-duration: 2.5s;

}

#yellow_fader.video {
background:rgba(10,10,10,1.0);

}


#home_video_one {
position:absolute;
display:inline-block;

width:100%;
height: 100%;

float: left;
z-index:7;

top: 0px;
left:0%;


 -moz-transition-duration: 2.5s;
 -o-transition-duration: 2.5s;
 -webkit-transition-duration: 2.5s;
 transition-duration: 2.5s;

}


#home_video_one.video {
top: 0px;
left:-100%;

}


#home_video_two {
position:absolute;
display:inline-block;

width:100%;
height: 100%;

float: left;
z-index:7;

top: 0px;
left:100%;


 -moz-transition-duration: 2.5s;
 -o-transition-duration: 2.5s;
 -webkit-transition-duration: 2.5s;
 transition-duration: 2.5s;

}


#home_video_two.video {
top: 0px;
left:0%;

}

#home_video_two button {
position: absolute;
display:inline-block;
width:14%;
height:100%;

float: left;
z-index: 8;

top: 0px;
left:0px;

padding: 0px;
margin: 0px;
background:none;

}


#video_holder {
display:inline-block;
width: 50%;
height: auto;





}


#home_video_left {
display: inline-block;
width: auto;
height: auto;
vertical-align: top;

text-align:center;

font-size: 19px;

margin: 0px 75px auto 135px;

}

#home_video_left span {
display: block;
width: auto;
height: auto;
vertical-align: top;

text-align:right;

font-size: 19px;
font-family:'corbeau_medium';
font-weight: 100;
line-height: 1.3;



}

#home_video_left span span {
display: block;
width: 100%;
height: auto;
vertical-align: top;

text-align:right;

font-size: 19px;
font-family:'corbeau_bold';
font-weight: 900;



}


#home_video_left button {
display: inline;
background:none;
padding:0px;
margin:0px;
width:auto;
height: auto;


}



#play_btn {
display: inline-block;
width: 170px;
height: 170px;
vertical-align: middle;
text-align: center;

position: relative;

cursor: pointer;

margin: 25px 0 0 0;

}

.btn_circle_holder {
position: absolute;    
display: block;

width: 100%;
height: 100%;

vertical-align: middle;
text-align: center;

float: left;

z-index: 3;

top: 0px;
left: 0px;

}

.btn_circle_holder table,
.btn_circle_holder tr,
.btn_circle_holder td {
width: 100%;
height: 100%;

vertical-align: middle;
text-align: center;

}


.circle {
display: inline-block;
vertical-align:middle;
width: 150px;
height: 150px;
border-radius: 150px;
background: none; 

border: solid #ff9815 13px;

-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;


cursor: pointer;

background: rgb(255,152,21, 1);
background:#ff9815;
}

#play_btn:hover .circle,
#pause_btn:hover .circle {
width: 160px;
height: 160px;
border-radius: 160px;
border: solid #ff9815 11px;

background: rgb(255,152,21, 1);
background:#ff9815;

}




#play_triangle_holder {
position: absolute;    
display: block;

width: 100%;
height: 100%;

vertical-align: middle;
text-align: center;

float: left;

z-index: 5;

top: 0px;
left: 0px;



}


#play_triangle_holder table,
#play_triangle_holder tr,
#play_triangle_holder td,
#pause_holder table,
#pause_holder tr,
#pause_holder td {
width: 100%;
height: 100%;

vertical-align: middle;
text-align: center;

font-size: 40px;
}


#triangle {
display: inline-block;
vertical-align: middle;
    width: 0;
    height: 0;
    border-top: 0.75em solid transparent;
    border-left: 1.5em solid #d67e00;
    border-bottom: 0.75em solid transparent;


-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;


margin: 0 0 0 0.2em;

}



#play_btn:hover #triangle {
border-top: 0.9em solid transparent;
border-left: 1.8em solid #d67e00;
border-bottom: 0.9em solid transparent;

border-top: 0.75em solid transparent;
border-left: 1.5em solid #d67e00;
border-bottom: 0.75em solid transparent;

}




#home_video_right {
display: inline-block;
width: 70%;
max-width: 550px;
height: auto;
vertical-align: top;

text-align:left;

font-size: 17px;

margin: 0 180px auto auto;

}

#home_video_right span {
display: block;

height: auto;
vertical-align: top;

text-align:left;

font-size: 72px;
font-family:'corbeau_bold';
font-weight: 900;
line-height: 0.9;

text-transform: uppercase;

}

#home_video_right span span {


}


#home_video_right div {
display: block;
width: 100%;
height: auto;
vertical-align: top;

text-align:left;

font-size: 18px;
font-family:'corbeau_medium';
font-weight: 100;

margin: 1em 0 0 0;

}








/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ##############################                             ################################ */
/* ##############################                             ################################ */
/* ##############################        PAGE  STYLES         ################################ */
/* ##############################                             ################################ */
/* ##############################                             ################################ */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */


/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #########    PAGE TEMPLATE STYLES     ########### */
/* ################################################# */
/* ################################################# */
/* ################################################# */


#content_holder {
display: block;
width: 100%;
height: auto;

text-align: left;

background: #e5e2da;

}


#page_row_1 {
position: relative;
display: block;
width: 100%;
height: auto;




white-space: nowrap;
overflow: hidden;

border-top: 0px solid #e5e2da;

border-bottom: 2px solid #e5e2da;

}


.page #home_banner_img {
position: absolute;
display: inline-block;

width: 35%;


height: 100%;

max-height: 855px;

left: 0px;
top:0px;

background: url(../images/bg_about_2.jpg);

background-size: cover;
background-position: center center;

border-right: 1px solid #b5b2a8;


}



#page_text_holder_1 {
position: relative; 
display: inline-block;
width: 65%;
height: 100%;

margin: 0 0 0 35%;
padding: 70px 0 0 0px;

font-size: 18px;
white-space: normal;
background: #f8f7f4;



}

.content {
display: inline-block;
width: 100%;

max-width: 715px;

height: auto;

padding: 75px 75px 75px 75px;

line-height: 1.5;
letter-spacing: 0.5px;

font-size: 18px;


}







.page.give .content a,
.page.give .content a:visited {
display: inline;

font-family: inherit;

font-size: inherit;

border-bottom: 1px solid #111;

background: none;

color: #111;

padding: 0px;

border-radius: 0px;

}

.page.give .content a:hover {
display: inline;

font-family: inherit;

font-size: inherit;

color: #eb0045;

border-bottom: 1px solid #eb0045;

background: none;
padding: 0px;


}


.content h3 {
color: #008baf;


}

/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #########       CONTENT STYLES        ########### */
/* ################################################# */
/* ################################################# */
/* ################################################# */

.page.contact .content {
color: #fff; 

}

.content strong {
font-family: 'corbeau_bold';
font-weight: 700;
font-size: 1em;
color: #111;

}

.content u {
font-family: 'corbeau_medium';
font-weight: 100;
border-bottom: none;

}


.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
font-weight: 100;
line-height: 1.4;
margin: 0 0 0em 0;


}

.content h2 {
font-size: 300%;

}


.page.contact .content h2,
.page.contact .content h3 {
color:#ff6b37;

}


.content p {
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;  
margin: 0em 0px 1.5em 0;


}

.content p:first-of-type {
-webkit-margin-after: 0em;
margin: 0 0 1.5em 0px;



}

.content a,
.content a:visited {
display: inline;
font-family: inherit;
text-decoration: none;
border-bottom: 1px #008dc8 solid;
padding: 0px;
background: none;
color:#008dc8;

}


.content a:hover {
color: #03b3fc;
border-bottom: 1px #03b3fc solid;

}


.page.contact .content a,
.page.contact .content a:visited {
display: inline;
font-family: inherit;
text-decoration: none;
border-bottom: 1px #ff6b37 solid;
padding: 0px;
background: none;
color:#ff6b37;

}


.page.contact .content a:hover {
color: #ff8c37;
border-bottom: 1px #ff8c37 solid;

}



.content h3 a,
.content h3 a:visited,
.content h3 a,
.content h3 a:visited {
display: inline-block;
width: auto;
height: auto;

background: #e2030c;

font-family: 'corbeau_medium';

border-radius: 5px;

padding: 11px 17px 11px 17px;

color: #fff;

font-size: 20px;

border: 0px;

}



.content h3 a:hover,
.content h3 a:hover {
background: #fb2b09;
padding: 11px 17px 11px 17px;

color: #fff;
border: 0px;  

}


.content h4 a,
.content h4 a:visited {
display: inline-block;
width: auto;
height: auto;

background: #00af9a;

font-family: 'corbeau_medium';

border-radius: 3px;

padding: 6px 12px 6px 12px;

color: #fff;

font-size: 16px;

border: 0px;

}



.content h4 a:hover {
background: #048f7e;
padding: 6px 12px 6px 12px;

color: #fff;
border: 0px;  

}



.content em {
font-family: inherit;
font-weight: 100;

}

.content ul {
width: auto;
margin: 0.2em 0 1em 0;
list-style-type: square;
padding: 0;


}


.content li {
width: auto;
margin: 0em 1em 0em 3em;
list-style-type: square;
padding: 0.75em 0.5em;
font-size: 90%;

}


.content img {
max-width: 100%;
display: block;

}






.page #home_text_holder_1 .content a,
.page #home_text_holder_1 .content a:visited {
padding: 11px 17px 11px 17px;


}

.page #home_text_holder_1 .content a:hover {
padding: 11px 17px 11px 17px;

}







.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;

}

.aligncenter {
clear: both;
display: block;
margin: 0 auto;

}

.alignright {
    display: inline;
    float: right;
    margin: 0.8em 0.3em 0.8em 1em;
}

.alignleft {
    display: inline;
    float: left;
    margin: 0.8em 1em 0.8em 0.3em;
}


.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
    font-size: 19px;
}

article, aside, details, figcaption, figure, footer, header, main, nav, section {
    display: block;
}




/* ################################################# */
/* ################################################# */
/* ################################################# */
/* ########     PROBLEM PAGE STYLES       ########## */
/* ################################################# */
/* ################################################# */
/* ################################################# */


#problem_intro {
position:relative;
display:block;
width:100%;
height:105%;
height:calc(100% + 90px);
background:#000;

}



#problem_intro_text {
position: absolute;
display:inline-block;

width: auto;
height: auto;

float: left;
z-index: 5;

left:11%;
top:29%;

}

.padded-lines { 
line-height: 1.2; 
padding: 2px 0;
font-size:  100%;
margin:  0px;

  
}

.padded-lines span { 
background:#171717;
 
display: inline;
padding: 0.15em 11px;

color: #e9e9e9;
font-size:  44px;
font-family:  'corbeau_bold', Arial;
  
  /* Needs prefixing */
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;

  white-space: nowrap;
}


span#problem_intro_text_two {
position: absolute;
display: inline-block;
float: left;
z-index:13;
top: 105%;
top:calc(100% + 45px);
left: 0px;
font-family:'corbeau_bold';
font-size:34px;
color: #e9e9e9;
background-color: #171717;
padding: 0.15em 11px;

}


#problem_intro_img {
position:absolute;
display:inline-block;
width:47%;
height: 80%;
float:left;
z-index:2;
left:44%;
top:20%;
background:url(../images/page_crisis_022b.jpg);
background-size: cover;
background-position:center center;

}

.crisis button#down_arrow {
bottom:17%;

}






span#problem_down_arrow {
display: none;
width:100%;
font-size: 44px;
font-family:'symbols';
color: #ff3122;

margin: 25px 0 0 0;

padding: 0 0 0 25px;

}


#problems_more {
height:555px;


}


.problem_plain_text_holder {
display:block;
width:100%;
background:#000;
color:#e9e9e9;
font-family:'corbeau_bold';


}

#problems_more_text {
display:inline-block;
width:100%;
max-width: 655px;
font-size:44px;
text-align:left;

}


.problem_img {
position:relative;
display:block;
width:100%;
height:auto;

}

.problem_img img {
display:block;
width:100%;
height:auto;

}


#problem_cols {
height:auto;
padding:135px 25px;

}

#problem_cols_inside {
display:inline-block;
width:100%;
width: calc(100% - 180px);
max-width:1185px;
font-size:21px;
text-align:left;


}

#problem_cols_inside h2 {
font-size: 44px;
margin: 0 0 25px 0;

}

#problem_cols_text {
display:inline-block;
width:100%;
columns: 3; 
column-gap: 45px;

}


#problem_text_three {
position: absolute;
display:inline-block;

width: auto;
height: auto;

float: left;
z-index: 5;

bottom: 35%;
left: 7%;



}





#problem_text_five {
position: absolute;
display:inline-block;

width: auto;
height: auto;

float: left;
z-index: 5;

bottom: 15%;
left: 7%;



}

#problem_short_line {
height:555px;

}


#problem_short_line div {
display:inline-block;
width:100%;
width: 90%;
max-width:555px;
font-size:44px;
text-align:center;
  
}


#problem_text_seven {
position: absolute;
display:inline-block;

width: auto;
height: auto;

float: left;
z-index: 5;

bottom: 21%;
right: 7%;



}

#problem_red {
display:block;
width:100%;
height:auto;
background:#c80f05;
padding: 135px 0;


}

#problem_red div {
display:inline-block;
width: 90%;
max-width:955px;
color:#fff;
font-family:'corbeau_bold';
font-size:23px;
text-align:left;
columns: 2;
column-gap: 45px;


}

#problem_blue {
display:block;
width:100%;
height:90%;
background:#1257cb;
padding: 90px 45px;

}

#problem_blue_inside {
display:inline-block;
width:100%;
max-width: 555px;
color:#fff;
text-align:left;


}

#problem_blue_inside .content {
font-family:'corbeau_bold';
font-size:23px;
color:#fff;
padding:0px;


}

#problem_blue_inside .content h3 a,
#problem_blue_inside .content h3 a:visited  {
font-family:'corbeau_bold';

}





/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #########      NEWS FEED STYLES       ########### */
/* ################################################# */
/* ################################################# */
/* ################################################# */


#news_intro {
position: relative;
display:block;
width:100%;
height:auto;
min-height: 100%;
padding: 0px 0px 0px 0px;
text-align:left;
background:#27c9f7;
background:#10b6e5;
color:#fff;

}

#news_intro_left {
position: absolute;
display:inline-block;

float: left;
z-index:7;

left:9%;
bottom: 20%;

width: 39%;


height: auto;


}


#news_intro_left h2 {
font-size: 55px;
color:#dd2c44;
color:#fff;

margin: 0px;
padding: 0px;

color:#ff6b37;
color:#f93f2c;

}

#news_intro_left div {
display:inline-block;
width: 100%;
max-width: 595px;
font-size: 27px;
font-family:'corbeau_bold';
color:#dd2c44;
color:#fff;

margin: 5px 0 0 0px;
padding: 0px;

}









#news_intro_right {
position: absolute;
display:inline-block;

float: left;
z-index:7;

left:135px;
left: calc(9% + 39% + 9%);
bottom: 20%;
bottom: calc(20% - 22px);


width: 33%;


height: auto;

color:#f93f2c;

text-align: left;
}




#news_intro_right h2 { 
display:inline-block;
width: auto;

padding: 4px 7px;

background:#9b080e;
color:#fb503f;
color:#fb5949;

font-size: 22px;
margin: 0 0 11px 0;


}

#news_intro_newest {
display:block;
width: 100%;
text-align: left;


}


.newest_item {
display:block;
width: 100%;
font-size: 19px;
font-family:'corbeau_bold';

margin: 22px 0;

color:#f93f2c;
color:#fb503f;
color:#fb5949;

}

.newest_item span {
display:block;
width: 100%;
font-size: 27px;
font-family:'corbeau_bold';

margin: 0px 0 5px 0;

color:#f93f2c;
color:#fc6758;
color:#fb5949;

}

.newest_item:hover,
.newest_item:hover span {
color:#fa988e;

}

.newest_spacer {
display:block;
width: 95%;
height: 4px;
background:#c02027;

}


button#down_arrow {
position: absolute;
display:inline-block;

width: 49px;
height: 49px;

float: left;
z-index: 8;

right:0px;
bottom: 11%;


text-align: left;
padding: 0 0 0 16px;

font-family:'symbols';

font-size: 29px;
background:#dd321d;
color:#fff;

}

button#down_arrow:hover {
background:#ff8828;

}


#news_main_holder {
display:block;
width:100%;
height:auto;
padding: 135px 0px 135px 0px;
text-align:left;
background:#fff;

color:#111;

}

#news_main_holder_text {
display:inline-block;
width: 100%;
max-width: 495px;

margin: 0 0 45px 135px;

font-size: 19px;
color:#7a7a77;

font-family:'corbeau_bold';



}


#news_main_inside {
display:inline-block;
width: 100%;
text-align: left;
font-size: 19px;



}




#news_feed {
display: block;
width: 100%;

height: auto;

font-size: 0px;
text-align: left;

margin: 30px 0 0 0;
padding: 0 44px;

}


.news_feed_item {
position: relative;
display: inline-block;
width: 23%;
width: calc(25% - 1px - 22px);
height: auto;

margin: 0 11px 25px 11px;

font-size: 0px;

text-align: left;

}

.news_feed_img {
position: relative;
display: inline-block;
width: 100%;
height: auto;

position: relative;
padding-bottom: 100%; /* 16:9 */ 
padding-top: 0px;
height: 0;

border: 0px solid #adada8;




}

.news_feed_item:hover .news_feed_img {



}

.news_feed_item .news_feed_img div {
position:absolute;
display:inline-block;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.14);
top:0px;
left:0px;

}

.news_feed_item:hover .news_feed_img div {
display:inline-block;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.0);

}

.news_feed_item .news_feed_img span {
position:absolute;
display:inline-block;
width: auto;
height: auto;

float: left;
z-index: 12;

bottom:15px;
right:15px;

padding: 6px 8px;
border-radius: 4px;


background: #111;
color:#fff;
font-size: 15px;
font-family:'corbeau_bold';

}

.news_feed_item .news_feed_img span.item_event {
background: #b9080f;

}

.news_feed_item .news_feed_img span.item_blog {
background: #0d64b4;

}


.news_feed_item .news_feed_item_title {
display: block;
width: 100%;
height: auto;
font-size: 22px;
font-family:'corbeau_bold';

padding: 15px 5px 5px 5px;

color:#7a7a77;


}

.news_feed_item:hover .news_feed_item_title {
color:#111;


}


.news_feed_item_date {
display: block;
width: 100%;
height: auto;
font-size: 17px;
font-family:'corbeau_bold';

padding: 0px 5px 15px 5px;
color:#9a9a99;

}

.news_feed_item:hover .news_feed_item_date {
color:#5a5a55;

}

#events_nav {
display:block;
width:100%;
padding: 45px 45px;
text-align:center;

}


#events_nav span {
display: inline-block;
font-size: 19px;
font-family:'corbeau_bold';
color:#fff;
background:#ffa61a;
color:#333;
color:#5a5a55;

border-radius:2px;
padding: 11px 11px;
margin: 0 2px;

line-height:1;

}


#events_nav a,
#events_nav a:visited {
display: inline-block;
font-size: 19px;
font-family:'corbeau_bold';
color:#fff;

background:#e89a1f;
background:#ffcf28;
color:#333;
color:#5a5a55;

border-radius:2px;
padding: 11px 11px;
margin: 0 2px;

line-height:1;

}

#events_nav a:hover {
background:#ff9c28;
color:#2a2a22;

}


#explore_more_holder {
position:relative;
display:block;
width:100%;
height: 80%;
min-height: 525px;
background:#2e0d0d;
background:#0e49cd;
font-size:0px;

}

#explore_more_img {
position:absolute;
display:inline-block;
width:45%;
height: 100%;
left:0px;
top:0px;
background:url(../images/page_news_005.jpg);
background-size:cover;
background-position:center center;


}

#explore_more_tag {
position:absolute;
display:inline-block;
font-size:45px;
color:#fff;
font-family: 'corbeau_bold'; 
bottom: 45px;
left:45px;


}

#explore_more_main_text {
position:absolute;
display:inline-block;
width:45%;
width:calc(100% - 45% - 1px);
height: 100%;
right:0px;
top:0px;
padding: 45px;


}


#explore_more_text_inside {
display:inline-block;
width:100%;
max-width:425px;
text-align: left;
font-size: 19px;
color:#fff;



}

#explore_more_text_inside a,
#explore_more_text_inside a:visited {
display:inline-block;
width:auto;
text-align: left;
font-size: 19px;
color:#fff;

}

#explore_more_text_inside a:hover {
color:#fff;

}

#explore_more_text_inside a span,
#explore_more_text_inside a:visited span {
color:#fff;
font-family:'symbols';
margin: 0 0 0 5px;

}

#explore_more_text_inside a:hover span {
color:#fff;
margin: 0 0 0 11px;
}


/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #########      BLOG PAGE STYLES       ########### */
/* ################################################# */
/* ################################################# */
/* ################################################# */


#blog_content_holder {
position: relative;
display:block;
width:100%;
height: auto;
text-align: center;

background:#f0e9e2;
background:#eceae7;

padding-top:250px;



}


#blog_content_inside {
display: inline-block;
width:600px;

margin: 0px auto 90px auto;

text-align: left;

}


#blog_content_top {
position: relative;
display: inline-block;
width:100%;

text-align:left;

font-size:0px;

color:#111;

}

#blog_content_top h2 {
display: block;
width:100%;
text-align:left;
font-size:47px;
font-family:'corbeau_bold';
font-weight: 900;

margin: 0 0 11px 0;

}


#blog_content_top span {
display:block;
width:100%;
text-align:left;
font-size:24px;
font-family:'corbeau_medium';
font-family: 'imperial';

margin: 0 0 33px 0;

}

#blog_intro_img {
position: relative;
display:block;
width:100%;
height: 400px;

margin: 0 0 45px 0;

}

#post_author {
position: relative;
display:block;
width:100%;
text-align:left;

font-size: 21.5px;

font-family:'corbeau_bold';

margin: 0 0 5px 0;

color:#111;
}

#post_date {
position: relative;
display:block;
width:100%;
text-align:left;

font-size: 15.5px;

font-family:'corbeau_medium';

margin: 0 0 22px 0;

color:#555;
}


#post_cat {
position: absolute;
display:inline-block;
width:auto;

float: left;
z-index: 3;

right: 15px;
bottom: 47.5px;

text-align:left;


font-size:17px;
font-family:'corbeau_bold';
font-weight: 900;

color:#fff;
background:#d4c9be;
background:#0d64b4;
background:#c3b8ac;


margin: 0 0 0px 0;
padding: 4px 7px;
}

#post_cat:hover {
background:#0d8bff;
background:#b6ada5;

}


.post .content {
display: inline-block;
width: 100%;

max-width: 715px;

height: auto;

padding: 0px 0px 0px 0px;

line-height: 1.5;
letter-spacing: 0.5px;

font-size: 19.5px;

font-family: 'imperial';


}


#blog_about {
display:block;
width:100%;
height:auto;

font-size: 23px;

font-family:'corbeau_medium';
color:#333;

margin: 45px 0 0 0;


}


/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #########      EVENT PAGE STYLES      ########### */
/* ################################################# */
/* ################################################# */
/* ################################################# */


#event_holder {
position: relative;
display:block;
width:100%;
height: auto;
text-align: center;

background:#f0e9e2;
background:#eceae7;



}

img#event_main_img {
display: inline-block;
width: 400px;
height: auto;

margin: 0 45px 90px auto;
vertical-align: top;

border-radius: 0px;

}


#event_inside {
display: inline-block;
width:550px;

margin: 0px auto 90px auto;

text-align: left;

vertical-align: top;

}





#event_top {
display: inline-block;
width:100%;

text-align:left;

font-size:0px;

color:#111;

}

#event_top a,
#event_top a:visited {
display: inline-block;
width:auto;
text-align:left;
font-size:17px;
font-family:'corbeau_bold';
font-weight: 900;

color:#fff;
background:#d4c9be;
background:#c3b8ac;

margin: 0 0 11px 0;
padding: 4px 7px;

}

#event_top a:hover {
background:#b6ada5;

}




#event_top h2 {
display: block;
width:100%;
text-align:left;
font-size:47px;
font-family:'corbeau_bold';
font-weight: 900;

margin: 0 0 11px 0;

}

#event_top img {
display:none;

}

#event_top span#event_date {
display:block;
width:100%;
text-align:left;
font-size:27px;
font-family:'corbeau_bold';
color:#d71f35;
color:#eb0542;
margin: 0 0 4px 0;

}


#event_top span#event_location {
display:block;
width:100%;
text-align:left;
font-size:23px;
font-family:'corbeau_medium';
color:#de3b15;
color:#00b09b;
margin: 0 0 11px 0;

}

.event .content {
display: inline-block;
width: 100%;

max-width: 715px;

height: auto;

padding: 0px 0px 0px 0px;

line-height: 1.5;
letter-spacing: 0.5px;

font-size: 19.5px;


}


#rsvp_button {
display: block;
width:100%;
height: auto;

text-align: left;

margin: 15px 0 0 0;

}


#rsvp_button a,
#rsvp_button a:visited {
display: inline-block;
width:auto;
height: auto;

text-align: left;

padding: 8px 11px;

background:#0a73ea;
color:#fff;
font-size: 21px;
font-family:'corbeau_bold';

border-radius:5px;


}

#rsvp_button a:hover {
background:#0a9aff;

}



/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #########      GIVE PAGE STYLES       ########### */
/* ################################################# */
/* ################################################# */
/* ################################################# */


#give_intro_screen {
display: block;
width: 100%;
height: 100%;





}






.page.give #home_banner_img {
position: relative;
display: block;
width: 100%;
height: 50%;

text-align: center;



}


.page.give #home_banner_img table,
.page.give #home_banner_img table {
width: 100%;
height: 100%;

}

.page.give #home_banner_img td {
width: 100%;
height: 100%;

text-align: center;
vertical-align: middle;

}



.page.give #home_banner_img h3 {
display: inline-block;

width: 100%;
text-align: center;



font-size: 55px;

color: #fff;

}




.page.give #content_holder {
background: #fff;

}



#give_intro_text {
position: relative;
display: block;
width: 100%;
height: 100%;
text-align: center;

font-size: 0px;

background: #a1e3db;
background:#f7f8fa;
background: #6ff4f7;
background:#aaecec;
background:#cae1e4;
background:#47b2da;

background:url(../images/bg_give_004b.jpg);
background-size:cover;
background-position:top left;

color:#000;

font-size: 0px;

padding: 15px 11%;

}

#give_intro_text_left {
position: absolute;
display: inline-block; 
float: left;
z-index:5;
bottom: 13%;
left: 11%;
width: 31%;
height: auto;
color:#fff;
text-align: left;

font-size:31px;


}





#give_intro_text h2 {
display: block;
text-align: left;

font-size: 100%;

margin: 0 auto 0.75em auto;

}

#give_intro_text h3 {
display: block;
text-align: left;

font-size: 80%;

margin: 0 auto 1em auto;

font-family: 'corbeau_medium';

}

#give_intro_text a,
#give_intro_text a:visited {
display: inline-block;
text-align: center;

font-size: 19px;

margin: 0 auto 0em auto;
padding: 11px 16px;

font-family: 'corbeau_bold';

color: #fff;
background: #087eea;

border-radius: 4px;

}

#give_intro_text a:hover {
background: #04a3ff;

}


#give_intro_text a span,
#give_intro_text a:visited span {
font-family: 'symbols';


}


.page.give #content_holder {
background: #2f9cb1;
background: #087eea;
color: #fff;

}

.page.give #content_holder h1,
.page.give #content_holder h2,
.page.give #content_holder h3,
.page.give #content_holder h4,
.page.give #content_holder h5,
.page.give #content_holder h6 {
color: #97ebff;
color:#41c3ff;
color:#ffe743;
color:#8dc9ff;
color:#8ddbff;

}

.page.give #content_holder h2 {
font-size: 27px;

}


.page.give #content_holder a,
.page.give #content_holder a:visited {
color: #97ebff;
border-bottom: 1px solid #97ebff;

}

.page.give #content_holder a:hover {
color: #52dbf9;
border-bottom: 1px solid #52dbf9;

}

#two_col_holder {
position: relative;
display: inline-block;
width: 100%;
height: auto;

padding: 235px 0% 75px 0%;

margin: 0 auto;

}

.give #two_col_holder {
position: relative;
display: block;
width: 75%;
height: auto;

padding: 135px 0% 90px 4%;


}

.col_left {
display: inline-block;

width: 46.8%;
height: auto;

max-width: 655px;

margin: 0px 3% 25px 0%;


vertical-align: top;

}



.col_right {
display: inline-block;

width: 46%;
height: auto;

max-width: 655px;

margin: 0px 0% 25px 3%;


vertical-align: top;

}

.give .content {
padding: 0px;


}


#canada_helps {
display: block;
width: 100%;
height: auto;
padding: 90px 0;

background: #f7f8fa;

text-align: center;

font-size: 20px;

border-bottom: 90px solid #fff;
border-top: 90px solid #fff;

}


#canada_helps h3 {
display: block;
width: 100%;

padding: 0px 45px;
margin: 0px;

text-align: center;

font-size: 35px;

color: #111;

}

#canada_helps h4 {
display: block;
width: 100%;

padding: 0px 45px;
margin: 0px;

text-align: center;

font-size: 17px;
font-family: 'corbeau_medium';

color: #00af9a;



}


/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #########    CONTACT PAGE STYLES      ########### */
/* ################################################# */
/* ################################################# */
/* ################################################# */



#contact_holder {
position: relative;
display: block;
width: 100%;
height: auto;

padding: 155px 0% 125px 0%;

background:#190707;

}

#contact_left {
display: inline-block;

width: 30%;
height: auto;

max-width: 655px;

margin: 0px 5% 0px 13%;


vertical-align: top;

}


.contact .content {
padding: 0px;
margin-top: 0px;


}

#contact_form_holder {
display: inline-block;

width: 30%;
height: auto;

max-width: 655px;

margin: 10px 5% 0px 10%;


vertical-align: top;




}



input[type=email],

input[type=text],

input[type=password],

textarea, 

input {

font-family: 'corbeau_medium';
border: none;
border-radius: 0px;
font-size: 14px;
margin: 0 0 10px 0;
outline: 0;
padding: 9px;
width: 100%;
box-sizing: border-box; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
background-color: #fff;
color:#444;
    
-webkit-appearance: none;
-webkit-border-radius:0; 
border-radius:0;
border: none;
outline: none;
letter-spacing: 1px;
line-height: 1.3;

 border: 1px solid #fff;   

}



input[type=email]:focus,

input[type=text]:focus,

input[type=password]:focus,

textarea:focus, 

input:focus {

font-family: 'corbeau_medium';
border: none;
border-radius: 0px;
font-size: 14px;
margin: 0 0 10px 0;
outline: 0;
padding: 9px;
width: 100%;
box-sizing: border-box; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
background-color: #fff;
color:#444;
    
-webkit-appearance: none;
-webkit-border-radius:0; 
border-radius:0;
border: none;
outline: none;
letter-spacing: 1px;
line-height: 1.3;

border: 1px solid #ffcf28; 

}










input[type=text]:focus, textarea:focus {

outline: none;
letter-spacing: 1px;
line-height: 1.3;

}





.contact .contact_form input[type="text"],
.contact .contact_form input[type="date"],
.contact .contact_form input[type="datetime"],
.contact .contact_form input[type="email"],
.contact .contact_form input[type="number"],
.contact .contact_form input[type="search"],
.contact .contact_form input[type="time"],
.contact .contact_form input[type="url"],
.contact .contact_form textarea {
font-family: 'corbeau_medium';
border: none;
border-radius: 0px;
font-size: 14px;
margin: 0 0 10px 0;
outline: 0;
padding: 9px;
width: 100%;
box-sizing: border-box; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
background-color: #fff;
color:#444;
    
-webkit-appearance: none;
-webkit-border-radius:0; 
border-radius:0;
border: none;
outline: none;
letter-spacing: 1px;
line-height: 1.3;

 border: 1px solid #fff;   
    
}


.contact .contact_form input[type="text"]:focus,
.contact .contact_form input[type="date"]:focus,
.contact .contact_form input[type="datetime"]:focus,
.contact .contact_form input[type="email"]:focus,
.contact .contact_form input[type="number"]:focus,
.contact .contact_form input[type="search"]:focus,
.contact .contact_form input[type="time"]:focus,
.contact .contact_form input[type="url"]:focus,
.contact .contact_form textarea:focus {

background: #fff;
color: #111;
letter-spacing: 1px;
line-height: 1.3;

border: 1px solid #ffcf28;

}

/*
.custom_select_holder {
display: block;

margin: 0 0 10px 0;



}


.custom_select {
position: relative;
display: block;

min-width: 180px;
margin: 0 auto;
border: 0px solid #3C1C78;
background-color: #fff;
z-index: 10;
}

.custom_select select {
border: 1px solid #fff;
outline: none;
background: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
margin: 0;
display: block;
width: 100%;
padding: 9px 55px 9px 9px;
font-size: 14px;
color: #9a9a9a; 

margin: 0 0 0px 0;

font-family: 'corbeau_medium';


letter-spacing: 1px;
line-height: 1.3;

}


.custom_select select:focus {
border: none;
outline: none;
background: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
margin: 0;
display: block;
width: 100%;
padding: 9px 55px 9px 9px;
font-size: 14px;
color: #444; 

margin: 0 0 0px 0;

font-family: 'corbeau_medium';


letter-spacing: 1px;
line-height: 1.3;
border: 1px solid #ffcf28;

}


.custom_select:after {
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 100%;
line-height: 38px;
content: "D";
text-align: center;
color: #9a9a9a; 
font-size: 24px;
border-left: 1px solid #ddd;
z-index: -1;

font-family: 'symbols';

padding: 0 0 0 4px;

}


*/

textarea {
width: 100%;
height: 150px;
resize: none;
font-size: 21px;
font-family: 'corbeau_medium';
color: #111;
display: block;
padding: 15px;

letter-spacing: 1px;
line-height: 1.3;

}

textarea:focus {
width: 100%;
height: 150px;
resize: none;
font-size: 21px;
font-family: 'corbeau_medium';
color: #111;
display: block;
padding: 15px;

}









.contact .contact_form input[type="submit"],
.contact .contact_form input[type="button"]
{
    position: relative;
    display: inline-block;

    width: auto;
    padding: 19px 29px 19px 29px;
    color: #FFF;
    background: #ec9c1e;
    font-size: 15px;
    text-align: center;
    font-style: normal;
    
    margin: 0px;
    outline: none;
    border: 0px;
    cursor: pointer;
}
.contact .contact_form input[type="submit"]:hover,
.contact .contact_form input[type="button"]:hover
{
    background: #ffcf28;
    outline: none;
}






::-webkit-input-placeholder {
color: #9a9a9a;

}

:-moz-placeholder { /* Firefox 18- */
color: #9a9a9a; 

}

::-moz-placeholder {  /* Firefox 19+ */
color: #9a9a9a; 

}

:-ms-input-placeholder {  
color: #9a9a9a;  

}

[placeholder]::-webkit-input-placeholder {
color: #9a9a9a;

}

[placeholder]:focus::-webkit-input-placeholder {
transition: opacity 0.5s 0.5s ease; 
opacity: 0;

}   


#signup_mailchimp {
display:block;
width:100%;
height:auto;
padding: 135px 90px 90px 90px; 
text-align: center; 
background:#e5e2da;

}

.contact #signup_mailchimp,
.give #signup_mailchimp,
.not_found_page #signup_mailchimp {
display:  none;

}

#mailchimp_intro {
display:inline-block;
width:45%; 
max-width: 400px; 
vertical-align: top; 
font-size: 22px; 
color:#111; 
text-align: left;
margin: 0 90px 0 0;
padding: 90px 0 0 0;


}


#mailchimp_intro h2 {
line-height: 1;

}


#mailchimp_form {
display:inline-block;
width:45%; 
max-width: 700px; 
vertical-align: top; 
margin: 0px 0 0 0;

}



/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #########    FOOTER HOLDER STYLES     ########### */
/* ################################################# */
/* ################################################# */
/* ################################################# */

.home #footer_home_holder {
position: absolute;
display:block;
width:100%;
height: 100%;


float: left;
z-index: 2;

top: 390%;
left:0px;

}

#footer_home_holder {
position: relative;
display:block;
width:100%;
height: 100%;

}


/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #########    CALL TO ACTION STYLES    ########### */
/* ################################################# */
/* ################################################# */
/* ################################################# */


#call_to_action {
position:relative;
display:block;
width:100%;
height:auto;
min-height: 655px;
background:#000;
background:#fff;

padding: 180px 45px 180px 45px;
text-align:left;

}

.page.give #call_to_action,
.page.contact #call_to_action,
.page.not_found #call_to_action {
display:none;

}

#call_tagline {
display:block;
width:100%;
padding: 0 0 90px 0;

text-align: right;



}

#call_tagline {
display:block;
width:100%;
padding: 0 0 90px 0;

text-align: right;



}

#call_tagline div {
display:inline-block;
width:50%;
height: auto;
padding: 0 0 0px 0;

text-align: left;

font-size: 19px;
font-family:'corbeau_medium';

line-height: 1;

}

#call_tagline span {
display:block;
width:100%;
height: auto;
padding: 0 0 0px 0;

margin: 0 0 7px 0;

text-align: left;

font-size: 92px;
font-family:'corbeau_bold';
font-weight: 900;
line-height: 1;

}


#call_to_action_content {
display:inline-block;
width:100%;
max-width:2000px;
height:auto;


text-align: left;

font-size: 0px;




}

#call_to_action_content h3 {
display:inline-block;
width:100%;
height:auto;

float: left;
z-index:3;

top:30%;
left:12%;

text-align: left;

font-size: 95px;
font-weight: 900;
line-height:0.9;
margin: 0 0 25px 0;

padding: 0 30% 0 0;

}

.call_col {
display: inline-block;
width: 32.9%;
vertical-align: top;

font-size: 25px;
font-family:'corbeau_medium';

padding: 0 20px 35px 20px;
color:#111;
font-weight:100;


}

.call_col:hover  {


} 


.call_col span {
display: block;
width: 100%;
vertical-align: top;

font-size: 37px;
font-family:'corbeau_bold';

margin: 0 0 7px 0;
font-weight: 900;
color:#111;


}

.call_col:hover,
.call_col:hover span  {


} 


.call_class_arrow {
display: inline-block;
width: auto;
vertical-align: top;

font-size: 25px;
font-family:'symbols';

margin: 11px 0 0px 3px;
font-weight: 100;

color:inherit;



}

.call_col:hover .call_class_arrow {
margin: 11px 0 0px 11px;

} 

/* ################################################# */
/* ################################################# */
/* ################################################# */
/* ###########     TAGLINE STYLES       ############ */
/* ################################################# */
/* ################################################# */
/* ################################################# */


#tagline {
position:relative;
display:block;
width:100%;
height:auto;

}

.page.not_found #tagline {
display:none;

}

#tagline img {
display:block;
width:100%;
height:auto;

}

#tagline_inside {
position: absolute;
display: block;

top: 0px;
left: 0px;

width: 100%;
height: 100%;

float: left;

z-index: 3;


}

#tagline table,
#tagline tr {
width: 100%;
height: 100%;


}

#tagline td {
width: 100%;
height: 100%;

color: #f7f1e4;

font-size: 115px;

font-family: 'corbeau_bold';

vertical-align: middle;
text-align: center;



}


/* ################################################# */
/* ################################################# */
/* ################################################# */
/* ###########      FOOTER STYLES       ############ */
/* ################################################# */
/* ################################################# */
/* ################################################# */

#footer_site_info {
display: block;

width: 100%;
height: auto;

background: #22201c;

background: #f7f5f0;

background: #000;

padding: 65px 9%;

text-align: center;

color: #fff;



border-bottom: 5px solid #eb0045;

font-size: 19px;


}

.page.not_found #footer_site_info {
display: none;

}


#site_info_text {
display: inline-block;

width: 100%;
max-width: 455px;

text-align: left;

font-family: 'corbeau_medium';

line-height: 1.4;
letter-spacing: 0.5px;

margin: 0 auto;

}


#footer {
width: 100%;
height: auto;
display: block;
background: #22201c;

background: #191714;

background: #f7f5f0;

background: #000;

color: #fff;
padding: 115px 3% 115px 3%;
font-size: 0px;
vertical-align:top;

text-align: center;

}

.page.not_found #footer {
display:none;

}

#footer_inside {
display: inline-block;
width: auto;
max-width: 1455px;
height: auto;

margin: 0 auto;
padding: 0%;


white-space: nowrap;
font-size: 0px;
vertical-align:top;

text-align: left;



}



#footer_inside a#footer_title_link,
#footer_inside a#footer_title_link:visited {
display: inline-block;
position: relative;
font-family: 'corbeau_medium';
font-size: 35px;

width: 275px;
height: auto;

text-align: left;

color: #eb0045;

vertical-align: top;

white-space: normal;

overflow: hidden;

}

#footer_inside a#footer_title_link img,
#footer_inside a#footer_title_link:visited img {
display: inline-block;
width: 100%;
height: auto;

}


#footer_inside a#footer_title_link h3,
#footer_inside a#footer_title_link:visited h3 {
display: none;
width: 100%;
height: auto;

font-family: 'corbeau_thin';
font-size: 25px;



}

#footer h2 {
display: none;

}

.footer_col {
position: relative;    
display: inline-block;
width: auto;
font-size: 0px;
vertical-align:top;
font-family: 'fakt_medium';

margin: 91px 0px 0 55px;

white-space: normal;

}

.footer_col#footer_col_1 {
width: 215px;

}

.footer_col#footer_col_2 {
width: 195px;

}

.footer_col#footer_col_3 {
width: 215px;

}

.footer_col ul li {
list-style:none;
display: inline-block;

}

.footer_col ul {
display: inline-block;    
margin: 0 0 0px 0;
width: 100%;
padding: 0px;
position: relative;


}
.footer_col ul li {
display: inline-block;
width: 100%;
height: auto;

white-space: nowrap;

font-family: 'corbeau_bold';
color: #fff;

font-size: 0px;
position: relative;


}

.footer_col ul li span {
display: inline-block;
width: 100%;
position: relative;
white-space: nowrap;

font-family: 'corbeau_bold';
color: #fff;
line-height: 1;

font-size: 29px;
letter-spacing: 0.5px;

padding: 0 0px 5px 0px;
margin: 0 0 8px 0;

text-transform: uppercase;

}

.footer_col ul li a, 
.footer_col ul li a:visited {
display: inline-block;
width: auto;
position: relative;
font-family: 'corbeau_medium';
font-size: 16px;

transition: all 0s;
-webkit-transition: all 0s; /* Safari */

color: #858167;
color: #eee;

color: #ff4f83;

letter-spacing: 0.5px;


padding: 0 0px 5px 0px;
margin: 0 0 8px 0;

line-height: 1;


transition: all 0.3s;
-webkit-transition: all 0.3s; /* Safari */

white-space: normal;

}





.footer_col ul li a:hover {
color: #ffcf28;
color: #eb0045;
transition: all 0.3s;
-webkit-transition: all 0.3s; /* Safari */

}


.footer_col ul li span.mobile_only {
display: none;

}





/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ##############################                             ################################ */
/* ##############################                             ################################ */
/* ##############################     RESPONSIVE  STYLES      ################################ */
/* ##############################                             ################################ */
/* ##############################                             ################################ */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */
/* ########################################################################################### */


/* Small */
@media (min-width: 10px) {

#home_cube { 
padding: 25px;

}

a#cube_news_title,
a#cube_news_title:visited {
font-size: 19px;
}

#home_mid_left span {
font-size: 23px;

}

#home_mid_right {
padding: 25px;
font-size: 19px;

}



#home_video_left {
margin: 0px 45px auto 45px;

}

#home_video_right {
width: 50%;
max-width: 450px;
margin: 0 45px auto auto;

}


.padded-lines span, 
#problems_more_text,
#problem_cols_inside h2,
#problem_short_line div {
font-size: 34px;

}




.page #home_banner_img {
height: 100%;
max-height: 725px;

}


#news_intro_left {
width: 42%;
width: calc(100% - 135px);

}


#news_intro_right {
display:none;


}

img#event_main_img {
width: 350px;

}


#event_inside {
width:450px;

}

#give_intro_text_left {
bottom: 17%;
left: 60px;
width: 39%;
font-size:27px;

}

#give_intro_text h2 {
font-size:23px;

}


.give #two_col_holder {
width: 90%;
width: calc(100% - 90px);

padding: 90px 0% 45px 4%;

}


#call_to_action {
padding: 90px 33px 90px 33px;

}

#call_tagline {
padding: 0 0 70px 0;

}

#call_tagline div {
width: 100%;
padding: 0 11px 0px 11px;
font-size: 19px;


}

#call_tagline span {
font-size: 92px;

}


.call_col {
font-size: 17px;
padding: 0 11px 0px 11px;

}

.call_col span {
font-size: 23px;

}


#footer_inside {
max-width: 100%;

}

#footer_inside a#footer_title_link,
#footer_inside a#footer_title_link:visited {
width: 175px;

}



.footer_col#footer_col_1 {
width: 195px;

}

.footer_col#footer_col_2 {
width: 175px;

}

.footer_col#footer_col_3 {
width: 195px;

}



}



/* Small */
@media (min-width: 1113px) {

#home_cube { 
padding: 35px;

}


a#cube_news_title,
a#cube_news_title:visited {
font-size: 21px;
}

#home_video_right {
max-width: 450px;
margin: 0 90px auto auto;

}



#news_intro_left {
left:6%;
width: 42%;


}


#news_intro_right {
left: calc(6% + 42% + 6%);
width: 37%;

}


#event_inside {
width:400px;

}

#event_top h2 {
font-size:27px;
margin: 0 0 11px 0;

}

#event_top span#event_date {
font-size:18px;
margin: 0 0 11px 0;

}


#event_top span#event_location {
font-size:15px;
margin: 0 0 22px 0;

}



#give_intro_text_left {
bottom: 13%;
left: 11%;
width: 31%;
font-size:27px;

}

.page.give.two #give_intro_text_left {
bottom: 45px;
left: 9%;
width: 31%;
font-size:27px;

}


#call_tagline span {
font-size: 62px;

}

.call_col {
font-size: 17px;
padding: 0 11px 35px 11px;

}

.call_col span {
font-size: 23px;

}


}




/* #################################### MINI LAPTOP BEGINS #######################################  */



@media (min-width: 1255px) {

#home_cube { 
padding: 35px;

}


a#cube_news_title,
a#cube_news_title:visited {
font-size: 25px;
}

#home_mid_left span {
font-size: 25px;

}

#home_mid_right {
padding: 30px;
font-size: 21px;

}





#home_video_left {
margin: 0px 75px auto 135px;

}

#home_video_right {
width: 70%;
max-width: 550px;
margin: 0 180px auto auto;

}



.padded-lines span, 
#problems_more_text,
#problem_cols_inside h2,
#problem_short_line div {
font-size: 44px;

}




#news_intro_left {
left:6%;
width: 42%;

}


#news_intro_right {
display:inline-block;
left: calc(6% + 42% + 6%);
width: 37%;

}

img#event_main_img {
width: 450px;

}


#event_inside {
width:500px;

}


#event_top h2 {
font-size:37px;
margin: 0 0 11px 0;

}

#event_top span#event_date {
font-size:21px;
margin: 0 0 11px 0;

}


#event_top span#event_location {
font-size:18px;
margin: 0 0 22px 0;

}


#give_intro_text h2 {
display: block;
font-size: 100%;

}



#give_intro_text_left {
bottom: 13%;
left: 9%;
width: 31%;
font-size:29px;

}

.page.give.two #give_intro_text_left {
bottom: 45px;
left: 13%;
width: 31%;
font-size:29px;

}


.give #two_col_holder {
width: 75%;
padding: 135px 0% 90px 4%;

}


#call_to_action {
padding: 90px 45px 90px 45px;

}

#call_tagline {
padding: 0 0 90px 0;

}


#call_tagline span {
font-size: 65px;

}

#call_tagline div {
width:50%;
padding: 0 0 0px 0;
font-size: 19px;

}







.call_col {
font-size: 19px;
padding: 0 20px 35px 20px;

}

.call_col span {
font-size: 27px;

}

.call_class_arrow {
font-size: 19px;

}


#footer_inside a#footer_title_link,
#footer_inside a#footer_title_link:visited {
width: 275px;

}


.footer_col#footer_col_1 {
width: 215px;

}

.footer_col#footer_col_2 {
width: 195px;

}

.footer_col#footer_col_3 {
width: 215px;

}




}




/* ##########################################  LAPTOP BEGINS ##################################################  */



@media (min-width: 1350px) {

#home_cube { 
padding: 45px;

}

a#cube_news_title,
a#cube_news_title:visited {
font-size: 25px;
}


#home_mid_left span {
font-size: 27px;

}

#home_mid_right {
padding: 30px;
font-size: 23px;

}

#home_video_right {
max-width: 550px;
margin: 0 180px auto auto;

}

img#event_main_img {
width: 475px;

}

#call_tagline span {
font-size: 72px;

}


}


/* SMALL DESKTOP BEGINS ##################################################### */


@media (min-width: 1475px) {


a#cube_news_title,
a#cube_news_title:visited {
font-size: 25px;
}

.page #home_banner_img {
height: 100%;
max-height: 855px;

}

#news_intro_left {
left:7%;
width: 41%;

}


#news_intro_right {
left: calc(7% + 41% + 7%);
width: 35%;

}


img#event_main_img {
width: 495px;

}



#give_intro_text_left {
bottom: 13%;
left: 11%;
width: 31%;
font-size:29px;

}

.page.give.two #give_intro_text_left {
bottom: 90px;
left: 12%;
width: 31%;
font-size:29px;

}


#call_to_action {
padding: 135px 45px 135px 45px;

}


#call_tagline span {
font-size: 72px;

}

.call_col {
font-size: 21px;
padding: 0 20px 35px 20px;

}

.call_col span {
font-size: 29px;

}

.call_class_arrow {
font-size: 21px;

}

#footer_inside {
max-width: 1435px;

}


}

/* ##################################   LARGER LAPTOP VERSION   ###################################### */


@media (min-width: 1495px) {




}


/* ############################################   DESKTOP VERSION   ################################################# */




@media (min-width: 1535px) {



#news_intro_left {
left:9%;
width: 39%;

}


#news_intro_right {
left: 53%;
left: calc(9% + 39% + 9%);
width: 33%;

}

img#event_main_img {
width: 505px;

}


#event_inside {
width:550px;

}



#event_top h2 {
font-size:47px;
margin: 0 0 11px 0;

}

#event_top span#event_date {
font-size:27px;
margin: 0 0 11px 0;

}


#event_top span#event_location {
font-size:23px;
margin: 0 0 22px 0;

}



#give_intro_text_left {
bottom: 13%;
left: 11%;
width: 31%;
font-size:31px;

}

.page.give.two #give_intro_text_left {
bottom: 90px;
left: 11%;
width: 31%;
font-size:31px;

}



#call_tagline span {
font-size: 82px;

}

.call_col {
font-size: 23px;
padding: 0 20px 35px 20px;

}

.call_col span {
font-size: 33px;

}

.call_class_arrow {
font-size: 22px;

}


}


@media (min-width: 1635px) {

#call_to_action {
padding: 135px 45px 135px 45px;

}


#call_tagline span {
font-size: 92px;

}

.call_col {
font-size: 25px;
padding: 0 20px 35px 20px;

}

.call_col span {
font-size: 37px;

}

.call_class_arrow {
font-size: 25px;

}


}



@media (min-width: 1915px) {


#news_intro_left div {
max-width: 100%;
font-size: 33px;

}

#news_intro_left h2 {
font-size: 75px;

}

.newest_item {
font-size: 23px;

}

.newest_item span {
font-size: 33px;

}




}


@media (min-width: 1985px) {


#news_intro_left div {
font-size: 39px;

}

#news_intro_left h2 {
font-size: 95px;

}


.newest_item {
font-size: 25px;

}

.newest_item span {
font-size: 37px;

}

}


@media (min-width: 2135px) {

#news_intro_left div {
font-size: 49px;

}

#news_intro_left h2 {
font-size: 115px;

}

.newest_item {
font-size: 29px;

}

.newest_item span {
font-size: 43px;

}


#news_intro_right {
left: 53%;
left: calc(9% + 39% + 9%);
width: 33%;

}

#call_to_action {
text-align:center;

}

#call_tagline span {
font-size: 112px;

}


}


@media (min-width: 2535px) {


#call_tagline span {
font-size: 132px;

}


}



@media (min-height: 100px) {

.home #intro_screen {
height: calc(400%);

}

#intro_screen_text {
bottom: calc(75% + 5%);

}



#home_cube {
top:calc(25% + 65px);

}

#home_mid_left {
top: 43%;

}

#home_mid_right {
top:calc(25% + 65px + 28% + 70px);

}

#home_video {
height:700px;
top:calc(400%);

}



#news_intro_left {
bottom: 16%;


}


#news_intro_right {
bottom:calc(16% - 22px);

}


#blog_content_holder,
#event_holder {
padding-top:135px;

}





.home #footer_home_holder {
top: calc(400% + 700px);


}



#call_to_action {
padding: 45px 45px 45px 45px;

}



}



@media (min-height: 400px) {

#call_to_action {
padding: 45px 45px 45px 45px;

}


}



@media (min-height: 450px) {





}





@media (min-height: 500px) {



#blog_content_holder,
#event_holder  {
padding-top:135px;

}

#call_to_action {
padding: 90px 45px 90px 45px;

}



}



@media (min-height: 550px) {

#news_intro_left {
bottom: 18%;


}


#news_intro_right {
bottom:calc(18% - 22px);

}


}






@media (min-height: 600px) {

.home #intro_screen {
height: 300%;

}

#intro_screen_text {
bottom: calc(66% + 9%);

}

#home_cube {
top:calc(33% + 65px);

}

#home_mid_left {
top: 50%;

}

#home_mid_right {
top:calc(33% + 65px + 28% + 70px);

}

#home_video {
height:90%;
top:300%;

}

.home #footer_home_holder {
top: 390%;


}




#blog_content_holder,
#event_holder  {
padding-top:135px;

}

#call_to_action {
padding: 135px 45px 135px 45px;

}


}


@media (min-height: 650px) {




}










@media (min-height: 700px) {


#news_intro_left {
bottom: 20%;


}


#news_intro_right {
bottom:calc(20% - 22px);

}


#blog_content_holder,
#event_holder  {
padding-top:180px;

}

#blog_intro_img {
height: 400px;
margin: 0 0 45px 0;

}


#call_to_action {
padding: 180px 45px 180px 45px;

}

}



@media (min-height: 750px) {

.page #home_banner_img {
height: 100%;
max-height: 825px;

}

#blog_content_holder,
#event_holder  {
padding-top:135px;

}

#blog_intro_img {
height: 350px;
margin: 0 0 35px 0;

}


}









@media (min-height: 800px) {



#blog_intro_img {
height: 400px;
margin: 0 0 45px 0;

}

}





@media (min-height: 900px) {

.page #home_banner_img {
height: 100%;
max-height: 925px;

}

#blog_content_holder,
#event_holder  {
padding-top:180px;

}


}



@media (min-height: 1000px) {

.page #home_banner_img {
height: 100%;
max-height: 1025px;

}




}



@media (min-height: 1200px) {

.page #home_banner_img {
height: 100%;
max-height: 1225px;

}


}

@media (min-height: 1300px) {


.page #home_banner_img {
height: 100%;
max-height: 1325px;

}


}




@media (min-height: 1400px) {

.page #home_banner_img {
height: 100%;
max-height: 1425px;

}


}



@media (min-height: 1600px) {




}


@media (min-height: 1800px) {




}

@media (min-height: 2000px) {




}


@media (min-height: 2300px) {



}


@media (min-height: 2500px) {




}


@media (min-height: 3200px) {









/* 
#############################################################

	Site Theme by Joel C. Anderson
	Version: 2.3.3
	Created: 2023
	Little Brother Media

#############################################################
*/