html {
  overflow-y: scroll;
}
body{
    background-color: #FFF;
    margin:0px;
    animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
    overflow: hidden;
}
/* ----- Start: Fancy page fade ----- */
@keyframes fadein {
  from {opacity:0;}
  to {opacity:1;}
}

@-moz-keyframes fadein { /* Firefox */
  from {opacity:0;}
  to {opacity:1;}
}

@-webkit-keyframes fadein { /* Safari and Chrome */
  from {opacity:0;}
  to {opacity:1;}
}

@-o-keyframes fadein { /* Opera */
  from {opacity:0;}
  to {opacity: 1;}
}




/* ----- Font Styles ----- */

@charset "utf-8";
h1:after,
h2:after {
    margin-top: 25px;
    margin-bottom: 25px
}
body, h6 {line-height: 1.6}

body {  
    font-size: 1.6em;
    font-weight: 400;
    font-family: Arial, sans-serif;
    color: #3c3c3b;
    animation: fadein 1.5s 1 forwards;
    -webkit-animation: fadein 1.5s 1 forwards;
    -moz-animation: fadein 1.5s 1 forwards;
    opacity: 0
}

html {font-size: 62.5%}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0;
}

h1 {
    font-size: 3.8rem;
    line-height: 1.1;
    color: #006ab4;
    font-weight: 800;
}
h1:after, h2:after {display: block;}

.text_center h1:after,
h1.text_center:after,
.text_center h2:after,
h2.text_center:after {
    margin-left: auto;
    margin-right: auto;
}
.text_right h1:after,
h1.text_right:after,
.text_right h2:after,
h2.text_right:after {
    margin-left: auto;
    margin-right: 0;
}

h2 {
    font-size: 2.8rem;
    line-height: 1;
    letter-spacing: -.1rem;
    font-weight: 500;
    color: #006ab4;
}

h3 {
    font-size: 2.4rem;
    line-height: 1.3;
    margin: 25px 0;
    letter-spacing: -.1rem;
    font-weight: 500;
    color: #006ab4;
}

.element h3:after {
    display: block;
    margin-top: 25px;
    margin-bottom: 25px
}

