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

html {
width: 100%;
height: 100%;
background: #e5e2da;
color: #111;
font-size: 100px;


}


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;

}




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

top: 0;
left: 0;
background:#d5d3cd;
float: left;

z-index: 999;

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;

}


#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;


}

.mobileSmallNone {
display:  inline;


}

.mobileSmallOnly {
display:  none;

}

.mobile_none {
display:  inline;

}

.mobile_only {
display: none;

}

#mobile_menu {
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;

}


#ie {
display:  none;

}



.slide {




}




.come-in {
transform: translateX(-150px);
animation: come-in 0.9s ease forwards;

}


@keyframes come-in {
  to { transform: translateX(0); opacity: 1; }
}



/* ################################################# */
/* ################################################# */
/* ################################################# */
/* ###########       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: 'fakt_medium';
src: url('../fonts/f_medium.eot');
src: url('../fonts/f_medium.eot?#iefix') format('embedded-opentype'),
url('../fonts/f_medium.woff') format('woff'),
url('../fonts/f_medium.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: 'filson';
src: url('../fonts/39C6B6_0_0.eot');
src: url('../fonts/39C6B6_0_0.eot?#iefix') format('embedded-opentype'),
url('../fonts/39C6B6_0_0.woff2') format('woff2'),
url('../fonts/39C6B6_0_0.woff') format('woff'),
url('../fonts/39C6B6_0_0.ttf') format('truetype');
}
 
  
@font-face {
font-family: 'proxima';
src: url('../fonts/39C6B6_9_0.eot');
src: url('../fonts/39C6B6_9_0.eot?#iefix') format('embedded-opentype'),
url('../fonts/39C6B6_9_0.woff2') format('woff2'),
url('../fonts/39C6B6_9_0.woff') format('woff'),
url('../fonts/39C6B6_9_0.ttf') format('truetype');
}
 


@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;

}


@font-face {
font-family: 'corbeau_thin';
src: url('../fonts/c_thin.eot');
src: url('../fonts/c_thin.eot?#iefix') format('embedded-opentype'),
url('../fonts/c_thin.woff') format('woff'),
url('../fonts/c_thin.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: 100;

 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;

}

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

}

.img_full img {
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        ############### */
/* ################################################# */
/* ################################################# */
/* ################################################# */


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

width:  1px;
height:  1px;

z-index: 3;
float:  left;

top: 0px;
left:  0px;



}


#header_holder {
position:  absolute;
display:  inline-block;
top: 0px;
right:  140px;

left:  13%;
left:  calc(13% + 140px);
height:  170px;

vertical-align: top;

float:  right;
z-index:  33;

vertical-align: top;

}


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

left:  12%;


top: 15px;

width: 175px;
height:  108px;

vertical-align: top;

float:  left;
z-index:  33;

}


.home #logo_holder {

width: 190px;
height:  118px;

}


#mobile_logo {
display:  none;

}


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


}


#logo_holder img#logo_dark {
width:  90%;

}


#logo_holder img#logo_light {
width:  90%;

}



@keyframes popSize {
    

    0%   {width:  90%}
    50%  {width:  100%}
    100% {width:  90%}    

  
 
}

img#logo_light.pop {
animation-name: popSize;
animation-duration: 1s;

}





.light #logo_holder img#logo_light { 
display:  none;

}

 .light #logo_holder img#logo_dark { 
display:  inline-block;

}


.dark #logo_holder img#logo_light { 
display:  inline-block;

}

 .dark #logo_holder img#logo_dark { 
display:  none;

}


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

top:  0px;
right:  0px;

float:  left;

color:  #fff;

width:  60%;
height:  100%;
z-index:  34;

vertical-align: top;

}





a#headerGiveBtn,
a#headerGiveBtn:visited {
position:  absolute;
display:  inline-block;



top:  15px;
right:  140px;

width:  180px;
height:  50px;


color:  #fff;
background:  #4dc8e9;

font-size:  24px;
text-transform:  uppercase;
font-family: "corbeau_bold", "Impact";


text-align: left;

vertical-align: top;

float:  right;
z-index:  33;

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

padding:  10px;

margin:  0px;

}

a#headerGiveBtn:hover {
background:  #47d8ff;
background: #74def7;


}


#giveAni_first,
#giveAni_two,
#giveAni_three {
display: none;


}



#giveAni_first.on,
#giveAni_two.on,
#giveAni_three.on {
display: inline;


}

#giveAni_first span,
#giveAni_two span,
#giveAni_three span {
display: none;


}

#giveAni_first span.on,
#giveAni_two span.on,
#giveAni_three span.on {
display: inline;


}

a#headerGiveBtn #giveAni_first span#typer,
a#headerGiveBtn:visited #giveAni_first span#typer {
position:  relative;
display:  inline-block;
height: 1em;
vertical-align: bottom;

}

a#headerGiveBtn:hover #giveAni_first span#typer span {
animation: typerTextColorHover 0.7s infinite linear;


}

a#headerGiveBtn #giveAni_first span#typer span,
a#headerGiveBtn:visited #giveAni_first span#typer span {
position:  absolute;
display: inline;

float:  left;
z-index:  37;

bottom:  0px;
left:  -4px;

animation: typerTextColor 0.7s infinite linear;

}


@keyframes typerTextColor {
    

    0%   {color: #4dc8e9;}
    49.5%  {color: #4dc8e9; }
    50%  {color: #fff; }
    99.5%  {color: #fff; }
    100% {color: #4dc8e9; }    

  
 
}


@keyframes typerTextColorHover {
    

    0%   {color: #74def7;}
    49.5%  {color: #74def7; }
    50%  {color: #fff; }
    99.5%  {color: #fff; }
    100% {color: #74def7; }    

  
 
}



button#fullMenuBtn {
position:  fixed;
display:  inline-block;



top:  15px;
right:  0px;

width:  130px;
height:  50px;

background:  #fff;
background: #0d505a;
color:  #fff;


text-align: left;

vertical-align: top;

float:  right;
z-index:  777;

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

padding:  10px;

margin:  0px;

}


.customize-support button#fullMenuBtn {
top:  47px;

}


button#fullMenuBtn:hover {
background: #105873;

}




button#fullMenuBtn span {
display:  inline-block;
font-size:  24px;
text-transform:  uppercase;
vertical-align: middle;
font-family: "corbeau_bold", "Impact";



}



#header_menu_btn_shape {
width: 31px;
height: 25px;
display: inline-block;
position: relative;
margin: 0px 7px 0 0;
vertical-align: middle;


}


#menu_btn_shape_bar_1 {
background: #fff;
position: absolute;
top: 0px;
left: 0px;
float: left;
z-index: 781;
height: 5px;
width: 100%;

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

}








#menu_btn_shape_bar_2 {
background: #fff;
position: absolute;
top: 10px;
left: 0px;
float: left;
z-index: 782;
height: 5px;
width: 100%;

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

}




#menu_btn_shape_bar_3 {
background: #fff;
position: absolute;
bottom: 0px;
left: 0px;
float: left;
z-index: 783;
height: 5px;
width: 100%;

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

}


#header_mobile {
top:  15px;
right:  15px;

}



#header_menu_btn_shape:hover #menu_btn_shape_bar_2 {

    
}


#header_menu_btn_shape:hover #menu_btn_shape_bar_1 {


}

#header_menu_btn_shape:hover #menu_btn_shape_bar_3 {


}



#header_mobile {
display:  none;

}



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







#menuHolder {
position:  absolute;
display:  block;
width:  100%;

height:  100%;


color:  #fff;


float:  left;
z-index: 945;


top:  -310%;
left:  0px;

opacity:  0;

 -moz-transition-duration: 0.8s;
 -o-transition-duration: 0.8s;
 -webkit-transition-duration: 0.8s;
 transition-duration: 0.8s;
 transition-timing-function: ease-in-out;





}

#menuHolder.on {
top: 0px;

opacity:  1;

}


#menuBG {
position: fixed;
display:  block;
width:  100%;

height:  100%;


float:  left;
z-index: 943;


top:  -110%;
left:  0px;

background:  #051214;

background: url(../images/z_menu_bg_001b.jpg);
background-size: cover;
background-position:  bottom left;

color:  #fff;


 -moz-transition-duration: 0.4s;
 -o-transition-duration: 0.4s;
 -webkit-transition-duration: 0.4s;
 transition-duration: 0.4s;
 transition-timing-function: ease-in-out;



}

#menuBG.on {
top:  0%;

}

#menuBG_over {
position:  absolute;
display:  block;
width:  100%;
height:  100%;

float:  left;
z-index:  944;

top: 0px;
left: 0px;

background: #0b0000;

opacity:  1;

 -moz-transition-duration: 0.8s;
 -o-transition-duration: 0.8s;
 -webkit-transition-duration: 0.8s;
 transition-duration: 0.8s;
 transition-timing-function: ease-in-out;


}

#menuBG_over.off {
opacity:  0;


}


#menuHeader {
position:  absolute;


}


h3#menu_left {
position:  fixed;
display:  none;
font-size: 45px;

background: #2d0005;
background: #222;
color:  #fff;

float:  left;

top:  110px;
left:  60px;

padding:  11px;
border-radius:  4px;
line-height:  1;
margin:  0px;

text-transform:  uppercase;

z-index:  947;

opacity: 0;


 -moz-transition-duration: 0.8s;
 -o-transition-duration: 0.8s;
 -webkit-transition-duration: 0.8s;
 transition-duration: 0.8s;
 transition-timing-function: ease-in-out;

}

h3#menu_left.load {
display:  inline-block;

}

h3#menu_left.load.on {
opacity:  1;

}


h3#menu_left a,
h3#menu_left a:visited {
position:  absolute;
display:  inline-block;
font-size: 20px;

background: none;
background: none;
color:  #fff;

float:  left;

top:  110%;
top:  calc(100% + 15px);
left:  11px;

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

text-transform:  uppercase;



}


h3#menu_left a:hover {
color: #aaa;

}


span#mobile_menu_title {
display:  none;

}


#mobile_footer_home {
display:  none;

}


#menu_right {
display:  inline-block;

margin:  150px 45px 90px 30%;

width: 67%;
width:  calc(70% - 47px);

vertical-align: top;
text-align:  left;


}

.menu_col {
display:  inline-block;
width:  45%;
width:  calc(50% - 3px);
width:  auto;

padding:  0 135px 0 0;

font-family: 'corbeau_bold';


vertical-align: top;
text-align:  left;

line-height:  1;


}


#donorCol,
#researchCol {
opacity:  0.17;

 -moz-transition-duration: 0.8s;
 -o-transition-duration: 0.8s;
 -webkit-transition-duration: 0.8s;
 transition-duration: 0.8s;
 transition-timing-function: ease-in-out;


}


#donorCol.on,
#researchCol.on {
opacity:  1;


}



span#menu_cat_donor, 
span#menu_cat_research {
display:  inline-block;

padding:  7px 11px;
background: #333;

color:  #fff;

font-size: 15px;

border-radius:  3px;

margin:  0 0 20px 0;

}

span#menu_cat_donor {
background: #007236;

}

span#menu_cat_research {
background: #336ea4;

}

.menu_large {
display:  block;
width:  100%;
height:  auto;

margin: 0 0 45px 0;


}


.menu_large a,
.menu_large a:visited {
display: inline-block;
margin:  0 0 20px 0;


text-align:  left;

line-height:  1;

}

span.large_donor,
span.large_research {
font-size:  55px;
color:  #fff;


}

span.large_sub_donor,
span.large_sub_research {
font-size:  16px;
color:  #959595;


}


.menu_large a:hover span.large_donor {
color: #00dd69;
color: #aaa;


}


.menu_large a:hover span.large_research {
color: #4abdff;
color: #aaa;
  
}

.menu_large a:hover span.large_sub_donor,
.menu_large a:hover span.large_sub_research {
color:  #757575;


}




.menu_small {
display:  block;
width:  100%;
text-align:  left;

}


.menu_small span {
display:  block;
width:  100%;
color:  #fff;

margin:  0 0 11px 0;

font-size:  27px;


}

.menu_small span {
display:  block;
width:  100%;
color:  #fff;

margin:  0 0 11px 0;

font-size:  27px;


}


.menu_small a,
.menu_small a:visited {
display:  inline-block;
width:  auto;
color:  #fff;

margin:  0 0 11px 0;

font-size:  27px;


}


.menu_small.donor a,
.menu_small.donor a:visited {
color:  #00a651;

}

.menu_small.donor a:hover {
color: #03f375;

}

.menu_small.research a,
.menu_small.research a:visited {
color:  #336ea4;

}

.menu_small.research a:hover {
color: #4abdff;

}



#menu_contact {
display:  block;
text-align:  left;

margin: 0px auto auto auto;
padding:  0 0 90px 0;

color:  #fff;

opacity:  0.3;

 -moz-transition-duration: 0.8s;
 -o-transition-duration: 0.8s;
 -webkit-transition-duration: 0.8s;
 transition-duration: 0.8s;
 transition-timing-function: ease-in-out;

}

#menu_contact.on {
opacity:  1;

}


#menu_contact .footer_col {
margin:  55px auto auto auto;

}

#menu_contact .footer_col h4 {
display:  block;
width:  100%;

font-family: 'proxima';
line-height:  1;

margin: 2px 0px 2px  0px;
padding:  0px;

color: #4abdff;

}

#menu_contact .footer_col a,
#menu_contact .footer_col a:visited {
color: #4abdff;

}

#menu_contact .footer_col a:hover {
color:  #336ea4;

}








button#menuClose {
position:  fixed;
display:  inline-block;

float:  right;
z-index:  955;

top:  -100px;
right:  0px;

width:  50px;
height:  50px;

padding:  15px;

background: #0d505a;

 -moz-transition-duration: 0.8s;
 -o-transition-duration: 0.8s;
 -webkit-transition-duration: 0.8s;
 transition-duration: 0.8s;
 transition-timing-function: ease-in-out;

}

button#menuClose.on {
top: 25px;


}


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


}





#close_menu_btn_shape #menu_btn_shape_bar_1 {
background: #fff;
position: absolute;
top: 8px;
left: 0px;
float: left;
z-index: 981;
height: 4px;
width: 100%;

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

transform:  rotate(45deg);

}








#close_menu_btn_shape #menu_btn_shape_bar_2 {
background: #fff;
position: absolute;
top: 8px;
left: 0px;
float: left;
z-index: 982;
height: 4px;
width: 100%;

transform:  rotate(-45deg);

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

}






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

#introLine {
position:  fixed;
display:  block;
width:  100%;
height:  20%;
color:  #fff;

top:  40%;
left:  0px;

float:  left;
z-index:  944;
opacity:  0;

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

font-size:  37px;
color:  #fff;
font-family: Arial;

}


#introLine.intro_on {
opacity:  1;


}

#introLine.intro_on.intro_off {
opacity:  0;


}

#introLine.intro_on.intro_off.none {
left:  -300%;


}







#introLineBG {
position:  fixed;
display:  block;
width:  100%;
height:  100%;
background:  #111;


top:  0px;
left:  0px;

float:  left;
z-index:  943;
opacity:  1;

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

}


#introLineBG.fade {
opacity:  0;


}

#introLineBG.fade.none {
display:  none;


}



#intro_screen {
position: relative;    
display: block;

width: 100%;
height: 85%;

}

.page_full.generic #intro_screen {
position: relative;    
display: block;

width: 100%;
height: 100%;

}



.home #intro_screen {
background:  #231812;


}


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

width:  100%;
height:  100%;

top:  0px;
right:  0px; 

}



#introHomeImg {
background: #497e8c;


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

}


.light #introHomeImg {
position:  absolute;
display:  inline-block;

width:  100%;
height:  100%;

top:  0px;
right:  0px;
background: #497e8c;


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



}


.home.neo #intro_screen,
.home.amy #intro_screen {
position:  relative;
width:  100%;
height:  100%;
height:  calc(100% - 45px);

color:  #111;
font-size: 22px;

}




.home.amy #intro_screen {
height:  100%;
background:  url(../images/bg_home_004g_yellow.jpg);
background-size: cover;
background-position:  bottom center;

}

.home.neo #work_title,
.home.amy #work_title {
position:  absolute;
display:  block;

width:  78%;
height:  auto;

bottom: 24%;
left:  11%;



float:  left;
z-index:  5;
font-size:  0px;

text-align:  left;

}

.generic #work_title {
position:  absolute;
display:  block;

width:  78%;
max-width:  515px;
height:  auto;

bottom: 24%;
left:  11%;



float:  left;
z-index:  5;
font-size:  0px;

text-align:  left;


color:  #fff;
}





#work_title span {
display:  inline-block;
width:  auto;
height:  auto;

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

line-height:  1;
text-align:  left;

color: #111;
color:  #0d64b4;

}

.home.neo #work_title span,
.home.amy #work_title span {
color: #20598e;
color: #256aaa;

}

.generic #work_title span {
color: #fff;

}

.home.neo #work_title span span,
.home.amy #work_title span span {
display:  inline;
color: #4dc8e9;


}

.home.neo #work_title span span span {
color: #949699;
color: #c0c0c0;


}

.home.amy #work_title span span span {
color: #fff;


}





a#intro_more_btn,
a#intro_more_btn:visited {
position:  absolute;
display:  inline-block;
width:  auto;

background:  #ffcf28;
color:  #111;

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


padding:  11px;


margin:  0 0px 0 0;

float:  left;
z-index:  3;

top:  81%;

top:  calc(76% + 25px);

left:  12.5%;


}


a#intro_more_btn span,
a#intro_more_btn:visited span {
display:  inline;
width:  auto;
font-family: 'symbols';
padding:  0px;
margin:  0 0 0 5px;

}





.amy span#work_intro_btn,
.generic span#work_intro_btn {
background:  #ffcf28;

}

a#intro_more_btn:hover,
.amy span#work_intro_btn:hover,
.generic span#work_intro_btn:hover {
background:  #e88714;


}






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

float:  left;
z-index:  7;

bottom:  25px;
right:  0px;

width: 60px;
height:  60px;

padding:  7px 0 0 6px;

background: #802c08;
color:  #fff;

font-size:  42px;
font-family: 'symbols';
text-align:  center;


}

#intro_down:hover {
background: #c94006;

}





#home_intro_seg {
position: relative;
display:  block;

width:  100%;
height:  200%;
height:  1695px;

background:  #040301;
background:  #0d0805;
color:  #fff;

background:  #0d0805;
color:  #fff;

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

}


.neo #home_intro_seg {
background:  #080b14;
background: #1a333d;
background: #13252c;


}




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

float:  left;
z-index:  3;

top:  135px;
left:  90px;
left:  12%;

width: 34%;
height: 400px;

font-size:  0px;

}



#intro1Left {
display:  inline-block;

width:  40%;
width:  calc(50% - 17px);
height:  100%;

vertical-align: top;

background:  #006e7e;

margin:  0 30px 0 0;
padding:  15px;

font-size:  20px;
color:  #fff;
opacity: 1;

}

#intro1Left:hover {
background:  #00b1cb;
background: #0097ad;

}

#intro1Left h3  {


}


#intro1Left span  {
display:  inline-block;
width:  auto;
height:  auto;
color:  #fff;
background:  #00a772;

padding:  5px 7px;

font-size:  inherit;
font-family:  'corbeau_medium';

margin:  0 auto 1em 0;

border-radius:  5px;

}


#intro1Left:hover span {
background:  #01cecc;

}


#intro2Left {
display:  inline-block;

width:  40%;
width:  calc(50% - 17px);
height:  100%;

vertical-align: top;


background: #363636;
background:  #a01a0e;
margin:  0px;
padding: 0px;
font-size:  17px;

color:  #fff;

opacity: 1;

}

#intro2Left:hover {
background:  #bb1d03;

}


#intro2Left img {
display:  block;

width:  100%;
height:  auto;

vertical-align: top;





}

#intro2Left_text {
display:  block;

width:  100%;
height:  auto;

vertical-align: top;

padding:  15px;


}


#intro2Left span {
display:  block;

width:  100%;
height:  auto;




padding: 0px 15px 15px 15px;


}

#intro2Left span span {
display:  inline;
font-family: 'symbols';
color: #ffcf28;

margin: 0 0 0 3px;
padding:  0px;
width:  auto;



}

#intro2Left span:hover span {
margin: 0 0 0 9px;


}

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

width:  65%;
height:  400px;

float:  right;
z-index: 4;


top: 110%;
top:  calc(100% + 30px);
right:  -45px;


padding:  25px;

background:  #333;
background:  #a01a0e;
background:  #8b0f06;

background: #252525;
background:  #333;

color:  #fff;

}





#intro3_left a#intro3_left_a,
#intro3_left a#intro3_left_a:visited {
display:  inline-block;
color:  #fff;
color:  #ff2c1d;
color: #ff4c22;
color:  #ffb7a7;
color:  #ddd;
font-size:  35px;

letter-spacing: 0px;
line-height:  1.1;
font-weight:  100;

font-family:  'corbeau_bold';

}

#intro3_left a#intro3_left_a:hover {
color:  #ff4335;
color: #fff;


}


#intro3_left a#intro3_left_a span,
#intro3_left a#intro3_left_a:visited span {
font-family: 'symbols';
font-size:  60px;

margin:  0 0 0 0;

color:  #ddd;


}

#intro3_left a#intro3_left_a:hover span {
margin:  0 0 0 15px;
color:  #ff4335;
color: #fff;

}


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

width:  240px;
height:  240px;

background:  #777;


float:  right;
z-index: 5;


bottom: 30px;

left:  110%;
left:  calc(100% + 30px);

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


filter:  grayscale(50%); 

}

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

width:  210%;
height:  450px;
background: #ffb629;

float:  right;
z-index: 5;


top: 110%;
top:  calc(100% + 60px);

left:  25%;


padding:  35px;

text-align:  left;

font-size:  14px;



border-radius:  0px;



}





#intro5_center h3 {
display:  inline-block;
font-size:  33px;
color:  #111;
background:  #fff;

padding:  8px 11px;
margin:  0 0 11px 0;
}


#donations_work_intro {
display:  inline-block;
width:  385px;
height:  auto;

color:  #111;
font-size: 17px;
font-family: 'corbeau_medium';
text-align:  left;

margin:  0 0 0 11px;

}



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

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


}

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

height:  auto;

line-height:  1.2;

color:  #111;
margin:  0 0 11px 0;

text-align:  left;

}


.stats_row:nth-of-type(2) .stats_left {
color:  #007022;

}

.stats_row:nth-of-type(2) .stats_right {
color:  #006e7e;

}





.stats_left {
display:  inline-block;
width:  145px;
text-align: right;

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

margin:  0 25px 0 0;
vertical-align: middle;

}


.stats_right {
display:  inline-block;
width:  343px;
text-align: left;

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

margin:  0 0px 0 0;
vertical-align: middle;


}