.blackbg h3:after,
.bluebg h3:after,
.redbg h3:after {background: #fff;}

h4 {
    font-size: 1.8rem;
    line-height: 1.35;
    letter-spacing: -.08rem;
    margin: 25px 0;
}

h5 {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 400;
    color: #4c4c4c;
    margin: 0 0 10px;
}
h5.employees_text {
    text-transform: uppercase;
    color: rgba(255, 255, 255, .5);
    font-weight: 700
}

h6 {
    font-size: 1.2rem;
    letter-spacing: 0;
}


.bold,
p strong {font-weight: 700;}

p {
    color: #000;
    font-size: 1.6rem
}

a {
    color: #006ab4;
    text-decoration: none;
}
a:hover {
    color: #006ab4;
    text-decoration: underline;
}
.cta_banner a,
.quick_links .message,
.quick_links .select,
.uppercase,
h6,
header nav ul li a {text-transform: uppercase;}

.bluetext {color: #262141;}
.whitetext {color: #fff;}
.greytext {color: #f1f1f1;}
.blacktext {color: #222;}
.redtext {color: #006ab4;}
.bluebg {background: #262141;}
.redbg {background: #006ab4;}
.greybg {background: #f1f1f1;}
.whitebg {background: #fff;}
.blackbg {background: #222;}

.blackbg *,
.bluebg *,
.redbg * {color: #fff;}

.small {font-size: 90%!important}

.text_left {text-align: left;}
.text_right {text-align: right;}

.container ul {
    list-style: square;
    margin: 0 0
}

.container ol {
    list-style: decimal;
    margin: 25px 0
}

.container ol li,
.container ul li {
    padding: 2px 0;
    color: #000
}
.col li {
	margin-left:30px;
}


/* ----- Header Styles ----- */

header .site_logo,
header nav,
header.darktext {
    z-index: 600;
    position: relative
}
header.lighttext {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(38, 33, 65, .8) 0, rgba(38, 33, 65, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(38, 33, 65, .8) 0, rgba(38, 33, 65, 0) 100%);
    background: linear-gradient(to bottom, rgba(38, 33, 65, .8) 0, rgba(38, 33, 65, 0) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#26214180', endColorstr='#26214100', GradientType=0);
    padding: 25px 0;
    z-index: 600
}
header.darktext {
    background: 0 0;
    padding: 25px 0;
    margin-bottom: 60px
}
header:after {
    display: table;
    content: ''
}
header .site_logo {
    width: 210px;
    height: 58px;
    float: left
}
header nav {float: right}
header nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block
}
header nav ul li {
    display: inline-block;
    position: relative
}
header nav ul li a {
    display: block;
    padding: 13px 0 8px;
    margin: 0 15px;
    font-weight: 600;
    border-bottom: 2px solid transparent
}

header.lighttext ul li.current-menu-item a {border-color: #fff}
header.lighttext ul li:hover a {border-color: rgba(255, 255, 255, .4)}

header.darktext ul li a {color: #262141}
header.darktext ul li.current-menu-item a {border-color: #006ab4}
header.darktext ul li:hover a {border-color: rgba(0, 0, 0, .4)}

header nav .search_icon {
    width: 22px;
    height: 22px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-left: 35px
}

header nav .search_icon svg {
    display: block;
    width: 100%;
    height: 100%
}

header.darktext nav .search_icon svg path {fill: #262141}

.homeslider_arrow svg path,
header.lighttext nav .search_icon svg path {fill: #fff}

header.lighttext ul.sub-menu {background: rgba(255, 255, 255, 1)}
header.lighttext ul.sub-menu li a {
    color: rgba(38, 33, 65, 1);
    font-weight: 700
}
header.lighttext ul.sub-menu li a:hover {color: rgba(38, 33, 65, .5)}

header.darktext ul.sub-menu {background: rgba(38, 33, 65, 1)}
header.darktext ul.sub-menu li a {color: rgba(255, 255, 255, 1)}
header.darktext ul.sub-menu li a:hover {color: rgba(255, 255, 255, .5)}

header ul.sub-menu {
    position: absolute;
    width: 200px;
    padding: 15px 0;
    left: 0;
    z-index: -10;
    transform: scale(1, 0);
    transform-origin: top
}

header ul li:hover ul.sub-menu {
    transform: scale(1, 1);
    z-index: 100
}

header ul.sub-menu li {display: block}
header ul.sub-menu li a {
    font-size: 1.2rem;
    padding: 8px 15px;
    margin: 0;
    font-weight: 300;
    border: 0;
    border-left: 3px solid transparent
}
header ul.sub-menu li a:hover {
    border: 0;
    border-left: 3px solid #006ab4
}

header ul li.current-menu-item .sub-menu a {border-color: transparent}

header .sub-menu li.current-menu-item a,
header ul li.current-menu-item a:hover {
    border-color: #006ab4
}

header.lighttext .employee_portal {
    background: #ddd;
    margin-bottom: -16px
}
header.darktext .employee_portal {
    background: #5a5188;
    margin-bottom: -16px
}
header.darktext .employee_portal a { color: #fff!important;}


header .nav-wrap {
    background: #f4f4f4;
    padding-bottom: 20px;
    padding-top: 20px;
}
header .navigation {
    width: 100%;
    display: inline-block;
    text-align: center;
    background: #f4f4f4;
}




/* ----- Menu Styles ----- */


#menu-main-menu {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}
#menu-main-menu li {display: inline-block;}
#menu-main-menu li a {
    display: block;
    padding: 10px 15px 10px 15px;
    margin-bottom: 2px;
    color: #000000;
    border-bottom: 1px solid transparent;
    font-family: 'Helvetica', 'Arial', sans-serif;
}
#menu-main-menu li a:hover {
    border-bottom: 1px solid #006ab4;
}

#menu-main-menu-1 li a {
    font-weight: 600;
    padding: 10px 20px;
    display: block;
    color: rgba(255, 255, 255, 1);
}
#menu-main-menu-1 li a:hover {color: rgba(255, 255, 255, .7);}
#menu-main-menu-1 ul.sub-menu,
#menu-main-menu-1 ul.sub-menu li {display: block;}
#menu-main-menu-1 ul.sub-menu li a {
    color: rgba(255, 255, 255, .5);
    font-size: 1.1rem;
    font-weight: 400;
    display: block;
    padding: 5px 20px;
}
#menu-main-menu-1 ul.sub-menu li a:hover {color: rgba(255, 255, 255, 1);}

#menu-main-menu .current-menu-item {
    border-bottom: 1px solid #A4235F;
}




/* ----- Column & Spacer Styles (structure) ----- */


.container,
.wide_container {
    width: 95%;
    max-width: 1150px;
    margin: 0 auto;
    position: relative
}

.full_container {
    width: 100%;
    margin: 0 auto
}

.container:after,
.row:after,
.wide_container:after {
    clear: both;
    float: none;
    content: "";
    display: table
}

section {
    clear: both;
    padding: 0;
    margin: 30px 0
}

.section_margin,
.section_padding {padding: 60px 0}

.col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.45%
}

.clear,
.clearfix:after,
.row:after,
.row:before {
    content: "";
    display: table
}

.col:first-child {margin-left: 0}

.row {zoom: 1;}
.row:after {clear: both;}

.alignboth,
.halign,
.valign {position: absolute}

.blank {
    visibility: none;
    text-indent: -99999px
}

.clear,
.clearfix:after {
    clear: both;
    float: none;
}

.col_12_12 {width: 100%;}
.col_11_12 {width: 91.53%;}
.col_10_12 {width: 83.06%;}
.col_9_12 {width: 74.6%;}
.col_8_12 {width: 66.13%;}
.col_7_12 {width: 57.66%;}
.col_6_12 {width: 49.2%;}
.col_5_12 {width: 40.73%;}
.col_4_12 {width: 32.26%;}
.col_3_12 {width: 23.8%;}
.col_2_12 {width: 15.33%;}
.col_1_12 {width: 6.866%;}

.spacer_5,
.spacer_10,
.spacer_15,
.spacer_20,
.spacer_25,
.spacer_30,
.spacer_35,
.spacer_40,
.spacer_45,
.spacer_50 {width: 100%;}

.spacer_5 {height: 5px;}
.spacer_10 {height: 10px;}
.spacer_15 {height: 15px;}
.spacer_20 {height: 20px;}
.spacer_25 {height: 25px;}
.spacer_30 {height: 30px;}
.spacer_35 {height: 35px;}
.spacer_40 {height: 40px;}
.spacer_45 {height: 45px;}
.spacer_50 {height: 50px;}

.element_inner .block_content {padding-right: 40px}
.col_4_12 .element_inner .block_content {padding-right: 0}
.col_8_12 .col_6_12 .block_image,
.col_8_12 .col_6_12 .block_video {
    padding-bottom: 100%;
    overflow: hidden;
    width: 110%
}





/* ----- Footer Styles ----- */


footer,
footer p,
thead th {
    font-size: 1.2rem
}
footer {
    padding-top: 15px;
    margin-top: 40px;
    background-color: #e6e6e6;
    padding-bottom: 15px;
    margin-bottom: -100px;
    padding-bottom: 100px;
}
.page-template-timeline-template footer.bluebg {margin: 0}
footer .twitter_icon {
    width: 32px;
    height: 32px
}
footer ul {
    list-style: none;
    margin: 0;
    padding: 0
}
footer ul li {
    display: inline-block;
    vertical-align: top
}
footer #menu-main-menu-1 li:first-of-type {display: none}
footer .social_links {
    text-align: right;
    margin-top: 25px
}
footer .social_links ul li a:after {
    content: ' | ';
    margin: 0 5px
}
footer .social_links ul li:last-of-type a:after {
    content: '';
    margin-right: 0
}
footer .social_links ul li a:hover {color: rgba(255, 255, 255, .7)}
footer .social_links ul li a:hover:after {color: #fff}
footer .footer_bottom {
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, .1;);
    margin-top: 20px
}
footer .footer_bottom p {margin: 25px 0 0;}
footer .footer_bottom p:first-of-type {margin: 0;}
.lower_footer .container {padding: 15px; background: #e6e6e6;}






















.block,
.block_img,
path,
svg {
    display: block;
    width: 100%
}

.float_left {float: left}
.float_right {float: right}

.center,
header:after {
    float: none;
    clear: both
}




.navcontainer {background-color: #e6e6e6; margin: 15px 0px 8px 0px;}


.slick-initialized .slick-slide {
    display: block;
    min-height: 360px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.slick-initialized .slick-slide .inner {position: absolute; top: 40%;}
.slider-inner {margin-top:10%;}
.innergrad {width: 100vw; height: 300vh; position: absolute;     top: -500px;     left: -500px;
}

.bluegrad {
	background: -moz-linear-gradient(left, rgba(0,106,180,0.9) 0%, rgba(195,42,113,0.20) 100%);
        background: -webkit-linear-gradient(left, rgba(0,106,180,0.9) 0%, rgba(195,42,113,0.20) 100%);
        background: linear-gradient(to right, rgba(0,106,180,0.9) 0%, rgba(195,42,113,0.20) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#006ab4', endColorstr='#00000000', GradientType=0)
}

.pinkgrad {
	background: -moz-linear-gradient(left, rgba(195,42,113,0.8) 0%, rgba(0,106,180,0.20) 100%);
        background: -webkit-linear-gradient(left, rgba(195,42,113,0.8) 0%, rgba(0,106,180,0.20) 100%);
        background: linear-gradient(to right, rgba(195,42,113,0.8) 0%, rgba(0,106,180,0.20) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#006ab400', GradientType=0)
}

#quadbox .quaditem {
	text-align: center;
	border-radius: 25px;

	padding: 20px;
}

#quadbox .quaditem:hover {
	 -webkit-box-shadow: 5px 8px 10px 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 5px 8px 10px 0 rgba(0,0,0,0.25);
    box-shadow: 5px 8px 10px 0 rgba(0,0,0,0.25);
	color: #fff;
	background-color: #006ab4;
	-webkit-transition: all 1000ms ease;
    -ms-transition: all 1000ms ease;
    transition: all 1000ms ease;


}

#quadbox .quaditem .quadtitle, #quadbox .quaditem .quadtext {color: #4B4B4B;}
#quadbox .quaditem:hover .quadtitle, #quadbox .quaditem:hover .quadtext {color: #ffffff;}

#quadbox a:hover .svg path {fill: #fff;}


.slider-inner a {
	background-color: #006ab4;
	padding: 8px 20px;
	border-radius: 20px;
	border: 2px solid transparent;
	color: #fff;
	font-weight: 600;
}

.slider-inner a:hover {
	background: none;
	padding: 8px 20px;
	border: 2px solid #006ab4;
	border-radius: 20px;
	color: #006ab4;
	font-weight: 600;
}

.slider-inner a.btn-pink {
  background-color: #A4235F;
}

.slider-inner a.btn-pink:hover {
  background: #fff;
  border: 2px solid #fff;
  color: #A4235F;
}

div.slick--center .slick-slide.slick-center {
        transform: scale(1) !important;
        }


.light_boxshadow {
    -webkit-box-shadow: 5px 8px 10px 0 rgba(0,0,0,0.25);
    -moz-box-shadow:5px 8px 10px 0 rgba(0,0,0,0.25);
    box-shadow: 5px 8px 10px 0 rgba(0,0,0,0.25);
}
.cta_banner a,
.text_center {
    text-align: center
}

.ct-header h1 {
    color: #A4235F;
    font-weight: 300;
  margin-bottom: 50px;
}
.ct-header {padding: 52px 4% 60px 4%; min-height: 450px; margin-top:-13px; overflow: hidden;}




.full_container,
.row,
body {
    position: relative
}


.grecaptcha-badge {
    display: none;
}

#maintopbar .active {display:inline-block;;}
#maintopbar .search-form label {width: 80%;}
#maintopbar .search-form label span {
    text-align: right;
    clear: both;
    float:left;
    margin-right:15px;
    width: 30%;
    margin-top: 8px;
}
    
#maintopbar .search-form .search-submit {
    float: right;
    width: 20%;
    background-color: #A4235F;
    padding: 7px 20px;
    border-radius: 20px;
    border: 2px solid transparent;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}
#maintopbar .search-form label input[type=search] {
    position: relative;
    border: 0;
    border-bottom: 1px solid #ccc;
    padding: 10px 10px;
    font-size: 1.3rem;
    display: block;
    width: 64%;
    z-index: 5;
    transition: all .3s ease-in-out; 

    float:left;
}

.floatright {float:right;}
.floatright::after {clear:both;}

.reciteme img {
    cursor: pointer;
    max-height: 40px;
}
#maintopbar .search-form {
        margin-bottom: 0px; 
}
#maintopbar {
    background: #006ab4;
    color: #fff;
    height: 63px;
}
#maintopbar p {
    color: #fff;
}
.cta_banner .cta_arrow,
.cta_banner span,
.vertical_align,
header nav ul {
    vertical-align: middle
}

.noscroll {
    overflow: hidden
}

body.page-template-gsb-template {
    background: #f0f0f0
}




.aligncenter {margin: 0 auto;;}



.center {
    margin-left: auto!important;
    margin-right: auto!important
}

.valign {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

.halign {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%)
}

.alignboth {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.inline {
    display: inline-block
}

.fixed {
    position: fixed
}

.desktop_hide {
    display: none
}

.full_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.slow_trans {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s
}

.med_trans {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.boxshadow,
.fast_trans {
    -webkit-transition: all .3s;
    -moz-transition: all .3s
}

.fast_trans {
    transition: all .3s
}

.boxshadow {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
    transition: all .3s
}

.boxshadow:hover {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .5)
}

.scale {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    transform-origin: center;
    z-index: 25
}

.scale:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
    z-index: 50
}


.logo_wrapper {width: 22%; display: inline-block; padding: 15px 0px 30px 0px;}
.logo {width: 100%;}
svg,
svg path {
    display: block;
    width: 100%;
    height: 100%
}
#headerbanner {max-width:728px; display:inline-block; float:right; margin-top:18px;}
.text_2_col {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 5em;
    -webkit-column-gap: 5em;
    column-gap: 5em;
    margin: 30px 0
}

.text_2_col p {
    margin: 0 0 10px
}

.border_bottom {
    border-bottom: 1px solid #f0f0f0
}

.button,
a.button,
a.button:not([href]):not([tabindex]),
button.button {
    display: inline-block;
    text-align: center;
    padding: 10px 20px;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    margin: 25px 0;
    color: #fff;
    background: #006ab4;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 600
}

.button.block,
.cta_banner a {
    display: block
}

a.button:hover,
button.button:hover {
    text-decoration: none;
    opacity: .8
}

.button.bluebg {
    background: #262141
}

.button.margin_0 {
    margin: 0
}

.button.marginbottom_0 {
    margin-bottom: 0
}

.blackbg .button {
    color: #222;
    background: #fff
}

.redbg .button {
    color: #006ab4;
    background: #fff
}

.bluebg .button {
    color: #262141;
    background: #fff
}

header.lighttext ul li a,
thead {
    color: #fff
}

.cta_banner {
    position: relative
}

.cta_banner.header_banner.cta_margin {
    margin: 0 0 60px
}

.cta_banner.header_banner {
    margin: -60px 0 60px
}

.cta_banner.footer_banner {
    margin: 40px 0 -40px
}

.page-template-timeline-template .cta_banner.footer_banner {
    margin: 0
}

.cta_banner a {
    background: #006ab4;
    padding: 20px 0;
    font-size: 1.4rem;
    font-weight: 600;
    color: #fff
}

td,
thead th {
    padding: 10px
}



.cta_banner span {
    display: inline-block;
    position: relative
}

.cta_banner .cta_arrow {
    width: 20px;
    height: 20px;
    margin-left: 10px;
    display: inline-block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

#menu-main-menu-1 li a,
footer .social_links ul li a,
header nav ul li a,
header ul.sub-menu {
    transition: all .3s ease-in-out
}

.cta_banner:hover .cta_arrow {
    margin-left: 20px
}

.search-results .cta_banner.header_banner {
    margin-top: 60px
}

td span {
    margin-right: 10%
}

tr:nth-child(even) {
    background-color: #f6f6f6
}

thead {
    font-weight: 700;
    background-color: #262141!important
}





.quick_links {
    width: 330px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -160px;
    z-index: 1425;
    background: #f0f0f0;
    font-size: 1.2rem
}

.quick_links .dropdown,
.quick_links .select {
    position: relative;
    transition: all .3s ease-in-out
}

.quick_links .message {
    display: inline-block;
    vertical-align: middle;
    width: 43%;
    background: #fff;
    padding: 10px 5px 10px 10px;
    font-weight: 700
}

.quick_links .dropdown {
    display: inline-block;
    vertical-align: middle;
    width: 56%;
    background: #f0f0f0;
    padding: 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    cursor: pointer;
    z-index: 50
}

.quick_links .select {
    z-index: 99999;
    font-weight: 700;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    color: #aaa
}

.quick_links .select:hover {
    opacity: .5
}

.quick_links .select_dd {
    position: absolute;
    right: 0;
    top: 38px;
    background: #f0f0f0;
    width: 101%;
    z-index: 9999;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.slider_outer,
.slideritem.image {
    position: relative
}

.quick_links .select_dd.open {
    max-height: 250px;
    top: 38px
}

.quick_links .select_dd .option {
    padding: 10px 12px;
    border-top: 1px solid #ddd;
    font-weight: 600;
    background: 0 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.quick_links .select_dd .option:hover {
    background: #fff
}

.slideritem.image {
    height: 90vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    margin-bottom: 0
}

.slideritem.image:after {
    content: '';
    position: absolute;
    pointer-events: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(38, 33, 65, .5);
    z-index: 5
}

.slideritem.noimage {
    height: auto;
    min-height: 10vh;
    margin-bottom: 60px;
    position: relative
}

.slideritem.gsb_noimage {
    min-height: 17vh
}

.slideritem .wide_container {
    height: 100%
}

.slideritem.image .single_line {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-30%);
    -moz-transform: translateY(-30%);
    transform: translateY(-30%);
    z-index: 25
}

.slideritem.image .block_text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-40%);
    -moz-transform: translateY(-40%);
    transform: translateY(-40%);
    z-index: 25;
    width: 50%;
    left: 0
}

.slideritem.image .logo_title {
    width: 45%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -30%);
    -moz-transform: translate(-50%, -30%);
    transform: translate(-50%, -30%);
    z-index: 25
}

.slideritem.image h1 {
    color: #fff;
    font-size: 3.8rem
}

.slideritem.noimage h1 {
    color: #262141;
    font-size: 3.8rem
}

.slideritem.gsb_noimage h5.employees_text {
    color: rgba(0, 0, 0, .7)
}

.slideritem .single_line {
    width: 100%
}

.slideritem .single_line h1 {
    font-size: 4.8rem
}

.slideritem.image .block_text h1 {
    color: rgba(255, 255, 255, .5)
}

.slideritem.image .block_text h1 strong {
    color: rgba(255, 255, 255, 1)
}

.slideritem.noimage .block_text h1 {
    color: rgba(38, 33, 65, .5)
}

.slideritem.noimage .block_text h1 strong {
    color: rgba(38, 33, 65, 1)
}

#hero.image .single_line h1:after,
.slideritem .block_text h1:after {
    content: '';
    height: 0;
    width: 0;
    background: 0 0;
    margin: 0
}

.ctalink {
    padding: 10px 20px;
    color: #fff;
    background-color: #006ab4;
    cursor: pointer
}

.ctalink:hover {
    opacity: .8;
    color: #fff
}

.home .slideritem {
    z-index: 501
}

.next-arrow,
.prev-arrow {
    display: block;
    z-index: 999999!important;
    position: absolute;
    width: 16px;
    height: 16px
}

.prev-arrow {
    left: 15px
}

.next-arrow {
    right: 15px
}

.home .slideritem.slick-slide.slick-current {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none
}

.home .slick-dots {
    position: absolute;
    bottom: 7%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    margin: 0;
    padding: 0;
    list-style: none
}

.home .slick-dots li {
    text-indent: -99999px;
    width: 16px;
    height: 16px;
    padding: 0;
    border: 2px solid #fff;
    background: 0 0;
    border-radius: 100%;
    margin: 0 5px;
    cursor: pointer;
    display: inline-block
}

.home .slick-dots li.slick-active {
    background: #006ab4;
    border-color: #006ab4
}

.companies,
.video_gallery {
    border-top: 1px solid #f0f0f0
}

.homeslider .slideritem {
    opacity: 1!important
}

.full_block .col_12_12 {
    margin-bottom: 25px
}

.text_image_video .text_left {
    padding-right: 40px
}

.text_image_video .text_right {
    padding-left: 40px
}

.stat_container .row:nth-of-type(even) {
    margin-top: 25px
}

.stat_container {
    padding: 25px;
    background: #f1f1f1;
    margin: 40px 0;
    overflow: hidden
}

.stat {
    padding: 0 30px
}

.stat_icon {
    width: 95px;
    height: 95px;
    margin: 0 auto
}

.stat_number {
    font-weight: 800;
    color: #006ab4;
    font-size: 5rem;
    margin: 0 0 -5px
}

.full_image,
.full_video {
    margin: 25px 0
}

.video_container {
    position: relative;
    cursor: pointer
}

.video_container .play_icon {
    position: absolute;
    width: 80px;
    height: 80px;
    left: 50%;
    top: 50%;
    margin: -40px 0 0 -40px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
    transition: all .3s ease-in-out
}

.video_container .play_icon .svg_icon {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px
}

.play_icon svg path {
    transition: all .3s ease-in-out;
    display: block;
    width: 100%;
    height: 100%
}

.video_container:hover .play_icon {
    transform: scale(1.1)
}

.video_container:hover .play_icon svg path {
    fill: #006ab4
}

.accordion {
    margin: 40px 0
}

.accordion .col:nth-of-type(odd) {
    padding-right: 25px
}

.accordion .col:nth-of-type(even) {
    padding-left: 25px
}

.accordion .accordion_header {
    position: relative;
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 5px;
    height: 70px;
    cursor: pointer
}

.accordion .accordion_header h5 {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 1.4rem;
    font-weight: 700;
    width: 93%;
    padding-right: 25px
}

.accordion_header .valign {
    width: 100%
}

.accordion .accordion_content {
    max-height: 0;
    overflow: hidden;
    transition: all .35s ease-in-out
}

.plus-minus-toggle,
.slick-slide,
.slick-slide p.caption {
    transition: all .3s ease-in-out
}

.accordion .accordion_content p {
    font-size: 1.4rem
}

.accordion .accordion_content.open {
    max-height: 500px;
    padding: 10px 0
}

.plus-minus-toggle {
    cursor: pointer;
    height: 24px;
    width: 24px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    transform-origin: center;
    opacity: 1
}

.plus-minus-toggle svg,
.plus-minus-toggle svg path {
    width: 100%;
    height: 100%;
    display: block
}

.plus-minus-toggle.collapsed {
    transform: rotate(180deg);
    opacity: .3
}

section.block_elements {
    margin: 0
}

.block_row {
    margin: 0;
    height: auto;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}

.block_row h3 {
    margin-top: 0
}

.element {
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column
}

.element .button {
    flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    margin-bottom: 0
}

.element_inner {
    padding: 25px;
    z-index: 5;
    zoom: 1;
    position: relative
}

.element_inner:after,
.element_inner:before {
    content: "";
    display: table
}

.element_inner:after {
    clear: both
}

.element.background_image p {
    color: #000
}

.element.background_image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative
}

.element.background_image:after {
    background: rgba(255, 255, 255, .75);
    pointer-events: none;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ''
}

.element .col {
    position: relative
}

.element .block_image,
.element .block_video {
    top: -36px;
    right: -25px;
    position: absolute;
    width: 100%;
    padding-bottom: 76%
}

.element .block_image img,
.element .block_video img {
    position: absolute;
    height: 100%;
    width: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.slick-slide,
.video_container .thumb_container,
.video_gallery {
    position: relative
}



.video_gallery {
    padding: 40px 0 5px;
    border-bottom: 1px solid #f0f0f0;
    margin: 40px 0
}

.multiple-items {
    overflow-x: hidden;
    padding: 40px 0
}

.slick-list {
    overflow: visible!important;
    padding: 0!important
}

.slick-slide {
    transform-origin: center;
    transform: scale(1);
    opacity: .5
}

.slick-slide.slick-current {
    transform: scale(1.2);
    z-index: 500;
    opacity: 1
}

.slick-slide p.caption {
    opacity: 0;
    color: #222;
    font-size: 1.1rem;
    margin: 15px 0
}

.slick-slide.slick-current p.caption {
    opacity: 1
}

.slick-slide.slick-current .video_container .thumb_container {
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3);
    cursor: pointer
}

.video_container .thumb_container .play_icon {
    position: absolute;
    width: 60px;
    height: 60px;
    left: 50%;
    top: 50%;
    margin: -30px 0 0 -30px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .4);
    transition: all .4s ease-in-out;
    opacity: 0
}

.companies .company_block,
.companies .companylogo,
.nav_arrow,
.news_block .teaminfo,
.news_date_selector,
.publication_selector,
.team_selector,
.slick-arrow,
.team_block .teaminfo {
    transition: all .3s ease-in-out
}

.slick-slide.slick-current .video_container .thumb_container .play_icon {
    opacity: 1
}

.video_container .thumb_container .play_icon .svg_icon {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -8px
}

.nav_arrow,
.slick-arrow {
    position: absolute;
    width: 26px;
    height: 26px;
    top: 51%;
    z-index: 99;
    cursor: pointer;
    transform-origin: center;
    opacity: .6
}

.nav_arrow:hover {
    transform: scale(1.1);
    opacity: 1
}

.prev,
.slick-prev {
    left: 15px
}

.next,
.slick-next {
    right: 15px
}

.companies {
    padding: 40px 0 5px;
    margin: 40px 0
}

.page-template-careers-template .companies {
    border: 0;
    margin: 0;
    padding: 0
}

.page-template-default .companies {
    padding: 0;
    border: 0
}



.news_block {
    position: relative;
    cursor: pointer
}

.newsimage img {
    width: 110%
}

.single .newsimage {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 50%;
    overflow: hidden
}

.single .newsimage img {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    width: 100%;
    height: auto
}

.news_block:hover .teaminfo {
    margin-top: -60px
}

.news_block .teaminfo {
    background: #fff;
    width: 90%;
    margin: 5px auto 0;
    padding: 15px;
    position: relative
}

.news_block .teaminfo p {
    margin: 0
}

.news_block .teaminfo h5 {
    margin: 6px 0 0;
    font-weight: 600
}

.news_block .teaminfo p.member_type {
    font-style: italic;
    font-size: 1.1rem
}

.news_block .teaminfo p.job_title {
    font-size: 1.3rem
}

.back_link {
    margin-top: 40px;
    display: block
}

.team_info h5 {
    margin-bottom: 40px
}

.twitter_block {
    background-color: #006ab4;
    padding: 20px;
    color: #fff;
    min-height: 350px;
    position: relative
}

.twitter_block p {
    color: #fff;
    font-size: 1.7rem;
    width: 100%
}

.twitter_block .block_img {
    margin-bottom: 22px
}

.twitter_block .newsimage .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.newsdates {
    margin: 20px 0
}

.news_date_selector, .publication_selector, .team_selector {
    list-style: none;
    cursor: pointer;
}
.news_date_selector:hover, .publication_selector:hover, .team_selector:hover {
   color: #A4235F;
}

.news_date_selector:hover, .publication_selector, .team_selector {
    color: #006ab4
}

.newsinfo {
    padding: 10px
}

.title_type {
    font-weight: 700;
    font-size: 14px;
    margin-top: 5px;
	min-height: 50px;
}

.single .title_type {
    font-weight: 700;
    font-size: 14px;
    margin-top: 15px
}

.date_type,
.readmorelink {
    font-size: 12px;
    text-transform: uppercase
}

.date_type {
    color: #787878
}

.readmorelink {
    color: #006ab4;
    font-weight: 700
}

.category_links {
    width: 320px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -160px;
    z-index: 200;
    font-size: 1.2rem
}

.category_links .left {
    width: 45%;
    float: left
}

.category_links .right {
    width: 45%;
    float: right
}

.category_links .message {
    display: inline-block;
    vertical-align: middle;
    width: 43%;
    background: #262141;
    padding: 10px 5px 10px 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff
}

.full_link {
    z-index: 20
}

.category_links .dropdown,
.category_links .select {
    position: relative;
    z-index: 50;
    transition: all .3s ease-in-out
}

.category_links .dropdown {
    margin-left: -3px;
    display: inline-block;
    vertical-align: middle;
    width: 56%;
    background: #f0f0f0;
    padding: 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    cursor: pointer
}

.category_links .select {
    font-weight: 700;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    color: #aaa
}

.category_links .select:hover {
    opacity: .5
}

.category_links .select_dd {
    position: absolute;
    right: 0;
    top: 38px;
    background: #f0f0f0;
    width: 101%;
    z-index: 9999;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.category_links .select_dd.open {
    max-height: 500px;
    top: 38px
}

.category_links .select_dd .option {
    padding: 10px 12px;
    border-top: 1px solid #ddd;
    font-weight: 600;
    background: 0 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}

.bibby_social ul li a,
.link,
label {
    transition: all .3s ease-in-out
}

.category_links .select_dd .option:hover {
    background: #fff
}

#loadmore, #publoadmore, #teamloadmore {
    position: relative;
    left: 50%;
    transform: translate(-50%, -50%)
}

#newsresults.zindex {
    z-index: -1;
    position: relative
}




.textarea label {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    top: 20px
}

.textarea.active label {
    top: 12px!important
}



.bibby_social {
    margin-top: 10px
}

.bibby_social h5 {
    font-weight: 600;
    font-size: 1.5rem;
    margin-bottom: 5px
}

.bibby_social ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.bibby_social ul li {
    display: inline-block;
    vertical-align: middle
}

.bibby_social ul li a {
    color: #888
}

.bibby_social ul li a:after {
    content: ' | ';
    margin: 0 5px
}

.bibby_social ul li:last-of-type a:after,
.timeline .row.story_bgimage:before,
.timeline .tagline:before,
.timeline_line:before,
.timeline_nav ul:before,
.timeline_thumb:after {
    content: ''
}

.bibby_social ul li:last-of-type a:after {
    margin-right: 0
}

.bibby_social ul li a:hover {
    color: rgba(0, 0, 0, .7)
}

.bibby_email a,
.bibby_phone a,
.bibby_social ul li a:hover:after {
    color: #888
}

.contact_icon {
    width: 24px;
    height: 24px;
    float: right;
    margin-right: 15px
}

.bibby_phone {
    margin-bottom: 15px
}

.link {
    background: #006ab4;
    padding: 50px
}

.link:hover {
    opacity: .8
}

.link span {
    color: #fff;
    font-weight: 700
}

.timeline {
    margin-bottom: 0;
    padding-top: 60px;
    padding-bottom: 0
}

.timeline_desc p {
    font-size: 1.6rem
}

.timeline_line {
    width: 2px;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    background: #999;
    top: 0;
    height: 100%;
    z-index: 198
}

.timeline_line:before {
    width: 14px;
    height: 14px;
    background: #999;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -7px
}

.timeline .row {
    z-index: 100
}

.timeline .row.story_bgimage {
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.timeline .row.story_bgimage .container {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%)
}

.timeline .row.story_bgimage:before {
    background: rgba(255, 255, 255, .8);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute
}

.timeline .row:nth-of-type(odd) .col {
    float: left;
    text-align: left
}

.timeline .row:nth-of-type(even) .col {
    float: right;
    text-align: right
}

.donations_stat,
.search-form button,
.timeline_nav ul,
.toggle_header {
    text-align: center
}

.timeline .tagline {
    position: absolute;
    left: 50%;
    top: 50%;
    text-transform: uppercase;
    font-size: 1.4rem;
    color: #006ab4;
    font-weight: 700
}

.timeline .tagline:before {
    width: 4px;
    position: absolute;
    height: 26px;
    background: #006ab4;
    top: -2px
}

.timeline .row:nth-of-type(odd) .tagline:before {
    left: -15%
}

.timeline .row:nth-of-type(even) .tagline:before {
    right: -15%
}

.timeline .row:nth-of-type(odd) .tagline {
    transform: translate(15%, -50%)
}

.timeline .row:nth-of-type(even) .tagline {
    transform: translate(-115%, -50%)
}

.timeline_thumb {
    position: relative;
    z-index: 1
}

.timeline_thumb:after {
    height: 25%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
}

.timeline .row:nth-of-type(odd) .timeline_thumb {
    -webkit-box-shadow: -5px -5px 15px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: -5px -5px 15px 0 rgba(0, 0, 0, .2);
    box-shadow: -5px -5px 15px 0 rgba(0, 0, 0, .2)
}

.timeline .row:nth-of-type(even) .timeline_thumb {
    -webkit-box-shadow: 5px -5px 15px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 5px -5px 15px 0 rgba(0, 0, 0, .2);
    box-shadow: 5px -5px 15px 0 rgba(0, 0, 0, .2)
}

.timeline_date {
    margin: -60px 20px -25px;
    position: relative;
    z-index: 5
}

.timeline_date h3 {
    font-size: 6rem;
    font-weight: 800
}

.timeline_nav {
    position: fixed;
    left: 50%;
    margin-left: -50%;
    bottom: 0;
    z-index: 200;
    width: 100%;
    overflow-x: scroll;
    padding-top: 10px;
    background: #fff
}

.timeline_nav ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 95%;
    background: #fff;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    justify-content: -webkit-space-between;
    max-width: 1360px
}

.timeline_nav ul:before {
    position: absolute;
    height: 2px;
    width: 100%;
    background: #f0f0f0;
    left: 0;
    top: 50%;
    margin-top: 5px;
    z-index: 1
}

.backtotop,
.backtotop svg {
    display: block;
    left: 50%;
    transition: all .3s ease-in-out
}

.timeline_nav ul li {
    position: relative;
    z-index: 5
}

.timeline_nav ul li a {
    padding: 5px 10px;
    font-weight: 600;
    color: #ccc;
    transition: all .3s ease-in-out;
    display: block;
    background: #fff
}

.timeline_nav ul li a:active,
.timeline_nav ul li a:hover {
    color: #006ab4
}

.backtotop {
    border-radius: 4px;
    background: #006ab4;
    width: 42px;
    height: 42px;
    position: fixed;
    bottom: 12%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    z-index: 9999;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transform-origin: center
}

.backtotop svg {
    width: 28px;
    height: 28px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    top: 50%;
    position: absolute;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transform-origin: center
}

.gallery_img,
.gallery_img img.enlarge,
.parent-pageid-311 .link,
.perform.search_icon,
.search_inner,
.search_overlay,
.video_popup {
    transition: all .3s ease-in-out
}

.backtotop.load svg {
    transform: translate(-50%, -50%) rotate(180deg);
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    -moz-transform: translate(-50%, -50%) rotate(180deg)
}

.page-template-gsb-template .cta_banner a {
    background: #f96106
}

.page-template-gsb-template .cta_arrow {
    display: none
}

#subpages {
    list-style: none;
    margin: 0;
    padding: 0 0 0 20px;
    border-left: 3px solid #f96106
}

#subpages li {
    display: block
}

#subpages li a {
    color: #f96106;
    padding: 10px 0;
    display: block;
    font-size: 1.2rem
}

#subpages li.current_page_item a {
    color: #000;
    font-weight: 700
}


#homenews li {list-style: none;}
ul {padding: none;     -webkit-padding-start: 0px;}
#homenews .thetitle {color: #A4235F; font-size: 1.8rem;text-decoration: underline;}



.sub_content .container {
    width: 100%
}

.parent-pageid-311 .link {
    background: #f96106;
    text-align: center;
    padding: 50px;
    position: relative
}

.video_popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    z-index: -10;
    margin: 0;
    pointer-events: none
}

.video_popup.active {
    background: rgba(0, 0, 0, .7);
    z-index: 500;
    pointer-events: all
}

.video_inner {
    position: absolute;
    width: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 25px 0 56.25%;
    height: 0;
    opacity: 1;
    z-index: 10
}

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

.search_inner,
.search_overlay {
    top: 50%;
    transform: translate(-50%, -50%)
}

.search_inner {
    position: absolute;
    width: 90%;
    left: 50%
}

.search_overlay {
    position: fixed;
    left: 50%;
    width: 30%;
    height: 160px;
    background: rgba(255, 255, 255, 0);
    z-index: -10;
    margin: 0;
    border-radius: 5px;
    pointer-events: none
}

.search_overlay.active {
    background: rgba(255, 255, 255, 1);
    z-index: 999;
    border: 2px solid #006ab4;
    -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .3);
    pointer-events: all
}