a#intro5_center_a,
a#intro5_center_a:visited {
display:  inline-block;

margin:  1em 0 0 0;

padding:  10px;

border-radius:  3px;

background:  #4dc8e9;
background:  #111;
color:  #fff;

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



}


#home_our_work_tag {
position:  absolute;
display: inline-block;
top:  15px;
right:  15px;

z-index:  33;

float:  right;

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

padding:  7px;

background: #0062c2;
background:  #8b0f06;
background: #14555e;

line-height: 1;

font-family:  'corbeau_bold';
text-transform: uppercase;

font-weight: 100;



}


#intro5_center_inside {
display:  inline-block;
width:  80%;
height:  auto;

margin:  auto auto 35px auto;

text-align:  left;

color:  #fff;

overflow:  hidden;


}

#intro5_center_inside h3 {
display: block;
margin:  0 0 15px 0;
font-size:  45px;

}

#home_our_work_text {
display: block;
margin:  0 0 15px 0;
font-size:  22px;
font-family: 'corbeau_medium';

}

#intro5_center_inside span#home_our_work_link {
display: inline;

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

color:  #ffb628;
margin:  0px;

}

#intro5_center_inside span#home_our_work_link span {
display: inline;

font-size:  22px;


color:  #fff;
margin:  0 0 0 11px;

}

a:hover #intro5_center_inside span#home_our_work_link span {

margin:  0 0 0 26px;

}


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

width:  37%;
height:  auto;

font-size:  19px;
color:  #fff;
text-align: left;



float:  right;
z-index: 6;


top: 25%;

right:  110%;
right:  calc(100% + 30px);



}

#intro6_left span {
color:  #fff;
font-family:  'symbols';

}


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

float:  right;

top:  180px;
left:  48%;
left:  calc(12% + 34% + 60px);

width:  35%;
width:  calc(100% - 180px - 48%);

text-align: left;


}


#newsHolder {
display:  block;
width:  90%;
height:  auto;

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

color: #8b7851;

color: #cc9d42;
color:  #fff2c3;


text-align: left;


}



#newsHolder span {
display:  block;
width:  100%;
height:  auto;

text-align: left;



}

#newsHolder span span {
display:  inline-block;
width:  auto;
height:  auto;
color:  #fff;
background:  #007236;

padding:  5px 7px;

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

margin:  0 auto 1em 0;

border-radius:  5px;

}


#newsHolder span a,
#newsHolder span a:visited {
display:  inline-block;
width:  auto;
height:  auto;
color:  #fff;
background:  #0d505a;

padding:  5px 7px;

font-size:  17px;

font-family:  'corbeau_medium';

margin:  1em auto auto auto;

border-radius:  5px;

}















#seg_btm {
position:  absolute;
display:  block;

bottom:  90px;
left:  0px;

height:  auto;
width:  100%;

text-align:  center;



}



a.bigBtn,
a.bigBtn:visited {
display:  inline-block;


width:  auto;
height:  50px;

margin:  auto auto auto auto;
color:  #fff;
background:  #4dc8e9;
background: #27c9f7;

font-size:  24px;
text-transform:  uppercase;
font-family: 'corbeau_bold';


text-align: left;

vertical-align: top;


-webkit-border-radius: 3px;
border-radius: 3px;

padding:  10px;



}

.dark a.bigBtn span,
.dark a.bigBtn:visited span,
.light a.bigBtn span,
.light a.bigBtn:visited span {
display:  inline;
font-family:  'symbols';
font-size: 100%;
margin:  auto auto auto 5px;
padding:  0px;
width:  auto;


}



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





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

.moo .padded-multiline { 
  line-height: 1.3; 
  padding: 2px 0;
  font-size:  100%;
  margin:  0px;
  
}

.padded-multiline span { 
  background-color: #fff;
  color: #fff; 
  display: inline;
  padding: 0.15em 11px;

color:  #111;
font-size:  200%;
font-family:  'fakt_medium', Arial;
  
  /* Needs prefixing */
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}


.moo .padded-multiline span { 
  /*background-color: #fff;*/
  background:  rgb(0, 0, 0, 0.65); 
  display: inline;
  padding: 0.15em 11px;
 

color:  #fff;
font-size:  200%;
font-family:  'fakt_medium', Arial;
  
  /* Needs prefixing */
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}




span.home_intro_tagline {
display:  inline-block;

background:  #fff;
color:  #111;

font-size:  105%;
font-family:  'fakt_medium';
padding:  0.15em 11px;

margin:  0 0 1em 0;

}

span.home_intro_tagline span {
display:  none;

background:  none;
color:  inherit;

font-size:  100%;
font-family:  'symbols';
padding:  0px;

margin:  0 0 0em 0;

}

.moo span.home_intro_tagline {
display:  inline-block;

 background:  rgb(0, 0, 0, 0.65);
color:  #fff;

font-size:  105%;
font-family:  'fakt_medium';
padding:  0.15em 11px;

margin:  0 0 1em 0;

}


#home_intro_text a,
#home_intro_text a:visited {
display:  inline-block;


width:  auto;
height:  50px;
color:  #fff;
background:  #4dc8e9;

font-size:  24px;
text-transform:  uppercase;
font-family: 'corbeau_bold';


text-align: left;

vertical-align: top;


-webkit-border-radius: 3px;
border-radius: 3px;

padding:  10px;


}




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

padding:  90px 0px 45px 0;

background: url(../images/home_row_2_bg.png);
background-size:  cover;
background-position:  center center;

background:  #dd3f31;
background:  #4dc8e9;
background:  #040301;

}


img#row_transition_1 {
position:  absolute;
display:  inline-block;

top:  -99px;
right:  0px;

float:  right;
z-index: 2;

width: 500px;
height:  auto;



}


h3.home_champions_title {
display:  block;
width:  100%;
text-align: left;

color:  #ccc;
font-size:  91px;

font-family: 'corbeau_bold';

margin:  45px 0 90px 0;

padding:  0 40% 0 11%;

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

}

h3.home_champions_title span {
color:  #ffcf28;


}


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

margin: 0px auto auto 11%;


background:  #fff;

width: 27%;
height:  550px;

vertical-align: top;


}

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


}


#intro2_over {
position: absolute;
display:  block;
width:  100%;
height:  100%;

float:  left;
z-index: 2;

top:  0px;
left:  0px;

padding: 45px 45px 45px  45px;


font-size:  19px;

background:  #fff;


}


img#champion_img {
display:  inline-block;

vertical-align: top;

margin: 0px 45px auto 45px;



width:  305px;
height:  auto;




}


#intro2_right {

display:  inline-block;

vertical-align: top;

margin: 45px auto auto 55px;


width: 40%;
width:  calc(100% - 11% - 400px - 300px - 390px);

font-size:  23px;



}


#intro2_right_new {
display:  inline-block;
width: 445px;
vertical-align: top;
margin: 45px auto auto 15px;
font-size:  19px;

}


div#around_tagline {
position: relative;
display: inline-block;
max-width: 715px;
width: auto;
color: #fff;
font-size: 0px;
font-family: 'corbeau_bold';

padding: 11px;


}


.work div.around_tagline {
position: relative;
display: inline-block;
max-width: 915px;
width: auto;
color: #fff;
font-size: 0px;
font-family: 'corbeau_bold';

padding: 11px;


}


span#sa2tagline {
position: relative;
display: inline;
width: auto;
color: #777;
font-size: 43px;
line-height: 1.1;



}

#intro2_right_new span.sa2tagline {
font-size: 31px;


}

#intro2_right_new span.left_quote {
top: -15px;
left: -27px;
font-size: 65px;

}

#intro2_right_new  span.after_quote_holder span {
bottom: -61px;
right: -40px;
font-size: 65px;

}



span#after_quote_holder { 
position: relative;
display: inline-block;
width: auto;
color: #fff;
font-size: 35px;



}

span#left_quote {
position: absolute;
display: inline-block;
color: #4dc8e9;
font-size: 95px;
font-family: 'corbeau_bold';

float: left;
z-index: 252;

top: -25px;
left: -51px;

}


span#after_quote_holder span {
position: absolute;
display: inline-block;
color: #4dc8e9;
font-size: 95px;
font-family: 'corbeau_bold';

float: left;
z-index: 252;

bottom: -81px;
right: -60px;

margin: 0px;

}


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

font-size:  100%;
font-family: 'corbeau_medium';

color:  #fff;

margin: 35px 0 45px 0;

padding:  0 55px 0 11px;



}





span#intro2_right_sub {
display:  inline-block;
background:  #fff;

color:  #111;

padding:  0.15em 11px;
margin:  1em auto 2em auto;


}

span.whitebg {
display:  inline-block;
background:  #fff;
color:  #111;

padding:  0.15em 11px;
margin:  1em auto 2em auto;


}



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




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

}


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

}

#home_replicate_over {
position: absolute;
display:  block;
width:  100%;
height:  100%;
float:  left;
z-index:  4;

top:  0%;
left:  0px;


}


.home_replicate_text {
position: absolute;
display:  inline-block;
width:  555px;
height:  auto;

top:  25%;
left: 9%;

color:  #fff;

font-size:  19px;

text-align:  left;

}

.home_replicate_text h2 {
font-size:  37px;
color:  #fff;


}



.home_replicate_text a,
.home_replicate_text a:visited {
display:  inline-block;


width:  auto;
height:  50px;

margin:  1.5em auto auto auto;
color:  #fff;
background:  #4dc8e9;

font-size:  24px;
text-transform:  uppercase;
font-family: 'corbeau_bold';


text-align: left;

vertical-align: top;


-webkit-border-radius: 3px;
border-radius: 3px;

padding:  10px;


}



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




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

background:  #164a6f;
background:  #15376f;
background:  #1f8448;
background:  #7c7a74;

background:  #e5e2da;
color:  #111;

padding:  90px 45px 90px 45px;

text-align: center;

}

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




}


#home_services_title a,
#home_services_title a:visited  {
line-height:  1.3;
border-bottom:  2px solid #111;

margin:  11px auto auto auto;


}

#home_services_title_inside {
display:  inline-block;
width:  90%;

max-width:  999px;

text-align:  left;

font-size:  23px;

}







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

#shop_screen {
position: relative;
display:  block;
width:  100%;
height: 940px;

overflow:  hidden;




}


h3#shop_tagline {
position:  absolute;
display:  inline-block;
width:  270px;
float:  left;
z-index:  5;
left: 60%;
bottom:  72%;
bottom:  calc(55% + 180px);
font-size:  33px;

}


img#shop_a {
position:  absolute;
display:  inline-block;

width:  400px;
height: 400px;

border-radius:  200px;

float:  left;
z-index:  4;

bottom:  calc(55% - 70px);
right:  calc(50% + 70px);




}

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

width:  400px;
height: 400px;

border-radius:  200px;

background:  #fff;
color: #111;

font-size:  17px;

padding:  45px;

text-align:  center;

float:  left;
z-index:  6;

bottom:  calc(55% - 200px);
right:  calc(50% - 200px);




}

#shop_b h3 {
display:  block;

width:  100%;

text-align:  center;

font-size:  33px;

text-transform:  uppercase;

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


}


#shop_b img {
display:  inline-block;
width:  80%;
text-align:  center;
font-size:  33px;
text-transform:  uppercase;
line-height:  1;
margin:  0px auto;
padding:  0px;

}


#shop_b div {
display:  inline-block;

width:  100%;

text-align:  left;

margin:  11px 0;

font-family: 'corbeau_medium';


}

#shop_b span {
display:  inline-block;

width:  auto;
padding:  7px 11px;

font-size:  22px;

border-radius:  3px;

text-align:  center;

color:  #fff;
background: #27c9f7;

font-family: 'corbeau_bold';


}

#shop_b:hover span {
background: #00b3e6;

}




img#shop_c {
position:  absolute;
display:  inline-block;

width:  400px;
height: 400px;

border-radius:  200px;

float:  left;
z-index:  5;

top:  calc(45% - 70px);
left:  calc(50% + 70px);





}

img#shop_d {
position:  absolute;
display:  inline-block;

width:  500px;
height: 500px;

border-radius:  250px;

float:  left;
z-index:  3;

top:  calc(100% - 370px);
right:  calc(50% - 70px);





}






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




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

max-height:  999px;
min-height:  700px;

padding:  0px 90px 90px 0px;


background:  #336ea4;
background:  #e5e2da;
background: #1f1f1f;
background:  #040301;

text-align:  center;

font-size:  0px;


}

.dynamic_left_holder {
position:  relative;
display:  inline-block;
width:  35%;
height: 80%;
margin:  50px 25px 0 auto;
vertical-align: top;


}


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

width:  100%;
height: 100%;


background:  #1d1c19;
background: #3c3a34;
padding:  35px;

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

text-align:  left;

}

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

width:  35%;
height: 80%;


margin:  auto;

vertical-align: top;
text-align:  left;

}


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

width:  80%;
height: 40%;
height:  calc(54% - 25px);


margin:  auto auto 25px auto;

vertical-align: top;

background:  #fff;

background:  #1f3471;
background:  #1d1c19;
background:  #3c3a34;
background-size:  cover;
background-position:  top right;


padding:  15px 25% 15px 15px;

font-size:  16px;
line-height:  1;
color:  #fff;

text-align:  left;

}

#dy_r_top h3 {
font-size:  30px; 
color:  #fff;


}


.dy_r_btm {
position:  relative;
display:  inline-block;

width:  40%;
width:  calc(50% - 27px);
height: 40%;
height:  calc(46% - 25px);


margin:  auto 25px 24px auto;

vertical-align: top;

background:  #fff;

padding:  15px;
text-align:  left;
color:  #111;
font-size:  14px;
line-height:  1;
font-family:  'corbeau_medium';


}

.dy_r_btm h3 {
display:  block;
width:  100%;
font-size:  22px;

color:  #ffb628;

}


#dy_btm {
display: block;
width:  100%;
text-align:  center;

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

font-size:  22px;

padding:  45px 0 0 0;


}

#dy_btm a,
#dy_btm a:visited {
display:  inline-block;


width:  auto;
height:  50px;

margin:  0em auto auto auto;
color:  #fff;
background:  #4dc8e9;

font-size:  24px;
text-transform:  uppercase;
font-family: 'corbeau_bold';


text-align: left;

vertical-align: top;


-webkit-border-radius: 3px;
border-radius: 3px;

padding:  10px;

}

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



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

}

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

}

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

float:  left;
z-index: 4;

top:  24%;
right:  7%;

width:  50%;
max-width:  555px;

font-size:  19px;


}


#shop_holder_over h3 {
display:  inline-block;
width:  auto;

color:  #fff;

padding:  0px;

font-size:  35px;

text-transform:  uppercase;

margin:  0 0 11px 10px;

font-family: 'fakt_medium';


}


#shop_holder_over a,
#shop_holder_over a:visited {
display:  inline-block;


width:  auto;
height:  50px;

margin:  1.5em auto auto auto;
color:  #fff;
background:  #4dc8e9;

font-size:  24px;
text-transform:  uppercase;
font-family: 'corbeau_bold';


text-align: left;

vertical-align: top;


-webkit-border-radius: 3px;
border-radius: 3px;

padding:  10px;


}


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

float:  left;
z-index: 5;

bottom:  90px;
left:  90px;

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

color:  #111;
background:  #fff;

padding: 11px 11px;



}



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



/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #########      THE CRISIS STYLES       ########## */
/* ################################################# */
/* ################################################# */
/* ################################################# */



.crisis #bg_under {
position:  fixed;
display:  block;
width:  100%;
height:  100%;

top:  0px;
left:  0px;

float:  left;
z-index:  -1;


background:  #fff;




}

.crisis #body_holder {


background:  #c8ced0;

background:  #e3e3e3;
}





.crisis #intro_screen {
position:  relative;
width:  100%;
height:  110%;
height:  calc(100% + 180px);


}

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

float:  left;
z-index: 5;

bottom:  0px;
right:  0px;

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


}


.crisis .page_intro_text {
position:  absolute;
display:  inline-block;

top:  25%;
left:  8%;

float:  left;
z-index:  7;
font-size:  23px;

}


.page_intro_text h3 {
position:  absolute;
display:  inline-block;

padding: 0px;
margin:  0px;

font-size:  15px;
color:  #a01a0e;
color: #777;
font-family: 'corbeau_medium';

float:  left;
z-index:  8;

top:  -45px;
left:  15px;


}


.dark .page_intro_text h3 {
position:  absolute;
display:  inline-block;

padding: 0px;
margin:  0px;

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

font-family: 'corbeau_medium';

float:  left;
z-index:  8;

top:  -45px;
left:  15px;


}

.page_intro_text h3 a,
.page_intro_text h3 a:visited {
color:  #a01a0e;


}

.page_intro_text h3 a:hover {
color:  #ca1909;


}

#intro_screen a.introDownArrow,
#intro_screen a.introDownArrow:visited {
font-family: 'symbols';
font-size:  200%;

margin:  0 0 0 25px;
color:  #c0190d;

}

.inspired #intro_screen a.introDownArrow,
.inspired #intro_screen a.introDownArrow:visited {

color:  #ffcf2c;

}




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





.crisis_stats_a {
position: relative;
display:  block;

width:  100%;
height:  auto;

padding:  0px 0;


}


#crisis_a_a {

display:  inline-block;

width:  100%;
height:  auto;


padding:  320px 90px 0 90px;

text-align:  center;


}


.crisis_limit {
display:  inline-block;
width:  100%;
max-width: 1070px;

text-align:  left;
margin:  auto;

font-size:  0px;


}

#crisis_a_a_txt {
display:  inline-block;
width:  55%;
padding:  90px 90px;

font-size: 20px;
color:  #111;

font-family:  'corbeau_medium';


}


#crisis_a_a_txt span {
display:  inline;
font-size: 170%;

}

#crisis_a_a_txt span span {
display:  inline;
font-size: 110%;
color:  #e22113;

font-family: 'corbeau_bold';

}


#crisis_a_a img {
display:  inline-block;

width:  33%;
height:  auto;

margin:  45px auto auto auto;

}



#crisis_a_mid {
display:  block;

width:  100%;
height:  auto;

padding: 45px 225px;

text-align:  right;


}

#crisis_a_mid div {
display:  inline-block;

width:  383px;
height:  383px;

margin:  0 25% 0 0;

padding:  25px 25px 25px 25px;

background:  #a1a1a1;

text-align:  left;
font-size:  24px;
font-family: 'corbeau_medium';
color:  #fff;


}



#crisis_a_b {
display:  inline-block;

width:  100%;
height:  auto;


padding:  0px 90px 320px 90px;

text-align:  center;


}


#crisis_a_b img {
display:  inline-block;

width:  44%;
height:  auto;

margin:  0px;


}

#crisis_a_b_txt {
display:  inline-block;
width:  50%;

padding:  90px 90px;

font-size: 20px;
color:  #111;

font-family:  'corbeau_bold';



}


#crisis_a_b_txt span {
color:  #e22113;


}



img#money_bg_a {
position: absolute;
display:  block;

float:  left;

width:  340px;
height:  auto;

top:  103%;
top: calc(100% + 25px);
left:  34%;

margin:  0px;

}


img#money_bg_b {
position: absolute;
display:  block;

float:  left;

width:  250px;
height:  auto;

top:  103%;
top: calc(100% + 25px);
left:  63%;
left:  calc(34% + 340px + 25px);

z-index:  3;

margin:  0px;

}


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


#crisis_wide_over {
position:  absolute;
display:  block;

width:  100%;
height:  30%;

top:  135px;
left:  0px;

float:  left;
z-index:  5;

text-align:  left;


}

#crisis_wide_side {
display:  inline-block;
width:  auto;

max-width:  555px;



background:  #fff;

color:  #111;

font-size:  22px;

padding:  90px;





}

#crisis_wide_side {
display:  inline-block;
width:  27%;

max-width:  555px;



background:  #fff;

color:  #111;

font-size:  25px;

padding:  70px;

font-family: 'corbeau_bold';


}

#crisis_wide_side span {
color:  #e22113;
font-family: 'corbeau_bold';



}

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


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

padding:  180px 90px;

text-align:  center;

font-size:  0px;

}



#crisis_b_left {
display:  inline-block;

width:  50%;
max-width:  815px;

margin:  0 3% 0 0;


vertical-align: top;
text-align:  left;

font-size:  82px;

color:  #27c9f7;
font-family:  'corbeau_bold';


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


}


#crisis_b_left span {
color:  #959595;

}


#crisis_b_left sup {
font-size:  25%;

}


#crisis_b_left div {
display:  block;

width:  100%;

margin:  0.7em 0 0 0;


vertical-align: top;
text-align:  left;


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



}


#crisis_b_right {
display:  inline-block;

width:  38%;

margin: 90px 45px 0 0%;


vertical-align: top;
text-align:  left;

font-size:  18px;

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





}



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



#crisis_inside {
display:  inline-block;
width:  100%;
max-width:  1080px;


margin:  auto;

color: #111;

}


.crisis_glance_col {
display:  inline-block;
width:  25%;

vertical-align: top;
text-align: left;

margin:  0 2% 0px 2%;


}

.crisis_glance_col.text {
display:  inline-block;
width:  31%;

vertical-align: top;
text-align: left;

margin:  0 2% 90px 2%;
padding:  55px 0 0 0;


}



.crisis_glance_col.large {
display:  inline-block;
width:  40%;

vertical-align: top;
text-align: left;

margin:  0 2% 90px 2%;


}




.crisis_glance_col_img {
position:  relative;
display:  block;
width:  100%;
height:  300px;


}


.crisis_glance_col_img h5 {
position:  absolute;
display:  inline-block;
width:  auto;
height:  auto;

float:  right;
top:  15px;
right:  15px;

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

color:  #fff;
background:  #0150ba;

padding:  7px 10px;


}



.crisis_glance_col.large .crisis_glance_col_img {
display:  block;
width:  100%;
height:  400px;


}


.crisis_glance_col span {
display:  block;
width:  100%;
height:  auto;

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

padding:  25px 25px 0px 25px;



}


.crisis_glance_col.large span {
font-size:  19px;
font-family: 'corbeau_medium';

}

.crisis_glance_col.text span {
display:  block;
width:  100%;
height:  auto;

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

padding:  25px 25px 0px 25px;

font-family: 'corbeau_bold';



}

.crisis_glance_col.text span span {
display:  inline;
width:  auto;
height:  auto;



padding:  0;
color:  #c0190d;



}





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



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

background:  #e3e3e3;
color:  #111;

padding:  90px 45px 90px 45px;

text-align: center;




}


#page_four,
#work_model {
position: relative;
display:  block;
width:  100%;
height:  auto;

background:  #e3e3e3;
color:  #111;

padding:  90px 45px 90px 45px;

text-align: center;

}

#work_model {
padding:  90px 45px 90px 45px;
background: #f3f1eb;

}

.give #home_services_title_inside {
display:  inline-block;
width:  100%;
max-width:  797px;
text-align:  left;
font-size:  23px;

}

.give #page_three #providing_holder {
display:  inline-block;
width:  100%;
max-width:  707px;

height:  auto;

font-size:  0px;

text-align:  left;

margin: 45px auto auto auto;


}

.give .item_holder {
display:  inline-block;
width:  47%;
height:  auto;
padding:  0 35px 45px 35px;
text-align:  center;

}


#page_three h2,
#page_four h2 {
font-size:  55px;



}


.work #page_four h2,
.give #page_three h2 {
font-size:  35px;



}

span.page_four_title_span {
font-family:  'corbeau_medium';
font-size:  100%;
color:  #111;  
line-height: 1.3;
border-bottom: 2px solid #111;
margin: 11px auto 17px auto;

padding:  0px;

line-height:  1;

display:  inline-block;


}



#providing_holder {
display:  inline-block;
width:  80%;
max-width:  899px;

height:  auto;

font-size:  0px;

text-align:  left;

margin: 45px auto auto auto;


}


#page_three #providing_holder {
display:  inline-block;
width:  80%;
max-width:  999px;

height:  auto;

font-size:  0px;

text-align:  left;

margin: 45px auto auto auto;


}





#page_four #providing_holder,
#work_model #providing_holder {
display:  inline-block;
width:  80%;
max-width:  885px;

height:  auto;

font-size:  0px;

text-align:  left;

margin: 45px auto auto auto;


}

.item_holder {
display:  inline-block;
width:  32%;
height:  auto;
padding:  0 35px 45px 35px;

text-align:  center;

}





#page_four .item_holder,
#work_model .item_holder {
display:  inline-block;
width:  49%;
height:  auto;
padding:  0 45px 45px 45px;

text-align:  center;


}

.item_holder img {
display:  inline-block;
display:  none;
width:  80%;
height:  auto;
border-radius:  999px;


margin:  0 auto 20px auto;



}


#page_three .item_holder img,
#page_four .item_holder img {
display:  inline-block;

width:  70%;
height:  auto;
border-radius:  999px;



margin:  0 auto 20px auto;



}

.item_holder span {
display:  block;
width:  100%;

text-align:  center;

font-size:  15px;

font-family:  'corbeau_bold';

margin:  0 0 11px 0;

color: #af780d;


}

.item_holder h4 {
display:  block;
width:  100%;

text-align:  center;

font-size:  19px;

font-family:  'corbeau_bold';

margin:  0 0 11px 0;

color: #27c9f7;

text-transform:  uppercase;


}




#page_three .item_holder span,
#page_four .item_holder span {
display:  block;
width:  100%;

text-align:  center;

font-size:  15px;

font-family:  'corbeau_bold';

margin:  0 0 11px 0;

color: #0150ba;


}

#page_three .item_holder span span,
#page_four .item_holder span span {
display:  inline;
width:  auto;

text-align:  left;

font-size:  inherit;

font-family:  'corbeau_medium';

margin:  0 0 0px 0;

color: #111;


}

.give #page_three .item_holder span {
display:  block;
width:  100%;

text-align:  center;

font-size:  27px;

font-family:  'corbeau_bold';

margin:  0 0 11px 0;

color: #af780d;


}



.large_circle {
display:  inline;

}

.small_circle {
display:  none;


}

.item_holder p {
display:  block;
width:  100%;

text-align:  left;

font-size:  14px;

font-family:  'corbeau_medium';

margin:  0 0 0px 0;

padding:  0 15%;


}

.item_holder h3 {
display:  block;
width:  100%;

text-align:  center;

font-size:  25px;

font-family:  'corbeau_bold';

margin:  0 0 0px 0;

padding:  0 15%;


}





#page_four .item_holder p,
#work_model .item_holder p {
display:  block;
width:  100%;

text-align:  left;

font-size:  16px;

font-family:  'corbeau_medium';

margin:  0 0 0px 0;

padding:  0 7%;


}

#work_model .item_holder h3 {
display:  block;
width:  100%;

text-align:  left;

font-size:  25px;

font-family:  'corbeau_bold';

margin:  0 0 0px 0;

padding:  0 7%;


}

#work_model .item_holder h3 div {
display:  inline;
width:  auto;

text-align:  left;

font-size:  inherit;

font-family:  inherit;

margin:  0 0 0px 0;

padding:  0;

color: #27c9f7;

}


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


#crisis_stories {
display:  block;
width:  100%;
height:  auto;
padding:  135px 90px;

text-align:  center;


}


#crisis_stories .crisis_glance_col.text {
display:  inline-block;
width:  33%;

vertical-align: top;
text-align: left;

margin:  0 2% 90px 2%;
padding:  95px 0 0 0;


}


#crisis_stories .crisis_glance_col .crisis_glance_col_img {
display:  block;
width:  100%;
height:  350px;

border-radius:  15px;

}

#crisis_stories .crisis_glance_col.large .crisis_glance_col_img {
display:  block;
width:  100%;
height:  550px;

border-radius:  15px;

}



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

#crisis_anim {


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

}

#crisis_anim:hover {


}


h2.crisis_healing {
position:  absolute;
display:  inline-block;

width:  459px;
max-width:  525px;

text-align:  left;

float:  left;
z-index:  7;

top:  31%;
left:  53%;
left:  calc(83% - 460px);

font-size:  55px;
color:  #2fd1ff;


}


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

width:  459px;

float:  left;
z-index:  7;

top:  51%;
left:  53%;
left:  calc(83% - 460px);

font-size:  19px;
color:  #2fd1ff;

text-align:  left;




}


span#healing_word_a,
span#healing_word_b,
span#healing_word_c {
position:  absolute;
display:  inline-block;
width:  100%;

opacity:  0;
margin:  0 0 0 -50px;

float:  left;




}


span#healing_word_a {
z-index:  8;

}

span#healing_word_b {
z-index:  9;

}

span#healing_word_c {
z-index:  10;

}



span#healing_word_a.on,
span#healing_word_b.on,
span#healing_word_c.on {
opacity:  1;
margin:  0 0 0 0px;

}


span#names {
position:  absolute;
display:  inline-block;

width:  330px;


float:  left;
z-index:  8;

bottom:  90px;
left:  53%;
left:  calc(83% - 460px);


font-size:  14px;
color:  #2fd1ff;

text-align:  left;

}



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


padding:  180px 45px;

text-align:  center;



background:  #0150ba;

background:  #081f22;
background: #145626;
background:  #006e7e;

background:  #dbdbdb;

background: #3c3c3c;

background:  #a01a0e;

background:  #ffcf28;

background: #0e93a0;







}

#crisis_verse span {
display:  inline-block;
width:  auto;
height:  auto;


text-align:  left;

border-left:  12px solid #ff2a17;
border-left:  12px solid #17ebff;






padding:  0 0 0 25px;

line-height:  1.1;
font-family: 'corbeau_bold';
font-size: 45px;

color:  #fff;



}

#crisis_verse_over {
display:  inline-block;
width:  auto;

height:  auto;


text-align:  left;

color:  #fff;

font-family: 'corbeau_medium';
font-size:  23px;
letter-spacing:  0px;





margin:  0 0 0 0px;


}



#crisis_turn {
position:  relative;
display:  block;
width:  100%;


padding:  235px 45px;

text-align:  left;

color:  #fff;

background:  #333;
background:  #a7a297;
background:  #a01a0e;
background: #0f6370;

}

#crisis_turn_inside {
display:  inline-block;
width:  auto;
max-width:  675px;

height:  auto;


text-align:  left;

color:  #fff;

font-family: 'corbeau_medium';
font-size:  23px;
letter-spacing:  0px;
margin:  auto;

}

#crisis_turn h2 {
font-size:  180%;


}


#crisis_turn a,
#crisis_turn a:visited {
display:  inline-block;
margin:  0 0 7px 0;


}

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

color:  #ffcf28;
  
}

#crisis_turn a:hover span {
font-family: 'symbols';
margin:  0 0 0 15px;
  
}



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

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

text-align:  left;

padding:  360px 90px 90px 90px;


background:  #222;


color:  #fff;


}

#crisis_references h3 {
display:  block;
width:  100%;
font-size:  22px;

padding:  0 22px;


}


#crisis_references div {
display:  inline-block;
width:  100%;
max-width:  375px;
height:  auto;

text-align:  left;

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

margin:  auto 22px;

vertical-align: top;






}







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

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

}


.page_spotlight_img h3 {
position: absolute;
display:  inline-block;
width:  auto;
height:  auto;

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

padding:  17px;


float:  left;
z-index:  5;

top:  90px;
left:  90px;



}

.page_spotlight_img h4 {
position: absolute;
display:  inline-block;
width:  100%;
height:  auto;

font-size:  22px;
color:  #898989;

text-align:  center;
font-family: 'proxima';



float:  left;
z-index:  8;

bottom:  17%;
left:  0px;



}

.page_spotlight_img h4 span {
font-size:  24px;
font-family: 'corbeau_medium';




}



.page_spotlight_img h5 {
position: absolute;
display:  inline-block;
width:  100%;
height:  auto;

font-size:  22px;
color:  #898989;

text-align:  center;
font-family: 'proxima';



float:  left;
z-index:  8;

top:  17%;
left:  0px;



}

.page_spotlight_img h5 span  {
display: inline-block;
max-width: 357px;
font-size:  22px;
font-family: 'corbeau_medium';
color: #898989;

text-align:  left;


}

.page_spotlight_img h5 span span {
font-size:  24px;
font-family: 'corbeau_bold';
color: #e22113;




}


.page_spotlight_img h6 {
position: absolute;
display:  inline-block;
width:  auto;
height:  auto;

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

text-align:  left;
font-family: 'corbeau_bold';

font-weight:  900;

background:  #27c9f7;
padding:  5px 9px;

line-height: 1;

float:  left;
z-index:  8;

bottom:  135px;
left:  135px;



}




.page_spotlight_img_over {
position:  absolute;
display:  block;
width:  100%;
height:  100%;

float:  left;
z-index:  7;

top:  0px;
left:  0px;

font-family:  'corbeau_medium';
font-size:  22px;
color:  #fff;


}

.spotlight_text {
display: inline-block;
margin: auto;
max-width: 575px;
text-align: left;




}


.spotlight_text h2 {
font-size:  130%;




}



.page_spotlight_img h2.spotlight_left {
text-align:left; 
margin: auto auto auto 90px;


}

.inspired .page_spotlight_img h2.spotlight_left {
color: #d7bb59;


}



div.around_tagline {
position: relative;
display: inline-block;
max-width: 715px;
width: auto;
color: #fff;
font-size: 0px;
font-family: 'corbeau_bold';

padding: 11px;


}

.inspired div.around_tagline {
position: relative;
display: inline-block;
max-width: 777px;
width: auto;
color: #fff;
font-size: 0px;
font-family: 'corbeau_bold';

padding: 0px;


}



span.sa2tagline {
position: relative;
display: inline;
width: auto;
color: #777;
font-size: 43px;
line-height: 1.1;



}

.inspired span.sa2tagline {
position: relative;
display: inline;
width: auto;
color: #bbf1ff;
color: #cde2e0;
font-size: 43px;
line-height: 1.1;



}


span.after_quote_holder { 
position: relative;
display: inline-block;
width: auto;
color: #fff;
font-size: 35px;



}

span.left_quote {
position: absolute;
display: inline-block;
color: #4dc8e9;
font-size: 95px;
font-family: 'corbeau_bold';

float: left;
z-index: 252;

top: -25px;
left: -51px;

}


span.after_quote_holder span {
position: absolute;
display: inline-block;
color: #4dc8e9;
font-size: 95px;
font-family: 'corbeau_bold';

float: left;
z-index: 252;

bottom: -88px;
right: -55px;

margin: 0px;

}







.spotlight_text_bg {
display:  inline-block;
width:  auto;
margin:  auto;

background: rgb(0,0,0, 0.3)

border-radius:  15px;

padding:  25px;



}













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


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


}

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


}


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

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

background:  #e3e3e3;
color:  #111;

padding:  235px 45px 235px 45px;

text-align: center;

background:#005b68;

color:  #fff;


}


#crisis_partner .item_holder span {
color: #ffcf28;


}



/* ################################################# */
/* ################################################# */
/* ################################################# */
/* ########       OUR WORK STYLES          ######### */
/* ################################################# */
/* ################################################# */
/* ################################################# */






.work #intro_screen {
position:  relative;
width:  100%;
height:  100%;
height:  calc(100% - 45px);


color:  #111;
font-size: 22px;







}

.work #bg {
background:  url(../images/bg_work_002d.jpg);
background-size: cover;
background-position:  center bottom;


}



.work .page_intro_text {
position:  absolute;
display:  none;

width:  444px;

bottom:  44%;
bottom:  calc(22% + 130px);
left:  12.5%;

max-width:  600px;

float:  left;
z-index:  7;
font-size:  24px;

opacity:  0.7;

}





#work_title {
position:  absolute;
display:  block;
width:  78%;
height:  auto;
bottom: 22%;
left:  11%;
float:  left;
z-index:  5;
font-size:  0px;
text-align:  left;

}



.work #work_title span {
display:  inline-block;
width:  auto;
height:  auto;

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

line-height:  1;
text-align:  left;

color: #111;
color:  #0d64b4;

}

.work #work_title span {
color: #20598e;

}

.work #work_title span span {
display:  inline;
color: #4dc8e9;

}

.work #work_title span span span {
color: #949699;
color: #c0c0c0;

}






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


bottom:  15%;
right:  90px;


width:  auto;

height:  auto;

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

line-height:  1.1;

color: #bab29f;
color:  #aaa597;


opacity:  1;

text-align:  left;

float:  left;
z-index:  33;


}





#work_contents span {
display:  inline-block;
padding:  7px 12px;
background:  #fff;
color:  #4cab42;
font-size:  14px;
font-family: 'proxima';
margin:  0 0 3px 0;

}

#work_contents a,
#work_contents a:visited {
display:  inline-block;
padding:  3px 4px 0 4px;
color:  #949699;
font-size:  21px;
font-family: 'corbeau_bold';
margin:  9px 0 0px 7px;

}

#work_contents a:hover {
color:  #3c8734;

}


#work_intro_text {
position:  absolute;
display:  block;

width:  auto;
height:  auto;

top:  81%;

left:  12.5%;




float:  left;
z-index:  7;
font-size:  0px;

text-align:  left;



}


span#work_intro_btn {
display:  inline-block;
width:  auto;

background:  #fff;
color:  #111;

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


padding:  11px;


margin:  0 0px 0 0;

}

.work.two span#work_intro_btn {
background:  #e0dbd1;
color:  #191101;

}





span#work_intro_btn:hover {
background:  #ffcf28;

}

.work.two span#work_intro_btn:hover {
background:  #ffcf28;

}

span#work_intro_btn span {
display:  inline;
width:  auto;
font-family: 'symbols';
padding:  0px;
margin:  0 0 0 5px;

}







#what_intro {
position: relative;
display: block;

width:  100%;
height:  auto;

padding:  0px 0px 0px 0px;

text-align:  left;

color:  #111;


}



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

padding:  0 0 90px 16.5%;

text-align:  left;





}


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

padding:  11px;
text-align:  left;
font-size:  22px;

background:  #fff;
color:  #111;
vertical-align: top;

margin:  0 35px 35px 0;
  
}


#what_intro_top h2 span {
font-family: 'symbols';

  
}

#what_intro_text {
display:  inline-block;

width:  50%;
max-width:  470px;


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

vertical-align: top;


}



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

text-align:  center;

}



.what_intro_module {
display:  inline-block;
width:  400px;
height:  auto;

vertical-align: top;

text-align:  left;

font-size:  15px;

}


.what_intro_module h2 {
display:  block;
height:  auto;

text-align:  left;

font-size:  300%;


margin:  0px 0 11px 0;

}


.what_intro_module h2 div {
display:  inline-block;

background: #4db941;

border-radius: 44px;

width:  74px;
height:  74px;

font-size: 42px;
line-height:  74px;
text-align:  center;
color: #fff;

font-family: 'corbeau_bold';

margin:  0 0 0.3em 0;



}

.what_intro_module h2 div.one {
background: #ffc90e;
background: #84a961;

}

.what_intro_module h2 div.two {
background: #4db941;
background: #8ed34d;

}

.what_intro_module h2 div.three {
background: #15c2f0;
background: #0d64b4;

}


.what_intro_module h2 div.clear {
display:  block;
width:  100%;

background: none;

border-radius: 0px;

padding: 0px 0px;

font-size: 0px;
line-height:  0px;
margin:  0 0 0px 0;
height:  1px;
}



.what_intro_module span {
display:  block;
height:  auto;

text-align:  left;

font-size:  130%;
font-family: 'corbeau_medium';
margin:  0px 0 1em 0;

}


.what_intro_module h5 {
display:  inline-block;
height:  auto;

text-align:  left;
font-family: 'corbeau_bold';
font-size:  150%;




}


.what_intro_module h5 span {
display:  inline;
height:  auto;

text-align:  left;

font-size:  100%;
font-family: 'symbols';
margin:  auto;




}



#what_intro_a .what_intro_module {
margin:  0 auto 135px auto;



}





#what_intro_a h2#what_intro_a_side {
position:  absolute;
display:  inline-block;

width:  auto;

padding:  11px;
text-align:  left;
font-size:  22px;

background:  #fff;
color:  #111;
vertical-align: top;

right:  16.5%;
bottom:  14%;
  
}

#what_intro_a h2#what_intro_a_side:hover {
background: #ffc90e;
  
}


#what_intro_a h2#what_intro_a_side span {
font-family: 'symbols';

  
}









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

padding:  135px 12% 135px 45px;
text-align:  right;

background:  #4dc8e9;

color: #fffff7;

}

#what_intro_b img {
display:  inline-block;
width:  35%;
max-width:  780px;
height:  auto;


text-align:  left;

vertical-align: top;

margin:  0px 7% 0 0px;


}


#what_intro_b .what_intro_module {
width:  600px;

/*font-size:  22px;
*/
font-size:  19px;

}

#what_intro_b_text {
position:  absolute;
display:  inline-block;
width:  70%;

height:  700px;

float:  left;
z-index:  7;

top:  0px;
right:  0px;


text-align:  left;

vertical-align: top;

background:  #4dc8e9;

color: #fff;

padding:  0 135px 0 0;



}


#what_intro_rewritten {
position:  relative;
display:  block;
width:  100%;
height:  auto;
padding:  135px 12%;

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

}


#work_model_new {
display:  block;
width:  100%;
height: auto;
padding:  180px 90px;
text-align:  center;
font-size:  18px;
background: #e6b42c;
background: #53d9ff;

}


#work_model_inside {
display:  inline-block;
width:  35%;
max-width: 530px;
margin:  0 0px 0 0;
vertical-align: top;
text-align:  left;

}

#work_model_inside h3 {
display:  block;
margin:  0 0px 25px 0;
font-size:  200%;
line-height:  1;

}


#work_model_new a,
#work_model_new a:visited {
display:  inline-block;
width:  55%;
margin:  0 0 11px 0;
padding:  15px 19px;
background:  #ffe92f;
background: #adedff;
color:  #111;
font-family: 'corbeau_bold';
font-size:  21px;
text-align:  center;
border-radius:  4px;

}


#work_more {
display:  inline-block;
width:  308px;
height:  auto;
font-size:  20px;

text-align:  left;

margin:  45px 0 0 60px;


}








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

padding:  225px 90px 225px 90px;
text-align:  center;

background:  #0d64b4;

color: #fffff7;

}

#what_intro_c img {
display:  inline-block;
width:  33%;
max-width:  780px;
height:  auto;


text-align:  left;

vertical-align: top;

margin:  0px 7% 0 0px;


}

#what_intro_c span.sa2tagline {
color: #fffff7;


}


#help_to_exit {
display:  block;
width:  100%;
height:  300px;

background: #19b8e5;
color: #fff;

font-size: 45px;

}

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

font-size:  0px;

font-family: 'corbeau_bold';

text-align:  left;

line-height:  1;

}


#help_to_exit a span#help_to_exit_title,
#help_to_exit a:visited span#help_to_exit_title {
font-size:  40px;

margin:  0px 0 5px 0;

display:  inline-block;
width:  auto;

color:  #fff;
}



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

font-size: 25px;

font-family: 'corbeau_bold';
color: #9de9ff;

line-height:  1;

}

#help_to_exit a span span,
#help_to_exit a:visited span span {
display:  inline;
width:  auto;

font-family: 'symbols';
color: #9de9ff;
margin:  0 0 0 0;

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

 line-height:  1;

}


#help_to_exit a:hover span span {
margin:  0 0 0 11px;

}




#timeline {
position:  relative;
display:  block;
width:  100%;
height:  auto;
background:  #111;
color: #fff;
text-align:  left;

}

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

}


#timeline .img_over {
padding:  135px 90px;
text-align:  left;

}




#timeline span#time_a {
position:  absolute;
display:  inline-block;

float:  left;
z-index: 23;

font-size:  27px;

font-family: 'corbeau_bold';
color:  #62ddfe;

top: 73.2%;
left:  9%;

text-align:  left;


}


#timeline span#time_b,
#timeline span#time_c,
#timeline span#time_d,
#timeline span#time_e,
#timeline span#time_f {
position:  absolute;
display:  inline-block;

float:  left;
z-index: 23;

font-size:  16px;

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

top: 73.2%;
left:  9%;

text-align:  left;



}

#timeline span#time_b {

top: 83.2%;
left:  17%;

}


#timeline span#time_c {

top: 72.2%;
left:  37%;

}


#timeline span#time_d {

top: 65.2%;
left:  56%;

}


#timeline span#time_e {

top: 41.2%;
left:  65%;

}


#timeline span#time_f {

top: 33.2%;
left:  80%;

}

#timeline span#time_f span {
font-family: 'symbols';

}


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


padding:  135px 90px;

background:  #e6b42c;

text-align:  center;


}


#who h3 {
display:  inline-block;
width:  auto;

padding:  11px;
text-align:  left;
font-size:  22px;

background:  #fff;
color:  #111;
vertical-align: top;

margin:  0 35px 35px 0;
  
}


#who h3 span {
font-family: 'symbols';

  
}

#who_links {
display:  none;
width:  500px;
max-width:  50%;

margin:  0 0 0 135px;

text-align:  left;

font-size:  19px;

line-height:  1;

}


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

margin:  11px 0 45px 0;


}


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

margin:  0 0 22px 0;

font-size:  14px;
color:  #333;

font-family: 'corbeau_medium';



}


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

margin:  0 0 3px 0;

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




}

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



}

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

margin:  0 0 7px 0;

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




}














#frontline {
position: relative;
display:  block;

width:  100%;
height:  auto;

text-align:  center;

}


#frontline h2 {
font-size:  0px;
color:  #fff;