.search_inner {
    opacity: 0;
    z-index: -1;
    pointer-events: none
}

.search_overlay.active .search_inner {
    z-index: 100;
    opacity: 1;
    pointer-events: all
}

.search_inner .search-form {
    margin-bottom: 0
}

.search-form {
    width: 100%;
    margin-bottom: 70px
}

.search-form input[type=search] {
    position: relative;
    border: 0;
    border-bottom: 1px solid #ccc;
    padding: 15px 10px;
    font-size: 1.8rem;
    display: block;
    width: 100%;
    z-index: 5;
    transition: all .3s ease-in-out
}

.search-form button {
    background: 0 0;
    border: 0;
    display: inline-block;
    padding: 15px 10px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 50
}

.perform.search_icon {
    width: 22px;
    height: 22px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
    transform-origin: center
}

.search-form button:hover .search_icon {
    transform: scale(1.2)
}

.perform.search_icon svg {
    display: block;
    width: 100%;
    height: 100%
}

.perform.search_icon svg path {
    fill: #262141
}

.gallery_img {
    width: 30%;
    display: inline-block;
    margin: 16px 20px 0 0;
    border: 1px solid #f0f0f0;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    padding-bottom: 21.5%;
    overflow: hidden
}

.gallery_img:hover {
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2)
}