text-transform:  uppercase;

margin:  90px auto;



}



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


padding:  135px 90px;

background:  #4dc8e9;
background:  #498883;
background:  #1b96b7;
color:  #fff;


text-align:  center;


}


#where h3 {
position:  relative;
display:  inline-block;
width:  auto;

padding:  11px;
text-align:  left;
font-size:  22px;

background:  #fff;
color:  #111;
vertical-align: top;

margin:  0 0px 35px 0;
  
}


#where h3 span {
font-family: 'symbols';

  
}


#where .what_intro_module {
margin:  0 0 0 35px;


}




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

opacity:  0.6;


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

}

#country_app:hover {
opacity:  1;

}


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


#country_app button.map_btns {
position:  absolute;
display:  inline-block;

width:  17px;
height:  17px;

border-radius:  17px;

background:  #00b4e7;
background:  #f8a90f;
background: #1ec0ee;

border:  4px solid #00488b;

float:  left;

font-size:  0px;

padding:  0px;

}







#country_app button.map_btns:hover {
background:  #aeaeae;
background:  #f8a90f;
background: #f8770f;
background: #7ae2ff;

}


#country_app button.map_btns span {
position:  absolute;
display:  none;

width:  auto;
min-width:  112px;
height:  auto;

border-radius:  3px;

background:  #00b4e7;
background:  #f8a90f;

border:  4px solid #fff;

float:  left;

z-index:  33;


top:  -9px;

left:  25px;

font-size:  12px;
color:  #111;

background:  #fff;

padding:  7px 11px;



text-align:  left;


}

#country_app button.map_btns span div {
font-size:  180%;
font-family:  'corbeau_bold';

}


#country_app button.map_btns:hover span {
display:  inline-block;

}


button#vancouver_btn {
z-index:  25;
bottom:  59%; 
right:  84%;

}

button#kelowna_btn {
z-index:  24;
bottom:  60%;
right:  83%;

}

button#calgary_btn {
z-index:  23;
bottom:  61%;
right:  81%;

}

button#durham_btn {
z-index:  22;
bottom:  56%;
right:  73%;

}

button#san_diego_btn {
z-index:  22;
bottom:  51%;
right:  82.7%;

}


button#nyc_btn {
z-index:  21;
bottom:  55%;
right:  71%;

}

button#alanta_btn {
z-index:  20;
bottom:  50.8%;
right:  74%;

}


button#nepal_btn {
z-index:  22;
bottom:  48.4%;
right:  29.7%;

}


button#hungary_btn {
z-index:  22;
bottom:  57.4%;
right:  46.2%;

}

button#berlin_btn {
z-index:  23;
bottom:  60.4%;
right:  48.2%;

}


button#karlsruhe_btn {
z-index:  24;
bottom:  59.1%;
right:  49.4%;

}


button#greece_btn {
z-index:  22;
bottom:  53%;
right:  45.5%;

}


button#bulgaria_btn {
z-index:  21;
bottom:  55.2%;
right:  44.8%;

}


button#italy_btn {
z-index:  27;
bottom:  56.8%;
right:  49%;

}

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



#canada_over,
#usa_over,
#nepal_over,
#hungary_over,
#germany_over,
#greece_over,
#bulgaria_over,
#italy_over {
position: absolute;
display:  none;
width:  50%;
height:  100%;
background:  #fff;
background:  #ece9e4;
background: #e0e7e5;

color:  #111;
padding:  45px 45px;
text-align:  left;
opacity:  1;

font-size:  19px;

top:  0px;
left: -55%;

}

#a_over,
#b_over,
#c_over,
#d_over,
#e_over,
#f_over,
#g_over,
#h_over,
#i_over,
#j_over,
#k_over,
#l_over,

#m_over,
#n_over,
#o_over,
#p_over,
#q_over,
#r_over,
#s_over,
#t_over,
#u_over,
#v_over,
#w_over,
#x_over,

#y_over,
#z_over,
#cg_over,
#ch_over {
position: absolute;
display:  none;
width:  50%;
height:  100%;
background:  #fff;
background:  #ece9e4;
background: #e0e7e5;

color:  #111;
padding:  45px 45px;
text-align:  left;
opacity:  1;

font-size:  19px;

top:  0px;
left: -55%;

}

#canada_over,
#usa_over,
#nepal_over,
#hungary_over,
#germany_over,
#greece_over,
#bulgaria_over,
#italy_over {
z-index:  52;


}


#a_over,
#b_over,
#c_over,
#d_over,
#e_over,
#f_over,
#g_over,
#h_over,
#i_over,
#j_over,
#k_over,
#l_over,

#m_over,
#n_over,
#o_over,
#p_over,
#q_over,
#r_over,
#s_over,
#t_over,
#u_over,
#v_over,
#w_over,
#x_over,

#y_over,
#z_over,
#cg_over,
#ch_over {
z-index:  52;


}





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



#country_app.go_a #a_over {
display:  block;

}

#country_app.go_a.go_in_a #a_over {
left: 0%;

}



#country_app.go_b #b_over {
display:  block;

}

#country_app.go_b.go_in_b #b_over {
left: 0%;

}




#country_app.go_c #c_over {
display:  block;

}

#country_app.go_c.go_in_c #c_over {
left: 0%;

}



#country_app.go_d #d_over {
display:  block;

}

#country_app.go_d.go_in_d #d_over {
left: 0%;

}



#country_app.go_e #e_over {
display:  block;

}

#country_app.go_e.go_in_e #e_over {
left: 0%;

}



#country_app.go_f #f_over {
display:  block;

}

#country_app.go_f.go_in_f #f_over {
left: 0%;

}



#country_app.go_g #g_over {
display:  block;

}

#country_app.go_g.go_in_g #g_over {
left: 0%;

}



#country_app.go_h #h_over {
display:  block;

}

#country_app.go_h.go_in_h #h_over {
left: 0%;

}



#country_app.go_i #i_over {
display:  block;

}

#country_app.go_i.go_in_i #i_over {
left: 0%;

}



#country_app.go_j #j_over {
display:  block;

}

#country_app.go_j.go_in_j #j_over {
left: 0%;

}



#country_app.go_k #k_over {
display:  block;

}

#country_app.go_k.go_in_k #k_over {
left: 0%;

}



#country_app.go_l #l_over {
display:  block;

}

#country_app.go_l.go_in_l #l_over {
left: 0%;

}



#country_app.go_m #m_over {
display:  block;

}

#country_app.go_m.go_in_m #m_over {
left: 0%;

}


#country_app.go_n #n_over {
display:  block;

}

#country_app.go_n.go_in_n #n_over {
left: 0%;

}


#country_app.go_o #o_over {
display:  block;

}

#country_app.go_o.go_in_o #o_over {
left: 0%;

}


#country_app.go_p #p_over {
display:  block;

}

#country_app.go_p.go_in_p #p_over {
left: 0%;

}


#country_app.go_q #q_over {
display:  block;

}

#country_app.go_q.go_in_q #q_over {
left: 0%;

}

#country_app.go_r #r_over {
display:  block;

}

#country_app.go_r.go_in_r #r_over {
left: 0%;

}

#country_app.go_s #s_over {
display:  block;

}

#country_app.go_s.go_in_s #s_over {
left: 0%;

}


#country_app.go_t #t_over {
display:  block;

}

#country_app.go_t.go_in_t #t_over {
left: 0%;

}



#country_app.go_u #u_over {
display:  block;

}

#country_app.go_u.go_in_u #u_over {
left: 0%;

}


#country_app.go_v #v_over {
display:  block;

}

#country_app.go_v.go_in_v #v_over {
left: 0%;

}


#country_app.go_w #w_over {
display:  block;

}

#country_app.go_w.go_in_w #w_over {
left: 0%;

}


#country_app.go_x #x_over {
display:  block;

}

#country_app.go_x.go_in_x #x_over {
left: 0%;

}


#country_app.go_y #y_over {
display:  block;

}

#country_app.go_y.go_in_y #y_over {
left: 0%;

}


#country_app.go_z #z_over {
display:  block;

}

#country_app.go_z.go_in_z #z_over {
left: 0%;

}


#country_app.go_cg #cg_over {
display:  block;

}

#country_app.go_cg.go_in_cg #cg_over {
left: 0%;

}


#country_app.go_ch #ch_over {
display:  block;

}

#country_app.go_ch.go_in_ch #ch_over {
left: 0%;

}


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


#country_app.a #canada_over {
display:  block;

}

#country_app.a.b #canada_over {
left: 0%;

}


#country_app.c #usa_over {
display:  block;

}

#country_app.c.d #usa_over {
left: 0%;

}


#country_app.e #nepal_over {
display:  block;

}

#country_app.e.f #nepal_over {
left: 0%;

}

#country_app.g #hungary_over {
display:  block;

}

#country_app.g.h #hungary_over {
left: 0%;

}

#country_app.i #germany_over {
display:  block;

}

#country_app.i.j #germany_over {
left: 0%;

}


#country_app.k #greece_over {
display:  block;

}

#country_app.k.l #greece_over {
left: 0%;

}

#country_app.m #bulgaria_over {
display:  block;

}

#country_app.m.n #bulgaria_over {
left: 0%;

}


#country_app.o #italy_over {
display:  block;

}

#country_app.o.p #italy_over {
left: 0%;

}




.country_over_inside {
position: relative;
display:  inline-block;
width:  100%;
max-width:  950px;
text-align:  left;
margin:  auto;

}



.country_over h2 {
font-size:  300%;
text-transform:  uppercase;
color:  #27c9f7;


}


.country_over h2 img {
display:  inline-block;
height:  0.6em;
width:  auto;

margin:  0.1em 0 0 0.3em;

vertical-align: top;





}


.country_over h3 {
font-size:  120%;

color:  #aaa;
color:  #999;

margin:  0 0 0.8em 0;


}

.country_over_text {
display:  block;
width:  100%;
max-width:  950px;

font-size:  16px;

columns: 2;
column-count: 2;
column-gap: 22px;



}

.country_over_text p {
display:  inline;

margin:  0em 0 1em 0;

}

.country_over .country_over_text h3 {
font-size:  100%;

color:  #111;

margin:  0 0 0em 0;

text-transform:  uppercase;


}

button.country_over_back {
position: absolute;
display: inline-block;

float:  right;


width:  50px;
height:  50px;

padding:  15px;


top:  0px;
right:  0px;

z-index:  75;



 -moz-transition-duration: 0.8s;
 -o-transition-duration: 0.8s;
 -webkit-transition-duration: 0.8s;
 transition-duration: 0.8s;
 transition-timing-function: ease-in-out;


 background:  none;

}


button.map_over_back {
position:  absolute;
display:  inline-block;

width:  100%;
height:  100%;

float:  left;
z-index:  77;

top:  0px;
left:  100%;


background:  none;



}




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

 background:  none;


}





.close_menu_btn_shape .menu_btn_shape_bar_1 {
background: #999;
position: absolute;
top: 8px;
left: 0px;
float: left;
z-index: 81;
height: 4px;
width: 100%;

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

transform:  rotate(45deg);

}








.close_menu_btn_shape .menu_btn_shape_bar_2 {
background: #999;
position: absolute;
top: 8px;
left: 0px;
float: left;
z-index: 82;
height: 4px;
width: 100%;

transform:  rotate(-45deg);

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

}


.close_menu_btn_shape:hover .menu_btn_shape_bar_1,
.close_menu_btn_shape:hover .menu_btn_shape_bar_2 {
background:  #555;


}


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




#country_intro {
display:  block;
width:  100%;
height:  120%;

padding:  135px 45px;

background:  #729895;
background: #84a961;
color:  #fff;
}

#country_intro_inside {
display:  inline-block;
width:  90%;
max-width:  1450px;

margin:  auto;
}


#country_intro_left {
position:  absolute;
display:  inline-block;
width:  auto;
text-align:  left;

margin: 0px;

font-size:  15px;

float:  left;
z-index:  4;

top:  200%;
top:  calc(100% + 25px);
left:  0px;

left:  15px;

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




}

#country_intro_left a,
#country_intro_left a:visited {
display:  inline-block;
width:  auto;
text-align:  left;

font-size:  32px;
color: #40fff0;
color:  #75e2ff;

font-family: 'corbeau_bold';

}

#country_intro_left a:hover {
color: #4dc8e9;
color: #ffcf28;

}


#country_intro_right {
display:  inline-block;
width:  60%;
width:  calc(100% - 350px);

text-align:  left;




}

#country_intro_right div {
display:  block;
width:  100%;

text-align:  left;

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

font-family: 'corbeau_bold';
line-height:  1.1;



}

#country_intro_right span {
display:  inline-block;
width:  44%;

margin:  45px 0 0 0;

text-align:  left;

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

font-family: 'corbeau_medium';


}



#canada {
position:  relative;
display:  block;
width:  100%;
height:  120%;
height:  calc(90% + 360px);

background:  #fff;



}

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

float:  left;
z-index:  4;

width:  50%;
height:  80%;
height:  calc(100% - 360px);

top: 180px;
left:  0px;

background:  url(../images/z_work_canada_left.jpg);
background-size: cover;
background-position:  top right;

text-align:  left;
padding: 90px 90px;
color:  #fff;
line-height:  1;
}


#canada_left h2 {
display:  inline-block;

margin:  0px 0 15px 0;

font-size: 77px;

background: #27caf7;

padding:  11px;
text-transform: uppercase;

}


#canada_left span {
display:  inline-block;

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

background: #145692;

padding:  11px;

}


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

width:  40%;
max-width:  575px;
height:  auto;

text-align:  left;

float:  left;
z-index:  5;

top:  270px;
left:  53%;
left:  calc(50% + 90px);


}

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

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



}

#canada_right_inside h4 {
display:  inline-block;
width:  100%;
max-width:  400px;

font-family:  'corbeau_medium';
font-size:  21px;
color:  #111;



}


#usa {
position:  relative;
display:  block;

width:  100%;
height:  110%;




}



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

width:  15%;
height:  auto;

float:  left;
z-index:  4;

top:  90px;
left:  10%;

}

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


}

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

width:  35%;
height:  70%;

float:  left;
z-index:  5;

top:  90px;
left:  32%;
left:  calc(25% + 25px);

background:  #27caf7;
color:  #fff;

font-size:  17px;

text-align:  left;

padding:  25px 25px 25px 25px;


}


#usa_mid h2 {
font-size: 77px;
text-transform: uppercase;
margin: 0 0 11px 0px;

}


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

width:  18%;
height:  auto;

float:  left;
z-index:  6;

top:  180px;
left:  64%;
left:  calc(60% + 75px);

background:  #fff;
color:  #111;

font-size:  17px;

text-align:  left;

padding:  15px 15px 40px 15px;


}


#nepal_over_over {
position: absolute;
display:  inline-block;
float:  left;
z-index: 4;

top:  0%;
right:  0%;

width:  100%;
height:  100%;

padding:  90px 5% 0 60%;




}


#nepal_title {
display:  inline-block;

width:  100%;
max-width:  380px;
height:  auto;

float:  left; 

padding:  25px;
background:  #fff;
color:  #111;

text-align:  left;


}

#nepal_title h2 {
font-size:  200%;
text-transform: uppercase;
margin: 0 0 0px 0px;
padding:  0px;
line-height: 1;

}


#east_europe {
position:  relative;
display:  block;
width:  100%;
height:  120%;
height:  calc(70% + 360px);

background:  #fff;

}


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

float:  left;
z-index:  5;

width:  22%;
height:  80%;
height:  calc(100% - 360px);

top: 180px;

left:  12%;


background:  url(../images/z_work_bulgaria_2.jpg);
background-size: cover;
background-position:  bottom right;

text-align:  left;

color:  #fff;
line-height:  1;


color:  #fff;




}


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

float:  left;
z-index:  4;

width:  22%;
height:  80%;
height:  calc(100% - 360px);

top: 180px;
left:  36%;
left:  calc(34% + 45px);


background-size: cover;
background-position:  top right;

background: #27caf7;

text-align:  left;
padding: 90px 90px;
color:  #fff;
line-height:  1;




}


#east_europe h2 {
position:  absolute;
display:  inline-block;

float:  left;
z-index:  7;



bottom: 45px;
left:  45px;

text-transform:  uppercase;
font-size:  45px;

}





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

float:  left;
z-index:  5;

width:  25%;
height:  auto;


bottom: 180px;
left:  36%;
left:  calc(56% + 90px);



text-align:  left;

color:  #fff;
line-height:  1.2;


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

font-size:  18px;



}







#greece {
position: relative;
display: block;

width:  100%;
height:  90%;
min-height:  850px;

}

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

float:  left;
z-index:  7;

left:  45%;
top:  90px;

width: 33%;
height:  74%;

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


}


#greece h2 {
position:  absolute;
display:  inline-block;

float:  left;
z-index:  6;

right:  57%;
right:  calc(55% + 25px);
top:  90px;

width: auto;


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

background:  #27caf7;

padding:  15px 77px 100px 25px;

margin:  0px;

text-align:  left;
text-transform: uppercase;


}

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

float:  left;
z-index:  5;

right:  57%;
right:  calc(55% + 25px);
top:  300px;


width: 28%;


color:  #111;
font-size:  17px;




text-align:  left;


}


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


}

#germany_slide {
display:  inline-block;
width:  100%;
height:  auto;
margin:  auto;


}

#germany_inside {
display:  inline-block;
max-width:  600px;
height:  auto;

background:  #27caf7;

text-align:  left;

padding:  25px;


}

#germany h2 {
text-transform:  uppercase;
font-size:  45px;
color:  #fff;
margin:  0 0 11px 0;

}

#germany span {
display:  inline-block;
max-width:  555px;
font-size:  19px;
color:  #fff;

font-family: 'corbeau_medium';


}


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

background:  #fff;
color:  #111;

padding:  180px 90px;

text-align:  center;




}


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

padding:  11px;
text-align:  left;
font-size:  27px;

background:  #ffb628;
color:  #fff;
vertical-align: top;

margin:  0 35px 35px 0;
  
}


#sa_network h2 span {
font-family: 'symbols';

  
}


#sa_network #what_intro_top {
width:  1100px;
text-align:  right;

padding:  0 0 90px 0;
margin:  auto;

}



#sa_network #what_intro_text {
display:  inline-block;

width:  50%;
max-width:  470px;


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

vertical-align: top;

text-align:  left;


}


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

text-align:  center;


}




#sa_network_mid span {
display:  inline-block;
width: 850px;
text-align:  left;

column-count: 3;
column-gap: 30px;

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


}


#network_btm {
position:  relative;
display: block;
width:  100%;

text-align:  center;

padding:  90px 0 0 0;

}



#network_btm_left {
display:  inline-block;
width:  300px;

padding:  25px 45px 45px 0;

text-align:  left;

font-size:  17px;

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

}

#network_btm_left h3 {
display:  block;

margin:  0 0 15px 0;
text-align:  left;

font-size:  155%;

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

}

#network_btm img {
display:  inline-block;
width: 650px;
height:  auto;

margin:  0 100px 0 0;



}

#network_quote {
display:  inline-block;
width: 650px;
height:  650px;

margin:  0 100px 0 0;

background:  #aaa;

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


}

#network_quote div {
display:  inline-block;
width: 65%;
height:  auto;



font-size:  25px;

font-family: 'fakt_medium';

color:  #fff;

text-align:  left;


}





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

padding:  0px;

background:  #ece9e3;

text-align:  center;

}

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


}

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

 
height: auto; 


font-size: 0px; 

text-align: left;

margin:  auto;


background:  none;
color:  #fff;


float:  left;
z-index: 33;

bottom:  110px;
right:  150px;

padding:  0px;

line-height:  1.1;

vertical-align: top;
font-family:  'fakt_medium';

}



#tag_a {
display:  inline-block;
width:  auto;
font-size:  22px;
font-family:  'fakt_medium'; 
line-height:  1;

background:  #111;
color:  #fff;
padding: 11px 11px 5px 11px;

vertical-align: top;


}

#tag_b,
#tag_c {
display:  inline-block;
width:  auto;
font-size:  44px;
font-family:  'corbeau_bold'; 
line-height:  1;
font-weight: 700;

background:  #111;
color:  #fff;
padding: 5px 11px;

vertical-align: top;


}

#tag_d {
display:  inline-block;
width:  auto;
font-size:  0px;
font-family:  'corbeau_bold'; 
line-height:  1;

background:  #111;
color:  #111;
padding: 5px 11px 11px 11px;

vertical-align: top;


}

#tag_d a,
#tag_d a:visited {
display:  inline-block;
width:  auto;
font-size:  27px;
font-family:  'corbeau_bold'; 
line-height:  1;

background:  #ffb628;
color:  #111;
padding: 11px;

vertical-align: top;

text-transform: uppercase;

letter-spacing: -0.5px;

}

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

}

#tag_d a:hover {
background:  #ffcf28;

}



/* ################################################# */
/* ################################################# */
/* ################################################# */
/* ########      BE INSPIRED STYLES        ######### */
/* ################################################# */
/* ################################################# */
/* ################################################# */

.inspired #bg_under {
position:  fixed;
display:  block;
width:  100%;
height:  100%;

top:  0px;
left:  0px;

float:  left;
z-index:  -1;


background:  #fff;




}

.inspired #body_holder {

background:  #ead7d7;
background:  #ffcbc7;
background: #f5dbd2;
background:  #e3e3e3;

}

.inspired #intro_screen {
height: 100%;




}

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

height:  100%;



float:  left;
z-index: 5;

bottom:  0px;
right:  0px;



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


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


}





.inspired .page_intro_text {
position:  absolute;
display:  inline-block;

top:  25%;
left:  auto;
right:  9%;

max-width:  600px;

float:  left;
z-index:  7;
font-size:  24px;

}



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

padding:  90px;

margin:  90px auto auto auto;

text-align:  center;

}


#real_stories h2 {
display:  block;
width:  100%;
text-align:  center;

font-family: 'proxima';
font-size:  23px;
color:  #333;

margin:  0 0 180px 0;

}

#real_stories h2 span {
font-family: 'corbeau_medium';
font-size:  110%;
color:  #111;

margin:  auto;

}

.real_story {
display:  inline-block;
width:  80%;
max-width:  1100px;


margin: 0 auto 135px auto;

}

.real_story_img {
position:  relative;
display:  inline-block;
width:  40%;

vertical-align: top;

margin:  0 10% 0 10%;




}

.real_story_img img {
display:  block;
width:  100%;
vertical-align: top;
border-radius:  15px;


}


.story_img_player {
position:  absolute;
display:  inline-block;

width: 80%;
height:  auto;

float:  left;
z-index:  8;

top:  15px;
left:  15px;

text-align:  left;



}






#play_btn_a,
#play_btn_b,
#play_btn_c {
display: inline-block;
width: 90px;
height: 90px;
vertical-align: middle;
text-align: center;

position: relative;

cursor: pointer;

opacity: 1;

background: none;

}




.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: 70px;
height: 70px;
border-radius: 35px;
background: none; 

border: solid #f1f3f4 5px;

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


cursor: pointer;

background: rgb(0,0,0, 0.4);
}

#play_btn_a:hover .circle,
#play_btn_b:hover .circle,
#play_btn_c:hover .circle,
#pause_btn:hover .circle {
width: 80px;
height: 80px;
border-radius: 55px;
border: solid #ffcf28 4px;

background: rgb(0,0,0, 0.3);

}




#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;


}


#triangle {
display: inline-block;
vertical-align: middle;
    width: 0;
    height: 0;
    border-top: 0.75em solid transparent;
    border-left: 1.5em solid #f1f3f4;
    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_a:hover #triangle,
#play_btn_b:hover #triangle,
#play_btn_c:hover #triangle {
border-top: 0.9em solid transparent;
border-left: 1.8em solid #ffcf28;
border-bottom: 0.9em solid transparent;

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

}



#pause_btn { 
display: none;
width: 90px;
height: 90px;
vertical-align: middle;
text-align: center;

position: relative;

cursor: pointer;


}

#pause_holder {
position: absolute;    
display: block;

width: 100%;
height: 100%;

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

float: left;

z-index: 5;

top: 0px;
left: 0px;



}

#pause {
display: inline-block;   
width: 70%;
height: 70%;

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

}


#pause_left {
width: 11%;
height: 43%;
background: #f1f3f4;
display: inline-block;
float: left;
margin: 28.5% 0% 0 32%;
padding: 0px;

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

}


#pause_right {
width: 11%;
height: 43%;
margin: 28.5% 32% 0 0;
background: #f1f3f4;
display: inline-block;
float: right;
padding: 0px;

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

}

#pause_btn:hover #pause_right,
#pause_btn:hover #pause_left {
background: #ffcf28;
transition: all 0.2s;
cursor: pointer;
}



.real_story_img .story_img_player span#story_time_a,
.real_story_img .story_img_player span#story_time_b,
.real_story_img .story_img_player span#story_time_c {
display:  inline-block;
margin:  30px 0 0 15px;

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

opacity:  1;


}


.real_story_img .story_img_player span#story_time_a.off,
.real_story_img .story_img_player span#story_time_b.off,
.real_story_img .story_img_player span#story_time_c.off {
opacity:  0;

}

/* MP3 PLAYER LOADER */

#play_btn_a.off,
#play_btn_b.off,
#play_btn_c.off {
opacity:  0;

}


#player_a_flash,
#player_b_flash,
#player_c_flash {
position: absolute;
display:  none;
opacity:  0;

width:  100%;
height:  100%;

background: #fff;
background: #27c9f7;
background: #0d505a;


background:  none;


float:  left;
z-index:  22;

top:  0px;
left:  0px;

vertical-align: top;
border-radius:  15px;


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

font-weight:  900;

font-family: 'corbeau_bold';

}


#player_a_flash.load,
#player_b_flash.load,
#player_c_flash.load {
display:  block;

}

#player_a_flash.load.fade,
#player_b_flash.load.fade,
#player_c_flash.load.fade {
opacity:  1;

}

#player_a_flash.load.fade.fadeout,
#player_b_flash.load.fade.fadeout,
#player_c_flash.load.fade.fadeout {
opacity:  0;

}


#player_a_flash img,
#player_b_flash img,
#player_c_flash img  {
display:  block;
width:  100%;
vertical-align: top;
border-radius:  15px;


}






#player_a_controls,
#player_b_controls,
#player_c_controls {
position: absolute;
display:  none;


width:  80%;
width:  calc(100% - 30px);
height:  auto;

background: none;

text-align: center;


float:  left;
z-index:  19;

bottom:  15px;
left:  15px;

margin:  0px 0 75px 0;

opacity:  0;


-webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;


}

#player_a_controls.load,
#player_b_controls.load,
#player_c_controls.load {
display:  block;



}

#player_a_controls.load.top,
#player_b_controls.load.top,
#player_c_controls.load.top {
z-index:  23;
margin:  0 0 25px 0;

opacity:  1;


}





#mp3a,
#mp3b,
#mp3c {
display: none;
opacity:  0px;
width:  auto;
height:  auto;

max-width:  100%;


}

#mp3a.load {
display:  block;



}

#mp3a.load.fade {
opacity:  1;



}



#real_stories h3 {
display:  block;
width:  100%;
text-align:  center;

font-family: 'proxima';
font-size:  23px;
color:  #333;

margin:  90px 0 135px 0;

}

#real_stories h3 span {
font-family: 'corbeau_medium';
font-size:  110%;
color:  #111;

margin:  auto;

}





















.real_story span {
display:  inline-block;
width:  30%;

vertical-align: top;

margin:  90px auto auto auto;

font-size:  21px;
font-family: 'corbeau_medium';
color:  #111;


text-align:  left;



}

.real_story span span {
display:  inline-block;
width:  100%;

vertical-align: top;

margin:  1em auto auto auto;

font-size:  19px;
font-family: 'proxima';
color:  #111;


}







.mid_screen {
position:  relative;
display:  block;
width:  100%;
height:  140%;
max-height:  1299px;

background:  #111;
background:  #e3e3e3;

}



#bg_be_inspired_lower {
position:  absolute;
display:  inline-block;
width:  67%;
width:  calc(64% - 135px);
height:  100%;
height:  calc(100% - 190px);


float:  left;
z-index: 5;

bottom:  90px;
right:  180px;


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


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


border-radius:  15px;

  
}


#bg_mid_under {
position:  absolute;
display:  block;
width:  100%;
height:  80%;
height:  calc(100% - 360px);

float:  left;
z-index: 4;

left:  0px;
bottom:  180px;

background:  #111;
background: #a26033;
background: #116571;


}

#bg_mid_btm_under {
position:  absolute;
display:  block;
width:  100%;
height:  40%;


float:  left;
z-index: 3;

left:  0px;
bottom:  0px;

background:  #729895;
background: #1fa3c8;


}


.inspired .mid_screen .page_intro_text {
position:  absolute;
display:  inline-block;

top:  35%;
left:  8%;
right:  auto;

max-width:  550px;

float:  left;
z-index:  7;
font-size:  21px;

color:  #fff;

}

.inspired .mid_screen .page_intro_text h3 {
color:  #fff;

}

.inspired .mid_screen .page_intro_text .padded-multiline span { 
color:  #116571;

}

.inspired .mid_screen .page_intro_text span.home_intro_tagline {
color:  #116571;

}


.inspired #crisis_turn {
background:  #1fa3c8;



}


#inspired_turn_inside {
display:  inline-block;
width:  auto;


height:  auto;


text-align:  left;

color:  #fff;

font-family: 'proxima';
font-size:  23px;
letter-spacing:  0px;
margin:  auto;

}


.finale {
position:  relative;
display:  block;
width:  100%;


padding:  235px 45px;

text-align:  left;

color:  #fff;

background:  #333;
background:  #a7a297;
background:  #e5e2da;
background: #0f6370;


}


.inspired #dynamic_holder {
background: #0f6370;
padding:  90px 90px 45px 0;

height:  100%;
height:  calc(100% + 45px);
max-height:  750px;


}

.inspired #dynamic_left,
.inspired #dy_r_top {
background:  #1797ab;


}



.finale_inside {
display:  inline-block;
width:  auto;
max-width:  675px;

height:  auto;


text-align:  left;

color:  #fff;

font-family: 'proxima';
font-size:  23px;
letter-spacing:  0px;
margin:  auto;

}


.finale_inside a,
.finale_inside a:visited {
display:  inline-block;
margin:  0 0 7px 0;


}

.finale_inside a span,
.finale_inside a:visited span {
font-family: 'symbols';
margin:  0 0 0 5px;

color:  #ffcf28;
  
}

.finale_inside a:hover span {
font-family: 'symbols';
margin:  0 0 0 15px;
  
}

.finale_inside h2 {
font-size:  180%;


}



.action_toolkit {
position:  relative;
display: block;

width:  100%;
height:  auto;

padding:  0px;

text-align: center;

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

background:  #fff;

}


.toolkit_left {
position: absolute;
display:  inline-block;
width:  33%;

vertical-align: top;

margin:  0 0px 0 auto;

text-align: left;

float:  left;
z-index:  22;


top:  44%;
right:  48%;




}

.toolkit_left span {
display:  block;
width:  100%;

vertical-align: top;

margin:  0 0 0.8em 0;



font-family: 'corbeau_bold';
font-weight:  700;
line-height:  1.2;
letter-spacing:  0px;
font-size:  130%;
color:  #aaa;



}


.toolkit_left a,
.toolkit_left a:visited {
display:  inline-block;
width:  auto;
vertical-align: top;

font-family: 'corbeau_bold';
font-weight:  700;
line-height:  1.2;
letter-spacing:  0px;
font-size:  130%;
color:  #aaa;

border-bottom:  2px solid #aaa;


}

.toolkit_left a:hover {
color:  #0889ff;
border-bottom:  2px solid #0889ff;

}

a#on_be_inspired,
a#on_be_inspired:visited {
display:  none;


}

.inspired a#on_be_inspired,
.inspired a#on_be_inspired:visited {
display:  inline-block;


}

.inspired a#on_all,
.inspired a#on_all:visited {
display:  none;


}


.toolkit_right {
position: absolute;
display:  inline-block;
width:  auto;

vertical-align: top;

margin:  auto;

text-align:  left;
font-family: 'corbeau_bold';
font-size:  22px;

float:  left;
z-index:  22;

top:  30%;
left:  62%;
  
}

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

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

margin:  0 0 1em 0;




}


.toolkit_right a,
.toolkit_right a:visited {
display:  inline-block;
width:  auto;
vertical-align: top;

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

margin:  0 0 4px 0;
padding:  4px 6px;

background:  #27c9f7;
color:  #fff;



}

.toolkit_right a:hover {
background:  #3fe6ff;
}

.toolkit_right a:first-of-type,
.toolkit_right a:first-of-type:visited {
background:  #d84700;
background:  #d87a00;

}

.toolkit_right a:nth-of-type(2),
.toolkit_right a:nth-of-type(2):visited {
background:  #3c8734;


}

.toolkit_right a:nth-of-type(3),
.toolkit_right a:nth-of-type(3):visited {
background:  #27c9f7;

}

.toolkit_right a:nth-of-type(4),
.toolkit_right a:nth-of-type(4):visited {
background:  #0889ff;

}

.toolkit_right a:nth-of-type(5),
.toolkit_right a:nth-of-type(5):visited {
background:  #f0a20b;

}

.toolkit_right a:nth-of-type(6),
.toolkit_right a:nth-of-type(6):visited {
background:  #3c8734;

}




.toolkit_right a:first-of-type:hover {
background:  #ff6215;
background: #ffa81e;

}


.toolkit_right a:nth-of-type(2):hover  {
background:  #43b137;

}


.toolkit_right a:nth-of-type(3):hover  {
background:  #3fe6ff;

}


.toolkit_right a:nth-of-type(4):hover  {
background:  #49bdff;

}


.toolkit_right a:nth-of-type(5):hover  {
background:  #ffd339;

}


/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #########       SPEAKER  STYLES       ########### */
/* ################################################# */
/* ################################################# */
/* ################################################# */


.speaker #intro_screen,
.mid_img #intro_screen {
position: relative;
height:  105%;

background:  none;

background:  #fff;



}

.speaker #bg_under,
.mid_img #bg_under {
position:  absolute;
display:  block;

width:  100%;
height:  95%;

top:  0px;
left:  0px;

float:  left;
z-index:  2;


background: #e5e2da;




}


.speaker #bg,
.mid_img #bg {
position:  absolute;
display:  inline-block;

float:  left;
z-index:  3;

bottom:  0px;
left:  40%;

width:  45%;
height:  80%;


background:  #111;
background:  url(../images/z_speaker_001d.jpg);
background-size: cover;
background-position: left center;


}


.speaker.two #bg {
position:  absolute;
display:  inline-block;

float:  left;
z-index:  3;

bottom:  0px;
left:  40%;

width:  45%;
height:  80%;


background:  #111;
background:  url(../images/z_speaker_001f.jpg);
background-size: cover;
background-position: center center;


}

.speaker.three #bg {
position:  absolute;
display:  inline-block;

float:  left;
z-index:  3;

bottom:  0px;
left:  40%;

width:  45%;
height:  80%;


background:  #111;


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


}


.speaker .page_intro_text {
position:  absolute;
display:  inline-block;

width:  70%;
max-width:  825px;
top:  39%;
left:  12%;

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

float:  left;
z-index:  7;

}

.mid_img .page_intro_text {
position:  absolute;
display:  inline-block;

width:  34%;
max-width:  825px;
top:  39%;
left:  12%;

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

float:  left;
z-index:  7;

}


.speaker .page_intro_text .bigBtn,
.mid_img .page_intro_text .bigBtn {
margin:  25px 0 0 0;

}


.speaker .give_details_inside strong {
display:  block;
width:  100%;
text-align:  left;

margin:  0.5em 0 0 0;



}



.speaker_cols {
display:  block;
width:  100%;
height:  auto;

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

margin:  45px 0px 0px 0px;

padding:  0 45px;


}

.speaker_cols_text {
display:  block;
width:  100%;
height:  auto;

columns: 3;
column-count: 3;
column-gap: 90px;



}

.speaker_cols_text p {
display:  inline;

margin:  0em 0 1em 0;



}




#speaker_intro {
position: relative;
display: block;

width:  100%;
height:  auto;

padding:  90px 0px 135px 0px;

text-align:  center;

color:  #111;

background:  #fff;

font-size:  0px;


}


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

padding:  0 0 90px 16.5%;

text-align:  left;





}


#speaker_intro #speaker_intro_top h2 {
display:  inline-block;
width:  auto;

padding:  11px;
text-align:  left;
font-size:  22px;

background:  #ffb628;
color:  #fff;
vertical-align: top;

margin:  0 35px 35px 0;
  
}


#speaker_intro_top h2 span {
font-family: 'symbols';

  
}

#speaker_intro_text {
display:  inline-block;

width:  50%;
max-width:  470px;


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

vertical-align: top;

text-align:  left;


}


#speaker_options {
display:  inline-block;
width:  82%;
max-width:  1550px;
margin:  auto;


}

#speaker_options a,
#speaker_options a:visited {
display:  inline-block;


width:  26%;
width:  calc(32.9% - 45px);



height:  auto;


vertical-align: top;

text-align:  left;

font-size:  15px;

margin:  0 22px;



color:  #111;

border-radius:  2px;

}


#speaker_options a img,
#speaker_options a:visited img {
display:  block;
width:  100%;
height:  auto;
vertical-align: top;



border-radius:  2px 2px 0px 0px;

}

.speaker_intro_module {
display:  block;
width:  100%;
min-height:  265px;

padding:  22px;



}


.speaker_intro_module h2 {
display:  block;
height:  auto;

text-align:  left;

font-size:  150%;

font-family: 'corbeau_bold';

margin:  0px 0 11px 0;

}



.speaker_intro_module h5 {
display:  inline-block;
height:  auto;

text-align:  left;

font-size:  130%;

font-family: 'proxima';


}

.speaker_intro_module h5 span {
font-family: 'symbols';

margin:  0 0 0 3px;
}

#speaker_options a:hover h5 span {
font-family: 'symbols';

margin:  0 0 0 8px;
}



.speaker_content {
display:  block;
width:  100%;

text-align:  center;

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

padding:  180px 45px;




}


.speaker_content div {
display:  inline-block;
width:  60%;
max-width:  555px;
text-align:  left;

}


.speaker_content h2 {
display:  inline-block;
width:  auto;

text-align:  left;

color: #fff;


font-size:  250%;

padding:  11px;

margin:  0 45px 15px 0;

}

.speaker_content img {
display:  inline-block;
width:  30%;
max-width: 555px;
height:  auto;

margin:  45px 90px 45px 0;

border-radius:  8px;

}



.speaker_content img.desktop_journey {
display:  inline-block;

}


.speaker_content img.mobile_journey {
display:  none;

}






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


padding:  135px 90px;

background:  #e6b42c;

text-align:  center;

color:  #111;


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

}


#speaker_topics_left {
display:  inline-block;
width:  30%;
max-width: 430px;
margin:  0 45px 0 0;
vertical-align: top;
text-align:  left;

}


#speaker_topics.events_speaker {
padding:  225px 90px;

}


#event_speaker_book {
display:  inline-block;
width:  35%;
max-width: 530px;
margin:  0 0px 0 0;
vertical-align: top;
text-align:  left;

}

#event_speaker_book h3 {
display:  block;
margin:  0 0px 25px 0;
font-size:  200%;
line-height:  1;

}


#speaker_topics_left h3 {
display:  block;


margin:  0 0px 11px 0;

font-size:  300%;

line-height:  1;



}

#speaker_topics_text {
display:  inline-block;
width:  60%;
max-width: 530px;

margin:  0 0px 0 0;

vertical-align: top;

text-align:  left;


}

#speaker_topics_text ul {
display:  block;
width:  100%;
margin:  0px;
padding:  0px;


}

#speaker_topics_text li {


margin-bottom:  0.5em;


}




#speaker_topics a,
#speaker_topics a:visited {
display:  inline-block;

width:  55%;

margin:  0 0 11px 0;
padding:  15px 19px;

background:  #ffe92f;
color:  #111;

font-family: 'corbeau_bold';

font-size:  21px;

text-align:  center;

border-radius:  4px;

}




.speaker_1_option  {
background:  #f4eedf;

}

.speaker_2_option {
background:  #e3ddce;
background: #f9d249;

}

.speaker_3_option {
background:  #d2ccbd;
background: #64fdff;
background: #27c9f7;

}



.speaker_content h2.speaker_1_option  {
background:  #27c9f7;

}


.speaker_content h2.speaker_2_option {
background:  #0d505a;

}

.speaker_content h2.speaker_3_option {
background:  #0d64b4;

}



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

.news {
display:  block;
width:  100%;


}


.news h2 {
display:  block;
width:  100%;
margin:  0 0 0.5em 0;
text-transform:  uppercase;
font-size:  2em;

}

.news h3 {
display:  block;
width:  100%;
margin:  0 0 5px 0;

color:  #005db2;

font-size:  0.9em;

}

.news h4 {
display:  block;
width:  100%;
margin:  0 0 5px 0;
font-size:  1.2em;


}






/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #########      SA HOMEPAGE BLOG       ########### */
/* ################################################# */
/* ################################################# */
/* ################################################# */

#sa_homepage_blog_holder {
display:block;
width:100%;
height:auto;
background:#EDEDED;
padding:115px 90px 175px 90px;

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

}


#sa_home_blog_holder_inside {
position:relative;
display:inline-block;
width:100%;
height:auto;
max-width:1444px;

}


#sa_home_blog_left_col {
display:inline-block;
width:23%;
vertical-align: top;
margin: 0 45px 0 0;
text-align:left;


}

span#sa_home_blog_intro {
display:inline-block;
width:auto;
padding:9px 14px;
background:#22BBFF;
color:#fff;
font-family:'corbeau_bold';
font-size:23px;

}


#sa_home_blog_feature {
display:block;
width:100%;
height:auto;
margin: 35px 0;
color:#555;

}

span#home_blog_feature_title {
display:block;
width:100%;
height:auto;
font-size:37px;
font-family:'corbeau_bold';
color:#111;
margin: 0 0 11px 0;

overflow:hidden;

}


span#home_blog_feature_tagline {
display:block;
width:100%;
height:auto;
font-size:21px;
font-family:'corbeau_medium';
color:#555;

overflow:hidden;
}

.home_blog_divider {
display:block;
width:100%;
height:2px;
background:#aaa;

}

#home_blog_left_secondary {
display:block;
width:100%;
height:auto;
margin:35px 0 0 0;


}


span#home_blog_secondary_title {
display:block;
width:100%;
height:auto;
font-size:25px;
font-family:'corbeau_bold';
color:#111;
margin: 0 0 5px 0;

overflow:hidden;


}

span#home_blog_secondary_tagline {
display:block;
width:100%;
height:auto;
font-size:19px;
font-family:'corbeau_medium';
color:#888;


}


#sa_home_blog_center_col {
display:inline-block;
width:43%;
height:auto;
vertical-align: top;
margin: 0 45px 0 0;

}

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

}


#sa_home_blog_right_col {
display:inline-block;
width:27%;
vertical-align: top;
margin: 0 0px 0 0;
text-align:left;

}

#home_blog_secondary_img_holder {
display:block;
width:100%;
height:auto;
margin: 0 0 25px 0;

}

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

}


#home_blog_right_feature {
display:block;
width:100%;
height:auto;
margin:0px 0 35px 0;


}

span#home_blog_right_feature_title {
display:block;
width:100%;
height:auto;
font-size:25px;
font-family:'corbeau_bold';
color:#111;
margin: 0 0 5px 0;

overflow:hidden;


}


span#home_blog_right_feature_tagline {
display:block;
width:100%;
height:auto;
font-size:19px;
font-family:'corbeau_medium';
color:#888;

}

#home_blog_right_secondary {
display:block;
width:100%;
height:auto;
margin:35px 0 0 0;


}


span#home_blog_right_secondary_title {
display:block;
width:100%;
height:auto;
font-size:25px;
font-family:'corbeau_bold';
color:#111;
margin: 0 0 5px 0;

overflow:hidden;


}

span#home_blog_right_secondary_tagline {
display:block;
width:100%;
height:auto;
font-size:19px;
font-family:'corbeau_medium';
color:#888;


}

a#home_blog_all_posts,
a#home_blog_all_posts:visited {
position:absolute;
display:inline-block;
width:auto;
float:left;
z-index:4;
top:105%;
top:calc(100% + 55px);
right:0px;
padding:11px 14px; 
background:#ccc;
color:#fff;
font-family:'corbeau_bold';
font-size:21px;

}

a#home_blog_all_posts:hover {
background:#FFBD00;

}


#sa_home_blog_feature,
#home_blog_left_secondary,
#home_blog_right_feature,
#home_blog_right_secondary {
opacity:1;

}

#sa_home_blog_feature:hover,
#home_blog_left_secondary:hover,
#home_blog_right_feature:hover,
#home_blog_right_secondary:hover {
opacity:0.59;

}





#sa_home_blog_left_col {
width:23%;
width:calc(25.13% - 31px);
margin: 0 45px 0 0;

}

#sa_home_blog_center_col {
width:43%;
width:calc(45.33% - 31px);
margin: 0 45px 0 0;

}

#sa_home_blog_right_col {
width:27%;
width:calc(29.3% - 31px);

}

/*93

24.73

46.23

29.03*/


span#home_blog_secondary_tagline,
span#home_blog_right_feature_tagline,
span#home_blog_right_secondary_tagline {
font-size:19px;

}





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