.gallery_img img {
    display: block;
    width: 100%;
    position: absolute;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%)
}

.paginate a,
.paginate span {
    color: #fff;
    padding: 5px 10px;
    font-weight: 600;
    display: inline-block
}

.gallery_img img.enlarge {
    position: absolute;
    width: 24px;
    height: 24px;
    bottom: 10px;
    left: 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    top: auto
}

.gallery_img:hover .enlarge {
    width: 30px;
    height: 30px
}

.paginate {
    margin: 25px 0
}

.paginate a {
    background: #ccc;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out
}

.paginate a:hover {
    opacity: .7
}

.paginate span {
    background: #006ab4
}

.search_result {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #f0f0f0
}

.search_result h4 {
    margin-top: 10px;
    margin-bottom: 10px
}

.search_result span {
    margin-right: 20px;
    text-transform: capitalize
}

.search_result .button {
    margin-top: 0
}

.donations_stat p {
    margin: 35px 0 -20px
}

.donations_figure {
    font-weight: 900;
    font-size: 8rem
}

.toggle_header {
    border-bottom: 2px solid #111;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row
}

.toggle_header .toggle {
    display: block;
    float: left;
    width: 20%;
    padding: 25px 0;
    margin-bottom: -2px;
    font-weight: 600;
    text-transform: uppercase;
    color: #878787;
    border-bottom: 2px solid #ccc;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto
}