#sa_homepage_blog_holder {
padding:75px 45px 155px 45px;

}

#sa_home_blog_left_col {
width:calc(25.13% - 17px);
margin: 0 25px 0 0;

}

#sa_home_blog_center_col {
width:calc(45.33% - 17px);
margin: 0 25px 0 0;

}

#sa_home_blog_right_col {
width:calc(29.3% - 17px);

}



span#sa_home_blog_intro {
padding:7px 12px;
font-size:19px;

}

span#home_blog_feature_title {
font-size:23px;
margin: 0 0 7px 0;

}


span#home_blog_feature_tagline {
font-size:15px;

}


span#home_blog_secondary_title,
span#home_blog_right_feature_title,
span#home_blog_right_secondary_title {
font-size:19px;

}

span#home_blog_secondary_tagline,
span#home_blog_right_feature_tagline,
span#home_blog_right_secondary_tagline {
font-size:12px;
  
}

a#home_blog_all_posts,
a#home_blog_all_posts:visited {
padding:8px 12px; 
font-size:17px;

}

}




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

@media (min-width: 1255px) {

#sa_homepage_blog_holder {
padding:115px 45px 175px 45px;

}


span#home_blog_feature_title {
font-size:29px;
margin: 0 0 9px 0;

}


span#home_blog_feature_tagline {
font-size:19px;

}

span#home_blog_secondary_title,
span#home_blog_right_feature_title,
span#home_blog_right_secondary_title {
font-size:22px;

}

span#home_blog_secondary_tagline,
span#home_blog_right_feature_tagline,
span#home_blog_right_secondary_tagline {
font-size:17px;
  
}

a#home_blog_all_posts,
a#home_blog_all_posts:visited {
padding:8px 12px; 
font-size:17px;

}


}



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



@media (min-width: 1350px) {


#sa_home_blog_left_col {
width:calc(25.13% - 31px);
margin: 0 45px 0 0;

}

#sa_home_blog_center_col {
width:calc(45.33% - 31px);
margin: 0 45px 0 0;

}

#sa_home_blog_right_col {
width:27%;
width:calc(29.3% - 31px);

}

span#sa_home_blog_intro {
padding:8px 13px;
font-size:21px;

}


span#home_blog_feature_title {
font-size:35px;
margin: 0 0 11px 0;

}


span#home_blog_feature_tagline {
font-size:21px;

}


span#home_blog_secondary_title,
span#home_blog_right_feature_title,
span#home_blog_right_secondary_title {
font-size:23px;

}



span#home_blog_secondary_tagline,
span#home_blog_right_feature_tagline,
span#home_blog_right_secondary_tagline {
font-size:18px;
  
}

a#home_blog_all_posts,
a#home_blog_all_posts:visited {
padding:9px 13px; 
font-size:19px;

}


}




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


@media (min-width: 1475px) {

#sa_homepage_blog_holder {
padding:115px 90px 175px 90px;

}




span#sa_home_blog_intro {
padding:9px 14px;
font-size:23px;

}


span#home_blog_feature_title {
font-size:37px;
margin: 0 0 11px 0;

}




span#home_blog_feature_tagline {
font-size:21px;

}

span#home_blog_secondary_title,
span#home_blog_right_feature_title,
span#home_blog_right_secondary_title {
font-size:25px;

}


span#home_blog_secondary_tagline,
span#home_blog_right_feature_tagline,
span#home_blog_right_secondary_tagline {
font-size:19px;
  
}


a#home_blog_all_posts,
a#home_blog_all_posts:visited {
padding:11px 14px; 
font-size:21px;

}


}



/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #########       BLOG FEED PAGE        ########### */
/* ################################################# */
/* ################################################# */
/* ################################################# */


#posts_holder {
display:block;
width:100%;
height:auto;
padding:180px 13px 135px 13px;
text-align:center;
background:#fff;

}

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

height: auto;
max-width:1977px;
text-align: left;

vertical-align: top;
font-size: 0px;

}


.blog_feed_item {
display:inline-block;
width: 24.9%;
width: calc(25% - 1px);
height:auto;
margin: 0 0 45px 0;

padding: 0 12px;
-moz-transition-duration: 0.65s;
-o-transition-duration: 0.65s;
-webkit-transition-duration: 0.65s;
transition-duration: 0.65s;

opacity: 1;
vertical-align: top;

}

.blog_feed_item:hover {
opacity: 0.7;


}

.blog_feed_img {
display:block;
width: 100%;
height:auto;
margin: 0 0 15px 0;


}

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

}

span.blog_feed_item_title {
display:block;
width:100%;
padding: 0 25px 3px 25px;
font-size: 23px;
font-family:'corbeau_bold';

color:#aaa;

}

span.blog_feed_item_date {
display:block;
width:100%;
padding: 0 25px 0px 25px;
font-size: 17px;
font-family:'corbeau_medium';
color:#aaa;

}

.excerpt {
display:block;
width:100%;
padding: 0 25px 0px 25px;
font-size: 21px;
font-family:'corbeau_bold';
color:#aaa;


}


#blog_nav {
display:block;
width:100%;
height: auto;
font-size: 0px;
font-family: 'corbeau_bold';
color:#111;
text-align:center;
padding: 0px 90px 0 90px;


}


#blog_nav:empty {
display:none;


}

#blog_nav a,
#blog_nav a:visited{
display:inline-block;
width:auto;
height:auto;
vertical-align: top;
margin: 90px 5px 0 5px;
padding: 7px 11px;
background:#bbb;
color:#fff;

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

border-radius: 3px;

opacity: 1;

font-size: 25px;
}

#blog_nav span {
display:inline-block;
width:auto;
height:auto;
vertical-align: top;
margin: 90px 5px 0 5px;
padding: 7px 11px;
background:#888;
color:#fff;
border-radius: 3px;

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

opacity: 1;

font-size: 25px;
}

#blog_nav a:hover {
opacity: 0.7;
  
}



#no_content {
display:block;
width: 100%;
height:100%;
font-size: 19px;
color:#888;
padding: 135px 90px;

}


#no_content div {
display:inline-block;
width:100%;
max-width: 444px;
text-align:left;

}


/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #########     MOBILE INTRO TITLE      ########### */
/* ################################################# */
/* ################################################# */
/* ################################################# */

#mobile_intro_title {
display:none;
width:100%;
height: 100%;
background: #fff;
padding: 25px 6.5%;

}

#mobile_intro_title div {
display:block;
width:100%;

margin: 50px 0 0 0;

text-align:center;
font-size: 27px;
color:#aaa;
font-family:'corbeau_bold';



}


#mobile_intro_title span {
display:block;
width:100%;

margin: 25px 0 0 0;

text-align:center;
font-size: 25px;
color:#aaa;
font-family:'symbols';

}




/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #########      BLOG SINGLE POST       ########### */
/* ################################################# */
/* ################################################# */
/* ################################################# */


#var_holder {
position:absolute;
display:none;
float:left;
z-index:2;

top:-2;
left:-200px;
width:0px;
height:0px;
font-size:0px;
overflow:hidden;


}

/* BLOG SINGLE INTRO INSTRUCTIONS  */

#keyboard_controls {
display:block;
width:100%;
height:100%;
background:#ddd;
padding: 90px;

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


}

#keyboard_controls.off,
#keyboard_controls_over.off {
display:none;

}

#keyboard_controls_over {
position:fixed;
display:block;
width:100%;
height:100%;
float:left;
z-index:877;
top:0%;
left:0%;
background:#ddd;
padding: 90px;

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


}

#keyboard_controls_over.done {
top:110%;



}

#keyboard_controls span,
#keyboard_controls_over span {
display:block;
width:100%;
height:auto;
font-size: 23px;
font-family:'corbeau_bold';
color:#aaa;
margin: 22px 0 22px 0;


}

#keyboard_controls img,
#keyboard_controls_over img {
display:inline-block;
width:auto;
max-width:227px;
height:auto;

margin: 22px 0 22px 0;



}


/* BLOG SINGLE MAIN STYLES  */

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

}

#blog_fullscreen_intro div {
display:inline;
width:auto;
max-width:50%;
height:auto;
font-size:81px;
color:#fff;
font-family:'corbeau_bold';

}


button#blogIntroDownBtn {
position:absolute;
display:inline-block;
width:65px;
height:65px;
padding:0px 0px 4px 9px;
border-radius:100px;
background:#fff;
float:left;
z-index:7;
bottom:100px;
left:48%;
left:calc(50% - 32px);

opacity:0;

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

}





button#blogIntroDownBtn.fade {
opacity:1;
bottom:75px;
  
}

button#blogIntroDownBtn:hover {
background:#aaa;

}


button#blogIntroDownBtn #triangleDown,
button#blogIntroDownBtn.fade #triangleDown {
display:inline-block;
font-family: 'symbols';
font-size:33px;
color:#aaa;
font-weight:900;


}

button#blogIntroDownBtn:hover #triangleDown,
button#blogIntroDownBtn.fade:hover #triangleDown {
color:#fff;

}


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

}


#blog_single_content_col {
display:inline-block;
width:100%;
height:auto;
max-width:640px;
text-align:left;
font-size:0px;




}

#blog_single_content {
display:inline-block;
width:100%;
height:auto;
text-align:left;
font-size:19.5px;
color:#888;
font-family:'corbeau_medium';


}

span#tagline_single {
display:block;
width:100%;
text-align:left;
font-size:1.5em;
color:#888;
margin:0px 0 0.67em 0;
line-height:1;
font-family:'corbeau_bold';

}

span#author_single {
display:block;
width:100%;
text-align:left;
font-size:inherit;
color:#888;
margin:18px 0 1em 0;
line-height:1;

}

span#date_single {
display:block;
width:100%;
text-align:left;
font-size:inherit;
color:#888;
margin:0px 0 1em, 0;
line-height:1;


}



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



}

#blog_single_top {
display:block;
width:100%;
text-align: center;

}

#blog_single_top h2 {
display:block;
width:100%;
text-align:left;
font-size:65px;
color:#888;
margin:0px 0 15px 0;
line-height:1;

}

span#blog_simple_tagline {
display:block;
width:100%;
text-align:left;
font-size:25px;
color:#888;
margin:18px 0 22px 0;
line-height:1;

}

span#blog_basic_author {
display:block;
width:100%;
text-align:left;
font-size:25px;
color:#888;
margin:18px 0 0px 0;
line-height:1;

}





.blog_single_width {
display:inline-block;
width:100%;
max-width:640px;
text-align:left;

}


#blog_single_img {
display:block;
width:100%;
text-align:center;

padding: 45px 0;

}

#blog_single_img img {
display:inline-block;
width:100%;
max-width: 750px;
text-align:center;

}

#blog_single_text_holder {
display:block;
width:100%;
height:auto;
text-align:center;
font-size:19.5px;
color:#888;
font-family:'corbeau_medium';


}

span#blog_simple_date {
display:block;
width:100%;
text-align:left;
font-size:1.1em;
color:#888;
margin:0px 0 1em 0;
line-height:1;

font-family:'corbeau_bold';



}







/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #########        SHARE STYLES         ########### */
/* ################################################# */
/* ################################################# */
/* ################################################# */

#blog_share {
display:block; 
width: 100%; 
height: auto;
margin: 57px 0 0px 0;
padding: 0 0 0px 0;
font-size: 0px;
text-align: left;

}

span#share_title {
display:block; 
width: 100%; 
height: auto;
font-size: 23px;
color:#888;
font-family:'corbeau_bold';
margin: 0 0 25px 0;


}


#blog_share button {
display:inline-block;
width: 57px;
padding: 11px;
background:none;
color:#fff;
font-family:'corbeau_bold';
font-size: 0px;
border-radius: 99px;
margin: 0 17px 0px 0;
opacity: 0.85;

}


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

}


#blog_share button.fb_btn {
background:#0866FF;

}

#blog_share button.email_btn {
background:#A89E97;

}

#blog_share button.insta_btn {
background:#EE4056;

}

#blog_share button.tw_btn {
background:#08D8FF;

}

#blog_share button:hover {
opacity: 1;
}



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


background: #3ba14b;

background: #d2295b;
background:#ddd;
padding: 0 5%;
float: left;

top: -30%;
left: 0px;

z-index: 388;
z-index:799;
overflow: hidden;


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

text-align: center;

}


#get_code.get_code_toggle {
height: 100%;
top:0%;

}

#copySuccessHolder {
position: relative;
display: block;
width: 100%;
height: 1px;

}

#copyBtnHolder {
position: relative;
display: block;
width: 100%;
height: 1px;

}


span#copySuccess {
position: absolute;
display: none;
width: 200%;


float: left;
z-index: 801;

bottom: 25px;
left: -50%;

margin: auto;
padding: 0px;

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

background: #b20d3e;
background: none;


border-radius: 4px;

text-align: center;

line-height: 1;


}

span#copySuccess.on {
display: inline-block;

}

#copyBtnHolder button {
position: absolute;

display: inline-block;
text-align: center;
width: auto;

float: left;
z-index: 803;

top: 5px;
right: 4px;

font-size: 12px;
color: #d2295b;
color: #555;


font-family: 'corbeau_medium';

line-height: 1;


margin: auto;
padding: 4px 6px;


background-color: #ddc5cc;
background: #d1d1d1;
background: #FED015;

border: 0;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;

text-shadow: none;
-webkit-transition: background 0.2s;
transition: background 0.2s;
-webkit-appearance: none;
-webkit-border-radius: 4;


}


#copyBtnHolder button:hover {
background: #FED015;
background: #FCAC01;
color: #111;

}





#code_box {
display: inline-block;
width: 90%;
max-width: 677px;
height: auto;
margin: auto;

}



input#code_field {
display: inline-block;
width: 100%;
height: 69px;
background: #fff;

color: #111;

padding: 23px 19px;

text-align: center;

font-size: 23px;

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




}


#copy_lower {
display: inline-block;
width: 100%;
max-width: 355px;
height: auto;




}


#share_code_guide {
display: block;
width: 100%;
height: auto;
margin: 15px 0 25px 0;
text-align: left;
font-size: 18px;
color:#777;


}






button#doneShare {
display: inline-block;
text-align: center;
width: auto;

float: left;

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

font-family: 'corbeau_bold';
text-transform: uppercase;

line-height: 1;


margin: auto;
padding: 9px 11px;
margin: auto;

background-color: #FF0000;
background-color: #bc2a55;
background-color:#aaa;


border: 0;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;

text-shadow: none;
-webkit-transition: background 0.2s;
transition: background 0.2s;
-webkit-appearance: none;
-webkit-border-radius: 4;


}

button#doneShare span {
font-family:'symbols';

}

button#code_close_btn,
button#code_close_btn:visited {
padding: 11px 11px;
background: none;
color: #fff;
font-family: 'corbeau_bold';
font-size: 0px;
position: absolute;
top: 35px;
right: 35px;

border: solid 2px #f74185;

border-radius: 7px;

cursor: pointer;


float: right;
z-index: 1023;


}


button#code_close_btn:hover {
background: none;
border: solid 2px #ff74a8;


cursor: pointer;

}



button#code_close_btn:hover .menu_close_bar_horizontal,
button#code_close_btn:hover .menu_close_bar_vertical {
background: #ff1c5f;

}

button.closeFocusBtn {
position: absolute;
display:none;

float: left;
z-index: 899;
top: 22px;
right: 21px;
background: none;

padding:7px;

width: 44px;
height:44px;

opacity:1;

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

}


.get_code_toggle button.closeFocusBtn {
display:inline-block;


}



button.closeFocusBtn:hover {
opacity:0.7;

}

.x_holder {
position: relative;
display:inline-block;
transform: rotate(45deg);


}


button.closeFocusBtn .x {
background: #fff;
height: 30px;
position: relative;
width: 6px;

}

button.closeFocusBtn .x:after {
background: #fff;
content: "";
height: 6px;
left: -12px;
position: absolute;
top: 12px;
width: 30px;

}

/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #########        SHARE COLORS         ########### */
/* ################################################# */
/* ################################################# */
/* ################################################# */


#get_code {
background: #d2295b;
background:#dcdcdc;

}


/* FACEBOOK COLORS

/* EMAIL COLORS */

#get_code {
background:#dcdcdc;

}


span#copySuccess { 
color:#777;

}


#share_code_guide {
color:#777;

}


button#doneShare {
background: #FCAC01;
color:#fff;

}

button#doneShare:hover {
background: #FED015;

}




/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #########      COMMENTS STYLES        ########### */
/* ################################################# */
/* ################################################# */
/* ################################################# */


#blog_single_comments {
display:inline-block;
width:100%;
height:auto;
text-align:left;





}




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

text-align: left;
font-size:19.5px;
color:#888;
font-family:'corbeau_medium';



}

#comments_holder_inside {
display: block;
width: 100%;
height: auto;
margin: 57px 0 0 0;
padding: 57px 0 0 0;
border-top: 4px solid #ddd;


}


#comments_holder h3 {
display: block;
font-family: 'corbeau_bold';
font-size: 43px;
color:#888;
margin: 0 0 3px 0;
letter-spacing: 0px;


}

#comments_holder_inside h3 {
margin: 0 0 22px 0;



}

ol.comment-list {
display: block;
width: 100%;
height: auto;
margin: 0px 0 0 0;
padding: 0px;
}

li.comment {
display: block;
width: 100%;
margin: 0 0 75px 0;
padding: 0px;


}


.comment-author img {
display: none;

}


.says {
display: none;

}


div.comment-body {
display: block;
width: 100%;
height: auto;
position: relative;

}


.comment-text {
display: block;
width: 100%;
height: auto;
margin: 0 0 25px 0;


}

.comment-author-info {
display: block;
width: 100%;
height: auto;


}


b.fn {
display: inline-block;
color: #555;
font-family: 'corbeau_bold';
font-size: 21px;
font-style: initial;
padding: 0px;
margin: 5px 0 0 0px;

}

.comment-author-info cite a,
.comment-author-info cite a:visited {
display: inline-block;
color: #3ba14b;
font-family: 'corbeau_bold';
font-size: 21px;
background: none;
font-style: initial;
padding: 0px 0px 0px 0px;
margin: 0px;
float: none;

}

.comment-author-info cite a:hover {
display: inline-block;
color: #30d249;
font-size: 21px;
background: none;
font-style: initial;

}

.comment-meta.commentmetadata {
display: block;
width: 100%;
height: auto;
text-align: left;
margin: 7px 0 11px 0;


}


.comment-metadata  a,
.comment-metadata  a:visited {
display: block;
color: #888;
font-family: 'corbeau_medium';
font-size: 13px;
margin: 10px 0 5px 0;
background: none;
width: auto;
padding: 0px;
float: none;


}

.comment-metadata a:hover {
display: block;
color: #999;
font-size: 13px;
margin: 10px 0 5px 0;
background: none;
padding: 0px;

}

em.comment-awaiting-moderation {
display:inline-block;
width:69%;
margin: 0 28% 1em 0;
color:#aaa;


}

#respond p.comment-form-url {
display: none;

}


ol.comment-list li {
position: relative;
display: block;


}

a.comment-edit-link,
a.comment-edit-link:visited {
display: none;

}


.comment-text p {
display: block;
width: 100%;
height: auto;
color: #111;
font-family: 'corbeau_thin';
font-size: 21px;
margin: 0 0 22px 0;
line-height: 1.3;
letter-spacing: 1px;

}

.reply {
position: absolute;
top: 0px;
right: 7px;
display: inline-block;



}

.reply a,
.reply a:visited {
display: inline-block;
background: #22BBFF;
background:#ccc;
color: #fff;
font-family: 'corbeau_medium';
font-size: 16px;
font-style: initial;
padding: 5px 8px;
margin: 0px;
border-radius: 5px;


}


.reply a:hover {
background: #028FCE;
background: #22BBFF;

}


a#cancel-comment-reply-link,
a#cancel-comment-reply-link:visited {
display:inline-block;
padding: 5px 7px;
border-radius:4px;
font-size: 14px;
color:#fff;
background:#bbb;
font-family:'corbeau_medium';
margin: 0 0 22px 0;



}

a#cancel-comment-reply-link:hover {
background:#999;

}

/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #########       RESPOND STYLES         ########## */
/* ################################################# */
/* ################################################# */
/* ################################################# */

#respond {
display: block;
width: 100%;
height: auto;
margin: 57px 0 0 0;
padding: 57px 0 0 0;
border-top: 4px solid #ddd;

text-align: left;
font-size:19.5px;
color:#888;
font-family:'corbeau_medium';


}





#comments_holder label {
display:inline-block;
vertical-align: top;
width: 113px;
text-align: left;
margin: 0 15px 0 0;
padding: 5px 0 0 0;


}

#comments_holder .aiowps-captcha label {
display:inline-block;
vertical-align: top;
width: 100%;
text-align: left;
margin: 0 0px 0px 0;
padding: 5px 0 0 129px;


}




#comments_holder input[type=email],

#comments_holder input[type=text],

#comments_holder input[type=password],

#comments_holder input {
font-family: 'corbeau_medium';
border: none;
border-radius: 0px;
margin: 0 0 10px 0;
outline: 0;
box-sizing: border-box; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
background-color: #fff;   
-webkit-appearance: none;
-webkit-border-radius:6px; 
border-radius:6px;
border: none;
outline: none;


border: 2px solid #ddd;   

}



#comments_holder input[type=email]:focus,

#comments_holder input[type=text]:focus,

#comments_holder input[type=password]:focus, 

#comments_holder input:focus {
  
-webkit-appearance: none;
border: 2px solid #ffcf28; 

}

#comments_holder textarea {

height: 150px;
resize: none;

border: none;
border-radius: 0px;

margin: 0 0 10px 0;
outline: 0;

box-sizing: border-box; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
background-color: #fff;

    
-webkit-appearance: none;
-webkit-border-radius:6px; 
border-radius:6px;
border: none;
outline: none;


 border: 2px solid #ddd;  

 vertical-align: top;


}

#comments_holder textarea:focus {
height: 150px;
resize: none;

font-family: 'corbeau_medium';

outline: none;



-webkit-appearance: none;
border: 2px solid #ffcf28;


}

#comments_holder input[type=email],
#comments_holder input[type=text],
#comments_holder input[type=password],
#comments_holder input,
#comments_holder textarea {
display:inline-block;
width: auto;

padding: 17px;
font-size: 18px;
font-family:'corbeau_bold';

letter-spacing: 0.5px;
line-height: 1.2;
color:#888;  

box-sizing: border-box; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 

}

#comments_holder input[type=email]:focus,
#comments_holder input[type=text]:focus,
#comments_holder input[type=password]:focus,
#comments_holder input:focus,
#comments_holder textarea:focus {
display:inline-block;
width: auto;

padding: 17px;
font-size: 18px;
font-family:'corbeau_bold';