.toggle_header .toggle:hover {
    border-bottom-color: rgba(225, 54, 37, 1);
    color: #111
}

.toggle_header .toggle.active {
    border-bottom: 2px solid rgba(225, 54, 37, 1);
    color: #111
}

.toggle_row {
    padding: 30px 0;
    display: none
}

.toggle_row p:last-of-type {
    margin-bottom: 30px
}

.toggle_row.active {
    display: block
}

.sitemap .pagenav ul {
    margin-top: -20px
}

.sitemap .pagenav ul ul {
    margin: 0
}

.sitemap ul {
    padding: 0;
    margin: 0;
    text-indent: 0
}

.sitemap ul li a:hover {
    opacity: .5
}

.sitemap .pagenav {
    text-indent: -9999px
}

.sitemap .page_item_has_children {
    font-weight: 600
}

.sitemap .pagenav .children {
    margin: 10px 0 0 20px
}

.sitemap .children li a {
    font-weight: 300
}

#africa,
#asia,
#europe,
#north-america,
#oceania,
#south-america {
    fill: #3c3c3b;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

#africa:hover,
#asia:hover,
#europe:hover,
#north-america:hover,
#oceania:hover,
#south-america:hover {
    fill: #006ab4
}

.location {
    width: 33%;
    display: inline-block
}

.location h4 {
    margin-bottom: 10px
}

.location hr {
    width: 50%;
    margin-top: 10px;
    opacity: .3
}

@keyframes fadein {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes fadein {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}


#mainpage_title {font-weight: 300; margin-bottom: 40px; color: #fff;}
#headerbg {background-color: #006ab4; padding-top:42px; margin-top: -8px; margin-bottom: 20px;}

/* Subnav
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.subnav {border-left: 2px solid #888; padding-right:40px;}
.subnav li {display: block; margin-left: -2px;}
.subnav li a {display: block; padding: 10px 20px; border-left: 2px solid transparent; text-transform: uppercase; color: #111; font-weight: 700; font-size: 1.2rem;}
.subnav li a:hover {border-color:#A4235F;}
.subnav li.current_page_item a {border-color:#A4235F; color: #A4235F}
.subnav li.current_page_parent a {border-color:#A4235F; color: #A4235F}
.subnav li > .children {padding-left: 40px;}
.subnav li > .children .children {padding-left: 25px;}
.subnav li.current_page_parent .children a {color: #4F4F4F; margin-left: 0px;}
.subnav li.current_page_parent .children .current_page_item a {border-color:#A4235F; color: #A4235F; margin-left: 0px;}
.subnav .children {margin-bottom: 0;}
.subnav .children a {border:0 !important; padding-left:0; font-weight: 400; color: #5e5e5f; margin-left: 30px;}
.subnav li.current_page_item .children a {color: #5e5e5f;margin-left: 0px;}
.subnav .children li.current_page_item a {color: #5e5e5f;margin-left: 0px;}
.children { display: none;}
.wsp-pages-list .children {display: block;}

.current_page_item .children {display: block;}
.current_page_parent .children, .current_page_ancestor .children {display: block;}
.spacer32 {height: 32px;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Services Icon Blocks
-------------------------------------------------- */
#childpage_icons .single_item {position: relative; padding: 32px 10px; min-height: 275px; vertical-align: top; width: 30%; display: inline-block; margin: 10px; border: 3px solid #e6e6e6; border-radius: 25px; -webkit-transition: all 2s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;}
#childpage_icons .page_title {vertical-align: bottom; font-weight: bold; text-align: center; color: #006ab4; position: absolute;
    width: 90%;
    bottom: 32px;}
#childpage_icons .single_item:hover .page_title {color: #A4235F; -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;}
#childpage_icons .single_item:hover {border: 3px solid #A4235F;}
#childpage_icons .featured_image {margin: 0 auto; max-width: 100px; margin-bottom: 15px;}
#childpage_icons .svg path {fill: #006ab4; -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;}
#childpage_icons .single_item:hover .svg path {fill: #A4235F}



/* Downloads / URL Linkbuilder
______________________________________________ */
.linkbuilder_link a {width: 100%; height: 600px; position: absolute; left: 0;
    top: 0;}


/*** LINK BUTTONS ***/

.linkbuilder_link {overflow: hidden; display: inline-block; background:#f0f0f0; text-align: center; padding: 5px 15px 15px 15px; font-size: 1.3rem; width: 30%; vertical-align: top; margin-right: 2%; transition: all 0.3s; position: relative; margin-bottom: 32px;}

.linkbuilder_link {border-radius: 15px; overflow: hidden;}
.linkbuilder_link:hover {background: #006ab4;}
.linkbuilder_link:hover h4, .linkbuilder_link:hover p  {color: #fff;}
.linkbuilder_link h4 {margin-bottom: 1px;}
.linkbuilder_link .featured_image { width: 25%; height: auto; margin: 0 auto;}
.linkbuilder_link:hover .featured_image svg { fill: #ffffff;}
.linkbuilder_link .featured_image svg { fill: #a8a8a8;}


.service_infobox .contactbox, .service_infobox .consultants {
	padding: 3px 18px 8px 18px;
	position: relative;
	min-height: 180px;
}
.service_infobox .consultants {
	background: #f6f6f6;
}
.service_infobox .contactbox {
	background: #006ab4;
	color: #fff;
}
.service_infobox .contactbox a {color: #fff;}
.service_infobox .contactbox p {color: #fff;}

.news_block {border: 3px solid #006ab4;
    border-radius: 20px;
min-height: 235px;
}


.accordion_body {
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
}

.accordion_header {
  font-weight: bold;
    cursor: pointer;
}
.clear {float: none;}
.open {
  max-height: initial;
}

.acf-map {
	width: 100%;
	height: 400px;
  margin-bottom: 20px;
}

.acf-map img {
   max-width: inherit !important;
}

table {
  width: 100%;
}

thead {
  background-color: #006ab4;
}

.infobox {
  background-color: #e6e6e6;
  border-top: 5px solid #A4235F;
  padding: 10px;
  display: table;
  width: 100%;
  margin-top: 30px;
}

.infobox div {
  display: table-row;
}

div.ibtitle {
  display: table-cell;
  font-weight: bold;
  width: 30%;
  padding-bottom: 20px;
}

div.ibvalue {
  display: table-cell;
  width: 70%;
}

.introtext {
  width: 60%;
  margin: auto;
  text-align: center;
  margin-bottom: 20px;
  padding: 60px 0px;
}

.linkbuilder_link .featured_image.fi {
  width: 100%;
}

.linkbuilder_link .featured_image.fi img {
  height: 300px;
  width: auto;
}

.profile_pic img {
  width: 100%;
  height: auto;
}

.alignleft {
	margin-right:20px;
	float: left;
}

.alignright {
	margin-left:20px;
	float: right;
}
#quicklinks {list-style: none;}
#quicklinks a {color: #4b4b4b; margin-bottom: 10px;}
#quicklinks li {margin-bottom: 10px;}
#quicklinks a:hover {color: #A4235F;}


.teamitem {
	    overflow: hidden;
    display: inline-block;
    background: #f0f0f0;
    text-align: center;
    padding: 5px 15px 15px 15px;
    font-size: 1.3rem;
    width: 30%;
    vertical-align: top;
    margin-right: 2%;
    transition: all 0.3s;
    position: relative;
    margin-bottom: 32px;
	border-radius: 10px 0 0 0 ;
}


.teamitem:hover {
	   
    background: #e6e6e6;
    
}

.teamitem .newsinfo {min-height: 102px;}
.teamitem .featured_image {width:90%; margin: 0 auto;}
.teamitem .featured_image img {width:100%; margin: 0 auto; border-radius: 10px 0 0 0 ;}

.wpcf7-form {margin: 25px 0;}
.wpcf7-form .input {margin-bottom: 10px; border-radius: 5px;}

.wpcf7-form .users-cv {border: 1px solid #ccc; display: block; border-radius: 5px; padding: 15px; background: #f9f9f9}
.wpcf7-form .wpcf7-submit {display: inline-block; border-radius: 100px; text-align: center; padding:15px 45px; font-size: 1.3rem; text-transform: uppercase; font-weight: 600; cursor: pointer; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; margin: 0 0 15px 0; background: #f04d9e; color: #fff; border:2px solid transparent}

.wpcf7-not-valid {border-color:#E73E41 !important;}
span.wpcf7-not-valid-tip {margin: 10px 20px;font-size: 1.2rem;}
div.wpcf7-validation-errors {margin: 0; padding: 15px; color: #fff; background: #E73E41; border:0 !important; font-weight: bold; border-radius: 5px;}
div.wpcf7-mail-sent-ok {margin: 0; padding: 15px; color: #fff; background: #E73E41; border:0 !important; font-weight: bold; border-radius: 5px;}

.input {display: block; width:100%; padding: 15px 20px; border-radius: 50px; border:1px solid #ccc; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
.input:focus, textarea:focus {border-color:#f04d9e; outline: 0;}
.input.select {padding: 16px 20px 17px 20px;}
.textarea, textarea {padding: 15px 20px; width:100%; border:1px solid #ccc; -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; border-radius: 10px; height:150px;}
#contact_form label {margin:1.5rem 0 0 0; font-weight: 400; position:relative; display: inline-block}
.input_container {position: relative;}
.label_container {position: static;}
.label_container label {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0; text-align: left; max-width:200px; left: 0; font-weight: 400; color: #111;}
.label_container.wide label {max-width: none}
.label_container.full label {position: relative; transform: none; -ms-transform:none; -webkit-transform:none; top: auto; margin: 0 0 25px 0; max-width:none;}
#contact_form button.button {display: block; border: 0; margin:5px 0 0 0; width:100%; padding: 17px 0;}
.error_msg {position: absolute; font-size: 1.1rem; z-index: 15; bottom:4px; left: 10px; color: #e13625; font-style: italic;}
input.error, textarea.error {margin-bottom: 25px;}
/*.thankyou {background: #f0f0f0; padding: 60px 40px;}*/
.thankyou p {margin: 0;}
#contact_form .form-acceptance {display: inline-block; position: relative; width: 100%;}
#contact_form input {    position: relative;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 15px 10px 13px;
    display: block;
    width: 100%;
    z-index: 5;
    transition: all .3s ease-in-out;
}
#contact_form input[type="checkbox"] {
    width: 13px !important ;
    -webkit-appearance: checkbox !important;
	display: inline-block;
}

#contact_form label {
    width: 80%;
 
	display: inline-block;
}
#contact_form .ajax-loader {position: absolute;
    bottom: 50px;
    left: 66%;}
#contact_form .wpcf7-acceptance {width: 100%;}
#contact_form .wpcf7-list-item {width: 100%; margin: none;}
#contact_form {border: 1px solid #e6e6e6; border-radius: 15px; padding: 20px 15px 0px 15px;}

#translate-popup {      position: fixed;
    width: 100%;
    /* margin: 183px 44%; */
    top: 0;
	
    padding: 30px;
    border: 5px solid #006ab4;
    background: #fff;
    height: 100vh;
z-index: 22;}

#translate-popup .inner {
	background: #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 80px;
    margin: auto;
    width: 153px;
}
#translate-popup .exit_icon {
	width: 30px;
	position:absolute;
	top:50px; right: 50px;
	cursor: pointer;
}
#translate-toggle {
	position: fixed;
	bottom: 0px;
	left: 20px;
	background: #006ab4;
	padding: 8px 12px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	border-radius: 10px 10px 0px 0px
}
#translate-toggle p {color: #fff;
margin-bottom: 1px;}
.active {
	display: block;
}
.hidden {
	display:none;
}


#search-popup {      position: fixed;
    width: 100%;
    /* margin: 183px 44%; */
    top: 0;
	
    padding: 30px;
    border: 5px solid #006ab4;
    background: #fff;
    height: 100vh;z-index: 22; }

#search-popup .inner {
	background: #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 80px;
    margin: auto;
    width: 350px;

}
#search-popup .exit_icon {
	width: 30px;
	position:absolute;
	top:50px; right: 50px;
	cursor: pointer;
z-index: 23;
}
#search-toggle {
	position: fixed;
	right: 10px;
	bottom: 10px;
	background: #A4235F;
	border-radius: 25px;
	    width: 50px;
    height: 50px;
	cursor: pointer;
}

.magimg {
	width: 30px; fill: #fff; margin-left: 10px;
}

.getting_here {display: block; padding: 15px; border: 1px solid #e6e6e6;}
.getting_here p {display: block; padding: 15px;}
.getting_here p:nth-of-type(odd) {background: #e6e6e6;}
.getting_here p:nth-of-type(even) {background: #f6f6f6;}

.publication_selector {margin: 15px 0 0 0; padding: 15px !important; background: #e6e6e6;}
#search-toggle {
	display: none;
}





/* #Media Queries
================================================== */




/* 0px to 1180px */
@media only screen and (max-width: 1180px) {
    #menu-main-menu li a {
    padding: 10px 10px 10px 10px;
    font-size: 15px;
}



/* 768px to 991px */
@media all and (min-width: 768px) and (max-width: 991px) {
    #headerbanner {display: none;}
    .navigation {padding-bottom: 0px;padding-top: 0px;}
    .logo_wrapper {width: 35%}
    #childpage_icons .single_item { width: 43%; }
    .slider-inner {width: 100%;}
    .big {font-size: 2rem;}
    .nav-wrap {padding-bottom: 0px;padding-top: 0px;}
}



/* 320px to 767px */
@media only screen and (min-width: 320px) and (max-width: 767px) {
    .nbhidemobile {display: none;}
    .reciteme {text-align: center;
    margin-top: 11px;}
    #headerbanner {display: none;}
    .logo_wrapper {width: 50%;}
    #childpage_icons .single_item { width: 43%; }
    .slider-inner a { width: 100%;  }
    .slider-inner {width: 100%;}
    .big {font-size: 2rem;}
    #search-toggle {display: block;}
    .navigation {padding-bottom: 0px;padding-top: 0px;}
    .nav-wrap {padding-bottom: 0px;padding-top: 0px;}
}



/* 0px to 1024px */
@media only screen and (max-width: 1024px) {
    #menu-main-menu { display: block; height: 0; transition: all 1s ease-in-out; }
    #menu-main-menu li { display: none; }
    #menu-main-menu.active-menu { height: auto !important; transition: all 1s ease-in-out; }
    #menu-main-menu.active-menu li { display: block; }
    .navigation {padding-bottom: 0px;padding-top: 0px;}
    .nav-wrap {padding-bottom: 0px;padding-top: 0px;}

}



/* 0px to 1290px */
@media only screen and (max-width: 1290px) {
    .slideritem.image .block_text {width:80%; left:10%;}
}



/* 0px to 1024px */
@media only screen and (max-width: 1024px) {
    header {z-index: 999999;}
    header nav {position: fixed; width:100%; height:100%; top: 0; left: 0; background: #262141; z-index: -10; opacity: 0; pointer-events: none; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
    header.active nav {z-index: 500; opacity: 1; pointer-events: all;}
    header.lighttext ul li a, header.darktext ul li a {color: #fff; border: none !important;}
    header nav ul {position: absolute; left: 0; width: 100%; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
    header nav ul li {display: block; max-height:50px; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
    header nav li.nav-open {max-height: 500px;}
    header ul li ul.sub-menu {-webkit-transform: scale(1,0) !important;-ms-transform: scale(1,0) !important;transform: scale(1,0) !important; z-index: -10;}
    header ul.sub-menu {position: relative; width:100%; background: rgba(255,255,255,1) !important;}
    header ul.sub-menu li a {color:rgba(38,33,65,1) !important;}
    header ul.sub-menu.open {-webkit-transform: scale(1,1) !important;-ms-transform: scale(1,1) !important;transform: scale(1,1) !important; z-index: 100;}
    header ul li.menu-item-has-children span {cursor: pointer; height: 44px; width:44px; position: absolute; display: block; right:20px; top: 0; margin: 0 0 0 0; -webkit-transform-origin:center; -ms-transform-origin:center; transform-origin:center; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 1;}
    header ul li.menu-item-has-children span:hover {opacity: 0.5;}
    header ul li.menu-item-has-children span:before, header ul li span:after {background: #ccc;content: ''; height: 2px;left: 15px; position: absolute; top: 22px; width: 12px; -webkit-transition: -webkit-transform 500ms ease; transition: -webkit-transform 500ms ease; -o-transition: transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease, -webkit-transform 500ms ease; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; }
    header ul li.menu-item-has-children span:after {-webkit-transform-origin: center;-ms-transform-origin: center;transform-origin: center;}
    header ul li.menu-item-has-children span:after {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
    header ul li.menu-item-has-children span:before {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
    header ul li.menu-item-has-children span.active {-ms-transform: rotate(-45deg);transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);}
    header ul li span, header ul li.menu-item-has-children ul li span {display: none;}
    header.lighttext ul li a {border:0 !important;}
    header ul.sub-menu li a {border: 0 !important;}
    header nav .search_icon {position: absolute; bottom: 40px; margin: 0; width:100%; left: 0;}

    header .site_logo {margin-left: 5px; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
    header.active .site_logo {opacity: 0;}
    #nav_icon {width: 60px; height: 60px; top: 32px; right: 0; position: absolute; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); cursor: pointer; z-index: 505;}
    #nav_icon.active {background: none;}
    .nav_inner {position: absolute; left: 50%; top:50%; margin: -11px 0 0 -15px; width: 30px; height:22px;}
    #nav_icon span {display: block; position: absolute; height:2px; margin-bottom: 4px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .35s ease-in-out; -o-transition: .35s ease-in-out; transition: .35s ease-in-out; background-color: #000000;}
    header.lighttext #nav_icon span {background:#fff;}
    header.darktext #nav_icon span {background:#262141;}
    #nav_icon span.active { background:#000 !important;}
    #nav_icon span:nth-child(1) {top: 0px; width: 15px;}
    #nav_icon span:nth-child(2) {top: 10px; width: 25px;}
    #nav_icon span:nth-child(3) {top: 20px; width: 10px;}
    #nav_icon:hover span:nth-child(1) {top: 0px; width: 30px;}
    #nav_icon:hover span:nth-child(2) {top: 10px; width: 15px;}
    #nav_icon:hover span:nth-child(3) {top: 20px; width: 20px;}
    #nav_icon.open span:nth-child(1) {top: 11px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); width: 25px;}
    #nav_icon.open span:nth-child(2) {opacity: 0; left: -30px;}
    #nav_icon.open span:nth-child(3) {top: 11px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); width: 25px;}
    .search-form input[type="search"] {font-size: 2rem;}
    .search-form button {top: 3px;}
    .vacancy_block .col_3_12 {padding-left: 0; border-left: 0;}

    #hero.image {background-attachment: scroll !important;}
    .slideritem.image .block_text {width:80%; left:10%;}
}



/* 769px to 1049px */
@media (min-width: 769px) and (max-width: 1049px) {
    .col_8_12 .col_6_12 .block_image, .col_8_12 .col_6_12 .block_video {padding-bottom: 190%;}
    .page-template-contact-template .col { margin: 1% 0 1% 0%; float: none; clear: both; width:100% !important; }
    .blank {display: none !important;}
    .error_msg {bottom:-23px;}
    .contact_icon {float: none; margin: 15px 0 5px 0; display: inline-block}
    .contact_info .col {text-align: center !important}
    .accordion .col:nth-of-type(odd) {padding-right:0;}
    .accordion .col:nth-of-type(even) {padding-left: 0;}
    footer .footer_bottom {text-align: center;}
    .footer_bottom .footer_logo {max-width:180px; display: inline-block; margin-bottom: 20px;}
    .social_links ul {text-align: center;}
    .social_links ul li {display: inline-block;}
    header nav ul li a {margin: 0 12px;}
    .slideritem.image .block_text {width:80%; left:10%;}
    #maintopbar .search-form label {width: 73%;}
    #maintopbar .search-form .search-submit {width: 26%;} 
}



/* 0px to 768px */
@media only screen and (max-width: 768px) {
    body {border: 0;}
    #hero.image {margin-bottom: 30px; height:70vh;}
    #hero.image .block_text {width:100%;}
    .stat {padding: 30px;}
    .col_8_12 .col_6_12 .block_image, .col_8_12 .col_6_12 .block_video {width:120%;}
    .element .block_image, .element .block_video {top: 27px; right:auto; left: -25px; position: relative;}
    footer .twitter_icon {display: inline-block; margin: 20px 0 -20px 0;}
    .twitter_feed {text-align: center;}
    #menu-main-menu-1 {text-align: center;}
    footer ul li {display: block;}
    footer .footer_bottom {text-align: center;}
    .footer_bottom .footer_logo {max-width:180px; display: inline-block; margin-bottom: 20px;}
    .social_links ul {text-align: center;}
    .social_links ul li {display: inline-block;}

    .element_inner .block_content {padding-right: 0;}
    .timeline .row:nth-of-type(odd) .col, .timeline .row:nth-of-type(even) .col {float: none; text-align: center; margin-bottom: 60px;}
    .timeline_thumb {margin: 0 auto;}
    .timeline_date {margin: -60px 0 -25px 0;}
    .timeline_desc {background: none;}
    .timeline .container {width:90%;}
    .timeline .row {margin-bottom: 40px;}
    .timeline .tagline {position: absolute; left: 0; width:100%; text-align: center; top: -40px;}
    .timeline .row:nth-of-type(odd) .tagline, .timeline .row:nth-of-type(even) .tagline {position: absolute; top: -20px; padding: 10px; background: #f52540; color: #ffffff; -webkit-transform:none;-ms-transform:none;transform:none;}
    .timeline .tagline:before {display: none;}
    .timeline_line {display: none;}
    .timeline .story_bgimage {margin: 0;}

    .team_filter {width:100%;}
    .team_filter a.button:not([href]):not([tabindex]) {margin: 10px 0;}
    .team_block {max-width:300px; margin: 0 auto !important; }
    .team_info {margin-top: 0;}
    .team_info .teamimage {margin: 0 0 40px 0; max-width: 300px;}

    #hero.image {background-attachment: scroll;}
    #hero.image .logo_title {width:75%;}

    .cta_banner.header_banner {margin: -30px 0 30px 0;}
    .page-template-contact-template .cta_banner.header_banner {margin: -60px 0 60px 0;}
    .donations_stat {text-align: left;}
    .donations_figure {font-size: 6rem;}
    .video_popup.active {background:rgba(0,0,0,0.9); }
    .video_inner {width:100%}
    .toggle_header {display: block;}
    .toggle_header .toggle {width:100%;}
    .error_msg {bottom:-23px;}
    .contact_icon {float: none; margin: 15px 0 5px 0; display: inline-block}
    .contact_info .col {text-align: center !important}
    .accordion .col:nth-of-type(odd) {padding-right:0;}
    .accordion .col:nth-of-type(even) {padding-left: 0;}
    .accordion .accordion_header {height:auto; padding: 15px 0;}
    .accordion_header .valign {position: relative; top: auto; -webkit-transform:none; -ms-transform:none; transform:none;}
    #subpages {border:0; border-top:3px solid #f96106; border-bottom:3px solid #f96106; padding: 0; text-align: center; margin-top: 40px;}

    section.table {width:100%; overflow-x:scroll;}
    section.table table {width:800px;}

    .gallery_img {width:44%; padding-bottom:35%;}

    .col { margin: 1% 0 1% 0%; float: none; clear: both }
    .col_1_12, .col_2_12, .col_3_12, .col_4_12, .col_5_12, .col_6_12, .col_7_12, .col_8_12, .col_9_12, .col_10_12, .col_11_12, .col_12_12 {width: 100%;}
    .blank {display: none !important;}
    .companies .company_block {padding-bottom: 38%;}
    .slideritem.image h1 {font-size: 3rem;}
    .slideritem.image .block_text {width:80%; left:10%;}
}



/* 0px to 450px */
@media only screen and (max-width: 450px) {
    #hero.image {height:100vh}
    #hero.image .hero_text {top: 44%;}
    #hero.image h1 {font-size: 2.7rem;}
    .quick_links {text-align: center;}
    .quick_links .dropdown, .quick_links .message, .quick_links .select_dd {width:100%;}
}



/* 0px to 325px */
@media only screen and (max-width: 325px) {
    .slideritem.image h1 {font-size: 2.2rem;}
}



/* 600px to 768px */
@media only screen and (min-width: 600px) and (max-width:768px) {
    .company_block {width:32.3%; margin-right:1%; float: left; clear: none;}
    .home .stat {width:50% !important; float: left; clear: none;}
    .stat {width:33% !important; float:left !important; clear: none !important;}
    .companies .company_block {padding-bottom: 18%}
}



/* Height for mobile */
@media all and (width: 320px) and (height:568px) {
    #hero.image {height:500px;}
    #hero.noimage {height:350px; min-height:0;}
}
@media all and (width: 768px) and (height:1024px) {
    #hero.image {height:950px;}
    #hero.noimage {height:800px; min-height:0; }
}
@media all and (width: 1024px) and (height:768px) {
    #hero.image {height:700px;}
    #hero.noimage {height: 550px; min-height: 0;}
}


/* End. */