letter-spacing: 0.5px;
line-height: 1.2;
color:#888;  

box-sizing: border-box; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 

}

#comments_holder input[type=email],
#comments_holder input[type=text],
#comments_holder input[type=password],
#comments_holder input,

#comments_holder input[type=email]:focus,
#comments_holder input[type=text]:focus,
#comments_holder input[type=password]:focus,
#comments_holder input:focus {
width: calc(64% - 19px - 109px);

}

.aiowps-captcha-equation {
position: relative;
display:block;
width:100%;
padding-left: 129px;

}

.aiowps-captcha-equation strong {
display: inline-block;
width: 100%;
text-align: left;



}


#comments_holder .aiowps-captcha-equation input,
#comments_holder .aiowps-captcha-equation input[type=text],

#comments_holder .aiowps-captcha-equation input:focus,
#comments_holder .aiowps-captcha-equation input[type=text]:focus {
width: 87px;
margin: 0 0 0 15px;

}

#comments_holder textarea,
#comments_holder textarea:focus {
width: calc(100% - 75px - 109px);

}



#comments_holder input[type="submit"],
#comments_holder input[type="button"]
{ 

    display: inline-block;
    width: auto;
    font-family:'corbeau_bold';
    position: relative;
    margin: 11px 0 0 128px;
    padding: 16px 20px 16px 20px;
    color: #fff;
    background:#0B54F2;
    font-size: 19px;
    text-align: center;
    font-style: normal;
    
    outline: none;
    border: 0px;
    cursor: pointer;

    border-radius: 6px;
}
#comments_holder input[type="submit"]:hover,
#comments_holder input[type="button"]:hover
{
color: #fff;
background:#0B74F2;
outline: none;
}


/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #########      BLOG NAV STYLES        ########### */
/* ################################################# */
/* ################################################# */
/* ################################################# */

#blog_single_mobile_nav {
display:none;


}









/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #########       EVENTS  STYLES        ########### */
/* ################################################# */
/* ################################################# */
/* ################################################# */

.events #intro_screen {
position:  relative;
display:  block;
width:  100%;
height:  auto;

text-align:  center;

padding:  225px 45px 90px 45px;

}

.events .page_intro_text {
display:  inline-block;

width:  60%;
max-width:  625px;


color:  #111;
font-size:  22px;

text-align:  left;

}

.events .page_intro_text span {
display:  block;
width:  100%;

margin:  0 0 1.5em 0;


}

#upcoming_events,
#blog_posts {
display: block;
width:  100%;
height:  auto;

text-align: center;

padding:  0 45px 90px 45px;

}


#events_inside {
display: inline-block;
width:  100%;
max-width:  1050px;

vertical-align: top;

font-size:  0px;

text-align: left;

}

.feed_event {
display: inline-block;
width:  49%;
width:  calc(50% - 1px);
height:  auto;

padding:  0 22px;
margin:  0 0 90px 0;

vertical-align: top;


}



.feed_img {
display: inline-block;
width:  100%;
height:  320px;

margin:  0 0 22px 0;

border-radius:  17px;

opacity: ;

}

.feed_event .feed_img_over {
display:  block;
width:  100%;
height:  100%;

background-color:  rgba(0, 0, 0, 0.15);
opacity:  1;

border-radius:  17px;

}

.feed_event:hover .feed_img_over {
opacity:  0;


}


.feed_text {
display: inline-block;
width:  100%;
height:  auto;

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

font-family:  'corbeau_medium';

padding:  0 22px;

}

.feed_text h3 {
color:  #165f92;

}

.feed_event:hover .feed_text h3 {
color:  #0f78c1;

}

.feed_text span {
color: #3f9537;


}

.feed_event:hover .feed_text span {
color: #3fbf33;


}



#event_feed_btm {
display:  block;





margin:  0 auto 45px auto;



}


.events #post_nav,
.search #post_nav,
.news_archive #post_nav {
display:  block;
margin:  0 auto 45px auto;



}


.events #post_nav a,
.events #post_nav a:visited,
.events #post_nav span,
.news_archive #post_nav a,
.news_archive #post_nav a:visited,
.news_archive #post_nav span,
.search #post_nav a,
.search #post_nav a:visited,
.search #post_nav span {
display:  inline-block;


width:  auto;
height:  50px;

margin:  auto 2px;
color:  #fff;
background:  #4dc8e9;

font-size:  24px;
text-transform:  uppercase;
font-family: 'corbeau_bold';


text-align: left;

vertical-align: top;


-webkit-border-radius: 3px;
border-radius: 3px;

padding:  10px;



}


.events #post_nav span,
.news_archive #post_nav span,
.search #post_nav span {
background:  #0096be;



}





/* ################################################# */
/* ################################################# */
/* ################################################# */
/* ########     EVENT SINGLE  STYLES      ########## */
/* ################################################# */
/* ################################################# */
/* ################################################# */


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

padding:  225px 12% 135px 12%;

text-align:  left;

font-size:  0px;


}

#event_left {

display:  inline-block;
width:  35%;
height:  auto;

margin:  0 90px 90px 0;

vertical-align: top;

border-radius:  17px;




}

#event_left img {

display:  block;
width:  100%;
height:  auto;

margin:  0 0px 25px 0;

vertical-align: top;

border-radius:  17px;


}


#event_left h3 {

display:  inline-block;

padding: 0px;
margin:  0px;

font-size:  15px;
color: #777;
font-family: 'corbeau_medium';




}


.dark #event_left h3 {
display:  inline-block;

padding: 0px;
margin:  0px;

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

font-family: 'corbeau_medium';



}

#event_left h3 a,
#event_left h3 a:visited {
color:  #a01a0e;


}

#event_left h3 a:hover {
color:  #ca1909;


}


#event_left h3 a.event_grey,
#event_left h3 a.event_grey:visited {
color: #777;


}


#event_text_holder {
display:  inline-block;
width:  55%;
width:  calc(100% - 35% - 91px);

max-width:  555px;
height:  auto;

text-align:  left;

font-size:  19px;


}

.event_header h2 {
font-size:  250%;

}

.event_header h3 {
color:  #165f92;

}

.event_header h4 {
display:  inline-block;
background: #3f9537;
padding: 4px 7px;
color:  #fff;
font-size:  15px;

margin:  0 0 1em 0;
}

.event_header span {
display:  block;
color: #3f9537;
margin:  0 0 1em 0;


}

.event_header h5 {
display:  block;
color:  #333;
margin:  0 0 2em 0;

font-size:  100%;

font-weight:  100;
padding:  0px;


}

.event_header h5 span {
display:  inline;
color:  #0e5808;
margin:  auto;

font-size:  100%;
font-family: 'corbeau_bold';
font-weight:  700;
padding:  0px;


}

.event_text {
display:  block;
width:  100%;
height:  auto;

margin:  0 0 2em 0;


}


.event_text a,
.event_text a:visited {
color:  #0d64b4;


}

.event_text a:hover {
color:  #1f94ff;

}


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


.give #intro_screen {
position: relative;
height:  100%;
height:  calc(100% - 45px);



}


#give_liberty_holder {
position:relative;
display:block;
width:100%;
height: 0px;
padding-bottom: 55%;
padding-top: 0px;
font-size: 0px;
overflow:hidden;

}


#give_liberty_image_holder {
position: absolute;
display:block;
width:100%;
height:100%;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);

float:  left;
top:  0px;
left: 0px;

}

#give_liberty_image_holder img {
display:inline-block;
width:16.66%;
height:auto; 
float: left;

}


#liberty_over_fade_a {
position: absolute;
display: block;
width: 100%; 
height:100%; 
float: left; 
z-index: 12; 
top:0px;
left:0px;
background:#fff;
opacity: 0.65;

}


#liberty_over_fade_b {
position: absolute;
display: block;
width: 100%; 
height:100%; 
float: left; 
z-index: 13; 
top:0px;
left:0px;
background:#d2c7a7;
background: #fff;
opacity: 0.39;

}


#liberty_over_holder {
position: absolute;
display: inline-block;
width: 100%; 
height:100%; 
float: left; 
z-index: 14; 
top:0px;
left:0px;

}


#liberty_inside {
position: absolute;
display:inline-block; 
float: left; 
z-index: 15; 
width:615px;
height: auto;
text-align:left;
color:#111;
font-size:22px; 
top: 50%;
margin-top:-150px;
left:15%;

}


span#liberty_title {
font-size:52px;
color:#27c9f7;
color:#ffb628;
color: #13a6cf;
font-family:'corbeau_bold';

}

a#liberty_link_a,
a#liberty_link_a:visited {
display:inline-block;
color:#fff;
background:#ffb628; 
padding: 7px 10px; 
border-radius: 5px;
font-size: 22px;
font-family:'corbeau_bold';


}

a#liberty_link_b,
a#liberty_link_b:visited {
display:inline-block;
color:#fff;
background:#ff9228; 
padding: 7px 10px; 
border-radius: 5px;
font-size: 22px;
font-family:'corbeau_bold';
margin: 0 0 0 25px;


}


a#liberty_link_a:hover {
background: #ffcf28;

}

a#liberty_link_b:hover {
background: #ffac28;

}

a#liberty_link_a span,
a#liberty_link_a:visited span,
a#liberty_link_b span,
a#liberty_link_b:visited span {
font-family:'symbols'; 
margin: 0 0 0 7px;

}



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

float:  left;
z-index:  3;

bottom:  0px;
left:  0%;

width:  100%;
height:  100%;


background:  #cdc6b5;
background: #c7bea9;
background: url(../images/bg_give_001.jpg);


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



}

.two #bg_give  {
position:  absolute;
display:  inline-block;

float:  left;
z-index:  3;

bottom:  0px;
left:  0%;

width:  100%;
height:  100%;


background:  #cdc6b5;
background: #c7bea9;
background: url(../images/bg_give_002ef.jpg);


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



}


.give .page_intro_text {
position:  absolute;
display:  inline-block;

width:  60%;
max-width:  485px;
bottom:  20%;
left:  12%;

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

float:  left;
z-index:  7;

}

.give .page_intro_text span {
display:  block;
width:  100%;

margin:  0 0 1.5em 0;


}


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

padding:  135px 45px;

text-align: center;

background:  #fff;

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


}

.give_details_inside {
position:  relative;
display:  inline-block;
width:  100%;
max-width:  500px;
height:  auto;

padding:  0;

text-align: left;

background:  #fff;

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


}


.give #what_intro,
.speaker #what_intro {

padding:  135px 90px 135px 90px;

text-align: center;

}


.give #what_intro_top,
.speaker #what_intro_top {
width:  100%;
max-width:  1150px;
padding:  0px 45px 70px 45px;
text-align:  left;

margin:  auto;


}

.give #what_intro_text,
.speaker #what_intro_text {
font-size:  34px;
width:  55%;
max-width:  530px;

}

.give #what_intro_a,
.speaker #what_intro_a {
width: 100%;
max-width:  1150px;
padding:  0px;
text-align:  left;

margin:  auto;
font-size:  0px;


}


.give #what_intro_a .what_intro_module,
.speaker #what_intro_a .what_intro_module {
width:  32.9%;
width:  calc(33.3% - 2px);
padding: 45px 0px 0 45px;
margin:  0px;



}


.give .what_intro_module span span,
.speaker .what_intro_module span span {
margin:  0px 0px 0.5em 0;



}


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


padding:  135px 90px;

background:  #e6b42c;

text-align:  center;


}


#give_now h3 {
display:  inline-block;
width:  auto;

padding:  11px;
text-align:  left;
font-size:  22px;

background:  #fff;
color:  #111;
vertical-align: top;

margin:  0 35px 35px 0;
  
}


#give_now h3 span {
font-family: 'symbols';

  
}


.give_selector {
display:  inline-block;
width:  400px;
height:  auto;

vertical-align: top;

text-align:  left;

font-size:  15px;

}


.give_selector h2 {
display:  block;
height:  auto;

text-align:  left;

font-size:  300%;


margin:  0px 0 11px 0;

}


.give_selector h2 div {
display:  inline-block;

background: #4db941;

border-radius: 44px;

width:  74px;
height:  74px;

font-size: 42px;
line-height:  74px;
text-align:  center;
color: #fff;

font-family: 'corbeau_bold';

margin:  0 0 0.3em 0;



}

.give_selector h2 div.one {
background: #ffc90e;
background: #84a961;

}

.give_selector h2 div.two {
background: #4db941;
background: #8ed34d;

}

.give_selector h2 div.three {
background: #15c2f0;
background: #0d64b4;

}


.give_selector h2 div.clear {
display:  block;
width:  100%;

background: none;

border-radius: 0px;

padding: 0px 0px;

font-size: 0px;
line-height:  0px;
margin:  0 0 0px 0;
height:  1px;
}



.give_selector span {
display:  block;
height:  auto;

text-align:  left;

font-size:  130%;
font-family: 'corbeau_medium';
margin:  0px 0 1em 0;

}


.give_selector h5 {
display:  inline-block;
height:  auto;

text-align:  left;
font-family: 'corbeau_bold';
font-size:  150%;




}


.give_selector h5 span {
display:  inline;
height:  auto;

text-align:  left;

font-size:  100%;
font-family: 'symbols';
margin:  auto;




}



.give_selector a,
.give_selector a:visited {
display:  inline-block;

width:  55%;

margin:  0 0 11px 0;
padding:  15px 19px;

background:  #ffe92f;
color:  #111;

font-family: 'corbeau_bold';

font-size:  21px;

text-align:  center;

border-radius:  4px;

}

.give_selector a:hover {
/*background: #ffec50;
*/
}


.give_img_over {
position:  absolute;
display: inline-block;

float:  left;
z-index: 33;

top:  37%;
left:  90px;

width:  34%;
max-width:  555px;

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

font-family: 'corbeau_bold';

text-align: left;

line-height:  1.3;


}


/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #######     ADVOCACY CENTERS STYLES      ######## */
/* ################################################# */
/* ################################################# */
/* ################################################# */



#advocate_intro {
position: relative;
height:  100%;
width:  100%;
color:  #fff;
font-size:  27px;
font-family:  'corbeau_bold';

}



#advocate_intro #bg {
background:  #000007;


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

}




#a_intro_a,
#a_intro_b,
#a_intro_c,
#a_intro_d {
position:  absolute;
display:  block;

float:  left;

bottom:  0%;
left:  0%;

width:  100%;
height:  100%;

text-align:  center;

padding:  0px;

margin:  0 0 0 -40px;

opacity:  0;


}

#a_intro_a {
z-index:  4;

}


#a_intro_b {
z-index:  5;
  
}


#a_intro_c {
z-index:  6;

font-size:  19px;


  
}


#a_intro_d {
height:  auto;
width:  100%;
z-index:  7;

bottom:  60px;

font-size:  22px;

text-align:  center;


  
}


#a_intro_a span,
#a_intro_b span,
#a_intro_c span {
display:  inline-block;
opacity:  0;
margin:  0 0 0 -40px;

font-size:  300%;

}


#a_intro_c div {
display:  inline-block;
width:  auto;



text-align:  left;

margin:  auto;



}


#a_intro_c h2,
#a_intro_c h3,
#a_intro_c h4 {
display:  block;
font-size:  45px;
font-family:  'corbeau_bold';
height:  1em;
margin:  3px 0 0 0;

}

#a_intro_d span {
display:  inline;
font-family:  'symbols';
color: #ffcf28;


  
}



/* END PREP  */



#advocate_intro.za #a_intro_a {
opacity:  1;
margin:  0px;


}


#advocate_intro.za.zb #a_intro_a span {
opacity:  1;
margin:  0px;

}


#advocate_intro.za.zb.zc #a_intro_a {
opacity:  0;
margin:  0 0 0 -40px;


}


#advocate_intro.za.zb.zc.zd #a_intro_b {
opacity:  1;
margin:  0px;

}


#advocate_intro.za.zb.zc.zd #bg {
background:  #0f5d73;

}



#advocate_intro.za.zb.zc.zd.ze #a_intro_b {
opacity:  0;
margin:  0 0 0 -40px;


}

#advocate_intro.za.zb.zc.zd.ze.zf #a_intro_c {
opacity:  1;
margin:  0 0 0 0px;


}


#advocate_intro.za.zb.zc.zd.ze.zf.zg #a_intro_d {
opacity:  1;
margin:  0px;

}


#advocate_intro.za.zb.zc.zd.ze.zf #bg {
background:  #167a96;

}






.advocate #intro_screen {
position: relative;
height:  100%;
height:  calc(100% - 45px);



}


.advocate #about_table_contents {
position: relative;
display:  block;
width:  100%;
height:  100%;
overflow:  visible;

background: #c6e0e9;
background:  #fff;

text-align:  center;


}


#advocate_intro_text {
display:  inline-block;
width:  400px;


margin:  0px auto 0 auto;
padding:  0 0 0 0px;

font-size:  22px;
color:  #999;

font-family: 'corbeau_bold';

}


.seg_content a,
.seg_content a:visited {
color:  #27c9f7;


}



/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #########      ABOUT SA STYLES        ########### */
/* ################################################# */
/* ################################################# */
/* ################################################# */



#about_table_contents {
position: relative;
display:  block;
width:  100%;
height:  100%;
overflow:  visible;

background: #c6e0e9;

text-align:  center;


}


.model #about_table_contents {
position: relative;
display:  block;
width:  100%;
height:  100%;
overflow:  visible;

background: #fff;

text-align:  center;


}

#about_table_inside {
display:  inline-block;
width:  auto;



text-align:  left;
margin:  auto;


padding:  90px 0px;


color:  #4dc8e9;

font-family: 'corbeau_bold';

font-size:  19px;


}

#about_table_inside h3 {
display:  inline-block;
width:  auto;

font-size:  50px;

color:  #0d505a;

letter-spacing: 0px;

}

#about_table_links {
display:  inline-block;


margin:  25px auto 0 auto;
padding:  0 0 0 90px;

font-size:  18px;


font-family: 'corbeau_medium';

}


#about_table_links a,
#about_table_links a:visited {
display:  inline-block;
padding:  2px;
margin: 0px auto  3px auto;
color:  #4dc8e9;
color:  #00a2cd;

}


#about_table_links a:hover {
color:  #00a2cd;
color:  #4dc8e9;

}


#about_table_contents span {
position: absolute;
display:  inline-block;
float:  left;
z-index:  5;

width:  100%;

text-align:  center;

height:  auto;

left:  0px;
bottom:  45px;

font-family: 'symbols';
font-size:  45px;
color:  #006e7e;

}



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

}







.about_SA_seg {
position: relative;
display:  block;
width:  100%;
padding: 135px 90px;

text-align:  center;

color: #111;

}

.page_marker {
position: absolute;
display: inline-block;

float:  left;

top:  -45px;
left:  0px;

width:  1px;
height:  1px;

background: none;

}


.about_SA_seg:first-of-type {
background:  #fff;

}

.about_SA_seg:nth-of-type(2) {
background: #c6e0e9;

}

.about_SA_seg:nth-of-type(3) {
background: #e5e2da;

}

.about_SA_seg:nth-of-type(4) {
background:  #fff;

}

.about_SA_seg:nth-of-type(5) {
background: #e5e2da;

}

.about_SA_seg:nth-of-type(6) {
background: #c6e0e9;

}

.about_SA_seg:nth-of-type(7) {
background: #fff;

}

.about_SA_seg:nth-of-type(8) {
background: #c6e0e9;

}

.about_SA_seg:nth-of-type(9) {
background: #fff;

}

.about_SA_seg:nth-of-type(10) {
background: #e5e2da;

}

.about_SA_seg:nth-of-type(11) {
background: #fff;

}

.about_SA_seg:nth-of-type(12) {
background: #c6e0e9;

}

.about_SA_seg:nth-of-type(13) {
background: #fff;

}

.about_SA_seg:nth-of-type(14) {
background: #c6e0e9;

}

.about_SA_seg:nth-of-type(15) {
background: #fff;

}

.about_SA_seg:nth-of-type(16) {
background: #c6e0e9;

}

.about_SA_seg:nth-of-type(17) {
background: #fff;

}



.about_SA_seg_inside {
display:  inline-block;
margin:  auto;
width:  575px;

text-align: left;
vertical-align: top;
}

.about_SA_seg_inside h3 {
display:  block;
font-size:  37px;
color:  #0d505a;
color:  #09aeda;
line-height:  1;

margin:  0px;
padding:  0px;

}


.seg_content {
display:  block;
width:  100%;
margin:  25px 0 0 0;

padding:  0 0 0 50px;

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

line-height:  1.35;

}

.seg_content strong {
font-size:  130%;
font-family:  'corbeau_bold';

}


a.upBtn,
a.upBtn:visited {
display:  inline-block;
margin: 0;
font-size:  17px;

vertical-align: top;

padding:  0 3px 3px 3px;

margin:  0 0 0 15px;


}

a.upBtn span,
a.upBtn:visited span {
font-family: 'symbols';


}



/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #########     MODEL FULL STYLES       ########### */
/* ################################################# */
/* ################################################# */
/* ################################################# */


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

background:  #292929;

}


#quicktour_text {
display:  inline-block;
width:  250px;
height:  auto;

margin:  90px 45px auto auto;

text-align:  left;

color:  #fff;

font-size:  15px;

font-family: 'corbeau_medium';


}


#quicktour_text a,
#quicktour_text a:visited {
color:  #27c9f7;

}


#quicktour_video {
display:  inline-block;
width: 42%;
height:  54%;

max-width:  1000px;
max-height:  650px;

background: #525252;

font-size:  0px;

margin:  auto auto auto auto;

line-height: 1;

}


#quicktour_video div {
display:  inline-block;
width: auto;
height:  auto;



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

text-align:  left;


}

#quicktour_video div h3 {
display:  block;
width: 100%;
height:  auto;

font-size:  21px;

margin:  0px;
padding: 0px;


}



/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #########     MODEL FULL STYLES       ########### */
/* ################################################# */
/* ################################################# */
/* ################################################# */

#model_table_contents {
position: relative;
display:  block;
width:  100%;
height:  100%;
overflow:  visible;


background:  url(../images/bg_model_001.jpg);
background-size:  cover;
background-position:  top center;
background: #003947;

text-align:  center;


}


#model_table_contents #about_table_inside h3 {
display:  inline-block;
width:  auto;

font-size:  50px;
color:  #ffb628;

letter-spacing: 0px;

}

#model_table_contents span {
position: absolute;
display:  inline-block;
float:  left;
z-index:  5;

width:  100%;

text-align:  center;

height:  auto;

left:  0px;
bottom:  45px;

font-family: 'symbols';
font-size:  45px;
color:  #ffb628;


}














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

.contact #intro_screen {
height:  130%;
min-height:  855px;



}

.contact #bg {
background:  #0b1619;
background:  #000007;



}


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

width:  70%;
height:  auto;

float:  left;
z-index:  5;

top:  22%;

top:  215px;
left:  12%;

color:  #fff;

margin:  0px;
vertical-align: top;


}


#contact_app h2 {

display:  block;

width:  100%;
height:  auto;

font-size:  88px;

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



}


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

height:  auto;

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

text-align:  left;

line-height:  1;
opacity:  1;
}

#c_app_selector.fade {
opacity:  0;
margin:  50px 0 0 0;

}

#c_app_selector.fade.none {
display:  none;

}




#c_app_selector button {
display:  inline-block;
width:  29px;
height:  29px;

margin:  0 25px 0 0;
padding:  3px;

text-align:  left;

font-size:  0px;

border-radius:  20px;

background:  none;

border:  2px solid #fff;

vertical-align:  top;

}

#c_app_selector button div {
display: block;
width:  100%;
height:  100%;

border-radius:  20px;

background:  #000007;

vertical-align: top;

}

#c_app_selector button:hover  {
background:  #000007;

}

#c_app_selector button:hover div  {
background:  #b7b7b7;

}

#c_app_selector span {
display:  inline-block;
width:  auto;

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

margin:  0 0px 17px 0;
padding:  0;

text-align:  left;
vertical-align:  top;

line-height:  1.2em;



}

#c_app_general {
display:  none;
width:  100%;

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

margin:  55px 0 0 0;

}

#c_app_general.load {
display:  block;



}

#c_app_general.fade {
opacity:  1;
margin:  25px 0 0 0;



}

#contact_app .footer_col {
margin:  auto auto auto auto;

}


#contact_app .footer_col a,
#contact_app .footer_col a:visited {
display:  inline;
color:  #27c9f7;

}

#contact_app .footer_col a:hover {
color:#00a0ce;

}


#contact_app .footer_col h4 {
display:  block;
width:  100%;

font-family: 'proxima';
line-height:  1;

margin: 2px 0px 2px  0px;
padding:  0px;

color:  #27c9f7;

}


button.contact_back {
position:  absolute;
display:  inline-block;

float:  left;
z-index:  9;

top:  10px;
left:  105%;
left:  calc(100% + 45px);
width:  70px;
height:  auto;

padding:  5px 8px;

text-align:  center;

font-size:  16px;

border-radius:  3px;

background:  #181829;
color:  #bababa;



vertical-align:  top;



}

button.contact_back:hover {
background:  #27c9f7;
color:  #fff;

}

button.contact_back span {
display:  inline;
font-family:  'symbols';

}



#c_app_help {
display:  none;
width:  100%;

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

margin:  55px 0 0 0;

}

#c_app_help.load {
display:  block;



}

#c_app_help.fade {
opacity:  1;
margin:  45px 0 0 0;

}


#contact_app h2.c_app_sub_title {
font-size:  22px;

margin:  0 0 25px 0;
text-transform: uppercase;
color:  #777;


}


#contact_app #c_app_help h2.c_app_sub_title {
color:  #30b6e1;

}


#c_app_adopt {
display:  none;
width:  100%;

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

margin:  55px 0 0 0;

}

#c_app_adopt.load {
display:  block;



}

#c_app_adopt.fade {
opacity:  1;
margin:  45px 0 0 0;

}



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


.page_full #intro_screen {
position: relative;
height:  100%;
height:  calc(100% - 45px);



}


.page_full #bg {
position:  absolute;
display:  inline-block;

float:  left;
z-index:  3;

bottom:  0px;
left:  0%;

width:  100%;
height:  100%;



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

background:  #cdc6b5;
background: #c7bea9;

}


.page_full .page_intro_text {
position:  absolute;
display:  inline-block;

width:  60%;
max-width:  625px;
bottom:  17%;
left:  12%;

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

float:  left;
z-index:  7;

}

.page_full .page_intro_text span {
display:  block;
width:  100%;

margin:  0 0 1.5em 0;


}


.page_content {
display:  block;
width:  100%;
height:  auto;

padding:  135px 45px;

text-align:  center;

background: #e5e2da;
color:  #111;



}


.generic .page_content {
display:  block;
width:  100%;
height:  auto;

padding: 180px 45px 90px 45px;

text-align:  center;

background: #e5e2da;
color:  #111;



}

.mid_img .page_content {
display:  block;
width:  100%;
height:  auto;

padding: 90px 45px 90px 45px;

text-align:  center;

background: #fff;
color:  #111;



}


.generic.generic_img .page_content {
padding: 90px 45px 90px 45px;

}

.replication .page_content {
background: #fff;

}


.page_content_inside {
display:  inline-block;
width:  100%;
max-width: 575px;

font-size:  19px;
line-height:  1.3;

text-align:  left;



}

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


}

.content a,
.content a:visited {
color:  #27c9f7;

}


.generic .page_content .content a,
.generic .page_content .content a:visited {
color:  #02a5d3;

}


.content a h6,
.content a:visited h6,
.content h6 a,
.content h6 a:visited {
display:  inline-block;
background:  #27c9f7;
color: #fff;
font-size:  35px;

padding:  11px 16px;
border-radius:  7px;

margin:  19px 0 38px 0;
}


.content a:hover h6,
.content h6 a:hover {
background:  #3fe2ff;

}

.page_content_btm {
display:  block;
width:  100%;

margin:  45px 0 0 0;


}


.page_content_btm a,
.page_content_btm a:visited {
display:  inline-block;
width:  auto;

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

background:  #27c9f7;
color:  #fff;

font-family: 'corbeau_bold';

border-radius: 3px;


}


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

margin:  70px 0 0 0;

color: #555;

font-size:  19px;

}

#page_content_btm span {
display:  block;
width:  100%;
height:  auto;

margin: 0.5em 0 1em 0;

font-size:  19px;

}


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

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

background:  #27c9f7;
color:  #fff;

font-family: 'corbeau_bold';

border-radius: 3px;


}


/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #########        FORM  STYLES         ########### */
/* ################################################# */
/* ################################################# */
/* ################################################# */



input[type=email],

input[type=text],

input[type=password],

textarea, 

input {

font-family: 'corbeau_medium';
border: none;
border-radius: 0px;


outline: 0;

width: 100%;
box-sizing: border-box; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
background-color: #fff;
color:#111;
    
-webkit-appearance: none;
-webkit-border-radius: 7px; 
border-radius: 7px;
border: none;
outline: none;

font-size: 19px;
padding: 15px;
margin: 0 0 10px 0;

border: 1px solid #ddd;  

 resize: none; 

}



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;
outline: 0;
outline: none;
width: 100%;
box-sizing: border-box; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
background-color: #fff;
color:#111;
    
-webkit-appearance: none;
-webkit-border-radius: 7px; 
border-radius: 7px;

border: none;
outline: none;
font-size: 19px;
padding: 15px;
margin: 0 0 10px 0;
border: 1px solid #ddd;  

}


input[type=text]:focus, textarea:focus {
outline: none;

}






select {
  display: block;
  font-size: 19px;
  font-family: sans-serif;
  font-weight: 700;
  color: #111;
  line-height: 1.3;
  padding: .6em 1.4em .5em .8em;
  width: 100%;
  max-width: 100%; /* useful when width is set to anything other than 100% */
  box-sizing: border-box;
  margin: 0 0 10px 0;
  border: 1px solid #ddd;  
  
  border-radius: 7px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;

  font-family: 'corbeau_medium';


  /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
    for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
    
  */

  overflow: auto;
 
}



/* Hide arrow icon in IE browsers */
select::-ms-expand {
  display: none;
}
/* Hover style */
select:hover {
  border-color: #888;
}
/* Focus style */
select:focus {
  border-color: #aaa;
  /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
  color: #222; 
  outline: none;
}

/* Set options to normal weight */
select option {
  font-weight:normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] select, :root:lang(ar) select, :root:lang(iw) select {
  background-position: left .7em top 50%, 0 0;
  padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
select:disabled, select[aria-disabled=true] {
  color: graytext;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}

select:disabled:hover, select[aria-disabled=true] {
  border-color: #aaa;
} 


textarea {
width: 100%;
height: 150px;

font-family: 'corbeau_medium';
color: #111;
display: block;
font-size: 19px;
padding: 15px;

margin: 0 0 10px 0;

resize: none;

}

textarea:focus {
width: 100%;
height: 150px;
resize: none;

font-family: 'corbeau_medium';
color: #111;
display: block;
font-size: 19px;
padding: 15px;

margin: 0 0 10px 0;

resize: none;

}

input[type=checkbox] {
 display:  inline-block;
  width:  25px;
  height:  25px;

border: 1px solid #ddd;  

margin: 3px 11px 0 11px;

vertical-align: middle;

}


input:checked {
background: #ffcf28;


}


#body_holder span.wpcf7-list-item {
display:  block;
width:  100%;
text-align:  left;
margin:  0px 0 7px 0;
padding:  0 0 0 1em;
vertical-align: top;

}

.wpcf7-list-item-label {
display:  inline-block;
vertical-align: top;
margin:  3px 0 0 0;

}



input[type="submit"],
input[type="button"]
{
    
    position: relative;
    display: inline-block;
    width:  auto;
    padding: 15px 25px 15px 25px;
    color: #111;
    background: #ffcf28;
    font-size: 19px;
    text-align: center;
    font-style: normal;
    margin: 0px;
    outline: none;
    border: 0px;
    cursor: pointer;

    font-family: 'corbeau_bold';
    text-transform:  uppercase;

}
input[type="submit"]:hover,
input[type="button"]:hover
{
color: #111;
background: #ec9c1e;
outline: none;
}







::-webkit-input-placeholder {
color: #111;

}

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

}

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

}

:-ms-input-placeholder {  
color: #111;  

}

[placeholder]::-webkit-input-placeholder {
color: #111;

}

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

}   





/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #########       SEARCH  STYLES        ########### */
/* ################################################# */
/* ################################################# */
/* ################################################# */

.generic.search .page_content {
min-height: 100%;


} 


h2.search_h2 {
margin:  0px 0 25px 0;

color: #0aa8d5;


}

h2.search_newest {
display:  inline-block;
width:  auto;
margin:  0px 0 15px 0;
background: #3c8734;
color: #fff;

font-size:  17px;

padding:  5px 8px;
border-radius:  3px;



}





.search_a span {
display: block;
font-family: 'corbeau_bold';
font-size:  130%;



}



.search_a p {
display: block;
margin:  0 0 0em 0;
padding:  0px;


}

.search_a span.search_url {
display: block;
font-family: 'corbeau_medium';
font-size:  80%;

color: #0aa8d5;

margin:  11px 0 25px 0;


}

.search #post_nav {
margin-top:  45px;


}


/* ################################################# */
/* ################################################# */
/* ################################################# */
/* #########         404  STYLES         ########### */
/* ################################################# */
/* ################################################# */
/* ################################################# */


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

color:  #fff;
background:  #0caddb;


}

#not_found_holder h3 {
display:  inline-block;
width:  auto;

margin:  0 55px 0px 0;
padding:  0px;

line-height: 1;

font-size:  131px;

font-weight:  900;

vertical-align: top;


}


#disclaimer {
display:  inline-block;
max-width:  355px;

padding:  5px 0 0 0;

font-size: 18px;
line-height: 1.4;
font-family: 'corbeau_medium';

text-align:  left;
vertical-align: top;


}



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

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

overflow:  hidden;
border-top:  0px solid #ccc;
background:  #ccc;

}


.not_found .tagline,
.tagline.action {
display: none;
    
}


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


}

.tagline_over {
position: absolute;
display: block;
width:  100%;
height: 100%;
float:  left;
z-index:  3;

top:  0px;
left:  0px;

text-align:  center;

}


.tagline_over td div {
display: inline-block;
width: 100%;
max-width: 555px;
height: auto;

margin: 55px auto 0 auto;

text-align: left;

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

color: #fff;

}


.tagline_over h3 {
display:  block;
width:  100%;
text-align:  center;



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

}

.tagline_over a,
.tagline_over a:visited {
display:  inline-block;
width:  auto;
height:  50px;

margin:  0.5em auto auto auto;
padding:  10px;

color:  #fff;
background:  #4dc8e9;

font-size:  24px;
text-transform:  uppercase;
font-family: 'corbeau_bold';


text-align: left;

vertical-align: top;


-webkit-border-radius: 3px;
border-radius: 3px;




}



.tagline_over .for_give {
display:  none;


}


.give .tagline_over .for_give,
.give .tagline_over a,
.give .tagline_over a:visited {
display:  none;


}


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

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

padding:  90px;

background:  #111;

background:  url(../images/z_footer_bg.jpg);
background-repeat:  repeat;

}

.not_found #footer {
display:  none;


}

#footer_left {
display:  inline-block;
width:  70%;

height:  auto;


}


.full_width {
display:  block;
width:  100%;
height:  auto;
}


#footer_left h3 {
margin:  0px;
padding:  0px;
font-size:  45px;

line-height:  1.05;

max-width:  700px;

}

#footer_left a.footer_big_link,
#footer_left a.footer_big_link:visited {
display:  inline-block;

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

margin:  1em auto auto auto;


}

.footer_col {
display:  inline-block;

width:  auto;
max-width:  32%;
vertical-align: top;

margin:  70px auto auto auto;
padding:  0 60px 0 0;
font-size:  15px;

font-family: 'proxima';



}

#footer_left .footer_col h3 {
display:  block;
width:  100%;
font-size:  19px;


}


#footer_left .footer_col h4 {
display:  block;
width:  100%;

font-family: 'proxima';
line-height:  1;

margin: 2px 0px 2px  0px;
padding:  0px;

color:  #024e94;

}

#footer_left .footer_col a,
#footer_left .footer_col a:visited {
color:  #024e94;

}

#footer_left .footer_col a:hover {
color:  #0484f9;

}


.footer_charity {
display: inline-block;
width:  auto;
max-width:  200px;
height:  auto;
font-size:  75%;
color:  #62605d;

margin:  2em 0 0 0;

}


.footer_btm {
display:  none;
width:  650px;
height:  auto;

margin:  70px auto auto auto;

padding:  0px;

border-left:  0px solid #75736f;

font-size:  14px;
font-family: 'proxima';

color:  #62605d;

text-align:  left;

line-height:  1.2;

overflow:  hidden;


}

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

float:  right;
z-index: 3;

top: 0px;
right:  0px;

width:  25%;
height:  100%;


}

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

float:  right;
z-index: 4;
top:  90px;
right:  90px;

width:  90%;
text-align:  right;

font-size:  19px;

}

#footer_social h3 {
display:  block;
width:  100%;
height:  auto;

margin: 0px auto 0px 0px;

vertical-align: top;

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

text-align: right;


}


#footer_social a,
#footer_social a:visited {
display:  inline-block;
width:  38px;
height:  auto;

margin: 11px auto 11px 11px;

vertical-align: top;


}

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


}





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

float:  right;
z-index: 3;
bottom:  135px;
right:  90px;

width: auto;

border:  3px solid #cc9500;
border-radius:  5px;
padding: 7px  11px;

background:  url(../images/home_btn_bg.jpg);
background-repeat: repeat;

font-size:  19px;
color:  #111;
text-align:  center;
}


#home_btn:hover  {
/*border:  3px solid #ffcf2c;*/

}


#home_btn span {
display:  inline-block;
font-family:  'corbeau_bold';

font-size: 24px;
color:  #d64100;
color: #639240;
color:  #745502;

text-transform:  uppercase;
font-weight:  100;

margin:  3px 5px auto auto;

vertical-align: top;

line-height:  1;
}

#home_btn:hover span  {
color: #6dac3e;
color:  #5a4202;

}



#home_btn img {
display:  inline-block;
width:  26px;
height:  auto;


vertical-align: top;

margin: 0px auto auto auto;

}


#footer_right_bg {
position:  absolute;
display:  inline-block;
float:  right;
z-index: 2;
bottom:  0px;
right:  0px;



width:  30%;
height:  100%;


background:  #e6b42c;



}

span#copy {
position:  absolute;
display:  inline-block;

float:  right;
z-index: 3;
bottom:  90px;
right:  90px;

width:  100%;
text-align:  right;

font-size:  16px;
font-family: 'corbeau_medium';
color: #a27600;


}


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


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








#menu_right {
margin:  90px 35px 90px 40%;
width: 38%;
width:  calc(60% - 47px);

}


.menu_col {
padding:  0 45px 0 0;

}


span.large_donor,
span.large_research {
font-size:  33px;
color:  #fff;


}


span.large_sub_donor,
span.large_sub_research {
font-size:  10px;

}



#introLeft {

left:  10%;

width: 39%;
height: 400px;

}

#intro1Left {
width:  40%;
width:  calc(50% - 17px);
height:  100%;
font-size:  15px;

}

#intro2Left {
width:  40%;
width:  calc(50% - 17px);
height:  100%;
font-size:  15px;

}


#intro_left_tagline {
font-size:  16px;


}


#introRight {
left:  48%;
left:  calc(10% + 39% + 60px);
width:  calc(100% - 180px - 51%);

}

#intro2_over {
padding: 25px 25px 25px  25px;
font-size:  17px;

}


#newsHolder {
font-size:  22px;

}


#intro2_right span.sa2tagline {
font-size:  29px;


}


img#champion_img {
width:  255px;
margin: 0px 25px auto 25px;

}

#intro2_right_new {
margin: 15px auto auto 15px;
width: 335px;

font-size:  16px;

}

#home_mission {
margin: 15px 0 45px 0;

}


#crisis_b_left {
font-size:  52px;

}

#crisis_b_right {
margin: 45px 45px 0 0%;

}


#timeline .img_over {
padding:  90px 90px;


}


#event_left {
width:  40%;
margin:  0 45px 45px 0;

}

#event_text_holder {
width:  50%;
width:  calc(100% - 40% - 46px);

}


#contact_app h2 {
font-size:  58px;

}


}







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



@media (min-width: 1255px) {




#menu_right {
margin:  110px 45px 90px 34%;
width: 65%;
width:  calc(65% - 47px);

}


.menu_col {
padding:  0 90px 0 0;

}


span.large_donor,
span.large_research {
font-size:  41px;
color:  #fff;


}

span.large_sub_donor,
span.large_sub_research {
font-size:  12px;

}


#intro2_right span.sa2tagline {
font-size:  33px;


}


#crisis_b_left {
font-size:  62px;

}



#contact_app h2 {
font-size:  68px;

}




    



}




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



@media (min-width: 1350px) {



span.large_donor,
span.large_research {
font-size:  45px;
color:  #fff;


}

span.large_sub_donor,
span.large_sub_research {
font-size:  14px;

}

#intro2_right span.sa2tagline {
font-size:  37px;


}


img#champion_img {
width:  275px;
margin: 0px 25px auto 25px;

}

#intro2_right_new {
margin: 45px auto auto 15px;
width: 395px;

font-size:  19px;

}

#home_mission {
margin: 35px 0 45px 0;

}


#crisis_b_left {
font-size:  72px;

}

#crisis_b_right {
margin: 90px 45px 0 0%;

}




}


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


@media (min-width: 1475px) {


#introLeft {

left:  12%;

width: 35%;
height: 400px;

}

#intro1Left {
width:  40%;
width:  calc(50% - 17px);
height:  100%;
font-size:  19px;

}

#intro2Left {
width:  40%;
width:  calc(50% - 17px);
height:  100%;
font-size:  17px;

}


#introRight {
left:  48%;
left:  calc(12% + 35% + 60px);
width:  calc(100% - 180px - 47%);

}


#newsHolder {
font-size:  27px;

}

img#champion_img {
width:  285px;
margin: 0px 45px auto 45px;

}

#intro2_right_new {
width: 425px;

}


#crisis_b_left {
font-size:  72px;

}


#event_left {
width:  35%;
margin:  0 90px 90px 0;

}

#event_text_holder {
width:  55%;
width:  calc(100% - 35% - 91px);

}


#contact_app h2 {
font-size:  88px;

}









}

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


@media (min-width: 1495px) {

#menu_right {
margin:  110px 45px 90px 30%;
width: 67%;
width:  calc(70% - 47px);

}

.menu_col {
padding:  0 135px 0 0;

}

span.large_donor,
span.large_research {
font-size:  55px;

}

span.large_sub_donor,
span.large_sub_research {
font-size:  16px;

}


#intro_left_tagline {
font-size:  19px;


}

#intro2_over {
padding: 45px 45px 45px  45px;
font-size:  19px;

}

#intro2_right span.sa2tagline {
font-size:  43px;


}


img#champion_img {
width:  305px;
margin: 0px 45px auto 45px;

}

#intro2_right_new {
width: 425px;

}


#crisis_b_left {
font-size:  82px;

}





}


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




@media (min-width: 1535px) {

#timeline .img_over {
padding:  135px 90px;


}






}


@media (min-width: 1635px) {



}


@media (min-width: 1835px) {



}

@media (min-width: 1935px) {




}


@media (min-width: 2135px) {




}






@media (min-height: 100px) {

#about_table_links {
font-size:  15px;

}

.amy.light #logo_holder img#logo_light { 
display:  inline-block;

}

.amy.light #logo_holder img#logo_dark { 
display:  none;
}


.amy.dark #logo_holder img#logo_light { 

display:  none;
}

.amy.dark #logo_holder img#logo_dark { 
display:  inline-block;

}


}



@media (min-height: 400px) {

#home_intro_text {
top:  38%;
font-size:  10px;

}


}



@media (min-height: 450px) {



#home_intro_text {
top:  35%;
font-size:  13px;

}

}





@media (min-height: 500px) {

#home_intro_text {
top:  30%;
font-size:  18px;

}



}



@media (min-height: 550px) {

#home_intro_text {
top:  28%;
font-size:  22px;

}


#about_table_links {
font-size:  18px;

}





}


@media (min-height: 585px) {







}



@media (min-height: 600px) {

#home_intro_text {
top:  26%;
font-size:  25px;

}





}

@media (min-height: 620px) {

.amy.light #logo_holder img#logo_light { 
display:  none;

}

 .amy.light #logo_holder img#logo_dark { 
display:  inline-block;

}


.amy.dark #logo_holder img#logo_light { 
display:  inline-block;

}

 .amy.dark #logo_holder img#logo_dark { 
display:  none;

}




}





@media (min-height: 650px) {

#home_intro_text {
top:  25%;


}





}










@media (min-height: 700px) {



}



@media (min-height: 750px) {



}









@media (min-height: 800px) {

#home_intro_text {
top:  24%;
font-size:  29px;

}


}





@media (min-height: 900px) {




}



@media (min-height: 1000px) {




}



@media (min-height: 1200px) {




}

@media (min-height: 1300px) {





}




@media (min-height: 1400px) {




}



@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: 2021
	Little Brother Media
	
	 
	Glory be to God for dappled things
	For skies of couple color as a brinded cow
	Landscapes plotted and pieced
	Fold, fallow and plow
	And all trades, their gear and tackle and trim.
	
	-Gerard Manley Hopkins

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