o /*
Theme Name: Skillnet
Theme URI: https://wordpress.org/themes/
Author: Skillnet
Author URI: https://wordpress.org/
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/* ============================================================================================================================
== GENERAL DESKTOP STYLES
** ============================================================================================================================ */
html {
scroll-behavior: smooth;
}
html, body {
overflow-x: hidden;
}
body {
font-family: 'droid_sans_regular', Helvetica, Arial, sans-serif;
padding-top: 0;
font-size: 16px;
line-height: 24px;
color: #00293a;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.show-for-mobile-only{display: none;}
.show-for-tablet-991-and-smaller{display: none;}
.hide-for-tablet-991-and-smaller{display: block;}
img {
max-width: 100%;
}
p{
color: #00293a;
margin-bottom: 15px;
}
a{
transition: 0.2s all ease-in-out;
}
a:hover,a:focus,a:active{
color: #00293a;
text-decoration: none;
transition: 0.2s all ease-in-out;
}
/* sitemap plugin container */
.wsp-container a{
text-decoration: underline;
font-size: 14px;
color: #777777;
}
.inner-page-content a{
text-decoration: underline;
}
.inner-page-content p strong,
.inner-page-content p b{
font-weight: normal;
font-family: 'droid_sans_bold', Arial, sans-serif;
}
.inner-page-content h1 > strong,
.inner-page-content h1 > b,
.inner-page-content h2 > strong,
.inner-page-content h2 > b,
.inner-page-content h3 > strong,
.inner-page-content h3 > b,
.inner-page-content h4 > strong,
.inner-page-content h4 > b,
.inner-page-content h5 > strong,
.inner-page-content h5 > b,
.inner-page-content h6 > strong,
.inner-page-content h6 > b{
font-weight: 500;
font-family: 'unineue_regular', Arial, sans-serif;
color: #00293a;
}
h1{
font-size: 30px;
}
h2{
font-size: 20px;
}
h3{
font-size: 16px;
}
div{vertical-align: top;}
.center{text-align: center;}
hr{
font-size: 0;
border: 0;
}
.divider{
height: 6px;
color: #73bd21;
background: #73bd21;
}
.divider2{
background: #b9de90;
color: #b9de90;
height:2px;
}
.divider3{
height: 2px;
color: #73bd21;
background: #73bd21;
}
.divider4{
height: 1px;
color: #772808a;
background: #72808a;
}
.hero{
background-color: #ffffff;
color: #ffffff;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 670px;
padding-top: 100px;
background-position: center top;
overflow: hidden;
width:100%;
}
.dotted-border{
/*border: 2px dotted #a2c6d5;*/
padding: 5px;
display: inline-block;
border-radius: 50%;
transition: all 5s ease-in-out;
}
.circle{
border-radius: 50%;
text-align: center;
vertical-align: middle;
padding: 10px;
display: inline-block;
overflow: hidden;
position: relative;
}
.dotted-border .circle{
overflow: visible;
}
.dotted-border .circle:before {
position: absolute;
content: '';
height: calc(100% + 10px);
width: calc(100% + 10px);
border: 2px dotted #a2c6d5;
top: -5px;
left: -5px;
border-radius: inherit;
-webkit-animation-name: Rotate;
-webkit-animation-duration: 6s;
-webkit-animation-iteration-count: .5;
-webkit-animation-timing-function: linear;
-moz-animation-name: Rotate;
-moz-animation-duration: 6s;
-moz-animation-iteration-count: .5;
-moz-animation-timing-function: linear;
-ms-animation-name: Rotate;
-ms-animation-duration: 6s;
-ms-animation-iteration-count: .5;
-ms-animation-timing-function: linear;
}
@-webkit-keyframes Rotate {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes Rotate {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}
@-ms-keyframes Rotate {
from {
-ms-transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
}
}
.inner-page-content iframe{max-width:100%;}
/* =============================================================================== */
/* TESTIMONIALS ANIMATIONS */
/* ------------------------------------------------------------------------------- */
#testimonials-with-animation .circle-left {
left: 1020px;
}
#testimonials-with-animation .circle-middle {
left: 1580px;
}
#testimonials-with-animation .circle-right {
right: -1000px;
}
.circle-slide-left-1{
-webkit-animation: slide-left 0.7s ease-out 10ms both;
animation: slide-left 0.7s ease-out 10ms both;
}
.circle-slide-left-2{
-webkit-animation: slide-left 0.5s ease-out 200ms both;
animation: slide-left 0.5s ease-out 200ms both;
}
.circle-slide-left-3{
-webkit-animation: slide-left 0.9s ease-out 100ms both;
animation: slide-left 0.8s ease-out 100ms both;
}
.fade-in {
-webkit-animation: fade-in 1s ease-in-out 800ms both;
animation: fade-in 1s ease-in-out 800ms both;
}
.fade-in-medium {
-webkit-animation: fade-in 1.5s ease-in-out 1200ms both;
animation: fade-in 1.5s ease-in-out 1200ms both;
}
.fade-in-slow {
-webkit-animation: fade-in 2s ease-in-out 1500ms both;
animation: fade-in 2s ease-in-out 1500ms both;
}
@-webkit-keyframes slide-left {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 0;
}
100% {
-webkit-transform: translateX(-1000px);
transform: translateX(-1000px);
opacity: 1;
}
}
@keyframes slide-left {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 0;
}
100% {
-webkit-transform: translateX(-1000px);
transform: translateX(-1000px);
opacity: 1;
}
}
/**
* ----------------------------------------
* animation fade-in
* ----------------------------------------
*/
@-webkit-keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade-in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.circle-green {
background: #73bd21;
}
.circle-green.speech-bubble{
line-height: 70px;
width: 70px;
height: 70px;
}
.circle-green-transparent{
background: rgba(115, 189, 33, .75);
}
.circle-blue {
background: rgba(31, 155,222, 0.75);
}
.circle-m-blue {
background: rgba(108, 177, 202, 0.78);
}
.circle-darkblue-transparent{
background: rgba(6, 41, 59, 0.75);
}
.circle-lightgrey{
background-color: #dcd8d6;
}
.circle-grey-blue {
background: #a2c6d5;
}
.circle-image {
padding: 0;
}
.circle-image img{
height:100%;
width: auto;
max-width: none;
}
.circle-90{width: 90px;height:90px;}
.circle-110{width: 110px;height:110px;}
.circle-150{width: 150px;height:150px;}
.circle-160{width: 160px;height:160px;}
.circle-170{width: 170px;height: 170px;}
.circle-175{width: 175px;height: 175px;}
.circle-200{width: 200px;height:200px;}
.circle-250{width: 250px;height:250px;}
.circle-290{width: 290px;height:290px;}
.circle-310{width: 310px;height: 310px;}
.circle-360{width: 360px;height: 360px;}
.circle-380{width: 380px;height:380px;}
.circle-400{width: 400px;height:400px;}
.circle-430{width: 430px;height:430px;}
.circle-460{width: 460px;height:460px;}
.circle-520{width: 520px;height: 520px;}
.circle-540{width: 540px;height: 540px;}
.circle-560{width: 560px;height: 560px;}
.vtop{
vertical-align: top;
}
.rel-container{
position: relative;
}
.full-width-banner{
height:575px;
}
.banner-overlay {
background: rgba(102,112,118,.50);
overflow: hidden;
height: 100%;
z-index: 2;
padding-top: 110px;
}
.btn-large{
background-color: #73bd21;
padding: 20px 60px;
height: 70px;
border-radius: 35px;
color: #ffffff;
font-size: 21px;
line-height: 1.3em;
display: inline-block;
text-decoration: none;
}
.btn-large:hover,
.btn-large:focus,
.btn-large:active{
background-color: #67a91e;
color: #ffffff;
}
.btn-medium{
background-color: #73bd21;
padding: 0px 60px;
height: 34px;
border-radius: 18px;
color: #ffffff;
font-size: 18px;
line-height: 34px;
display: inline-block;
text-decoration: none;
}
.btn-medium:hover,
.btn-medium:focus,
.btn-medium:active{
background-color: #67a91e;
color: #ffffff;
}
.btn-small{
background-color: #73bd21;
padding: 0px 20px;
height: 30px;
border-radius: 15px;
color: #ffffff;
font-size: 16px;
line-height: 30px;
display: inline-block;
text-decoration: none;
}
.btn-small:hover,
.btn-small:focus,
.btn-small:active{
background-color: #67a91e;
color: #ffffff;
}
.btn-grey{
background-color: #7a868c;
text-decoration: none;
}
.page-content a.btn-grey,
.page-content a.btn-large,
.page-content a.btn-medium,
.page-content a.btn-small {
text-decoration: none;
}
.diagonal-lines {
background: url('data:image/svg+xml;utf8,');
background-repeat:no-repeat;
background-repeat: repeat-x;
background-position:center center;
height:20px;
width: 100%;
}
.diagonal-lines-footer {
background: url('data:image/svg+xml;utf8,');
height:21px;
width: 100%;
margin-top: 40px;
}
.diagonal-lines-grey {
background: url('data:image/svg+xml;utf8,');
}
.diagonal-lines-light-grey {
background: url('data:image/svg+xml;utf8,');
background-repeat: repeat-x;
}
.no-margin-bottom{margin-bottom: 0 !important;}
.no-margin-top{margin-top: 0 !important;}
.no-padding-top{padding-top:0 !important;}
.no-padding-bottom{padding-bottom:0 !important;}
.margin-bottom-50{margin-bottom: 50px;}
.margin-bottom-40{margin-bottom: 40px !important;}
.margin-bottom-30{margin-bottom: 30px;}
.margin-top-50{margin-top:50px;}
.margin-top-30{margin-top:30px;}
.margin-top-40{margin-top:40px;}
.margin-top-70{margin-top:70px;}
.padding-top-20{padding-top:20px;}
.padding-top-50{padding-top:50px;}
.padding-50{padding:50px;}
#map {
width: 100%;
height: 380px;
}
.show-on-mobile{display: none;}
.show-on-tablet-and-smaller{display: none;}
.toggle-show{display: none;}
.man-dev-logo{width:100%;max-width: 700px;}
/* --------------------------------------------------
* Cookie banner
---------------------------------------------------- */
.cookie-content {
display: none!important;
}
/* ==================================================
* Stay Informed POP UP Modal for newsletter
---------------------------------------------------- */
.popup-modal-mc {
/*top: 60px;*/
/*right: 12%;
right:18px;
*/
background: transparent;
z-index: 99999999;
height: 72px;
/*position: absolute;*/
text-align: center;
position: relative;
opacity: 0;
visibility: hidden;
-moz-opacity: 0;
transition: all .4s ease-in-out;
top: 58px;
position: fixed;
left: 0;
right: 0;
}
.popup-modal-mc-inner {
z-index: 99999999;
height: 70px;
text-align: center;
background-color: #ffffff;
padding: 8px 10px 20px 40px;
width:600px;
border:1px solid #dedede;
float:right;
}
body.cookie .popup-modal-mc {
top:110px;
}
.popup-modal-mc.visible {
visibility: visible;
opacity: 1;
}
.popup-modal-mc .close {
float: right;
font-size: 15px;
font-weight: normal;
color: #373d3f;
text-shadow: none;
opacity: 1;
filter: none;
font-weight: bold;
}
.popup-modal-mc #mc_embed_signup label {
font-size: 13px;
color: #00293a;
font-weight: normal;
margin-right: 10px;
}
.popup-modal-mc #mc-embedded-subscribe {
background-color: #73bd21;
padding: 0px 17px;
height: 24px;
border-radius: 12px;
color: #ffffff;
font-size: 13px;
border: none;
display: inline-block;
}
.popup-modal-mc #mc_embed_signup {
margin-top: 0px;
text-align: left;
}
.popup-modal-mc #mce-EMAIL {
background-color: transparent;
border: none;
border-bottom: 2px solid #afbabf;
width: 350px;
padding: 5px 0px 5px 10px;
margin: 0 10px 6px 0px;
font-size: 13px;
display: inline-block;
vertical-align: text-bottom;
}
/* ============================================================================================================================
== Header + Navigation
** ============================================================================================================================ */
header.sn-header{
padding: 20px 0px 0px 0px;
height: 130px;
position: absolute;
z-index: 999;
top:0;
left:0;
right:0;
background-color: #ffffff;
font-size: 14px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.no-transparent header{
position: relative;
background: rgba(255,255,255,1.0);
}
.header-container{position:relative;}
.header-container:after {
content: "";
display: table;
clear: both;
}
/* ------------------------------------------ */
/* Mobile menu + jquery mmenu slideout plugin */
/*#menu{display: none;}*/
.menubutton,
.menubutton span {
display: none;
}
.mm-panel {
padding: 0 0px;
}
.mm-slideout { z-index:auto;}
.mm-menu {
background: #02293a;
border-color: rgba(255,255,255,1);
color: rgba(255,255,255,1);
display: none;
}
.mm-listitem {
padding: 8px 15px;
}
.mm-menu .mm-navbar a, .mm-menu .mm-navbar > * {
color: rgba(255,255,255,1);
}
.mm-panel_has-navbar .mm-navbar {
display: block;
text-align: left;
padding-left: 50px;
background-color: #73bd21;
}
.mm-listitem .mm-btn_next {
right: 20px;
}
.mm-panels > .mm-panel > .mm-navbar + .mm-listview {
margin-top: 20px;
}
.mm-menu .mm-listview .mm-btn_next:after {
border-color: rgba(255,255,255,1);
}
.mm-menu .mm-btn:after, .mm-menu .mm-btn:before {
border-color: rgba(255,255,255,1);
}
.mm-menu .mm-listview a:not(.mm-btn_next) {
-webkit-tap-highlight-color: #73bd21;
tap-highlight-color: #73bd21;
}
.mm-listitem>a, .mm-listitem>span {
white-space: nowrap;
white-space: normal;
}
.navbar {
margin-bottom: 0;
}
.navbar-default {
border: 0;
background-color: #ffffff;
}
.navbar-nav {
float: right;
}
header.sn-header .navbar-brand {
background: transparent;
display: inline-block;
height:auto;
float:none;
padding: 0;
padding-bottom:18px;
/*
position: absolute;
bottom:20px;
left:0px;
*/
position: relative;
z-index: 999;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
header.sn-header .navbar-brand img{
/* width:80%; */
width: 172px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
header.sn-header.shrink{
padding: 10px 0px 0px 0px;
height: 90px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
box-shadow: 0 5px 10px 0 rgb(138 155 165 / 15%);
position: fixed;
width:100%;
}
header.sn-header.shrink .navbar-brand{
margin-top: 10px;
}
header.sn-header.shrink .navbar-brand img {
width:120px;
}
header.sn-header.shrink .main-nav {
margin-top: -17px;
}
@media (min-width: 1200px) {
.nav_wrapper{
display: none;
}
}
.burger-menu-icon{
border: none;
background-color: #ffffff;
display: inline-block;
padding-top: 20px;
line-height: 100px;
}
.burger-menu-icon .icon-bar {
background-color: #ff9565;
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
margin-bottom: 3px;
}
.navbar-nav.secondary-nav > li > a {
font-size: 11px;
line-height: 20px;
padding-top: 7px;
padding-bottom: 5px;
}
.navbar-nav.secondary-nav > li > a:hover{
color: #73bd21;
}
.navbar-nav.secondary-nav>li>a:hover{
background-color: transparent;
}
/* -------------
NAVIGATION MENU
.main-nav{
margin-top: -19px;
float:right;
width: 100%;
position: relative;
}
.main-nav .navbar-nav > li {
border-right: 1px solid #ebebec;
}
.main-nav .navbar-nav > li:hover,
.main-nav .navbar-nav > li.current{
background-color: #06293b;
}
.main-nav .navbar-nav > li:hover > a,
.main-nav .navbar-nav > li.current > a{
color: #ffffff;
}
.main-nav .navbar-nav > li > a {
padding: 12px 32px 8px 32px;
font-size: 14px;
line-height: 20px;
}
.nav>li>a:hover, .nav>li>a:focus {
text-decoration: none;
background-color: transparent;
}
.main-nav ul.navbar-nav > li {
position: static;
}
.navbar-nav>li {
float: left;
}
.main-nav ul.navbar-nav > li > div{
padding: 18px;
position: absolute;
top: 55px;
left: 0px;
right: 0;
z-index: 99999;
vertical-align: top;
min-height: 300px;
opacity: 0;
visibility: hidden;
padding: 50px 20px 30px 40px;
background-color: #06293b;
background: rgba(6,41,59, 0.94);
}
.main-nav ul.navbar-nav > li:hover > div {
visibility: visible;
opacity: 1;
top:38px;
-webkit-transition: visibility 0.3s, opacity 0.3s linear, top 0.2s ease-in-out;
-moz-transition: visibility 0.3s, opacity 0.3s linear, top 0.2s ease-in-out;
-ms-transition: visibility 0.3s, opacity 0.3s linear, top 0.2s ease-in-out;
-o-transition: visibility 0.3s, opacity 0.3s linear, top 0.2s ease-in-out;
transition: visibility 0.3s, opacity 0.3s linear, top 0.2s ease-in-out;
}
.main-nav .navbar-collapse {
white-space: normal;
}
.main-nav ul.navbar-nav ul.sub-menu{vertical-align: top;}
.main-nav ul.navbar-nav ul.sub-menu li {
display: block;
display: inline-block;
float:left;
float:none;
list-style: none;
vertical-align: top;
margin-right: 35px;
margin-bottom: 30px;
width: 125px;
}
.main-nav ul.navbar-nav ul.sub-menu li.two-col,
.main-nav ul.navbar-nav ul.sub-menu li.two-col li{
width: 200px;
}
.main-nav ul.navbar-nav ul.sub-menu li.three-col,
.main-nav ul.navbar-nav ul.sub-menu li.three-col li{
width: 300px;
}
.main-nav ul.navbar-nav ul.sub-menu li.four-col,
.main-nav ul.navbar-nav ul.sub-menu li.four-col li{
width: 400px;
}
.main-nav ul.navbar-nav ul.sub-menu li.main-title {
display: block;
display: inline-block;
float:left;
float:none;
list-style: none;
vertical-align: top;
margin-right: 45px;
margin-bottom: 30px;
width: 140px;
}
.main-nav ul.navbar-nav ul li a{color: #ffffff;}
.main-nav ul.navbar-nav ul.sub-menu li:last-child{
margin-right: 0;
}
.main-nav ul.navbar-nav ul.sub-menu > li > a{
padding-bottom: 12px;
display: block;
width: 130px;
word-wrap:break-word;
font-size: 14px;
color: #75bd23;
border-bottom: 2px solid #44885e;
margin-bottom: 10px;
}
.main-nav ul.navbar-nav ul.sub-menu > li.two-col > a{
width: 100%;
}
.main-nav ul.navbar-nav ul.sub-menu.simple-sub-menu{
text-align: center;
}
.main-nav ul.navbar-nav ul.sub-menu.simple-sub-menu li {
float:left;
width: auto;
margin-right: 40px;
float:none;
}
.main-nav ul.navbar-nav ul.sub-menu.simple-sub-menu > li > a{
padding-bottom: 12px;
display: block;
width: auto;
word-wrap:break-word;
font-size: 14px;
color: #75bd23;
border-bottom: none;
margin-bottom: 10px;
}
.main-nav ul.navbar-nav ul.sub-menu > li > a.play-video{
display: inline-block;
width: auto;
border-bottom: none;
padding-bottom: 0;
color: #ffffff;
width: 42%;
}
.main-nav ul.navbar-nav ul.sub-menu > li > ul > li > a{
font-weight: normal;
}
.main-nav ul.navbar-nav ul.sub-menu > li > ul > li > a.view-more{
font-weight: bold;
margin-top: 8px;
}
.main-nav ul.navbar-nav ul.sub-menu > li > ul.children{
padding-left: 0px;
}
.main-nav ul.navbar-nav ul.sub-menu > li:nth-child(4):after,
.main-nav ul.navbar-nav ul.sub-menu > li:nth-child(8):after {
content: "\A";
white-space: pre;
}
.main-nav ul.navbar-nav ul.sub-menu li .children li{
display: block;
float: none;
margin-bottom: 12px;
line-height: 15px;
font-size: 13px;
}
.main-nav ul.navbar-nav ul.sub-menu li.main-title h5{
font-size: 23px;
color: #ffffff;
margin-top: 0;
border-bottom: 2px solid #44885e;
padding-bottom: 12px;
}
.main-nav ul.navbar-nav ul.sub-menu li.testimonial{
width: 39%;
}
.main-nav ul.navbar-nav ul.sub-menu li.testimonial p{
color: #ffffff;
font-size: 24px;
line-height: 28px;
font-family: 'unineue_regular', Arial, sans-serif;
display: inline-block;
width: 48%;
vertical-align: top;
margin-top: 16px;
}
.main-nav ul.navbar-nav ul.sub-menu li.testimonial img{
display: inline-block;
width: 42%;
vertical-align: top;
}
.main-nav ul.navbar-nav ul.sub-menu > li > a.play-video img{
width: 100%;
}
.main-nav ul.navbar-nav ul.sub-menu li.testimonial p span{
font-size: 13px;
line-height: 17px;
color: #75bd23;
display: block;
margin-top: 15px;
}
.main-nav ul.navbar-nav ul.sub-menu > li > span.title{
padding-bottom: 12px;
display: block;
width: 130px;
word-wrap:break-word;
font-size: 14px;
color: #75bd23;
border-bottom: 2px solid #44885e;
margin-bottom: 10px;
}
END MAIN NAV */
/* NEW UBERMENU NAV */
@media (max-width: 500px){
.page-template-template-think-talent .nav_wrapper{
padding: 10px 25px 0px!important;
}
}
@media (min-width: 501px) and (max-width: 767px) {
.open_nav_wrapper {
border: none;
background: transparent;
position: absolute;
top: 25%;
right: 0;
}
}
@media (min-width:510px) and (max-width:959px) {
.nav_wrapper{
padding: 100px 25px 0px!important;
}
}
@media (min-width:960px) and (max-width:976px) {
.open_nav_wrapper.show-on-mobile{
display: none!important;
}
.new-nav.hide-on-mobile{
display: block!important;
}
header.sn-header{
height: 130px!important;
}
}
.ubermenu-skin-minimal{
font-size: 14px!important;
}
.shrink .ubermenu-skin-minimal{
margin-top: -10px!important;
}
.ubermenu-nojs.ubermenu-transition-shift .ubermenu-item:hover>.ubermenu-submenu-drop,
.ubermenu-transition-shift .ubermenu-item.ubermenu-active>.ubermenu-submenu-drop{
margin-top: 0px!important;
}
/* .ubermenu-skin-minimal .ubermenu-item-level-0 > .ubermenu-target{
pointer-events: none;
} */
.ubermenu-skin-minimal .ubermenu-item-level-0 > .ubermenu-target:focus{
outline: none;
}
.ubermenu-item-12313>.ubermenu-submenu-type-stack,
.ubermenu-item-12314>.ubermenu-submenu-type-stack{
margin-top: 40px;
}
.ubermenu-skin-minimal .ubermenu-item-level-0 > .ubermenu-target{
color: #00293a!important;
font-family: unineue_bold, Arial, sans-serif;
}
.ubermenu-skin-minimal .ubermenu-submenu, .ubermenu-skin-minimal .ubermenu-submenu .ubermenu-target{
color: #00293a!important;
font-family: 'unineue_regular', Arial, sans-serif;
}
.ubermenu-skin-minimal .ubermenu-item-level-0:hover > .ubermenu-target,
.ubermenu-skin-minimal .ubermenu-item-level-0.ubermenu-active > .ubermenu-target {
color: #73bd21!important;
/* font-weight: bold; */
}
.ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target-with-image .ubermenu-target-title.ubermenu-target-text{
margin-bottom: 3px;
color: #00293a!important;
}
.ubermenu .ubermenu-item-layout-image_left>.ubermenu-target-text{
padding-left: 40px!important;
}
.ubermenu-skin-minimal .ubermenu-submenu .ubermenu-target > .ubermenu-target-description{
color: #00293a!important;
font-size: 90%!important;
font-weight: normal;
line-height: 1.3em;
}
.ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target-with-image:hover .ubermenu-target-title.ubermenu-target-text{
color: #00293a!important;
}
.ubermenu-sub-indicator{
transition: 0.3s all ease-in-out;
}
.ubermenu-skin-minimal .ubermenu-item-level-0:hover > .ubermenu-target .ubermenu-sub-indicator,
.ubermenu-skin-minimal .ubermenu-item-level-0.ubermenu-active > .ubermenu-target .ubermenu-sub-indicator{
transform: rotate(180deg);
}
/* .ubermenu-skin-minimal.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop{
padding: 10px;
} */
.ubermenu.ubermenu-disable-submenu-scroll .ubermenu-active>.ubermenu-submenu.ubermenu-submenu-type-mega{
padding: 0px;
}
.ubermenu-skin-minimal .ubermenu-submenu .ubermenu-target:hover{
color: #73bd21!important;
}
.ubermenu-sub-indicator{
font-size: 16px;
color: #73bd21;
margin-top: -9px!important;
}
.ubermenu-skin-minimal.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop{
border-radius: 5px;
border: 1px solid #dedede!important;
}
.ubermenu .ubermenu-item-layout-image_left>.ubermenu-target-text{
font-weight: bold;
}
.menu-item-11955-col-0,
.ubermenu-column-id-12310{
background-color: #ededed!important;
padding: 20px!important;
}
.ubermenu-item-12313,
.ubermenu-item-12314{
margin-top: 30px!important;
}
.ubermenu .ubermenu-submenu-type-stack>.ubermenu-item-normal>.ubermenu-target-with-image{
padding-top: 10px!important;
padding-bottom: 10px!important;
margin: 10px 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.ubermenu .ubermenu-submenu-type-stack > .ubermenu-item-normal > .ubermenu-target-with-image:hover {
box-shadow: 0 0 20px rgb(0 0 0 / 15%);
}
.ubermenu .ubermenu-item-layout-image_left>.ubermenu-image{
padding-top: 15px;
}
.ubermenu .ubermenu-nav .ubermenu-column-1-3.ubermenu-column-id-12310{
width: 30%;
margin-right: 15px;
}
.left_col_dropdown.mb{
margin-bottom: 20px;
}
.left_col_dropdown h5{
font-family: 'unineue_bold', Arial, sans-serif;
font-size: 20px;
line-height: 1.3em;
}
.ubermenu-custom-content .left_col_dropdown p.small{
color: #00293a!important;
font-size: 95%;
}
.left_col_dropdown .btn-sq{
font-size: 10px;
padding: 17px 14px 16px;
min-width: 150px;
justify-content: center;
}
.top-nav{
position: relative;
float:right;
vertical-align: top;
}
.navbar-nav.secondary-nav{
display: inline-block;
float:none;
}
.active .navbar-nav.secondary-nav{
background-color: transparent;
padding-right: 0px;
}
.navbar-nav.secondary-nav .envelope{
padding-left: 4px;
margin-left: 10px;
background: url('images/icon-envelope.png') left center no-repeat;
}
.search-form{
display: inline-block;
padding-left: 0;
vertical-align: top;
width:0;
border-radius: 14px;
transition: 0.3s all ease-in-out;
}
.search-form-button{
display: inline-block;
padding-left: 0;
vertical-align: top;
}
.search-form-button .search{
display: inline-block;
width: 30px;
/* background-color: #002a3a; */
color: #ffffff;
height: 30px;
border-radius: 50%;
line-height: 30px;
text-align: center;
margin-right: 2px;
}
.search-form-button .search a{
color: #002a3a;
line-height: 30px;
padding-top: 0;
font-size: 17px;
padding-left: 2px;
}
.search-form .form-group{
margin-top: 0;
}
.search-form .form-control {
display: block;
width: 100%;
height: 30px;
padding: 0px 0px;
font-size: 11px;
color: #555;
background-color: #fff;
background-image: none;
border: none;
border-radius: 4px;
-webkit-box-shadow:none;
box-shadow: none;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.search-form .search-field.form-control.search-input{
background-color: transparent;
border-radius: 10px 0px 0px 10px;
text-indent: 10px;
}
/* ============================================================================================================================
== HOMEPAGE
** ============================================================================================================================ */
.home-hero{
height: 670px;
margin-bottom: 0px;
padding-top: 270px;
}
.home-hero h2{
font-size: 36px;
line-height: 41px;
font-family: 'unineue_regular', Arial, sans-serif;
text-align: left;
max-width: 91%;
margin-bottom: 23px;
}
.home-hero .circle-green{
padding-left: 70px;
padding-top: 80px;
text-align: left;
overflow: hidden;
margin-left: -15px;
}
.home-hero .circle-green a{
font-size: 21px;
text-transform: uppercase;
font-family: 'droid_sans_bold', Arial, sans-serif;
color: #ffffff;
}
.home-hero .circle-green a:hover,
.home-hero .circle-green a:focus{
text-decoration: none;
}
.home-hero .circle-green hr{
height: 2px;
color: #c2e29d;
background: #c2e29d;
margin-top: 10px;
}
section.banner-bg-image{position: relative;z-index: 1;}
section.homepage-banner{margin-bottom: 40px;}
.home-hero .down-arrow{
position: absolute;
bottom:200px;
left:50%;
margin-left: -20px;
}
.banner-nav{
margin-bottom: 35px;
}
.banner-nav .bar{
height:12px;
background-color: #06293b;
width: 25%;
display: inline-block;
}
.banner-nav .bar.active{
background-color: #73bd21;
}
.news{
margin-bottom: 40px;
}
.news .right{
display: inline-block;
}
.news-item{
background-color: #f1f1f1;
padding: 35px 24px;
position: relative;
}
.news-img-crop {
width: 100%;
height: 305px;
overflow: hidden;
/*
filter: url('images/gray-filter.svg#grayscale');
-webkit-filter: grayscale(1);
*/
position: relative;
}
.news-img-crop::before{
content:'';
background: rgba(6, 41, 59, 0.70);
position:absolute;
top:0;
bottom:0;
right:0;
left:0;
height:100%;
z-index: 9;
-webkit-transition: background .3s ease-out;
transition: background .3s ease-out;
}
.news-img-crop img {
width: 580px;
height: auto;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-backface-visibility: hidden;
-ms-transform: translateZ(0); /* IE 9 */
-webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
transform: translateZ(0);
}
.news-img-crop.management-development-programmes img {
width: 100%;
height: auto;
}
.news-img-crop:hover img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.news-img-crop:hover::before{
content:'';
-webkit-transition: background .3s ease-out;
transition: background .3s ease-out;
background: rgba(6, 41, 59, 0);
}
.news-item .date{
text-align: right;
display: block;
margin-bottom: 25px;
}
.news-item h3{
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 28px;
margin-bottom: 70px;
}
.news-item .find-out-more{
font-family: 'droid_sans_bold', Arial, sans-serif;
text-transform: uppercase;
padding-bottom: 10px;
color: #00293a;
border-bottom: 1px solid #00293a;
display: block;
width:50%;
max-width: 60%;
position: absolute;
bottom:30px;
left:24px;
}
.news-item .find-out-more:hover,
.news-item .find-out-more:active,
.news-item .find-out-more:focus {
color: #73bd21;
border-bottom: 1px solid #73bd21;
}
#cat-73 {
display: none;
}
.enhance-your-business{
margin-bottom: 90px;
}
.enhance-your-business .section_title{
font-size: 21px;
font-family: 'droid_sans_regular', Arial, sans-serif;
color: #00293a;
margin-bottom: 14px;
}
.enhance-your-business .divider2{
margin-top: 0px;
background-color: #00b188;
}
.enhance-your-business h2{
font-size: 25px;
font-family: 'unineue_regular', Arial, sans-serif;
margin: 60px 0 0 0;
color: #072939;
}
.enhance-your-business .eh1{
border-bottom: solid 6px #00b188;
}
.doormats{
background-color: #f1f1f1;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
border-top-right-radius: 50px;
border-right: 3px solid #ffffff;
}
.doormats .more{
padding: 10px 20px;
text-align: center;
background-color: #f1f1f1;
border-right: 3px solid #ffffff;
padding-top: 30px;
}
.doormats .more a{
color: #373d3f;
font-family: 'droid_sans_bold', Arial, sans-serif;
text-transform: uppercase;
border-top: 1px solid #00a781;
padding-top: 10px;
display: block;
}
.doormats .more a:hover{
color: #73bd21;
}
.doormat{
display: inline-block;
width:33.333%;
margin-bottom: 0px;
padding-top: 60px;
background-color: #f1f1f1;
position: relative;
border-right: 3px solid #ffffff;
border-top-right-radius: 50px;
padding: 96px 20px 0px 20px;
}
.doormats.three_doormats .doormat.d3{
/*border-right: 1px solid #ffffff;*/
}
.doormat .doormat-icon{
position: absolute;
right:6px;
top:6px;
max-width: 80px;
}
.doormat h3{
font-size: 31px;
font-family: 'unineue_regular', Arial, sans-serif;
}
.doormat p{
font-family: 'droid_sans_regular', Arial, sans-serif;
font-size: 13px;
line-height: 19px;
color: #4d4d4d;
margin-bottom: 0;
}
.d1 h3 {
color: #00a680;
}
.d2 h3 {
color: #7ab42b;
}
.d3 h3 {
color: #7aafc7;
}
.doormats.doormats_style_2{
background-color: transparent;
}
.doormats.doormats_style_2 .doormat{
display: inline-block;
width:32%;
margin-bottom: 0px;
background-color: #f1f1f1;
position: relative;
border-right: none;
border-top-right-radius: 50px;
padding: 145px 20px 15px 20px;
margin-right: 2%;
}
.doormats.doormats_style_2 .doormat.d3{
margin-right: 0;
}
.doormat .doormat-banner{
position: absolute;
left:0px;
top:0px;
border-top-right-radius: 50px;
}
.doormats.doormats_style_2 h3{
margin-top: 0;
margin-bottom: 14px;
font-size: 29px;
}
.doormats.doormats_style_2 p {
font-size: 12px;
line-height: 15px;
}
.stay-up-to-date{height:725px;position: relative;}
.stay-up-to-date.v2{height:490px;}
.stay-up-to-date .circle-green{position: absolute;top:22px;left:22px;color: #ffffff;font-family: 'unineue_regular', Arial, sans-serif;font-size: 34px;line-height: 140px;}
.stay-up-to-date .cta{
background-color:#73bd21;
padding: 20px 26px 20px 30px;
color: #ffffff;
position: absolute;
bottom: 0;
right: 0;
left: 0;
}
.stay-up-to-date .cta:hover,
.stay-up-to-date .cta:active,
.stay-up-to-date .cta:focus{
background-color: #67a91e;
}
.stay-up-to-date-cta.cta{
background-color:#73bd21;
padding: 15px 26px 20px 30px;
color: #ffffff;
position: relative;
bottom: auto;
right: auto;
left: auto;
min-height: 251px;
max-height: 251px;
}
.stay-up-to-date-cta.cta:hover,
.stay-up-to-date-cta.cta:active,
.stay-up-to-date-cta.cta:focus{
background-color: #67a91e;
}
.stay-up-to-date h2,
.stay-up-to-date-cta h2{
font-size: 44px;
line-height: 50px;
font-family: 'unineue_regular', Arial, sans-serif;
text-align: left;
margin-bottom: 20px;
margin-top: 0;
color: #ffffff;
}
.stay-up-to-date p,
.stay-up-to-date-cta p{
font-family: 'droid_sans_regular', Arial, sans-serif;
font-size: 15px;
line-height: 21px;
color: #ffffff;
max-width: 80%;
}
.stay-up-to-date .find-out-more,
.stay-up-to-date-cta .find-out-more {
font-family: 'droid_sans_bold', Arial, sans-serif;
text-transform: uppercase;
padding-bottom: 10px;
color: #00293a;
border-bottom: 1px solid #00293a;
display: block;
max-width: 100%;
font-size: 13px;
}
.stay-up-to-date-cta.cta .find-out-more{
width: 50%;
max-width: 60%;
position: absolute;
bottom: 28px;
left: 30px;
}
.stay-up-to-date .find-out-more:hover,
.stay-up-to-date-cta .find-out-more:hover {
color: #000000;
}
.stay-up-to-date .bird-icon,
.stay-up-to-date-cta .bird-icon{
position: absolute;
right:20px;
top:20px;
}
/* ------------------------------------------------- */
/* New Stats & Figures data charts: Added July 2018 */
/* ------------------------------------------------- */
.stats-section{
margin-bottom: 30px;
font-family: 'unineue_regular', Arial, sans-serif;
}
.stats-section .member-companies-panel{
background-color: #D8D2C4;
padding: 20px;
min-height: 300px;
}
.stats-section .panel2 .large{
font-family: 'unineue_light', Arial, sans-serif;
font-size: 65px;
line-height: 55px;
}
.stats-section .rel{
position: relative;
z-index: 1;
}
.stats-section .large1{
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 45px;
line-height: 45px;
text-align: center;
display: block;
margin-bottom: 25px;
}
.x-large{
font-size: 65px;
line-height: 60px;
}
.stats-section .green{color: #75BD23;}
.stats-section .dark{color: #00293A;}
.abs{
position: absolute;
z-index: 2;
color: #ffffff;
top:0;
left:0;
}
.irelandmap{
height:372px;
}
.irelandmap > div{
height:100%;
}
.irelandmap .abs-map{
position: absolute;
top: calc(50% - 80px);
left: 0;
right:0;
text-align: center;
}
.irelandmap .mapval{
color: #ffffff;
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 130px;
line-height: 140px;
}
.irelandmap .abs-map p{
color: #ffffff;
font-size: 30px;
}
.people-icons{margin-bottom: 5px;}
.stats-section .btn-medium {
background-color: #73bd21;
padding: 0px 10px;
height: 45px;
border-radius: 22px;
color: #ffffff;
font-size: 15px;
line-height: 45px;
text-transform: uppercase;
width: 100%;
text-align: center;
margin-top: 5px;
}
#data3{
line-height: 80px;
margin-bottom: 2px;
margin-top: -20px;
font-size: 60px;
}
.stats-section .panel2 p.people{
font-size: 19px;
line-height: 19px;
font-family: 'unineue_regular', Arial, sans-serif;
color: #00293A;
margin-bottom: 15px;
}
.panel2 .p1{
bottom: 20px;
left:calc(50% - 140px);
left: 0;
right: 0;
top:auto;
text-align: center;
}
.panel2 .p1 .x-large{
font-size: 90px;
line-height: 110px;
display: block;
margin-bottom: 5px;
}
.panel2 .p1 p{
color: #00293A;
font-size: 23px;
}
.panel2 .p2{
font-size: 45px;
color: #ffffff;
bottom: 20px;
top:auto;
left:calc(50% - 80px);
}
.panel2 .abs.p2{
left:0;
right:0;
text-align: center;
}
.panel2 .p2 p{
font-size: 25px;
margin-top: 12px;
color: #ffffff;
}
.abs.investment{
position: absolute;
top:10%;
left:0;
right:0;
text-align: center;
font-size: 80px;
color: #75BD23;
}
.investment.abs.x-large p{
font-size: 42px;
color: #ffffff;
}
.abs.investment2{
position: absolute;
top:auto;
left:50%;
right:0px;
bottom:10px;
font-size: 40px;
color: #ffffff;
text-align: center;
}
.abs.investment1{
position: absolute;
top:auto;
left:0px;
right:50%;
bottom:10px;
font-size: 40px;
color: #ffffff;
text-align: center;
}
.abs.investment1 p,
.abs.investment2 p{
color: #ffffff;
font-size: 12px;
margin-top: 10px;
}
.stats-section table tr td{font-family: 'unineue_regular', Arial, sans-serif;font-size: 17px;padding-top: 15px; padding-bottom: 8px;vertical-align: bottom;}
.stats-section table tr td:nth-child(2){font-size: 27px;}
.stats-section table tr {border-bottom: dashed 1px black;}
.stats-section table tr:nth-child(1) td{color: #72808a;border-bottom: dashed 1px #72808a;}
.stats-section table tr:nth-child(2) td{color: #62bb46;border-bottom: dashed 1px #62bb46;}
.stats-section table tr:nth-child(3) td{color: #00293a;border-bottom: dashed 1px #00293a;}
.stats-section table tr:nth-child(4) td{color: #0d8598;border-bottom: dashed 1px #0d8598;}
.stats-section .abs.circulargraph{
top:5px;
left:5px;
text-align: right;
color: #F37A8A;
font-size: 22px;
line-height: 22px;
}
.stats-section .abs.circulargraph > div{
font-size: 32px;
line-height: 30px;
}
.stats-section .circular-graph{
max-width: 250px;
float:right;
}
/* ------ UPDATES TO STATS TICKER JULY 25th 2018 ------------------- */
.page-template-template-stats-ticker-test .panel2 .p1 .x-large {
font-size: 120px;
line-height: 130px;
display: block;
margin-bottom: 5px;
color: #001D34;
font-family: 'unineue_light', Arial, sans-serif;
}
.page-template-template-stats-ticker-test .panel2 .p1 {
bottom: auto;
left: calc(50% - 140px);
left: 0;
right: 20px;
top: 10px;
text-align: left;
}
.page-template-template-stats-ticker-test .panel2 .p1 p {
color: #00293A;
font-size: 36px;
line-height: 40px;
}
.page-template-template-stats-ticker-test .panel2 .abs.ttp {
left: 0;
right: 0;
text-align: center;
}
.page-template-template-stats-ticker-test #data3 {
line-height: 80px;
margin-bottom: 2px;
margin-top: 5px;
font-size: 60px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.page-template-template-stats-ticker-test .stats-section .panel2 p.people {
font-size: 16px;
line-height: 19px;
font-family: 'unineue_regular', Arial, sans-serif;
color: #00293A;
margin-bottom: 15px;
}
.dividerwhitesmall{
margin-top: 3px;
margin-bottom: 3px;
}
.page-template-template-stats-ticker-test .stats-section .member-companies-panel {
background-color: #eceae4;
padding: 20px;
min-height: 300px;
}
.page-template-template-stats-ticker-test .mbbs{font-size: 26px;}
/* ---------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
/* -- STATS TICKER HOMEPAGE 2019 -- */
/* ------------------------------------------------------------------------- */
.stats-section-2019{
font-family: 'unineue_regular', Arial, sans-serif;
}
.stats-section-2019 .rel{
position: relative;
}
.stats-section-2019 .large.green{
font-family: 'unineue_light', Arial, sans-serif;
font-size: 65px;
line-height: 55px;
color: #75BD23;
}
.stats-section-2019 .nationwide-map .abs-map {
position: absolute;
top: calc(50% - 90px);
left: 10px;
right: 0;
text-align: center;
font-size: 20px;
color: #ffffff;
}
.stats-section-2019 .nationwide-map img{
width: 100%;
}
.nationwide-map .mapval {
color: #ffffff;
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 110px;
line-height: 130px;
}
.stats-section-2019 .btn-medium {
background-color: #73bd21;
padding: 0px 10px;
height: 45px;
border-radius: 22px;
color: #ffffff;
font-size: 15px;
line-height: 45px;
text-transform: uppercase;
width: 100%;
text-align: center;
margin-top: 5px;
}
.stats-section-2019 .panel{
padding:0;
text-align: center;
}
.stats-section-2019 .panel h4{
padding: 10px 20px;
text-align: center;
line-height: 40px;
color: #333333;
margin-top: 0;
font-family: 'unineue_regular', Arial, sans-serif;
font-weight: bold;
}
.stats-section-2019 .panel img{
width:60%;
margin: 20px auto 10px auto;
display: block;
}
.stats-section-2019 .panel.p1{
background-color: #f9f8f6;
}
.stats-section-2019 .panel.p1 .abs-p1-smes{
position: absolute;
top:100px;
left:0;
right:0;
text-align: center;
font-size: 24px;
color: #A2C5D2;
}
.stats-section-2019 .panel.p1 #count11{
font-size: 31px;
}
.stats-section-2019 .panel.p1 .svgdata{
height:110px;
width: auto;
}
.stats-section-2019 .panel.p1 h4{
background-color: #e1ded5;
}
.stats-section-2019 .panel.p2{
background-color: #e4f7f5;
}
.stats-section-2019 .panel.p2 .svgdata{
height:110px;
width: auto;
}
.stats-section-2019 .panel.p2 h4{
background-color: #ace6da;
}
.col-1-row-1{
padding: 20px 0px;
background: url('images/stats2019/icon-plus.png') no-repeat center center;
background-size: 30px 30px;
}
.col-1-row-1-val-1,
.col-1-row-1-val-2{
display: inline-block;
width: 49%;
text-align: center;
font-size: 14px;
}
#count2, #count3{
font-size: 36px;
line-height: 38px;
margin-bottom: 3px;
}
.col-1-row-2-val-1{
text-align: center;
font-size: 25px;
color: #ffffff;
padding: 44px;
}
#count4{
color: #ffffff;
font-size: 70px;
margin-bottom: 10px;
line-height: 1em;
}
.col-1-row-3-val-1{
font-size: 27px;
color: #ffffff;
text-align: center;
padding: 25px 0px;
margin-top: 8px;
}
#count5{
font-size: 60px;
line-height: 65px;
}
.col-2-row-2{
margin-bottom: 30px;
vertical-align: top;
margin-top: 47px;
}
.col-2-row-2-val-1 h3{
color: #088497;
font-size: 45px;
line-height: 45px;
margin-bottom: 5px;
margin-top: 0;
}
#count6{
color: #088497;
font-size: 58px;
line-height: 60px;
margin-bottom: 20px;
}
.gender{
padding-left: 5%;
margin-left: 0;
width: 100%;
padding-right: 5%;
}
.male{
color: #00b08f;
font-size: 18px;
font-size: 16px;
list-style: none;
padding-left: 85px;
margin-left: 0;
background: url('images/stats2019/stats-2019-icon-male.png') no-repeat left center;
background-size: 65px auto;
min-height: 120px;
border-top: 1px dashed #088497;
border-bottom: 1px dashed #088497;
padding-bottom: 20px;
padding-top: 20px;
display: block;
}
.female{
color: #61ba46;
font-size: 18px;
font-size: 16px;
list-style: none;
padding-left: 85px;
margin-left: 0;
background: url('images/stats2019/stats-2019-icon-female.png') no-repeat left center;
background-size: 65px auto;
min-height: 120px;
border-bottom: 1px dashed #088497;
padding-bottom: 20px;
padding-top: 20px;
display: block;
}
#count7, #count8{
font-size: 44px;
line-height: 44px;
}
.col-2-row-2-val-3{
font-size: 24px;
line-height: 26px;
}
.member{
color: #62BB46;
background: url('images/stats2019/stats-2019-icon-member.png') no-repeat right top;
background-size: 85px auto;
padding-right: 80px;
height:120px;
border-bottom: 1px dashed #088497;
}
.training{
color: #0B8396;
background: url('images/stats2019/stats-2019-icon-training.png') no-repeat right top;
background-size: 85px auto;
padding-right: 80px;
height:120px;
}
#count9, #count10{
font-size: 45px;
line-height: 46px;
}
/* ------------------------------------------------------------------------- */
/* -- END Stats ticker 2019 -- */
/* ------------------------------------------------------------------------- */
.video-promo{
position: relative;
min-height: 355px;
}
.video-overlay {
background: rgba(6,41,59,.65);
overflow: hidden;
height: 100%;
width: 100%;
z-index: 2;
padding-top: 0px;
position: absolute;
}
.video-promo .play-button{
width: 95px;
height:95px;
position: absolute;
top:39%;
left:50%;
margin-top: -47px;
margin-left: -47px;
background-image: url('images/icon-video-play-button.png');
z-index: 2;
}
.video-promo .details{
position: absolute;
bottom:25px;
left:25px;
z-index: 3;
color: #ffffff;
font-size: 41px;
line-height: 56px;
font-family: 'unineue_regular', Arial, sans-serif;
}
.video-promo .details i{
width:46px;
height:46px;
background-image: url('images/icon-eye-circular.png');
background-repeat: no-repeat;
background-position: center center;
display: inline-block;
margin-right: 20px;
vertical-align: bottom;
}
.video-cs-mega{position: relative;}
.video-cs-mega::before {
/*content: url('images/icon-play-button-dark.png');*/
content: url('images/icon-video-play-button.png');
position: absolute;
top: 46px;
bottom: 0;
right: 0;
left: 46px;
height: 100px;
z-index: 0;
}
.home-video-showreel-section .video-promo .details{
position: absolute;
bottom:45px;
left: 0;
right: 0;
margin: auto
}
.home-video-showreel-section .video-promo{
position: relative;
min-height: 455px;
}
.home-video-showreel-section .video-promo .play-button{
top:45%;
}
.testimonials_intro{
padding-right: 0px;
}
.testimonials_intro.testimonials_abs{
position: relative;
top:10px;
left:0px;
width:100%;
}
.testimonials_intro .divider2 {
max-width: 400px;
text-align: left;
margin-left: 0;
}
.intro_title{
border-bottom: 2px solid #a8d675;
padding-bottom: 13px;
font-size: 21px;
font-family: 'droid_sans_regular', Arial, sans-serif;
color: #00293a;
margin-bottom: 18px;
}
.panel-cards-section{
margin-bottom: 50px;
}
.panel-card{
margin-bottom: 30px;
}
.panel-card.panel-style-1,
.panel-card.panel-style-2{
min-height: 355px;
position: relative;
}
.panel-card.panel-style-1.tall{
min-height: 500px;
position: relative;
}
.panel-card.panel-style-1 .overlay{
background: rgba(6, 41, 59, 0.75);
position:absolute;
top:0;
bottom:0;
right:0;
left:0;
height:100%;
color: #ffffff;
padding: 25px;
padding-right: 40%;
}
.panel-card.panel-style-1 .overlay.green{
background: rgba(99, 156, 22, 0.80);
}
.panel-card.panel-style-1 .overlay.green .find-out-more {
color: #ffffff;
border-bottom: 1px solid #ffffff;
}
.panel-card.panel-style-1 .overlay.blue .find-out-more {
color: #ffffff;
border-bottom: 1px solid #ffffff;
}
.widget-sidebar-panels .panel-card.panel-style-1 .overlay span.find-out-more{
border-bottom: none;
padding-bottom: 0px;
display: block;
max-width: 100%;
font-size: 16px;
}
.widget-sidebar-panels .panel-card.panel-style-1 .overlay span.find-out-more a{
font-family: 'droid_sans_bold', Arial, sans-serif;
text-transform: uppercase;
padding-bottom: 10px;
display: block;
max-width: 100%;
font-size: 16px;
color: #ffffff;
border-bottom: 1px solid #ffffff;
}
.widget-sidebar-panels aside .panel-card.panel-style-1 .overlay{
background: rgba(6, 41, 59, 0.75);
}
.widget-sidebar-panels aside:first-child .panel-card.panel-style-1 .overlay{
background: rgba(99, 156, 22, 0.80);
}
.single-publication .widget-sidebar-panels aside .panel-card.panel-style-1 .overlay {
background: rgba(6, 41, 59, 0.75);
}
.panel-card.panel-style-1.tall .overlay {
background: rgba(110, 178, 200, 0.90);
background: rgba(6, 41, 59, 0.75);
}
.panel-card.panel-style-1.tall .panel-content{
/*display: none;*/
}
.panel-card.panel-style-1 .panel-content,
.panel-card.panel-style-2 .panel-content{
position: absolute;
bottom: 28px;
left:25px;
max-width: 75%;
color: #ffffff;
}
.panel-card.panel-style-1.video-promo .panel-content{
z-index:9999;
}
.panel-card.panel-style-1 .show-on-hover-only,
.panel-card.video-promo .show-on-hover-only{
opacity: 0;
-moz-opacity: 0;
transition: all .35s ease-in-out
}
.panel-card.panel-style-1:hover .show-on-hover-only,
.panel-card.video-promo:hover .show-on-hover-only{
opacity: 1.0;
}
.panel-card .link-panel{
position: absolute;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.panel-card.panel-style-1 .hide-on-hover-only,
.panel-card.video-promo .hide-on-hover-only{
opacity: 1;
-moz-opacity: 1;
transition: all .35s ease-in-out
}
.panel-card.panel-style-1:hover .hide-on-hover-only,
.panel-card.video-promo:hover .hide-on-hover-only{
opacity:0;
-moz-opacity: 0;
}
.panel-card.panel-style-2 .hide-on-hover-only{
opacity: 1;
-moz-opacity: 1;
transition: all .35s ease-in-out
}
.panel-card.panel-style-2:hover .hide-on-hover-only{
opacity:0;
-moz-opacity: 0;
}
.panel-card.panel-style-2{
min-height: 500px;
position: relative;
}
.panel-card.panel-style-2 .overlay{
opacity: 0;
-moz-opacity: 0;
transition: all .35s ease-in-out;
background: rgba(110, 178, 200, 0.0);
height:100%;
position:absolute;
top:0;
bottom:0;
right:0;
left:0;
height:100%;
color: #ffffff;
text-align: center;
vertical-align: middle;
}
.panel-card.panel-style-2 .overlay img{
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 50%;
transform: translateX(-50%) translateY(-50%);
}
.panel-card.panel-style-2:hover .overlay{
background: rgba(110, 178, 200, 0.9);
opacity: 0.9;
-moz-opacity: 0.9;
transition: all .35s ease-in-out;
}
.panel-card.panel-style-1 .find-out-more {
font-family: 'droid_sans_bold', Arial, sans-serif;
text-transform: uppercase;
padding-bottom: 10px;
color: #75bd23;
border-bottom: 1px solid #75bd23;
display: block;
max-width: 100%;
font-size: 16px;
}
.panel-card.panel-style-1 .find-out-more.blue {
color: #6eb2c8;
border-bottom: 1px solid #6eb2c8;
}
.panel-card.panel-style-1 .find-out-more:hover,
.panel-card.panel-style-1 .find-out-more:focus,
.panel-card.panel-style-1 .find-out-more:active {
color: #67a91e;
border-bottom: 1px solid #67a91e;
}
.panel-card.panel-style-1 h3,
.panel-card.panel-style-2 h3{
margin-top: 20px;
font-size: 40px;
line-height: 41px;
font-family: 'unineue_light', Arial, sans-serif;
margin-bottom: 25px;
}
.management-works-section{
color: #ffffff;
}
.management-works-section .full-width-banner{
height:580px;
padding-top: 125px;
position: relative;
}
.management-works-section .full-width-banner::before {
content: '';
background: rgba(6, 41, 59, 0.70);
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
height: 100%;
z-index: 0;
}
.management-works-section .circle-blue,
.management-works-section .circle-m-blue{
padding-top: 60px;
margin-left: 60px;
}
.management-works-section h3{
font-size: 34px;
}
.management-works-section .circle-m-blue h3{
font-size: 62px;
line-height: 66px;
margin-bottom: 10px;
font-family: 'unineue_regular', Arial, sans-serif;
padding-left: 60px;
text-align: left;
}
.management-works-section ul li{
font-size: 17px;
text-align: left;
padding-left: 10px;
padding-right: 30px;
margin-left: 40px;
list-style-image: url('images/list-style-tick.png');
}
.management-works-section h2{
font-size: 62px;
line-height: 66px;
margin-bottom: 30px;
font-family: 'unineue_regular', Arial, sans-serif;
padding-left: 30px;
}
.management-works-section p{
color: #ffffff;
font-size: 34px;
line-height: 42px;
padding-left: 30px;
max-width: 400px;
font-family: 'unineue_regular', Arial, sans-serif;
}
.management-works-section p a{
color: #ffffff;
font-size: 17px;
line-height: 28px;
text-decoration: underline;
font-family: 'unineue_regular', Arial, sans-serif;
}
.management-works-section p a.find-out-more{
color: #ffffff;
font-size: 24px;
line-height: 31px;
text-decoration: underline;
display: block;
margin-top: 15px;
font-family: 'unineue_regular', Arial, sans-serif;
}
.testimonial-circles{
min-height: 500px;
}
.testimonial-circles:after {
content: "";
display: table;
clear: both;
}
.circle-left{
position: absolute;
left:0;
bottom:0;
}
.circle-middle{
position: absolute;
left:50%;
margin-left: -200px;
top:0;
}
.circle-right{
position: absolute;
right:0;
bottom:0;
}
.testimonials{
margin-bottom: 0px;
display: block;
background-color: #ebf3f5;
}
.testimonials .container{
position: relative;
height:100%;
}
.testimonials .section_title{
font-size: 21px;
font-family: 'droid_sans_regular', Arial, sans-serif;
color: #00293a;
margin-bottom: 14px;
}
.testimonials .testimonials_intro h4{
font-size: 38px;
line-height: 44px;
font-family: 'unineue_regular', Arial, sans-serif;
color: #6db0c9;
margin-bottom: 14px;
}
.testimonials blockquote {
padding: 50px 6px 30px 6px;
margin: 0 0 20px;
font-size: 21px;
line-height: 31px;
border-left: none;
color: #7b868c;
}
.testimonials blockquote p{
font-family: 'unineue_regular', Arial, sans-serif;
margin-bottom: 6px;
font-size: 21px;
line-height: 31px;
border-left: none;
color: #7b868c;
}
.testimonials blockquote strong{
font-family: 'unineue_regular', Arial, sans-serif;
font-weight: normal;
display: block;
margin-bottom: 8px;
font-size: 21px;
line-height: 31px;
border-left: none;
color: #7b868c;
margin-top: 10px;
}
.training-networks .full-width-banner{
height:650px;
padding-top: 50px;
height:auto;
padding-bottom: 40px;
}
/* Video background on network search */
.training-networks.video-bg .full-width-banner {
height: 690px;
height:auto;
padding-top: 0px;
padding-bottom: 40px;
}
.training-networks.video-bg .full-width-banner .col-sm-3,
.training-networks.video-bg .full-width-banner .col-sm-6{
margin-top: 40px;
}
.training-networks.video-bg .full-width-banner .col-sm-6{
margin-top: 5px;
}
.training-networks.video-bg .background-video-training-networks-search{
margin: auto;
position: absolute;
z-index: -1;
top: 0; left: 0; right:0;bottom:0;
visibility: visible;
opacity: 1;
width: 100%;
height: auto;
min-width: 100%;
min-height: 100%;
height:auto;
width:auto;
}
.training-networks h2{
font-size: 60px;
color: #75bd23;
font-family: 'unineue_regular', Arial, sans-serif;
line-height: 70px;
}
.training-networks h3{
font-size: 39px;
color: #75bd23;
color:#ffffff;
font-family: 'unineue_regular', Arial, sans-serif;
line-height: 55px;
margin-top: 10px;
}
.training-networks .single-sector{text-align: right;padding-right: 20px;}
.training-networks .multi-sector{padding-left: 30px;}
.training-networks .multi-sector h3{
color: #ffffff;
margin-left: 6px;
}
.training-networks p{
font-size: 19px;
line-height: 30px;
color: #ffffff;
width:60%;
}
.training-networks ol{
margin-left: 0;
padding-left: 0;
list-style-position: inside;
}
.training-networks ol li{
font-size: 19px;
line-height: 30px;
color: #75bd23;
line-height: 28px;
}
.training-networks .logo{
margin: 40px 30px 30px 0px;
width: 100%;
display: block;
padding-right: 20px;
}
.training-networks .border-left{
border-left:1px solid white;
padding-left: 30px;
}
.training-networks .btn-large{
margin-top: 30px;
display: inline-block;
margin-bottom: 20px;
}
.training-networks .view-all-networks{
color: #ffffff;
text-decoration: underline;
font-size: 14px;
}
.training-networks .multi-sector-dropdown{
position: relative;
margin-bottom: 70px;
}
.training-networks .dropdown-el {
position: absolute;
top:0;
z-index: 11;
display: inline-block;
min-height: 50px;
max-height: 50px;
overflow: hidden;
cursor: pointer;
text-align: left;
white-space: nowrap;
color: #73bd21;
outline: none;
border: 2px solid #73bd21;
border: 2px solid #7b797a;
border-radius: 25px;
background-color: transparent;
transition: 0.3s all ease-in-out;
width: 300px;
}
.training-networks select {
position: absolute;
top:0;
z-index: 11;
min-height: 50px;
max-height: 50px;
overflow: hidden;
cursor: pointer;
text-align: left;
white-space: nowrap;
color: #73bd21;
outline: none;
border: 2px solid #73bd21;
border-radius: 25px;
background-color: transparent;
transition: 0.3s all ease-in-out;
width: 300px;
padding-left: 0em;
padding-right: 0em;
cursor: pointer;
position: relative;
transition: 0.3s color ease-in-out;
font-size: 20px;
line-height: 50px;
padding: 2px 26px 0px 26px;
}
.training-networks select option{
background-color: #06293b;
color: #ffffff;
}
.training-networks .single-sector .multi-sector-dropdown .dropdown-el {
right:0;
z-index: 11;
}
.training-networks .multi-sector .multi-sector-dropdown .dropdown-el {
left:0;
color: #ffffff;
border: 2px solid #7b797a;
}
.training-networks .dropdown-el input{
display: none;
}
.training-networks .dropdown-el label,
.training-networks .dropdown-el .option {
display: block;
height: 50px;
padding-left: 1em;
padding-right: 0em;
cursor: pointer;
position: relative;
transition: 0.3s color ease-in-out;
font-size: 17px;
line-height: 50px;
background:rgba(6,41,59,.2);
margin-bottom: 0;
color: #ffffff;
}
.training-networks .dropdown-el .option:nth-child(2) {
margin-top: 0;
}
.training-networks .dropdown-el .option:nth-child(1){
/*
background: transparent;
z-index: 5;
*/
}
.training-networks .dropdown-el::after {
content: url('images/icon-dropdown-button.png');
content: url('images/icon-dropdown-button-grey.png');
position: absolute;
right: 9px;
top: 9px;
transition: .4s all ease-in-out;
z-index: -1;
}
.training-networks .multi-sector .multi-sector-dropdown .dropdown-el::after {
content: url('images/icon-dropdown-button-grey.png');
}
.training-networks .dropdown-el.expanded {
padding: 0;
max-height: none;
}
.training-networks .dropdown-el.expanded .option {
border-bottom: 2px solid #73bd21;
border-bottom: 2px solid #7b797a;
color: #ffffff;
background:rgba(6,41,59,.9);
}
.training-networks .multi-sector .multi-sector-dropdown .dropdown-el.expanded .option {
border-bottom: 2px solid #7b797a;
}
.training-networks .dropdown-el.expanded .option:hover {
color: #73bd21;
}
.training-networks .dropdown-el.expanded::after,
.training-networks .dropdown-el.active::after {
content: url('images/icon-dropdown-button-active.png');
}
.training-networks .multi-sector .multi-sector-dropdown .dropdown-el.expanded::after,
.training-networks .multi-sector .multi-sector-dropdown .dropdown-el.active::after {
content: url('images/icon-dropdown-button-grey-active.png');
}
.training-networks .dropdown-el.active .placeholder{
color: #73bd21;
background:rgba(6,41,59,.1);
}
/* ---- Training Networks SELECTRIC dropdown styles ------------- */
.selectric-container-right{
width: 300px;
position: absolute;
right: 0;
top:0;
}
/*======================================
Selectric v1.13.0
======================================*/
.selectric {
border: 2px solid #73bd21;
border-radius: 25px;
background:rgba(6,41,59,.9);
position: relative;
overflow: hidden;
width:300px;
}
.selectric-focus .selectric {
border-color: #73bd21;
}
.selectric-hover .selectric {
border-color: #73bd21;
}
.selectric-label {
margin: 0 38px 0 1em;
font-size: 17px;
line-height: 48px;
color: #ffffff;
height: 48px;
text-align: left;
}
.selectric-button {
display: block;
position: absolute;
right: 0;
top: 0;
width: 38px;
height: 48px;
line-height: 48px;
background-color: transparent;
color: #ffffff;
text-align: center;
border: none;
padding: 0;
}
.selectric-button:after {
top: auto;
right: auto;
bottom: auto;
left: auto;
margin: auto;
width: 0;
height: 0;
border: none;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
content: url('images/icon-dropdown-button.png');
position: absolute;
right: 35px;
top: 11px;
transition: .4s all ease-in-out;
z-index: 1;
}
.selectric-hover .selectric-button {
color: #979797;
}
.selectric-open {
z-index: 9999;
}
.selectric-open .selectric {
border-color: #73bd21;
border-radius: 0px 0px 0px 0px;
}
.selectric-open .selectric-items {
display: block;
}
.selectric-disabled {
filter: alpha(opacity=50);
opacity: 0.5;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.selectric-hide-select {
position: relative;
overflow: hidden;
width: 0;
height: 0;
}
.selectric-hide-select select {
position: absolute;
left: -100%;
}
.selectric-hide-select.selectric-is-native {
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
}
.selectric-hide-select.selectric-is-native select {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
border: none;
z-index: 1;
box-sizing: border-box;
opacity: 0;
}
.selectric-temp-show {
position: absolute !important;
visibility: hidden !important;
display: block !important;
}
/* Items box */
.selectric-items {
display: none;
position: absolute;
z-index: -1;
top: 100%;
left: 0;
background:rgba(6,41,59,.9);
border: 2px solid #73bd21;
box-shadow: none;
font-size: 17px;
}
.selectric-items .selectric-scroll {
height: 100%;
overflow: auto;
}
.selectric-items .selectric-scroll::-webkit-scrollbar-track{
border: none;
background:rgba(6,41,59,.9);
}
.selectric-items .selectric-scroll::-webkit-scrollbar{
width: 14px;
background:rgba(6,41,59,.9);
}
.selectric-items .selectric-scroll::-webkit-scrollbar-thumb{
background-color: #73bd21;
}
.scroll-options-container{
height: 300px;
overflow-y: scroll;
}
.scroll-options-container::-webkit-scrollbar-track{
border: none;
background:rgba(6,41,59,.9);
}
.scroll-options-container::-webkit-scrollbar{
width: 14px;
background:rgba(6,41,59,.9);
}
.scroll-options-container::-webkit-scrollbar-thumb{
background-color: #73bd21;
}
.selectric-above .selectric-items {
top: auto;
bottom: 100%;
}
.selectric-items ul, .selectric-items li {
list-style: none;
padding: 0;
margin: 0;
}
.selectric-items li {
text-align: left;
display: block;
padding: 10px;
color: #ffffff;
cursor: pointer;
border-bottom: 2px solid #73bd21;
}
.selectric-items li.selected {
background:rgba(6,41,59,.9);
border-bottom: 2px solid #73bd21;
box-shadow: none;
font-size: 17px;
}
.selectric-items li.highlighted {
background:rgba(6,41,59,.9);
border-bottom: 2px solid #73bd21;
box-shadow: none;
font-size: 17px;
color: #ffffff;
}
.selectric-items li:hover {
background:rgba(6,41,59,.9);
border-bottom: 2px solid #73bd21;
box-shadow: none;
font-size: 17px;
color: #ffffff;
}
.selectric-items .disabled {
filter: alpha(opacity=50);
opacity: 0.5;
cursor: default !important;
background: none !important;
color: #2f2f2f !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* --------------------- End SELECTRIC styles ------------------- */
.news{
padding-top: 40px;
}
.news h2{
font-size: 33px;
line-height: 40px;
color: #00293a;
font-family: 'unineue_regular', Arial, sans-serif;
display: inline-block;
margin-top: 0;
}
.right{float:right;}
.news .view-more{
line-height: 40px;
padding-top: 10px;
font-size: 18px;
font-family: 'droid_sans_regular', Arial, sans-serif;
}
.news .divider2{
margin-top: 4px;
}
h2.title{
font-size: 27px;
line-height: 32px;
color: #00293a;
font-family: 'unineue_regular', Arial, sans-serif;
display: inline-block;
margin-top: 0;
margin-left: 20px;
margin-bottom: 24px;
}
/* ------------------------------------------------------
== HOMEPAGE SWIPER.JS BANNER CAROUSEL SLIDER
** ------------------------------------------------------ */
.swiper-container {
width: 100%;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
bottom: -8px;
left: 0;
width: 100%;
}
.swiper-pagination-bullet {
width: 25%;
display: inline-block;
border-radius: 0;
background: #06293b;
opacity: 1;
height: 12px;
background-color: #06293b;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 0px;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
background: #73bd21;
background-color: #73bd21;
}
.num_of_slides_1 .swiper-pagination-bullet {width: 100%;}
.num_of_slides_2 .swiper-pagination-bullet {width: 50%;}
.num_of_slides_3 .swiper-pagination-bullet {width: 33.2%;}
.num_of_slides_4 .swiper-pagination-bullet {width: 25%;}
.num_of_slides_5 .swiper-pagination-bullet {width: 20%;}
.num_of_slides_6 .swiper-pagination-bullet {width: 16%;}
/* ============================================================================================================================
== Training Networks
** ============================================================================================================================ */
.banner-grey{
background-color: #7a868c;
padding: 0px 0px 50px 0px;
margin-bottom: 40px;
}
.banner-grey .banner-details{
padding-left: 80px;
padding-top: 40px;
}
.banner-grey h1{
font-family: 'unineue_light', Arial, sans-serif;
font-size: 42px;
color: #ffffff;
border-bottom: 1px solid #ffffff;
padding-bottom: 15px;
margin-bottom: 20px;
display: inline-block;
}
.banner-grey h1.no-border-bottom,
.banner-blue h1.no-border-bottom {
border-bottom: none;
}
.banner-grey p.intro{
font-family: 'unineue_light', Arial, sans-serif;
font-size: 36px;
line-height: 38px;
color: #ffffff;
margin-bottom: 12px;
display: block;
max-width: 700px;
}
.banner-grey p{
font-family: 'droid_sans_regular', Arial, sans-serif;
font-size: 15px;
line-height: 22px;
color: #ffffff;
margin-bottom: 12px;
max-width: 700px;
}
.banner-grey .circle-image{
margin-right: 40px;
margin-top: 70px;
padding: 0;
}
.breadcrumbs,
.breadcrumbs a{
font-size: 15px;
color: #ffffff;
margin: 30px 0;
}
.breadcrumbs.dark,
.breadcrumbs.dark a{
font-size: 15px;
color: #373d3f;
margin-top: 30px;
margin-bottom: 0;
}
.we-can-help-your-business{
background-color:#06293b;
padding-top: 50px;
}
.we-can-help-your-business .intro_wrapper{
width:30%;
display: inline-block;
margin-right: 1%;
}
.we-can-help-your-business .section_title{
font-size: 47px;
line-height: 49px;
font-family: 'unineue_regular', Arial, sans-serif;
color: #75bd23;
margin-bottom: 14px;
}
.we-can-help-your-business .divider{
margin-top: 0px;
}
.we-can-help-your-business p{
font-size: 17px;
line-height: 25px;
margin-bottom: 12px;
color: #ffffff;
padding-right: 20px;
}
.we-can-help-your-business .circle-460{
margin-top: 50px;
text-align: left;
padding-left: 80px;
padding-top: 65px;
}
.we-can-help-your-business .circle-460 h3{
font-size: 45px;
line-height: 53px;
font-family: 'unineue_regular', Arial, sans-serif;
color: #00293a;
margin-top: 0;
margin-bottom: 15px;
}
.we-can-help-your-business .circle-460 p{
font-size: 20px;
line-height: 24px;
color: #00293a;
padding-right: 35px;
}
.we-can-help-your-business .circle-360{
text-align: left;
padding-left: 60px;
padding-top: 60px;
position: absolute;
top:0;
right:-20px;
}
.we-can-help-your-business .circle-360 h3{
font-size: 34px;
line-height: 45px;
font-family: 'unineue_regular', Arial, sans-serif;
color: #00293a;
margin-top: 0;
margin-bottom: 15px;
}
.we-can-help-your-business .circle-360 p{
font-size: 16px;
line-height: 21px;
color: #00293a;
padding-right: 35px;
}
/* ============================================================================================================================
== CASE STUDIES page
** ============================================================================================================================ */
.featured-cta{
min-height: 400px;
background: url('images/case-studies-featured-cta-image-right.jpg') #f1f1f1;
background-position: right center;
background-size: 48% auto;
background-repeat: no-repeat;
margin-bottom: 60px;
}
.featured-cta .circle{
margin-top: 40px;
}
.featured-cta .circle h3{
color: #ffffff;
font-size: 34px;
font-family: 'unineue_regular', Arial, sans-serif;
line-height: 34px;
padding-top: 30%;
margin-top: 0;
}
.featured-cta h2{
margin-top: 40px;
font-size: 40px;
line-height: 41px;
font-family: 'unineue_light', Arial, sans-serif;
margin-bottom: 25px;
}
.featured-cta p{
font-size: 14px;
line-height: 19px;
color: #565656;
margin-bottom: 50px;
}
.featured-cta .find-out-more {
font-family: 'droid_sans_bold', Arial, sans-serif;
text-transform: uppercase;
padding-bottom: 10px;
color: #75bd23;
border-bottom: 1px solid #75bd23;
display: block;
max-width: 100%;
font-size: 16px;
}
.case-study-featured-cta.featured-cta h2{
margin-top: 80px;
}
/* ===========================================================================================================================
== SINGLE CASE STUDY PAGE
** =========================================================================================================================== */
.embed-container {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
margin-bottom: 30px;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.single-casestudy .circle-image img {
/* margin-left: -50%; */
}
.single-casestudy .banner-grey .circle-image {
margin-right: 10px;
margin-top: 30px;
}
.stats > div{
margin-right: 20px;
margin-top: 20px;
padding: 40px 8px 8px 8px;
color: #ffffff;
font-size: 12px;
line-height: 17px;
text-align: center;
}
.stats > div:nth-child(3){
margin-right: 0;
}
.stats > div span{
font-size: 32px;
font-weight: bold;
display: block;
margin-bottom: 12px;
}
.casestudy-company{
background-color: #eff0f1;
margin-bottom: 20px;
padding: 25px 33px 25px 27px;
}
.casestudy-company > img{
max-width: 75%;
}
.casestudy-network{
background-color: #ffffff;
border:2px solid #72bc23;
padding:20px;
padding: 25px 33px 25px 27px;
}
.cs-side-panel h3{
color: #75bd23;
font-size: 26px;
font-family: 'unineue_regular', Arial, sans-serif;
}
.cs-side-panel h4{
color: #75bd23;
font-size: 18px;
font-family: 'unineue_regular', Arial, sans-serif;
}
.cs-side-panel p{
color: #373d3f;
font-size: 13px;
line-height: 19px;
padding: 0px 15px 0px 0px;
}
.cs-side-panel .casestudy-network p{
color: #00293a;
}
.case-study-single-content.page-content p{
color: #373d3f;
font-size: 13px;
line-height: 19px;
padding: 0px 0px;
}
.case-study-single-content.page-content blockquote p{
color: #373d3f;
font-size: 13px;
line-height: 19px;
font-family: 'unineue_regular', Arial, sans-serif;
}
.case-study-single-content.page-content ul li,
.case-study-single-content.page-content ol li {
color: #373d3f;
font-size: 13px;
line-height: 20px;
}
.case-study-single-content.page-content ul {
list-style: none;
padding: 0;
margin: 0;
margin-bottom: 15px;
}
.case-study-single-content.page-content ul li {
padding-left: 1.5em;
text-indent: -.5em;
}
.case-study-single-content.page-content ul li::before {
content: "• ";
color: #72bc23;
font-size: 24px;
line-height: 20px;
display: inline-block;
vertical-align: middle;
}
.case-study-single-content.page-content blockquote {
border-top: 2px solid #73bd21;
border-bottom: 2px solid #73bd21;
}
.case-study-single-content.page-content blockquote h2{
margin-bottom: 10px;
}
.case-study-single-content.page-content blockquote h3{
margin-left: 0;
padding-left: 0;
color: #777777;
margin-top: 0;
}
.case-study-single-content.page-content h2 {
font-size: 28px;
line-height: 37px;
font-family: 'unineue_regular', Arial, sans-serif;
margin: 0px 0px 20px 0px;
padding: 0px;
}
.case-study-single-content.page-content h3 {
margin: 0px 0px 20px 0px;
padding: 0px;
}
.casestudy-network .white-panel.get-in-touch {
max-width: 460px;
padding: 0px 0px 15px 0px;
}
.casestudy-network .white-panel.get-in-touch li{
margin-right: 0;
width: 48%;
}
.casestudy-network .white-panel.get-in-touch li.manager{
font-size: 14px;
}
.casestudy-network .white-panel.get-in-touch li.manager,
.casestudy-network .white-panel.get-in-touch li.visit{
margin-right: 0;
width: 38%;
}
.casestudy-network .white-panel.get-in-touch li.tel,
.casestudy-network .white-panel.get-in-touch li.email{
margin-right: 0;
width: 60%;
}
/* ============================================================================================================================
== News Listing page
** ============================================================================================================================ */
.news-listing-container{
padding-top: 0px;
background-color: #f1f1f1;
}
article{
padding: 50px 0px;
}
article:first-child{
padding-top: 0;
}
article:nth-child(2n){
background-color: #efefef;
}
.platform-circle .circle-green{
color: #ffffff;
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 40px;
line-height: 165px;
margin-bottom: 50px;
}
.news-listing-container {
padding-bottom: 50px;
}
.news-listing-container .page-content h1{
font-family: 'unineue_regular', Arial, sans-serif;
margin: 0px 0px 40px 0px;
font-size: 55px;
line-height: 60px;
color: #75bd23;
}
.news-listing-container .page-content .cat-intro p{
font-size: 30px;
line-height:36px;
font-family: 'unineue_light', Arial, sans-serif;
max-width: 75%;
}
.news-listing-container .page-content h2{
font-size: 30px;
line-height:36px;
font-family: 'unineue_light', Arial, sans-serif;
max-width: 75%;
}
.news-listing-container .twitter-bird-outline{
position: absolute;
bottom:20px;
right:40px;
}
.news-listing-container .news-img-crop {
width: 100%;
height: 205px;
overflow: hidden;
}
.news-listing-container .news-item {
background-color: #ffffff;
padding: 20px;
padding-bottom: 40px;
margin-bottom: 40px;
position: relative;
min-height: 185px;
}
.news-listing-container .news-item .date {
text-align: right;
display: block;
margin-bottom: 5px;
font-size: 11px;
}
.news-listing-container .news-item h3 {
font-family: 'unineue_light', Arial, sans-serif;
font-size: 18px;
line-height: 23px;
margin-bottom: 20px;
margin-top: 0;
max-width: 85%;
padding: 0px;
}
.news-listing-container .news-item .find-out-more {
padding-bottom: 8px;
border-bottom: 1px solid #00293a;
display: block;
max-width: 60%;
font-size: 11px;
line-height: 15px;
position: absolute;
bottom:15px;
left:20px;
}
.news-listing-container .hide_post_1,
.news-listing-container .hide_post_2,
.news-listing-container .hide_post_3{
display: none;
}
.news-listing-container .btn-medium{
padding: 0px 60px;
height: 46px;
border-radius: 23px;
font-size: 14px;
line-height: 46px;
}
.white-panel{
background-color: #ffffff;
padding: 20px;
}
.news-meta-panel{
font-size: 14px;
line-height: 19px;
}
.news-meta-panel ul{
margin-left: 0;padding-left: 0;
}
.news-meta-panel ul .news {
margin-bottom: 0px;
}
.news-meta-panel ul li{
font-family: 'droid_sans_bold', Arial, sans-serif;
display: block;
list-style: none;
border-bottom: 1px solid #82949d;
padding: 7px 0px;
font-size: 14px;
color: #00293a;
}
.news-meta-panel ul li.active{
font-family: 'droid_sans_bold', Arial, sans-serif;
padding: 10px 3px;
}
.news-meta-panel ul li a{
font-family: 'droid_sans_regular', Arial, sans-serif;
color: #00293a;
font-size: 14px;
padding: 3px 3px;
display: inline-block;
}
.news-meta-panel ul li.current-menu-item a,
.news-meta-panel ul li a.current{
font-family: 'droid_sans_bold', Arial, sans-serif;
}
.news-meta-panel h4{
font-size: 20px;
margin-bottom: 2px;
margin-top: 14px;
font-family: 'unineue_light', Arial, sans-serif;
}
.news-meta-panel a{
font-family: 'droid_sans_regular', Arial, sans-serif;
font-size: 14px;
color: #00293a;
}
.navigation.pagination h2 {
font-size: 30px;
line-height: 36px;
font-family: 'unineue_light', Arial, sans-serif;
max-width: 100%;
display: none;
}
.navigation.pagination .nav-links{
font-size: 30px;
line-height: 36px;
font-family: 'unineue_light', Arial, sans-serif;
}
/* ============================================================================================================================
== MANAGEMENT DEVELOPMENT PAGE
** ============================================================================================================================ */
.management-dev-hero {
height: 600px;
margin-bottom: 0px;
padding-top: 120px;
}
.management-dev-hero .circle{
position: relative;
}
.management-dev-hero h2 {
font-size: 40px;
line-height: 43px;
font-family: 'unineue_regular', Arial, sans-serif;
text-align: left;
max-width: 380px;
width: 320px;
margin-bottom: 0px;
position: absolute;
top:50%;
left:50%;
margin-top: 0;
transform: translateX(-50%) translateY(-60%);
}
.banner-blue{
background-color: #1f9bde;
background-color: #6eb2c8;
padding: 0px 0px 70px 0px;
margin-bottom: 40px;
}
.banner-blue .diagonal-lines{margin-bottom: 50px;}
.banner-blue h2{
font-family: 'unineue_light', Arial, sans-serif;
font-size: 41px;
color: #ffffff;
border-bottom: 1px solid #ffffff;
padding-bottom: 15px;
margin-bottom: 20px;
display: inline-block;
margin-top: 0;
}
.banner-blue p {
font-family: 'unineue_light', Arial, sans-serif;
font-size: 30px;
line-height: 34px;
color: #ffffff;
margin-bottom: 12px;
display: block;
}
.banner-blue.man-programmes-tabs p{
font-size: 27px;
line-height: 32px;
}
.banner-blue._version2 h2{
font-family: 'unineue_regular', Arial, sans-serif;
}
.banner-blue._version2 p.intro{
font-family: 'unineue_light', Arial, sans-serif;
font-size: 36px;
line-height: 38px;
color: #ffffff;
margin-bottom: 12px;
display: block;
max-width: 700px;
}
.banner-blue._version2 p{
font-family: 'droid_sans_regular', Arial, sans-serif;
font-size: 15px;
line-height: 22px;
color: #ffffff;
margin-bottom: 12px;
max-width: 700px;
}
.management-programmes{
background-color: #f1f1f1;
margin-bottom: 40px;
padding: 20px 0px 50px 0px;
}
.management-programmes .details{
background-color: #373d3f;
padding: 20px 45px;
color: #ffffff;
}
.management-programmes h2{
font-size: 45px;
line-height: 49px;
color: #00293a;
text-align: center;
position: relative;
z-index: 1;
margin-bottom: 40px;
}
.management-programmes h2::before {
border-top: 2px solid #83c1e2;
content: "";
margin: 0 auto;
position: absolute;
top: 50%;
left: 0;
right: 0;
bottom: 0;
width: 100%;
z-index: -1;
}
.management-programmes h2 span{
background-color: #f1f1f1;
padding: 0 15px;
}
.management-programmes span.provided-by{
position: absolute;
top:10px;
left:0;
right:0;
text-align: center;
color: #ffffff;
z-index: 999;
}
.management-programmes .news-img-crop {
filter: none;
}
.management-programmes .news-img-crop::before{
content: none;
background: transparent;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
height: 100%;
z-index: 0;
-webkit-transition: none;
transition: none;
}
.management-programmes p{
color: #ffffff;
font-size: 15px;
line-height: 18px;
max-width: 400px;
margin: 0px auto 20px auto;
}
.featured-cta.management-programmes-cta {
min-height: 400px;
background: url(images/management-programmes-skillnet-v3.jpg) #f1f1f1;
background-position: right center;
background-size: 48% auto;
background-repeat: no-repeat;
margin-bottom: 60px;
}
.management-development-sme-growth .full-width-banner {
height: 640px;
padding-top: 20px;
}
.management-development-sme-growth .circle.c_large{
margin-top: 120px;
}
.management-development-sme-growth .circle h3{
color: #ffffff;
font-size: 57px;
line-height: 59px;
text-align: left;
position: absolute;
top:50%;
margin-top: 0;
left:50%;
transform: translateY(-50%) translateX(-50%);
font-family: 'unineue_regular', Arial, sans-serif;
}
.management-development-sme-growth .circle p{
color: #ffffff;
font-size: 14px;
line-height: 16px;
text-align: left;
position: absolute;
top:50%;
left:50%;
transform: translateY(-50%) translateX(-50%);
max-width: 220px;
margin-top: 0;
}
.management-development-sme-growth .circle.no-padding {
padding: 0;
}
.management-development-sme-growth .circle.no-padding .find-out-more {
font-family: 'droid_sans_bold', Arial, sans-serif;
text-transform: uppercase;
padding-bottom: 10px;
color: #ffffff;
border-bottom: 1px solid #345769;
display: block;
width: 100%;
font-size: 16px;
text-align: left;
position: absolute;
top:45%;
left:10%;
}
.management-development-sme-growth .circle.no-padding .find-out-more:hover,
.management-development-sme-growth .circle.no-padding .find-out-more:focus,
.management-development-sme-growth .circle.no-padding .find-out-more:active{
color: #73bd21;
}
.management-development-home-doormats{
margin-bottom: 75px;
}
.four_doormats{background-color: transparent;}
.four_doormats .doormat {
display: inline-block;
width: 24%;
margin-bottom: 0px;
padding-top: 60px;
background-color: #f1f1f1;
position: relative;
border-right: none;
border-top-right-radius: 50px;
padding: 150px 20px 60px 20px;
margin-right: 1%;
}
.four_doormats._only_three_doormats .doormat {
width: 32.6%;
margin-right: 1%;
}
.four_doormats._only_three_doormats .doormat.d3{
margin-right: 0;
}
.four_doormats .doormat.d4{
margin-right: 0;
}
.four_doormats h3{
font-family: 'unineue_light', Arial, serif;
font-size: 25px;
line-height: 27px;
position: absolute;
bottom:54%;
max-width: 55%;
}
.four_doormats p{
font-family: 'droid_sans_regular', Arial, sans-serif;
font-size: 14.5px;
line-height: 17px;
color: #4d4d4d;
margin-bottom: 10px;
}
.four_doormats .find-out-more{
font-family: 'droid_sans_bold', Arial, sans-serif;
text-transform: uppercase;
padding-bottom: 6px;
color: #75bd23;
border-bottom: 1px solid #75bd23;
display: block;
max-width: 100%;
margin-bottom: 17px;
position: absolute;
bottom:5px;
left:20px;
}
/* ============================================================================================================================
== MANAGEMENT DEVELOPMENT PROGRAMMES PAGE
** ============================================================================================================================ */
section.management-development-programmes{
padding-bottom: 80px;
padding-top: 50px;
}
h3.filter-intro-title {
font-family: 'unineue_light', Arial, sans-serif;
font-size: 24px;
line-height: 32px;
margin-bottom: 30px;
display: block;
}
a.btn-programmes{
color: #ffffff;
border:1px solid #ffffff;
padding: 15px 15px;
text-align: center;
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 22px;
width:31%;
margin-right: 2%;
display: inline-block;
min-height: 85px;
vertical-align: top;
margin-bottom: 20px;
text-align: center;
border:1px solid #00293a;
color: #00293a;
}
a.btn-programmes.active{
background-color: #8fcdef;
border-color: #8fcdef;
background-color: #00293a;
border-color: #00293a;
color: #ffffff;
}
a.btn-programmes:hover,
a.btn-programmes:focus{
color: #ffffff;
background-color: #8fcdef;
border-color: #8fcdef;
background-color: #00293a;
border-color: #00293a;
}
.management-development-programmes .tab-content{
display: none;
}
.management-development-programmes .tab-content#tabs-1 {
display: block;
}
.management-development-programmes h2{
font-size: 33px;
font-family: 'unineue_regular', Arial, sans-serif;
border-bottom: 2px solid #83c1e2;
line-height: 45px;
padding-bottom: 23px;
margin-bottom: 30px;
margin-top: 30px;
}
.management-development-programmes .news-img-crop {
width: 100%;
height: 145px;
overflow: hidden;
}
.management-development-programmes .news-item {
padding: 16px 10px 40px 10px;
margin-bottom: 40px;
position: relative;
}
.management-development-programmes .news-item h3,
.management-development-programmes .news-item h3 a {
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 13px;
margin-bottom: 5px;
color: #009bde;
margin-top: 0;
}
.management-development-programmes .news-item p {
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 12px;
line-height: 15px;
margin-bottom: 10px;
color: #00293a;
padding-right: 10%;
}
.management-development-programmes .news-item .find-out-more {
font-size: 10px;
line-height: 13px;
padding-bottom: 4px;
color: #00293a;
border-bottom: 1px solid #b7c0c4;
max-width: 60%;
position: absolute;
top: auto;
bottom: 13px;
left: 10px;
}
/* ============================================================================================================================
== SINGLE MANAGEMENT DEVELOPMENT PROGRAMME PAGE
** ============================================================================================================================ */
.banner-light-grey.programme-details h1{
font-size: 30px;
font-family: 'unineue_regular', Arial, sans-serif;
margin-bottom: 30px;
color: #00293a;
}
.banner-light-grey.programme-details h2{
font-size: 24px;
font-family: 'unineue_regular', Arial, sans-serif;
color: #00293a;
}
.banner-light-grey.programme-details h3{
font-size: 21px;
font-family: 'unineue_regular', Arial, sans-serif;
color: #00293a;
}
.banner-light-grey.programme-details h4{
font-size: 20px;
font-family: 'unineue_regular', Arial, sans-serif;
color: #00293a;
}
.banner-light-grey.programme-details h5{
font-size: 18px;
font-family: 'unineue_regular', Arial, sans-serif;
color: #00293a;
}
#enquiry-form-modal{
width:80%; max-width:740px;
padding: 50px 60px 60px 60px;
border-radius: 8px;
}
#enquiry-form-modal p.center{text-align: center;}
#enquiry-form-modal p.center img{margin:0 auto;}
#enquiry-form-modal h2{
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 26px;
color: #00293a;
margin-top: 0;
margin-bottom: 25px;
}
#enquiry-form-modal .button {
background-color: #011f71;
border: 0 none;
letter-spacing: 0;
color: #ffffff;
margin: 15px auto;
border-radius: 19px;
height:40px;
font-size: 15px;
text-transform: uppercase;
font-weight: bold;
display: block;
width:160px;
background: url(images/icon-right-arrow-subscribe.png) no-repeat 90% center #011f71;
}
/* ============================================================================================================================
== NETWORK MANAGEMENT DEVELOPMENT PROGRAMMES (2018)
** ============================================================================================================================ */
.what-is-happening{margin-bottom: 50px;}
.what-is-happening h4 {
font-size: 26px;
line-height: 35px;
color: #00293a;
font-family: 'unineue_regular', Arial, sans-serif;
display: inline-block;
margin-top: 0;
margin-bottom: 15px;
font-weight: bold;
border-bottom: 2px solid #00293a;
padding-bottom: 5px;
}
.what-is-happening p{
font-size: 21px;
line-height: 1.3em;
font-family: 'unineue_light', Arial, sans-serif;
margin-bottom: 20px;
}
.what-is-happening a{
font-family: 'droid_sans_bold', Arial, sans-serif;
text-transform: uppercase;
padding-bottom: 4px;
color: #00293a;
border-bottom: 2px solid #00293a;
font-size: 16px;
}
.map-icon-network-map{
padding: 0 5% 0px 20%;
text-align: right;
}
.network-management-development-programmes-cta p {
font-size: 28px;
line-height: 1.3em;
font-family: 'unineue_regular', Arial, sans-serif;
margin-bottom: 0px;
margin-top: 40px;
}
.network-management-development-programmes-cta .find-out-more{
font-family: 'droid_sans_bold', Arial, sans-serif;
text-transform: uppercase;
padding-bottom: 6px;
color: #75bd23;
border-bottom: 1px solid #75bd23;
display: block;
max-width: 100%;
margin-bottom: 0px;
margin-top: 160px;
}
/* ============================================================================================================================
== SINGLE EVENTS PAGE
** ============================================================================================================================ */
.banner-event{
padding: 0px 0px 50px 0px;
margin-bottom: 40px;
}
.banner-event .banner-details{
padding-left: 80px;
padding-top: 40px;
}
.banner-event h2{
font-family: 'unineue_light', Arial, sans-serif;
font-size: 42px;
color: #ffffff;
border-bottom: 1px solid #ffffff;
padding-bottom: 15px;
margin-bottom: 20px;
display: inline-block;
}
.banner-event p.intro{
font-family: 'unineue_light', Arial, sans-serif;
font-size: 36px;
line-height: 38px;
color: #ffffff;
margin-bottom: 12px;
display: block;
max-width: 700px;
}
.banner-event p{
font-family: 'droid_sans_regular', Arial, sans-serif;
font-size: 15px;
line-height: 22px;
color: #ffffff;
margin-bottom: 12px;
max-width: 700px;
}
.banner-event .circle-image{
margin-right: 40px;
margin-top: 70px;
padding: 0;
}
.grey-panel{
background-color: #f4f4f4;
padding: 20px;
}
.grey-panel.get-in-touch{
max-width: 560px;
}
.grey-panel.get-in-touch a{
font-family: 'unineue_regular', Arial, sans-serif;
font-size:14px;
color: #373d3f;
}
.grey-panel.get-in-touch ul{margin-left:0;padding-left: 0;}
.grey-panel.get-in-touch li{
display: inline-block;
list-style:none;
margin-right: 30px;
}
.grey-panel.get-in-touch span{
display: inline-block;
width: 35px;
background-color: #373d3f;
color: #ffffff;
height: 35px;
border-radius: 50%;
line-height: 35px;
text-align: center;
margin-right: 10px;
}
.grey-panel.get-in-touch .visit span{
background-color: transparent;
border-radius: 0;
}
/* -------------------------------------
EVENTS TICKETS OVERRIDES
------------------------------------- */
.tribe-link-view-attendee{
display: none;
}
.skillnet-tickets-rsvp-plus {
color: #373d3f;
font-size: 16px;
line-height: 25px;
padding: 0px 12px;
margin-top: 40px;
padding-top: 30px;
border-top: solid 6px #73bd21;
}
.skillnet-tickets-rsvp-plus .tribe-events-tickets {
background: #ffffff;
border: 0;
border-radius: 0px;
position: relative;
}
.skillnet-tickets-rsvp-plus .tribe-button{
background-color: #73bd21;
padding: 20px 60px;
height: 70px;
border-radius: 35px;
color: #ffffff;
font-size: 21px;
}
.skillnet-tickets-rsvp-plus label {
display: inline-block;
max-width: 100%;
margin-bottom: 2px;
font-weight: normal;
}
.skillnet-tickets-rsvp-plus .tribe-events-tickets .tickets_description,
.skillnet-tickets-rsvp-plus .tribe-events-tickets .tickets_name,
.skillnet-tickets-rsvp-plus .tribe-events-tickets .tickets_name p,
.skillnet-tickets-rsvp-plus .tribe-events-tickets .tickets_price {
border-bottom: 1px solid #dfdfdf;
color: #373d3f;
font-size: 16px;
padding: 20px 10px 20px 0px;
}
.skillnet-tickets-rsvp-plus .tribe-rsvp-message-success {
background-color: #73bd21;
border-color: #73bd21;
color: #ffffff;
}
.skillnet-tickets-rsvp-plus .tribe-rsvp-message {
border-radius: 0px;
border-style: solid;
border-width: 1px;
font-size: 16px;
margin: 0 0 5px;
padding: 15px;
}
.tribe-rsvp-messages {
padding: 10px 10px 5px 0px;
}
/* ============================================================================================================================
== ABOUT PAGE
** ============================================================================================================================ */
.about-us-hero {
height: 670px;
margin-bottom: 0px;
padding-top: 200px;
}
.about-us-hero .circle{
position: relative;
}
.about-us-hero h2 {
font-size: 40px;
line-height: 43px;
font-family: 'unineue_regular', Arial, sans-serif;
text-align: left;
max-width: 380px;
width: 320px;
margin-bottom: 0px;
position: absolute;
top:50%;
left:50%;
margin-top: 0;
transform: translateX(-45%) translateY(-50%);
}
.breadcrumbs.bc_grey,
.breadcrumbs.bc_grey a{
font-size: 15px;
color: #373d3f;
margin-top: 30px;
margin-bottom: 0;
}
.banner-white{
background-color: #ffffff;
padding: 0px 0px 70px 0px;
margin-bottom: 40px;
}
.banner-white .diagonal-lines{margin-bottom: 50px;}
.banner-white h2{
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 41px;
color: #75bd23;
border-bottom: 1px solid #75bd23;
padding-bottom: 15px;
margin-bottom: 20px;
display: inline-block;
margin-top: 0;
}
.banner-white p {
font-family: 'unineue_light', Arial, sans-serif;
font-size: 32px;
line-height: 35px;
color: #373d3f;
margin-bottom: 12px;
display: block;
}
.banner-white.small_intro_text p {
font-size: 27px;
line-height: 32px;
}
.about-panel-cards-section{
margin-bottom: 50px;
}
.about-panel-cards-section .container.full-width{
width: 100%;
}
.about-panel-cards-section .panel-card{
overflow: hidden;
border-right:4px solid white;
border-left:4px solid white;
margin-bottom: 9px;
}
.about-panel-cards-section .panel-card h3{
font-size: 36px;
font-family: 'unineue_regular', Arial, sans-serif;
color: #00293a;
}
.about-panel-cards-section .circle-image{
padding: 0;
display: inline-block;
position: absolute;
left:20px; top:20px;
}
.pc_style_one{
background-color: #06293b;
padding: 48px 5%;
color: #ffffff;
}
.pc_style_one.no-padding {
background-color: #ffffff;
padding: 0px 0%;
color: #ffffff;
}
.pc_style_one.no-padding > div.inner-pc-style-one{
padding: 48px 5%;
}
.pc_style_one.pc_full_width{
padding-top: 65px;
}
.pc_style_one.pc_half_width{
width:50%;
display: inline-block;
}
.pc_style_one.pc_half_width .icon{
margin: 0 auto;
text-align: center;
margin-bottom: 40px;
}
.pc_style_one p{
color: #4d4d4d;
margin-bottom: 30px;
}
.pc_style_one.dark p{
color: #ffffff;
}
.pc_style_one.dark h3{
color: #75bd23;
}
.pc_style_one a.find-out-more{
color: #75bd23;
text-transform: uppercase;
font-family: 'droid_sans_bold', Arial, sans-serif;
text-transform: uppercase;
padding-bottom: 10px;
border-bottom: 1px solid #75bd23;
display: block;
}
.pc_style_one a.find-out-more.white{
color: #ffffff;
border-bottom: 1px solid #ffffff;
}
.pc_style_one a.find-out-more:hover{
color: #558b18;
}
.pc_style_one.pc_full_width{
width:100%;
display: block;
background-color: #a2c6d5;
}
.pc_style_one.pc_full_width .icon{
display: inline-block;
width: 35%;
margin-right: 4%;
}
.pc_style_one.pc_full_width .panel-content{
display: inline-block;
width: 58%;
max-width: 400px;
}
.pc_style_one.pc_full_width a.find-out-more{
border-bottom: 1px solid #ffffff;
}
.pc_style_two img{
width:100%;
}
.pc_full_width.all_white h3,
.pc_full_width.all_white p,
.pc_full_width.all_white a{
color: #ffffff;
}
.pc_full_width.all_white a:hover {
color: #e1e1e1;
}
.col-sm-6.about-col-left{
padding-right: 0;
}
.col-sm-6.about-col-right{
padding-left: 0;
padding-top: 60px;
}
.pc_style_one > .overlay {
background: rgba(6, 41, 59, 0.75);
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
height: 100%;
color: #ffffff;
padding: 25px;
padding-right: 40%;
}
/* ============================================================================================================================
== STANDARD CONTENT PAGE
** ============================================================================================================================ */
.page-content{
padding-left:50px;
margin: 0px 0px 0px 0px;
}
.page-content h1{
font-size: 31px;
line-height: 39px;
font-family: 'unineue_regular', Arial, sans-serif;
margin: 0px 0px 20px 0px;
}
.page-content p{
color: #373d3f;
font-size: 15px;
line-height: 22px;
padding: 0px 12px;
}
.page-content ul li,
.page-content ol li {
color: #373d3f;
font-size: 15px;
line-height: 22px;
}
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5{
padding: 0px 12px;
}
.page-content h2 {
font-size: 25px;
font-family: 'unineue_regular', Arial, sans-serif;
color: #00293a;
}
.page-content h3 {
font-size: 19px;
font-family: 'unineue_regular', Arial, sans-serif;
color: #00293a;
}
.page-content h3 {
font-size: 18px;
font-family: 'unineue_regular', Arial, sans-serif;
color: #00293a;
}
.inner-page-content p a{
text-decoration: underline;
}
.inner-page-content img{
height:auto;
}
.page-content .intro_paragraph{
margin-bottom: 38px;
color: #373d3f;
font-size: 13px;
line-height: 18px;
padding: 0;
}
.page-banner-image{
/*max-height: 360px;*/
overflow: hidden;
margin-bottom: 38px;
position: relative;
}
.page-banner-image .caption{
position: absolute;
bottom: 0;
left:0;
right:0;
height:auto;
background-color: #f2f2f2;
color: #373d3f;
font-size: 12px;
line-height: 17px;
padding:8px 30px 8px 10px;
}
.page-banner-image img{
width: 100%;
height: auto;
vertical-align: middle;
}
.page-content .wp-caption img{
width: 100%;
height:auto;
}
.page-content .wp-caption.alignright{
float:right;
margin-left: 15px;
}
.page-content p.wp-caption-text{
height:30px;
background-color: #f2f2f2;
color: #373d3f;
font-size: 12px;
padding-left: 10px;
line-height: 30px;
padding-right: 0;
}
.page-content blockquote {
padding: 20px 25px 25px 0px;
margin: 20px 0 20px 0px;
font-size: 27px;
border-left: none;
border-top: 1px solid #73bd21;
border-bottom: 6px solid #73bd21;
}
.page-content blockquote p{
font-size: 25px;
line-height: 34px;
font-family: 'unineue_light', Arial, sans-serif;
}
sidebar{
display: block;
}
sidebar .panel-card .stay-up-to-date{
height:300px;
}
sidebar .panel-card .stay-up-to-date h2 {
font-size: 34px;
line-height: 40px;
margin-bottom: 10px;
}
sidebar .panel-card .stay-up-to-date .cta {
padding: 10px 16px 20px 20px;
}
sidebar .panel-card .stay-up-to-date .circle-green {
top: 8px;
left: 8px;
font-size: 22px;
line-height: 90px;
}
sidebar .panel-card.panel-style-1{
min-height: 300px;
}
sidebar .panel-card.panel-style-1 h3 {
margin-top: 10px;
font-size: 34px;
line-height: 40px;
font-family: 'unineue_regular', Arial, sans-serif;
margin-bottom: 15px;
}
.sharethis {font-size: 13px;line-height:15px;color: #373d3f;text-align: right;border-bottom: 1px solid #73bd21;padding-bottom: 2px;margin-bottom: 15px;}
.sharethis .shareicons{display: inline-block;margin-left: 0;padding-left: 0;font-size: 13px;}
.sharethis .shareicons li{
display: inline-block;
color: #373d3f;
font-size: 13px;
}
.sharethis .shareicons li a{
color: #373d3f;
}
.sharethis .shareicons li span{
display: inline-block;
width: 16px;
background-color: #000000;
height: 16px;
border-radius: 50%;
line-height: 16px;
text-align: center;
margin-right: 5px;
margin-left: 3px;
}
.sharethis .shareicons li span i{
color: #ffffff;
font-size: 10px;
}
.sharethis.sharethis-bottom {text-align: left;border-bottom: none;margin-top: 50px;padding-left: 12px;}
.related-articles{
margin: 50px -20px 65px -20px;
}
.related-articles .article-container{
padding: 0 10px;
}
.related-articles .panel-card{
overflow: hidden;
border-right:none;
border-left:none;
margin-bottom: 40px;
position: relative;
min-height: 220px;
padding-top: 0px;
margin-left: 10px;
margin-right: 10px;
}
.related-articles .panel-card .panel-content{
position: absolute;
bottom:20px;
left:26px;
}
.related-articles .pc_style_one.pc_full_width .panel-content {
display: inline-block;
width: 70%;
max-width: 700px;
}
.related-articles .panel-card h3{
font-size: 26px;
font-family: 'unineue_light', Arial, sans-serif;
color: #ffffff;
}
.related-articles .pc_style_one a.find-out-more {
color: #75bd23;
text-transform: uppercase;
font-family: 'droid_sans_bold', Arial, sans-serif;
font-size: 10px;
line-height: 16px;
text-transform: uppercase;
padding-bottom: 3px;
border-bottom: 1px solid #75bd23;
display: block;
}
/* ============================================================================================================================
== OUR PEOPLE PAGE
** ============================================================================================================================ */
.people-hero{
height: 400px;
margin-bottom: 0px;
padding-top: 0px;
position: relative;
width: 100%;
}
.people-hero .intro{
padding-top: 105px;
}
.people-hero .intro h2{
font-size: 41px;
line-height: 45px;
font-family: 'unineue_regular', Arial, sans-serif;
text-align: left;
max-width: 300px;
margin-bottom: 20px;
margin-top: 0;
border-bottom: 1px solid #d5dadd;
padding-bottom: 20px;
}
.people-hero .intro p{
font-family: 'unineue_light', Arial, sans-serif;
font-size: 35px;
line-height: 42px;
width: 75%;
color: #ffffff;
}
.banner-overlay-people {
background: rgba(6,41,59,.60);
overflow: hidden;
height: 100%;
width: 100%;
padding-top: 0px;
position: absolute;
}
.circular--square {
border-radius: 50%;
display: inline-block;
}
.testimonials-with-images .circular--square{
max-width: 240px;
width: 25%;
display: inline-block;
}
.testimonials-with-images .testimonials-single{
margin-top: 30px;
padding-top: 40px;
margin-bottom: 20px;
border-top: 1px solid #73bd21;
}
.testimonials-with-images .testimonial{
display: inline-block;
width: 90%;
padding-left: 30px;
padding-right: 0px;
padding-top: 20px;
color: #373d3f;
}
.testimonials-with-images ._with_image .testimonial{
width:70%;
}
.testimonials-with-images .testimonial span{
display: block;
margin-top: 10px;
color: #00293a;
}
.testimonials-with-images .testimonial span.programme{
margin-top: 0px;
color: #373d3f;
font-size: 12px;
}
.our-people-container{
padding: 10px 0px 0px 0px;
}
.our-people-container.padding-bottom{
padding-bottom: 60px;
}
.our-people-container h3{
color: #75bd23;
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 30px;
margin-bottom: 30px;
margin-top: 30px;
}
.our-people-container h3.sub{
font-size: 24px;
margin-bottom: 30px;
margin-top: 30px;
}
.our-people-container img{
width: 55%;
max-width: 168px;
}
.our-people-container .profile{
display: inline-block;
width: 43%;
padding-left: 2%;
}
.our-people-container .person.col-sm-4{
padding-left: 5px;
padding-right: 5px;
margin-bottom: 60px;
}
.our-people-container .profile h4{
font-size: 23px;
font-family: 'unineue_regular',Arial, sans-serif;
color: #00293a;
}
.our-people-container .profile h5{
font-size: 13px;
font-family: 'unineue_light',Arial, sans-serif;
color: #373d3f;
text-transform: uppercase;
}
.our-people-container .profile p{
font-family: 'droid_sans_regular', Arial, sans-serif;
font-size: 13px;
line-height: 1.3em;
color: #4d4d4d;
margin-bottom: 4px;
}
.bg-grey{
background-color: #e5e5e7;
}
.our-people-container.board-sub-committees h4{
font-size: 20px;
font-family: 'unineue_regular',Arial, sans-serif;
color: #75bd23;
min-height: 50px;
}
.our-people-container.board-sub-committees p{
font-size: 15px;
font-family: 'unineue_regular',Arial, sans-serif;
color: #00293a;
}
/* ============================================================================================================================
== SINGLE SECTOR PAGE
** ============================================================================================================================ */
.single-sector-hero {
height: auto;
margin-bottom: 0px;
padding-top: 0px;
position: relative;
}
.single-sector-hero .intro{
padding-top: 115px;
}
.single-sector-hero .intro h2{
font-size: 41px;
line-height: 45px;
font-family: 'unineue_regular', Arial, sans-serif;
text-align: left;
max-width: 450px;
margin-bottom: 20px;
margin-top: 0;
border-bottom: 1px solid #d5dadd;
padding-bottom: 20px;
color: #75bd23;
}
.single-sector-hero .intro p{
font-family: 'unineue_light', Arial, sans-serif;
font-size: 34px;
line-height: 41px;
width: 78%;
color: #ffffff;
margin-bottom: 30px;
}
.banner-overlay-sector {
background: rgba(6,41,59,.85);
overflow: hidden;
height: 100%;
width: 100%;
padding-top: 0px;
position: absolute;
}
.banner-green{
background-color: #73bd21;
padding: 50px 0px 70px 0px;
margin-bottom: 40px;
}
.banner-green h2{
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 36px;
color: #ffffff;
margin-bottom: 20px;
display: block;
margin-top: 0;
}
.banner-green p {
font-family: 'droid_sans_regular', Arial, sans-serif;
font-size: 13px;
line-height: 1.3em;
color: #ffffff;
margin-bottom: 12px;
display: block;
}
.what-is-a-network.banner-green p {
font-size: 18px;
line-height: 1.4em;
}
.what-is-a-network.banner-green h6{
font-size: 27px;
font-family: 'unineue_regular', Arial, sans-serif;
color: #ffffff;
text-align: center;
margin: 5px auto;
font-weight: normal;
}
.what-is-a-network.banner-green .plus{
margin-top: 60px;
}
.a-to-z{
margin-bottom: 40px;
text-align: right;
}
.a-to-z a{
font-size: 17px;
padding: 2px 5px;
display: inline-block;
margin-right: 6px;
}
.networks-container{
padding: 10px 0px 0px 0px;
}
.networks-container h2 {
font-size: 33px;
line-height: 40px;
color: #00293a;
font-family: 'unineue_regular', Arial, sans-serif;
display: inline-block;
margin-top: 0;
}
.networks-container .divider2 {
margin-top: 4px;
}
.networks-container.padding-bottom{
padding-bottom: 60px;
}
.networks-container img{
width: 55%;
max-width: 168px;
margin-bottom: 15px;
}
.networks-container .network-logo-image{
width: 53%;
margin-right: 2%;
max-width: 168px;
margin-bottom: 15px;
display: inline-block;
}
.networks-container .network-logo-image img{
width: 100%;
max-width: 100%;
}
.networks-container .profile{
display: inline-block;
width: 41%;
padding-left: 4%;
border-left:2px solid #646464;
}
.networks-container .col-sm-4{
padding-left: 5px;
padding-right: 5px;
}
.networks-container .network-profile{
margin-top: 50px;
margin-bottom: 50px;
}
.networks-container .profile h4{
font-size: 23px;
font-family: 'unineue_regular',Arial, sans-serif;
color: #00293a;
margin-top: 0;
}
.networks-container .profile h5{
font-size: 13px;
font-family: 'unineue_light',Arial, sans-serif;
color: #373d3f;
text-transform: none;
}
.networks-container .profile p{
font-family: 'droid_sans_regular', Arial, sans-serif;
font-size: 13px;
line-height: 1.3em;
color: #4d4d4d;
margin-bottom: 4px;
}
.networks-container .profile a.find-out-more{
font-family: 'droid_sans_bold', Arial, sans-serif;
text-transform: uppercase;
padding-bottom: 5px;
color: #75bd23;
border-bottom: 1px solid #96ce59;
display: block;
max-width: 100%;
font-size: 13px;
}
.cta-cant-find{
display: block;
background-color: #f1f1f1;
padding: 0px;
text-align: center;
font-family: 'unineue_light',Arial, sans-serif;
font-size: 25px;
color: #373d3f;
line-height: 40px;
border-bottom: 6px solid #73bd21;
margin-bottom: 25px;
padding: 15px 0px;
}
.cta-cant-find a{
text-decoration: underline;
color: #373d3f;
}
.case-studies-container h2 {
font-size: 33px;
line-height: 40px;
color: #00293a;
font-family: 'unineue_regular', Arial, sans-serif;
display: inline-block;
margin-top: 0;
}
.case-studies-container .divider2 {
margin-top: 4px;
}
.align-right{text-align: right;}
.arrow-down {
width: 0;
height: 0;
border-left: 35px solid transparent;
border-right: 35px solid transparent;
border-top: 35px solid #73bd21;
margin: 0 auto;
}
/* ============================================================================================================================
== SINGLE NETWORK PAGE
** ============================================================================================================================ */
.banner-light-grey{
background-color: #f4f4f4;
padding: 0px 0px 50px 0px;
margin-bottom: 40px;
}
.banner-light-grey .banner-details{
padding-left: 80px;
padding-top: 40px;
}
.banner-light-grey h1{
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 42px;
color: #00293a;
margin-bottom: 20px;
display: block;
margin-top: 0;
}
.banner-light-grey h1 span{
font-weight: bold;
}
.banner-light-grey h3{
font-family: 'droid_sans_regular', Arial, sans-serif;
font-size: 21px;
color: #373d3f;
margin-bottom: 20px;
display: block;
}
.banner-light-grey p.intro{
font-family: 'unineue_light', Arial, sans-serif;
font-size: 36px;
line-height: 38px;
color: #373d3f;
margin-bottom: 12px;
display: block;
max-width: 700px;
}
.banner-light-grey p{
font-family: 'droid_sans_regular', Arial, sans-serif;
font-size: 13px;
line-height: 18px;
color: #373d3f;
margin-bottom: 12px;
}
.banner-light-grey ul li,
.banner-light-grey ol li{
font-family: 'droid_sans_regular', Arial, sans-serif;
font-size: 13px;
line-height: 18px;
color: #373d3f;
margin-bottom: 2px;
vertical-align: top;
}
.banner-light-grey h4{
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 27px;
color: #00293a;
margin-bottom: 30px;
display: block;
}
.banner-light-grey h4 span{
font-weight: bold;
}
.banner-light-grey h5{
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 25px;
color: #00293a;
margin-bottom: 8px;
display: block;
}
.banner-light-grey h5.small{
font-size: 20px;
margin-bottom: 13px;
}
.network-logo{display: inline-block;width:24%;margin-right: 2%;}
.network-meta{display: inline-block;width: 66%;padding-right: 5%;}
.white-panel.get-in-touch{
max-width: 620px;
padding: 30px 10px 15px 30px;
}
.white-panel.get-in-touch a{
font-family: 'unineue_regular', Arial, sans-serif;
font-size:14px;
color: #373d3f;
}
.white-panel.get-in-touch ul{margin-left:0;padding-left: 0;margin-bottom: 0;}
.white-panel.get-in-touch li{
display: inline-block;
list-style:none;
margin-right: 10px;
vertical-align: middle;
width: 42%;
margin-bottom: 15px;
}
.white-panel.get-in-touch ul li strong{
color: #00293a;
font-family: 'droid_sans_bold', Arial, sans-serif;
font-weight: normal;
}
.white-panel.get-in-touch span{
display: inline-block;
width: 35px;
background-color: #373d3f;
color: #ffffff;
height: 35px;
border-radius: 50%;
line-height: 35px;
text-align: center;
margin-right: 10px;
}
.white-panel.get-in-touch .visit span{
background-color: transparent;
border-radius: 0;
}
.white-panel.get-in-touch .visit a{
text-decoration: underline;
}
.white-panel.get-in-touch .social-links li{
margin-right: 10px;
display: inline-block;
width: 35px;
background-color: #373d3f;
height: 35px;
border-radius: 50%;
line-height: 35px;
text-align: center;
}
.white-panel.get-in-touch .social-links li a{
color: #ffffff;
}
.white-panel.get-in-touch .social-links li a .fa-2x {
font-size: 1.5em;
}
.network-meta img{
margin-bottom: 15px;
}
.network-meta strong{
color: #00293a;
font-size: 14px;
font-family: 'droid_sans_bold', Arial, sans-serif;
display: block;
margin-bottom: 3px;
font-weight: normal;
}
.events-container{
padding: 60px 0px 0px 0px;
background-color: #06293b;
}
.events-container .event-profile{position: relative;}
.events-container .date-ribbon{
position: absolute;
top:-10px;
right:0px;
/*padding: 7px 12px;
color: #ffffff;
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 14px;
line-height: 15px;
text-align: center;
font-weight: bold;
background-color:#73bd21;
*/
}
.date-ribbon {
background: #73bd21;
height: 40px;
width: 45px;
color: #ffffff;
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 14px;
line-height: 15px;
text-align: center;
font-weight: bold;
}
.date-ribbon:after,.date-ribbon:before {
content: '';
position: absolute;
border-top: 15px solid #73bd21;
height: 0;
width: 0;
top: 100%;
}
.date-ribbon:after {
border-left: 22px solid transparent;
right:0;
}
.date-ribbon:before {
border-right: 22px solid transparent;
left:0;
}
.events-container h2 {
font-size: 55px;
line-height: 55px;
color: #75bd23;
font-family: 'unineue_regular', Arial, sans-serif;
display: block;
margin-top: 0;
margin-bottom: 28px;
padding-bottom: 0px;
}
.events-container .divider2 {
margin-top: 4px;
color: #65aa24;
background: #65aa24;
margin-bottom: 60px;
}
.events-container.padding-bottom{
padding-bottom: 60px;
}
.events-container img{
width: 55%;
max-width: 168px;
margin-bottom: 15px;
}
.events-container .circle-170 img {
margin-bottom: 15px;
height: 100%;
width: auto;
max-width: none;
}
.events-container .profile{
display: inline-block;
width: 43%;
padding-left: 2%;
}
.events-container .col-sm-4{
/*
padding-left: 5px;
padding-right: 5px;
*/
}
.events-container .event-profile{
margin-top: 0px;
margin-bottom: 50px;
}
.events-container .profile h4{
font-size: 23px;
font-family: 'unineue_regular',Arial, sans-serif;
font-weight: bold;
color: #ffffff;
margin-bottom: 28px;
max-width: 95%;
}
.events-container .profile p{
font-family: 'droid_sans_regular', Arial, sans-serif;
font-size: 13px;
line-height: 1.3em;
color: #ffffff;
margin-bottom: 14px;
}
.events-container .profile a.find-out-more{
font-family: 'droid_sans_bold', Arial, sans-serif;
text-transform: uppercase;
padding-bottom: 5px;
color: #ffffff;
border-bottom: 1px solid #96ce59;
display: block;
max-width: 100%;
font-size: 13px;
}
.events-container .profile a.find-out-more:hover{
color: #75bd23;
}
/* ============================================================================================================================
== EVENTS LISTING PAGE
** ============================================================================================================================ */
.events-filter{
background-color: #2f4e5d;
padding: 0px 15px;
color: #ffffff;
margin-bottom: 70px;
position: relative;
}
.events-filter > ul{
display: inline-block;
margin-bottom: 0;
}
.events-filter > ul > li{
display: inline-block;
list-style-image: none;
margin-right: 15px;
padding: 15px 10px;
padding-right: 25px;
background: url('images/icon-triangle-down.png') no-repeat 97% center;
background-size: 12px 7px;
}
.events-filter-dropdown{
padding: 18px;
position: absolute;
top: 80px;
left: 0px;
right: 0;
z-index: 99999;
vertical-align: top;
min-height: 300px;
opacity: 0;
visibility: hidden;
padding: 50px 20px 30px 40px;
background-color: #183c4c;
background: rgba(24,60,76, 0.94);
}
.events-filter-dropdown > ul{width: 100%;}
.events-filter-dropdown > ul > li{
display: inline-block;
vertical-align: top;
color: #ffffff;
list-style: none;
width: 24%;
}
.events-filter-dropdown ul{
margin-left: 0;
padding-left: 0;
}
.events-filter-dropdown ul li{
list-style: none;
margin-left: 0;
padding-left: 0;
}
.events-filter-dropdown ul li a{
color: #ffffff;
font-size: 14px;
}
.events-filter > ul > li:hover{
cursor: default;
background-color: #193d4d;
}
.events-filter li:hover > .events-filter-dropdown {
visibility: visible;
opacity: 1;
top:53px;
-webkit-transition: visibility 0.3s, opacity 0.3s linear, top 0.2s ease-in-out;
-moz-transition: visibility 0.3s, opacity 0.3s linear, top 0.2s ease-in-out;
-ms-transition: visibility 0.3s, opacity 0.3s linear, top 0.2s ease-in-out;
-o-transition: visibility 0.3s, opacity 0.3s linear, top 0.2s ease-in-out;
transition: visibility 0.3s, opacity 0.3s linear, top 0.2s ease-in-out;
}
.banner-overlay-events {
background: rgba(6,41,59,.70);
overflow: hidden;
height:100%;
width: 100%;
padding-top: 0px;
position: absolute;
}
.events-hero{
height: 410px;
margin-bottom: 0px;
padding-top: 0px;
position: relative;
}
.events-hero .intro{
padding-top: 140px;
}
.events-hero .intro h2{
font-size: 55px;
line-height: 65px;
font-family: 'unineue_regular', Arial, sans-serif;
text-align: left;
margin-bottom: 20px;
margin-top: 0;
border-bottom: 2px solid #75bd23;
padding-bottom: 20px;
color: #75bd23;
width: 53%;
}
.events-hero .intro p{
font-family: 'unineue_light', Arial, sans-serif;
font-size: 35px;
line-height: 42px;
color: #ffffff;
width: 60%;
}
.events-listing-container{
padding: 0px 0px 70px 0px;
}
/* ============================================================================================================================
== Setting up a new Network - new page template added August 2018
** ============================================================================================================================ */
.page-template-template-call-for-new-networks .testimonialquote{
}
.page-template-template-call-for-new-networks .banner-white p,
.page-template-template-call-for-new-networks .banner-blue p{
font-size: 27px;
line-height: 32px;
}
.openquotes{font-size: 100px;}
.page-template-template-call-for-new-networks .enhance-your-business h2 {
font-size: 38px;
line-height: 46px;
margin-bottom: 30px;
padding-right: 20px;
margin-top: 0;
}
.page-template-template-call-for-new-networks .testimonialquote h4{
max-width: 400px;
}
.banner-blue.banner-dark-blue {
background-color: #00293a;
padding: 0px 0px 70px 0px;
margin-bottom: 40px;
}
.banner-blue.banner-dark-blue h2 {
border-bottom: 2px solid #ffffff;
}
.accordion-faq-networks{
padding: 40px 0px;
}
.accordion-faq-networks h2{
font-size: 30px;
margin-bottom: 10px;
}
.setting-up-a-network-events h2{
font-size: 30px;
margin-bottom: 30px;
font-family: 'unineue_regular', Arial, sans-serif;
color: #00293a;
}
.setting-up-a-network-events{
background-color: #d9dad5;
padding: 30px 0px 50px 0px;
margin-bottom: 40px;
}
.setting-up-a-network-events .bg-image{
position: relative;
padding: 15px;
height: 320px;
width:320px;
}
.setting-up-a-network-events .promoted-event{
font-family: 'unineue_regular', Arial, sans-serif;
}
.setting-up-a-network-events .promoted-event .greenoverlay{
background: rgba(100,167,11,0.6);
position: absolute;
top:0;
bottom: 0;
left:0;
right:0;
}
.setting-up-a-network-events .promoted-event h3{
color: #ffffff;
font-size: 40px;
position: relative;
}
.setting-up-a-network-events .promoted-event h4{
color: #ffffff;
font-size: 24px;
position: relative;
}
.setting-up-a-network-events .promoted-event a{
position: relative;
color: #ffffff;
font-size: 22px;
text-transform: uppercase;
border-bottom: 3px solid white;
position: absolute;
bottom: 20px;
left:20px;
padding-bottom: 5px;
}
.talk-to-the-team {
padding-bottom: 20px;
}
.talk-to-the-team a {
color : #73bd21;
}
.talk-to-the-team .btn-medium{
background-color: #73bd21;
padding: 0px 50px;
height: 40px !important;
border-radius: 20px;
color: #ffffff;
font-size: 14px;
line-height: 40px;
border: none !important;
}
.talk-to-the-team h2{
font-size: 30px;
margin-bottom: 30px;
font-family: 'unineue_regular', Arial, sans-serif;
color: #00293a;
}
.countdown-ticker{min-height:300px;margin-bottom: 40px;}
.countdown-ticker h2{
font-family: 'unineue_light', Arial, sans-serif;
font-size: 45px;
line-height: 55px;
color: #75BD23;
margin-bottom: 15px;
text-align: center;
margin-top: 0;
}
.countdown-ticker h2 span{
font-size: 60px;
}
.countdown-ticker h4{
font-family: 'unineue_regular', Arial, sans-serif;
font-weight: bold;
font-size: 40px;
line-height: 55px;
color: #00293B;
border-top:1px dashed #00293B;
padding-top: 15px;
text-align: center;
}
.countdown-ticker h4 span{
font-size: 30px;
}
.countdown-ticker .countdown_days{
height:260px;
}
.countdown-ticker .countdown_days h3{
color: #ffffff;
font-size: 120px;
text-align: center;
}
.countdown-ticker .countdown_days .daystext{
color: #ffffff;
text-align: center;
font-size: 42px;
display: block;
}
.cc-container{
padding: 20px 20px;
}
.countdown-circles-container{
border-top:1px solid #72808A;
border-bottom:1px solid #72808A;
vertical-align: top;
height:240px;
}
.countdown-circles-container ul {
vertical-align: top;
margin-left: 0;
padding-left: 0;
margin-top: 15px;
margin-bottom: 15px;
margin: 15px auto;
display: block;
text-align: center;
}
.countdown-circles-container ul li{
display: inline-block;
width: 150px;
height:150px;
list-style: none;
vertical-align: top;
position: relative;
margin-top: 15px;
margin-right: 3%;
}
.countdown-circles-container ul li img{
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
display: inline-block;
}
#hours,#mins{
display: inline-block;
width: 100%;
text-align: center;
margin: auto;
color: #ffffff;
text-align: center;
font-size: 72px;
z-index: 9;
position: relative;
line-height: 70px;
margin-top: 35px;
}
.countdown-circles-container ul li h6{
display: inline-block;
width: 100%;
text-align: center;
margin: auto;
color: #00293B;
text-align: center;
font-size: 18px;
z-index: 9;
position: relative;
}
#secs{
display: inline-block;
width: 100%;
text-align: center;
margin: auto;
color: #00293B;
text-align: center;
font-size: 72px;
z-index: 9;
position: relative;
line-height: 70px;
margin-top: 35px;
}
/* ---------- Container for the orbiting circles animation ---------- */
#circle-orbit-container {
position: relative;
top: 0px;
left: 0px;
height: 145px;
width: 145px;
}
/* ---------- Middle orbit - This is the circles second closest to the central point ---------- */
#middle-orbit {
position: absolute;
top: 0px;
left: 0px;
width: 145px;
height: 145px;
background-color: #62BB46;
border-radius: 100%;
-webkit-animation: spin-left 10s linear infinite;
animation: spin-left 10s linear infinite;
}
/* ---------- Repeating styles for the inner orbiting circles ---------- */
.middle-orbit-cirlces {
position: absolute;
top: 25px;
left: 0px;
height: 25px;
width: 25px;
border-radius: 100%;
background-color: #001D34;
}
/* ---------- Animation ---------- */
@-webkit-keyframes spin-left {
100% {
-webkit-transform: rotate(-360deg);
-moz-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
/* ============================================================================================================================
== PUBLICATIONS LISTING PAGE
** ============================================================================================================================ */
.publications-hero {
height: 395px;
margin-bottom: 165px;
padding-top: 200px;
overflow: visible;
}
.publications-nav{
text-align: center;
margin-top: 90px;
}
.publications-circle{
display: inline-block;
margin: 0px 18px;
}
/* ------ Addition of 5th publications category - April 2019 ------ */
.publications-2019 .publications-circle{
margin: 0px 12px;
}
.publications-2019 .circle-200 {
width: 184px;
height: 184px;
}
.publications-2019 .publications-circle .circle {
font-size: 28px;
line-height: 30px;
padding-top: 44px;
}
.publications-2019 .publications-circle .circle a{
font-size: 28px;
}
.publications-circle .circle{
color: #ffffff;
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 33px;
line-height: 32px;
margin-bottom: 50px;
padding-top: 60px;
background: #7a868c;
}
.publications-circle .circle.circle-active,
.publications-circle .circle:hover{
background: #73bd21;
}
.publications-circle a{
display: block;
color: #ffffff;
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 33px;
line-height: 32px;
}
.publications-circle span{
display: inline-block;
font-size: 13px;
text-transform: uppercase;
border-top:1px solid rgba(255,255,255,.6);
color: #ffffff;
font-family: 'droid_sans_bold', Arial, sans-serif;
margin-top: 15px;
padding: 3px 10px;
}
.publications-container{
padding: 10px 0px 60px 0px;
}
.publications-container h2, .publications-container h1 {
font-size: 30px;
line-height: 40px;
color: #73bd21;
font-family: 'unineue_regular', Arial, sans-serif;
display: inline-block;
margin-top: 0;
}
.publications-container p.pub-intro,
.publications-container .pub-intro p{
font-size: 20px;
line-height: 1.3em;
color: #373d3f;
font-family: 'unineue_light', Arial, sans-serif;
max-width: 90%;
}
.publications-container .divider2 {
margin-top: 4px;
}
.publications-container.padding-bottom{
padding-bottom: 60px;
}
.publications-container .publication-icon img{
width:100%;
}
.publications-container .publication-icon{
width: 54%;
max-width: 168px;
margin-bottom: 15px;
display: inline-block;
/*max-height: 168px;*/
position: relative;
border:1px solid #DFDFDF;
}
.single-publication-cover{
border:1px solid #DFDFDF;
margin-bottom: 40px;
}
/*
.publications-container .publication-icon a img:nth-child(2){display:none;}
.publications-container .publication-icon a:hover img:first-child{display:none;}
.publications-container .publication-icon a:hover img:nth-child(2){display:inline-block;}
*/
.publications-container .publication-icon h5{
position: absolute;
top:60px;
left:45px;
max-width: 75px;
margin: 0;
text-align: center;
color: #ffffff;
transform: translate(-0px, -0px);
font-size: 13px;
}
.publications-container .profile{
display: inline-block;
width: 47%;
padding-left: 2%;
}
.publications-container .col-sm-4{
padding-left: 5px;
padding-right: 5px;
}
.publications-container .publication-profile{
margin-top: 50px;
margin-bottom: 50px;
position: relative;
padding-bottom: 22px;
}
.publications-container .profile a h4,
.publications-container .profile h4{
font-size: 23px;
font-family: 'unineue_regular',Arial, sans-serif;
color: #75bd23;
font-weight: bold;
}
.publications-container .profile h5{
font-size: 13px;
font-family: 'unineue_light',Arial, sans-serif;
color: #373d3f;
text-transform: none;
}
.publications-container .profile p{
font-family: 'droid_sans_regular', Arial, sans-serif;
font-size: 13px;
line-height: 1.3em;
color: #373d3f;
margin-bottom: 14px;
}
.publications-container .profile a.find-out-more{
font-family: 'droid_sans_bold', Arial, sans-serif;
text-transform: uppercase;
padding-bottom: 5px;
color: #373d3f;
border-bottom: 1px solid #96ce59;
display: block;
max-width: 100%;
font-size: 13px;
position: absolute;
bottom: 0;
}
.publications-container .profile a.find-out-more:hover,
.publications-container .profile a.find-out-more:active,
.publications-container .profile a.find-out-more:focus{
color: #444444;
}
.publications-container .tab-content{display: none;}
.publications-container .tab-content#tabs-1{display: block;}
.publications-cover-image{max-width: 200px;}
/* ============================================================================================================================
== FAQ Page / accordions
** ============================================================================================================================ */
#faq_accordion > h2{
background: url(images/accordion-arrow-right.png) no-repeat right 35px center;
padding: 20px;
background-color: #f1f1f1;
}
#faq_accordion > h2:hover,
#faq_accordion > h2:focus{
cursor: pointer;
outline: none;
border: none;
}
#faq_accordion > h2.ui-accordion-header-active {
color: #fff;
background: url(images/accordion-arrow-down-white.png) #00293a no-repeat right 35px center;
}
#faq_accordion .faq_accordion h3:hover,
#faq_accordion .faq_accordion h3:focus{
cursor:pointer;
outline: none;
border: none;
}
#faq_accordion .faq_accordion h3{
background: url(images/accordion-arrow-right.png) no-repeat right 35px center;
padding: 10px 20px;
}
#faq_accordion .faq_accordion h3.ui-accordion-header-active{
background: url(images/accordion-arrow-down.png) no-repeat right 35px center;
}
#faq_accordion .faq_accordion div.ui-accordion-content{
padding-right: 7%;
padding-left: 10px;
}
/* ============================================================================================================================
== Accordions module
** ============================================================================================================================ */
#faq_accordion.accordion_module > h2{
background: url(images/accordion-arrow-right.png) no-repeat right 35px center;
padding: 20px;
background-color: #f1f1f1;
}
#faq_accordion.accordion_module > h2:hover,
#faq_accordion.accordion_module > h2:focus{
cursor: pointer;
outline: none;
border: none;
}
#faq_accordion.accordion_module > h2.ui-accordion-header-active {
color: #fff;
background: url(images/accordion-arrow-down-white.png) #00293a no-repeat right 35px center;
}
#faq_accordion.accordion_module .faq_accordion h3:hover,
#faq_accordion.accordion_module .faq_accordion h3:focus{
cursor:pointer;
outline: none;
border: none;
}
#faq_accordion.accordion_module .faq_accordion h3{
background: url(images/accordion-arrow-right.png) no-repeat right 35px center #f1f1f1;;
padding: 10px 20px;
}
#faq_accordion.accordion_module .faq_accordion h3.ui-accordion-header-active{
background: url(images/accordion-arrow-down.png) no-repeat right 35px center #f1f1f1;
}
#faq_accordion.accordion_module .faq_accordion div.ui-accordion-content{
padding-right: 7%;
padding-left: 10px;
}
/* ============================================================================================================================
== OWL CAROUSEL OVERRIDES
** ============================================================================================================================ */
.owl-carousel-network-partner-logos{
margin-top: 30px;
padding: 0px 50px;
}
.owl-carousel .owl-item{
text-align: center;
}
.related-articles .owl-carousel .owl-item{
text-align: left;
border-right:1px solid white;
}
.owl-carousel .owl-item img {
display: block;
width: auto;
height:65px;
margin: 0 auto;
}
.owl-carousel .owl-nav i{
line-height: 55px;
}
.owl-carousel .owl-nav .owl-next{
position: absolute;
top:40%;
right:-70px;
background: #e6e6e6;
display: block;
z-index: 99999;
cursor: pointer;
color: #bdc1c3;
font-size: 11px;
width: 55px;
height: 55px;
line-height: 55px;
text-align: center;
text-transform: uppercase;
border-radius: 50%;
transition: color 300ms ease-out;
}
.owl-carousel .owl-nav .owl-prev{
position: absolute;
top:40%;
left:-70px;
background: #e6e6e6;
display: block;
z-index: 99999;
cursor: pointer;
color: #bdc1c3;
font-size: 11px;
width: 55px;
height: 55px;
line-height: 55px;
text-align: center;
text-transform: uppercase;
border-radius: 50%;
transition: color 300ms ease-out;
}
.owl-carousel-testimonials.owl-carousel .owl-nav .owl-prev{
left:-70px;
background-color: transparent;
}
.owl-carousel-testimonials.owl-carousel .owl-nav .owl-next{
right:-70px;
background-color: transparent;
}
.owl-carousel-testimonials.owl-carousel .owl-item {
padding-left: 70px;
padding-right: 70px;
}
.owl-carousel-testimonials.owl-carousel .owl-dots{
text-align: center;
margin-bottom: 50px;
}
.owl-carousel-testimonials.owl-carousel .owl-dot{
width:16px;
height:16px;
border-radius:8px;
border:1px solid #6bb0c8;
display: inline-block;
margin: 5px 3px;
}
.owl-carousel-testimonials.owl-carousel .owl-dot.active{
background-color:#6bb0c8;
}
.testimonials-group-of-3{
position: relative;
min-height: 700px;
width: 100%;
}
/* ============================================================================================================================
== CONTACT PAGE
** ============================================================================================================================ */
.contact-page-container{
padding-bottom: 50px;
}
.contact-page-container h1{
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 35px;
color: #00293a;
margin-top: 0;
margin-bottom: 25px;
}
.contact-page-container h3{
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 23px;
color: #00293a;
margin-bottom: 10px;
font-weight: bold;
letter-spacing: 1px;
}
.contact-page-container h3.underline{
padding-bottom: 10px;
margin-bottom: 12px;
border-bottom: 2px solid #cccccc;
}
.contact-page-container p{
font-family: 'droid_sans_regular', Arial, sans-serif;
font-size: 20px;
line-height: 26px;
color: #565656;
}
.contact-form-container{
padding-left: 25px;
}
.contact-page-container .social-links{
margin-left: 0;
padding-left: 0;
margin-top: 15px;
}
.contact-page-container .social-links li{
display: inline-block;
width: 32px;
background-color: #373d3f;
background-color: transparent;
height:32px;
border-radius: 50%;
line-height: 38px;
text-align: center;
margin-right: 5px;
}
.contact-page-container .social-links li a{
color: #000000;
display: inline-block;
line-height: 38px;
font-size: 15px;
}
.map-container{
margin-top: 60px;
}
.nf-form-fields-required{display: none;}
.label-above .nf-field-label {
margin-bottom: 0px !important;
}
.nf-field-label label {
font-family: 'droid_sans_bold', Arial, sans-serif;
font-size: 17px;
line-height: 24px;
color: #565656;
margin: 0;
padding: 0;
margin-bottom: 10px;
}
.ninja-forms-req-symbol {
color: #373d3f;
font-size: 20px;
}
.nf-response-msg {
background-color: #73bd1f;
padding: 50px 20px;
border-radius: 15px;
}
.nf-response-msg p {
color: #fff;
}
.nf-field-element input{
height: 50px !important;
border: 2px solid #bdc3c6 !important;
padding-left: 12px;
font-family: "droidsans_regular", Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 50px;
color: #373d3f;
}
.list-checkbox-wrap .nf-field-element li input,
.list-radio-wrap .nf-field-element li input{
height:auto !important;
}
.nf-field-element textarea{
border: 1px solid #bdc3c6 !important;
padding-left: 12px;
}
.contact-page-container .nf-field-element input,
.contact-page-container .nf-field-element textarea,
#enquiry-form-modal .nf-field-element input,
#enquiry-form-modal .nf-field-element textarea{
border: 2px solid #4b515d !important;
}
.contact-page-container .contact-form-container .nf-field-element select {
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
font-family: "droidsans_regular", Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 50px;
color: #373d3f;
padding: 2px 26px 0px 12px;
background: #ffffff;
height:50px;
background-image: url('images/dropdownarrow.svg');
background-position: right center;
background-repeat: no-repeat;
border-radius: 0px;
outline: none;
width: 100%;
background-position: 98% 22px;
border: 1px solid #bdc3c6 !important;
}
.contact-page-container .contact-form-container .nf-field-element select::-ms-expand {
display: none; /* hide the default arrow in ie10 and ie11 */
}
.ninja-forms-form-wrap .field-wrap button,
.ninja-forms-form-wrap .field-wrap input[type=button],
.ninja-forms-form-wrap .field-wrap input[type=submit],
#enquiry-form-modal .ninja-forms-form-wrap .field-wrap input[type=button] {
background-color: #73bd21;
padding: 0px 50px;
height: 40px !important;
border-radius: 20px;
color: #ffffff;
font-size: 14px;
line-height: 40px;
border:none !important;
}
.ninja-forms-form-wrap .field-wrap button,
.ninja-forms-form-wrap .field-wrap input[type=button]{
border: none !important;
}
/* ============================================================================================================================
== NEWSLETTER SIGNUP BLOCK
** ============================================================================================================================ */
.newsletter-signup{
background-color: #d9d1c3;
padding: 38px 0px;
}
.signup-container{
margin: 0 auto;
width: 80%;
position: relative;
}
.newsletter-signup h3{
font-size: 39px;
font-family: 'unineue_regular', Arial, sans-serif;
display: inline-block;
line-height: 60px;
margin: 0px 85px;
}
.newsletter-signup .speech-bubble{
background: url('images/icon-speech-newsletter-signup.png') #73bd21 no-repeat center center;
position: absolute;
top:0;
left:0;
}
#mc_embed_signup{
margin-top: 20px;
}
#mc_embed_signup label{
font-size: 21px;
color: #00293a;
font-weight: normal;
}
#mce-EMAIL{
background-color: transparent;
border:none;
border-bottom: 2px solid #6f7d7f;
width:65%;
padding: 10px 0px 5px 10px;
margin: 0 20px;
font-size: 30px;
}
#mc-embedded-subscribe{
background-color: #73bd21;
padding: 20px 60px;
height:70px;
border-radius: 35px;
color: #ffffff;
font-size: 21px;
border:none;
}
#mc-embedded-subscribe:hover,
#mc-embedded-subscribe:active,
#mc-embedded-subscribe:focus{
background-color: #67a91e;
}
/* ============================================================================================================================
== STATEMENT OF STRATEGY 2024 (Added 7 June 2019)
** ============================================================================================================================ */
.hero.statement-of-strategy-hero{
height: 620px;
padding-top: 240px;
position: relative;
}
.hero.statement-of-strategy-hero img{
padding-top: 160px;
}
.statement-of-strategy-hero h2{
font-size: 48px;
line-height: 1.2em;
font-family: 'unineue_regular', Arial, sans-serif;
text-align: left;
margin-bottom: 30px;
}
.statement-of-strategy-hero h3{
font-size: 30px;
line-height: 1.2em;
font-family: 'unineue_regular', Arial, sans-serif;
text-align: left;
}
.statement-of-strategy-hero .sos-banner-triangle-mask{
height:50px;
position: absolute;
bottom: -2px;
left:0;
right:0;
overflow: hidden;
}
.mask-inner{
position: relative;
width: 100%;
height: 100%;
}
.statement-of-strategy-hero .sos-banner-triangle-mask img{
padding-top: 0;
position: absolute;
bottom:0;
left:0;
right:0;
width: 100%;
}
.sos-workforce-intro{
background-color: #ffffff;
background: url('images/sos-grey-border-bottom.png') #ffffff no-repeat center bottom;
padding-bottom: 230px;
padding-top: 100px;
background-size: 100% auto;
}
.sos-workforce-intro img{
max-width: 350px;
}
.sos-workforce-intro h4{
color: #75bb31;
font-size: 30px;
line-height: 1.3em;
margin-bottom: 45px;
}
.sos-workforce-intro p{
font-size: 16px;
line-height: 22px;
}
.sos-workforce-intro .btn-medium{
padding: 10px 25px;
font-size: 14px;
line-height: 1.2em;
padding-right: 45px;
display: inline-block;
margin-top: 40px;
background: url('images/sos-btn-arrow-right.png') no-repeat 93% center #73bd21;
background-size: 11px 18px;
}
.sos-three-doormats{
background-color: #f0f0ed;
padding: 100px 0px;
margin-top: -3px;
}
.sos-three-doormats h2{
text-align: center;
font-size: 40px;
line-height: 1.2em;
font-family: 'unineue_regular', Arial, sans-serif;
font-weight: bold;
margin-bottom: 60px;
}
.sos-three-doormats .sos-doormat{
padding: 20px 5px;
text-align: center;
}
.sos-three-doormats .sos-doormat img{
margin-bottom: 50px;
}
.sos-three-doormats .sos-doormat h3{
text-align: center;
margin-bottom: 20px;
font-size: 25px;
line-height: 1.2em;
}
.sos-three-doormats .sos-doormat h3 strong{
display: block;
font-size: 30px;
}
.sos-three-doormats .sos-doormat h3.d1{
color: #08293a;
}
.sos-three-doormats .sos-doormat h3.d2{
color: #75bb31;
}
.sos-three-doormats .sos-doormat h3.d3{
color: #72a9b6;
}
.sos-three-doormats .sos-doormat p{
font-size: 16px;
line-height: 1.2em;
text-align: center;
}
.sos-three-doormats .btn-medium{
padding: 10px 25px;
font-size: 14px;
line-height: 1.2em;
padding-right: 45px;
margin: 0 auto;
display: inline-block;
background: url('images/sos-btn-arrow-right.png') no-repeat 93% center #73bd21;
background-size: 11px 18px;
}
.sos-how-can-you-contribute{
background-color:#72a9b6;
background: url('images/sos-blue-border-bottom.png') #72a9b6 no-repeat center bottom;
padding-bottom: 290px;
padding-top: 80px;
background-size: 100% auto;
}
.sos-how-can-you-contribute .how-can-you-contribute-buttons{
margin-top: 50px;
}
.sos-how-can-you-contribute .btn-dark{
margin-bottom: 18px;
background-color: #08293a;
padding: 10px 25px;
font-size: 14px;
line-height: 1.2em;
padding-right: 45px;
background: url('images/sos-btn-arrow-right.png') no-repeat 93% center #08293a;
background-size: 11px 18px;
}
.sos-how-can-you-contribute .how-can-you-contribute-image{
max-width: 570px;
margin-left: -30px;
}
.sos-how-can-you-contribute .how-can-you-contribute-content{
padding-top: 150px;
}
.sos-how-can-you-contribute .how-can-you-contribute-content h3{
color: #08293a;
font-size: 40px;
line-height: 1.2em;
font-family: 'unineue_regular', Arial, sans-serif;
text-align: left;
margin-bottom: 30px;
}
.sos-how-can-you-contribute .how-can-you-contribute-content p{
color: #ffffff;
}
.sos-how-can-you-contribute .sos-contact-details{
padding: 80px 6% 0px 6%;
color: #ffffff;
}
.sos-how-can-you-contribute .sos-contact-details p{
color: #ffffff;
font-family: 'droid_sans_regular', Helvetica, Arial, sans-serif;
}
.sos-how-can-you-contribute .sos-contact-details p strong,
.sos-how-can-you-contribute .sos-contact-details strong,
.sos-how-can-you-contribute .sos-contact-details strong a{
color: #08293a;
font-family: 'droid_sans_bold', Helvetica, Arial, sans-serif;
font-weight: normal;
}
.sos-testimonial{
background-color: #f0f0ed;
padding: 100px 0px;
margin-top: -3px;
}
.sos-testimonial .testimonial-image{
padding: 30px 30px 0px 40px;
}
.sos-testimonial .testimonial img{
margin-bottom: 20px;
}
.sos-testimonial .testimonial p{
padding-right: 6%;
}
.sos-testimonial .testimonial-credit strong{
display: block;
}
/* ============================================================================================================================
== KINETIC NEWSLETTER BLOCK OCT 2018
** ============================================================================================================================ */
.kinetic-newsletter-signup{
background-color: #d9d1c3;
padding: 15px 0px 0px 0px;
}
.kinetic-newsletter-signup .container{
height:100%;
}
.kinetic-newsletter-signup .signup-container{
margin: 0 auto;
width: 100%;
position: relative;
}
.kinetic-newsletter-signup h3{
font-size: 24px;
font-family: 'unineue_regular', Arial, sans-serif;
display: inline-block;
line-height: 40px;
margin: 0px 0px;
margin-bottom: 15px;
margin-top: 20px;
}
.kinetic-newsletter-signup p{
font-size: 16px;
line-height: 1.2em;
margin-bottom: 40px;
}
.kinetic-newsletter-signup .button{
background-color: #73bd21;
padding: 0px 30px;
height: 50px;
line-height: 50px;
border-radius: 10px;
color: #ffffff;
font-size: 18px;
display: inline-block;
text-decoration: none
}
.kinetic-newsletter-signup .kinetic-logo{
max-width: 275px;
}
.kinetic-newsletter-signup .kinetic-right{
text-align: right;
min-height: 240px;
margin-top: 0px;
margin-bottom: 0px;
}
/* ============================================================================================================================
== NEW Brexit Clear Customs Training Page (Added 1st August 2019 by CH)
** ============================================================================================================================ */
.home-hero.clear-customs {
padding-top: 180px;
height:780px;
}
.home-hero.clear-customs h2 {
font-size: 36px;
line-height: 41px;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
text-align: left;
max-width: 100%;
margin-bottom: 23px;
}
.home-hero.clear-customs .promo-panel{
max-width: 310px;
}
.brexit-customs-training-page-wrapper{
background-color: #f7f7f7;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.brexit-customs-training-page-wrapper h1,
.brexit-customs-training-page-wrapper h2,
.brexit-customs-training-page-wrapper h3,
.brexit-customs-training-page-wrapper h4,
.brexit-customs-training-page-wrapper h5,
.brexit-customs-training-page-wrapper h6,
.brexit-customs-training-page-wrapper p{
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-weight: normal;
}
.brexit-customs-training-page-wrapper .center{
text-align: center;
}
.brexit-customs-training-page-wrapper h2{
font-size: 60px;
font-weight: 300;
}
.brexit-customs-training-page-wrapper p.small-white{
font-size: 18px;
color: #ffffff;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-weight: 300;
}
.brexit-customs-training-page-wrapper ul.small-white-list li{
font-size: 18px;
color: #ffffff;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-weight: 300;
}
.brexit-customs-training-page-wrapper section{
min-height: 400px;
}
.brexit-customs-training-page-wrapper .btn-medium.btn-register-your-interest{
font-weight: 700;
font-size: 20px;
padding: 0px 20px;
height: 48px;
color: #ffffff;
line-height: 48px;
border-radius: 24px;
}
.brexit-customs-training-banner{
background-image: url('images/brexit/curved-shape-semi-transparent.png');
background-repeat: no-repeat;
background-position: left top;
background-color: #f7f7f7;
padding: 0px 0px 80px 0px;
position: relative;
}
.brexit-customs-training-banner .dark-arrows{
position: absolute;
right:0;
top:100px;
z-index: 10;
}
.brexit-customs-training-banner h1{
font-weight: 700;
font-size: 60px;
color: #112c3a;
line-height: 1.2em;
}
.brexit-customs-training-banner .brexit-banner-image{
background-image: url('images/brexit/brexit-banner-image-01.jpg');
background-repeat: no-repeat;
background-position: center center;
height: 555px;
border-radius: 170px 0px 170px 0px;
padding: 160px 80px 120px 100px;
position: relative;
}
.brexit-customs-training-banner .brexit-banner-image::after {
content: '';
position: absolute;
top: 0;
right: 40px;
bottom: 40px;
left: 0;
border-bottom: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-radius: 170px 0px 170px 0px;
}
.brexit-customs-training-banner .brexit-banner-image .shape1{
border-radius: 170px 0px 170px 0px;
border:1px solid white;
}
.brexit-customs-training-banner .promo-panel{
position: absolute;
right: 60%;
top:200px;
z-index: 9;
}
.brexit-customs-training-banner .free-training-btn-container{
padding: 50px 0px;
}
.brexit-why-clear-customs-training{
background-color: #024654;
background-image: url('images/brexit/bg-why-clear-customs-training.jpg');
background-repeat: no-repeat;
background-position: right center;
background-size: cover;
border-radius: 220px 0px 0px 0px;
padding: 80px 0px 20px 0px;
position: relative;
}
.customs-training-support-btn-container{
position: absolute;
right:17%;
top:200px;
}
.customs-training-support-btn-container .rel{
position: relative;
}
.hidden-button-brexit{
position: absolute;
bottom: 50px;
left:20%;
right:20%;
height:60px;
}
.brexit-why-clear-customs-training h2,
.brexit-why-clear-customs-training p,
.brexit-why-clear-customs-training h4{
color: #ffffff;
margin-bottom: 1.2em;
}
.brexit-why-clear-customs-training p{
font-size: 18px;
}
.brexit-why-clear-customs-training p.intro{
font-size: 25px;
line-height: 28px;
font-weight: 700;
}
.brexit-why-clear-customs-training h4{
display: inline-block;
margin-bottom: 5px;
font-weight: 700;
}
.brexit-why-clear-customs-training .partners{
margin-top: 40px;
}
.brexit-why-clear-customs-training ul.partner-logos{
display: inline-block;
width: 100%;
padding-left: 0;
}
.brexit-why-clear-customs-training ul.partner-logos li{
display: inline-block;
width: 15%;
color: #ffffff;
text-align: center;
padding: 0px 30px 10px 0px;
}
.brexit-why-clear-customs-training ul.partner-logos li:nth-child(2){
width: 15%;
}
.brexit-why-clear-customs-training ul.partner-logos li:nth-child(3){
width: 18%;
}
.brexit-why-clear-customs-training ul.partner-logos li:nth-child(5){
width: 13%;
}
.brexit-why-clear-customs-training ul.partner-logos li:nth-child(6){
width: 17%;
}
.brexit-who-is-this-for{
background-color: #e0dacc;
padding: 50px 0px;
}
.brexit-who-is-this-for h2{
text-align: center;
margin-bottom: 60px;
padding-left: 210px;
padding-right: 210px;
display: inline-block;
margin: 0 auto 60px auto;
position: relative;
}
.brexit-who-is-this-for h2::before{
content:'';
background: url('images/brexit/arrows-left-white.png') no-repeat left center;
width:190px;
height:60px;
position: absolute;
left: 0;
}
.brexit-who-is-this-for h2::after{
content:'';
background: url('images/brexit/arrows-right-white.png') no-repeat right center;
width:190px;
height:60px;
position: absolute;
right: 0;
}
.brexit-who-is-this-for .who-for-wrapper{
padding: 10px 7%;
margin-bottom: 50px;
text-align: center;
}
.brexit-who-is-this-for .who-for-wrapper img{
margin: 0 auto;
}
.brexit-who-is-this-for h3{
font-size: 25px;
color: #1ba97f;
font-weight: 700;
}
.brexit-who-is-this-for p{
font-size: 18px;
color: #112c3a;
}
.brexit-clear-customs-training-overview{
background-color: #ffffff;
padding: 60px 0;
position: relative;
}
.brexit-clear-customs-training-overview .clear-customs-box-border{
border: 3px solid #1ba97f;
border-radius: 220px 0px 220px 0px;
padding-bottom: 60px;
}
.brexit-clear-customs-training-overview .customs-overview{
width: 50%;
padding-left: 70px;
padding-top: 70px;
}
.brexit-clear-customs-training-overview h2{
color: #1ba97f;
margin-bottom: 50px;
}
.brexit-clear-customs-training-overview p,
.brexit-clear-customs-training-overview ul li{
font-size: 18px;
}
.brexit-clear-customs-training-overview .light-arrows{
position: absolute;
left:0;
top:50%;
z-index: 10;
}
.brexit-clear-customs-training-overview .overview-image{
position: absolute;
right:3%;
top:140px;
max-width: 45vw;
}
.brexit-clear-customs-training-overview .register-btn-abs{
position: initial;
bottom: 100px;
right:30%;
margin-top: 50px;
}
.brexit-what-skills-will-i-learn{
background-color: #e9eae8;
padding: 100px 0px;
border-radius: 220px 0px 0px 0px;
}
.brexit-what-skills-will-i-learn h2{
text-align: center;
margin-bottom: 80px;
padding-left: 210px;
padding-right: 210px;
display: inline-block;
margin: 0 auto 60px auto;
position: relative;
color: #1ba97f;
}
.brexit-what-skills-will-i-learn h2::before{
content:'';
background: url('images/brexit/arrows-left-white.png') no-repeat left center;
width:190px;
height:60px;
position: absolute;
left: 0;
}
.brexit-what-skills-will-i-learn h2::after{
content:'';
background: url('images/brexit/arrows-right-white.png') no-repeat right center;
width:190px;
height:60px;
position: absolute;
right: 0;
}
.brexit-what-skills-will-i-learn .skill-container{
padding: 0px 12%;
margin-bottom: 50px;
}
.brexit-what-skills-will-i-learn .skill-container .num{
height:140px;
width:auto;
/*
border-radius: 50%;
background-color: #1ba97f;
color: #f7f7f7;
font-size: 60px;
font-weight: 700;
*/
margin: 10px auto;
/*line-height: 80px;*/
text-align: center;
}
.brexit-what-skills-will-i-learn .skill-container .num img{
height:100%;
width:auto;
}
.brexit-what-skills-will-i-learn .skill-container hr{
height:0;
border-top:2px solid #7ab728;
}
.brexit-what-skills-will-i-learn .skill-container p{
text-align: center;
font-size: 17px;
color: #112c3a;
}
.brexit-financial-incentive{
background-color: #1ba97f;
padding: 100px 0px;
border-radius: 0px 0px 220px 0px;
position: relative;
}
.brexit-financial-incentive h2{
color: #112c3a;
margin-bottom: 30px;
}
.brexit-financial-incentive .intro{
margin-bottom: 50px;
}
.brexit-financial-incentive .intro p{
color: #ffffff;
font-size: 18px;
}
.brexit-financial-incentive .intro p:nth-child(2){
margin-left: 40px;
margin-bottom: 60px;
}
.brexit-financial-incentive p{
color: #ffffff;
font-size: 18px;
}
.brexit-financial-incentive .criteria-list{
margin-bottom: 100px;
}
.brexit-financial-incentive .criteria-list ul li{
font-size: 18px;
color: #ffffff;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
margin-bottom: 13px;
}
.brexit-financial-incentive .criteria-image{
position: absolute;
left:0;
top:700px;
max-width: 45vw;
}
.brexit-financial-incentive .countdown-circular-shape-wrapper{
background-image: url('images/brexit/countdown-circular-shape.png');
background-repeat: no-repeat;
background-position: center center;
margin: 40px auto;
text-align: center;
background-size: 375px auto;
padding-top:50px;
}
.brexit-financial-incentive .countdown-circular-shape-wrapper h5{
font-weight: 300;
font-size: 70px;
color: #ffffff;
line-height: 70px;
margin-bottom: 0px;
margin-top: 0;
}
.brexit-financial-incentive .countdown-circular-shape-wrapper #days{
font-weight: 400;
font-size: 140px;
line-height: 120px;
color: #ffffff;
}
.brexit-financial-incentive .countdown-circular-shape-wrapper h3{
font-weight: 700;
font-size: 35px;
color: #ffffff;
margin-top: 30px;
}
.brexit-financial-incentive .countdown-circular-shape-wrapper p{
font-size: 18px;
color: #ffffff;
}
.brexit-register-your-interest{
background-color: #ffffff;
padding: 70px 0px;
}
.brexit-register-your-interest .icon-reg-interest{
margin-top: 20px;
}
.brexit-register-your-interest h2{
color: #1ba97f;
margin-bottom: 20px;
}
.brexit-register-your-interest p{
font-size: 18px;
color: #112c3a;
margin-bottom: 35px;
max-width: 500px;
}
.brexit-register-your-interest hr{
height:0;
border-top:2px solid #112c3a;
margin-bottom: 30px;
}
.brexit-register-your-interest h4{
color: #7ab728;
font-size: 25px;
}
.brexit-register-your-interest .nf-multi-cell .nf-cell{
padding-right: 40px;
}
.brexit-register-your-interest .nf-multi-cell .nf-cell:nth-child(2){
/*background-color: #e9eae8;*/
padding-left: 25px;
padding-right: 25px;
padding-top: 0px;
}
.brexit-register-your-interest .nf-field-element input{
height: 50px !important;
border: none !important;
padding-left: 12px;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 50px;
color: #373d3f;
background-color: #efefee;
}
.brexit-register-your-interest .list-checkbox-wrap .nf-field-element li input,
.brexit-register-your-interest .list-radio-wrap .nf-field-element li input{
height:auto !important;
}
.brexit-register-your-interest .nf-field-element textarea{
border: none !important;
padding-left: 12px;
background-color: #efefee;
}
.brexit-register-your-interest .nf-field-element h5{
font-size: 16px;
margin-bottom: 0;
font-weight: 700;
}
.brexit-register-your-interest .nf-field-element select {
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 50px;
color: #373d3f;
padding: 2px 26px 0px 12px;
background-color: #efefee;
height:50px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url('images/dropdownarrow.svg');
background-position: right center;
background-repeat: no-repeat;
border-radius: 0px;
outline: none;
width: 100%;
background-position: 97% 22px;
border: none !important;
}
.brexit-register-your-interest .nf-field-element select::-ms-expand {
display: none; /* hide the default arrow in ie10 and ie11 */
}
.brexit-register-your-interest .ninja-forms-form-wrap .field-wrap button,
.brexit-register-your-interest .ninja-forms-form-wrap .field-wrap input[type=submit],
.brexit-register-your-interest .ninja-forms-form-wrap .field-wrap input[type=button] {
background-color: #73bd21;
padding: 0px 50px;
height: 40px !important;
border-radius: 20px;
color: #ffffff;
font-size: 16px;
line-height: 40px;
border:none !important;
}
.brexit-register-your-interest .ninja-forms-form-wrap .field-wrap button,
.brexit-register-your-interest .ninja-forms-form-wrap .field-wrap input[type=button]{
border: none !important;
}
.brexit-register-your-interest .nf-field-container.half-width{
width: 49%;
display: inline-block;
}
.brexit-register-your-interest .nf-field-container {
margin-bottom: 15px;
}
.brexit-register-your-interest .nf-field-label label {
font-weight: 400;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
}
.brexit-register-your-interest .nf-field-label label#nf-label-field-110,
.brexit-register-your-interest .nf-field-label label#nf-label-field-111,
.brexit-register-your-interest .nf-field-label label#nf-label-field-98{
font-size: 15px;
}
.brexit-register-your-interest .list-radio-wrap .nf-field-element li {
display: inline-block;
}
.brexit-thank-you{
padding-bottom: 60px;
}
.brexit-thank-you .page-content {
padding-left: 0px;
}
.brexit-thank-you .page-content h1 {
font-size: 38px;
line-height: 42px;
font-family: 'unineue_regular', Arial, sans-serif;
margin: 0px 0px 30px 0px;
color: #75bd23;
font-weight: bold;
padding-bottom: 20px;
border-bottom: 2px solid #75bd23;
}
.brexit-thank-you .page-content p{
font-size: 18px;
padding: 0px 0px;
color: #333333;
}
.brexit-thank-you .page-content ul li{
font-size: 18px;
color: #333333;
}
.brexit-thank-you .page-content a.discover{
color: #75bd23;
font-size: 18px;
}
.brexit-thank-you sidebar .panel-card.panel-style-1 {
min-height: 130px;
background-color: #022737;
padding: 10px 10px 10px 10px;
}
.brexit-thank-you sidebar .panel-card .stay-up-to-date {
height: 130px;
}
.brexit-thank-you sidebar .panel-card.panel-style-1 h3 {
margin-top: 10px;
font-size: 26px;
line-height: 32px;
margin-bottom: 10px;
color: #75bd23;
}
.brexit-thank-you sidebar .panel-card.panel-style-1 .panel-content {
position: absolute;
bottom: 0px;
left: 0px;
right:0px;
max-width: 100%;
color: #ffffff;
}
.brexit-thank-you sidebar .panel-card.panel-style-1 .find-out-more {
padding-bottom: 5px;
color: #ffffff;
border-bottom: 1px solid #ffffff;
display: block;
max-width: 100%;
font-size: 16px;
}
.brexit-thank-you sidebar .panel-card.panel-style-1 .panel-content a{
color: #ffffff;
}
.modal-container{
background: rgba(17,44,58,0.85);
position: fixed;
top:0;
left:0;
right:0;
bottom:0;
z-index: 9999999;
padding-top: 10vh;
}
.modal-container .brexit-clear-customs-training-overview{
background-color: #ffffff;
border:2px solid #7ab728;
margin: 0 auto;
width: 1085px;
max-width: 1085px;
border-radius: 20px 0px 20px 20px;
padding: 35px 10px 95px 10px;
}
.modal-container .brexit-clear-customs-training-overview h3{
font-size: 24px;
margin-top: 30px;
font-weight: 300;
line-height: 30px;
}
.modal-container .brexit-clear-customs-training-overview h2{
font-size: 38px;
line-height: 45px;
margin-bottom: 30px;
}
.modal-container .brexit-clear-customs-training-overview .clear-customs-box-border {
border: 3px solid #cee4b0;
border-radius: 220px 0px 220px 0px;
padding-bottom: 30px;
}
.modal-container .brexit-clear-customs-training-overview .customs-overview {
width: 60%;
padding-left: 90px;
padding-top: 30px;
}
.modal-container .brexit-clear-customs-training-overview .dark-arrows {
top: 28%;
position: absolute;
z-index: 11;
left: 50px;
}
.modal-container .brexit-clear-customs-training-overview .overview-image {
position: absolute;
right: 3%;
top: 100px;
max-width: 45vw;
}
.modal-container .brexit-clear-customs-training-overview .register-btn-abs {
position: absolute;
bottom: 20px;
right:auto;
left: calc(50% - 120px);
}
.modal-container .modal-close-btn{
position: absolute;
right:-19px;
top:-19px;
z-index: 99;
width: 50px;
height:50px;
}
.modal-container .modal-close-btn img{
width: 100%;
}
/* ============================================================================================================================
== NEW FULL MAILCHIMP FORM INCLUDING EMPLOYMENT STATUS FIELDS (Added June 23rd 2018 by CH
** ============================================================================================================================ */
#mc_embed_signup.full_signup_form {
margin-top: 20px;
padding: 12px 10% 12px 12px;
}
#mc_embed_signup.full_signup_form .indicates-required{
color: #373d3f;
font-size: 13px;
line-height: 20px;
margin-bottom: 10px;
}
#mc_embed_signup.full_signup_form .mc-field-group{
margin-bottom: 15px;
}
#mc_embed_signup.full_signup_form label,
#mc_embed_signup.full_signup_form .mc-field-group.input-group strong {
font-weight: 700;
font-family: 'droid_sans_bold', Arial, sans-serif;
font-size: 17px;
line-height: 24px;
color: #565656;
}
#mc_embed_signup.full_signup_form .mc-field-group.input-group p{
padding-left: 0;
}
#mc_embed_signup.full_signup_form .mc-field-group.input-group ul{padding-left: 0;margin-left: 0;}
#mc_embed_signup.full_signup_form .mc-field-group.input-group ul li{
list-style: none;
}
#mc_embed_signup.full_signup_form .mc-field-group.input-group ul li input,
#mc_embed_signup.full_signup_form .mc-field-group.input-group ul li label{
vertical-align: top;
margin-bottom: 10px;
}
#mc_embed_signup.full_signup_form .mc-field-group.input-group ul li label{
font-size: 15px;
line-height: 25px;
font-weight: normal;
font-family: 'droid_sans_regular', Arial, sans-serif;
padding-top:2px;
}
#mc_embed_signup.full_signup_form input{
background-color: transparent;
width: 90%;
padding: 5px 0px 5px 0px;
margin: 0px 0px 20px 0px;
height: 50px !important;
border: 2px solid #4b515d !important;
border-bottom: 2px solid #4b515d !important;
padding-left: 12px;
font-family: "droidsans_regular", Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 50px;
color: #373d3f;
}
#mc_embed_signup.full_signup_form #mce-EMAIL {
background-color: transparent;
border: 2px solid #4b515d !important;
border-bottom: 2px solid #4b515d !important;
width: 90%;
padding: 5px 0px 5px 0px;
margin: 0px 0px 20px 0px;
height: 50px !important;
border: 2px solid #4b515d !important;
border-bottom: 2px solid #4b515d !important;
padding-left: 12px;
font-family: "droidsans_regular", Arial, Helvetica, sans-serif;
font-size: 15px;
line-height: 50px;
color: #373d3f;
}
#mc_embed_signup.full_signup_form input[type='radio'],
#mc_embed_signup.full_signup_form input[type='checkbox']{
width: 30px;
display: inline-block;
height: 25px !important;
}
#mc_embed_signup.full_signup_form input[type='submit']{
background-color: #73bd21;
padding: 0px 50px;
height: 40px !important;
border-radius: 20px;
color: #ffffff;
font-size: 14px;
line-height: 40px;
width: 200px;
border:none !important;
}
/* ============================================================================================================================
== FOOTER
** ============================================================================================================================ */
footer{
background-color: #06293b;
color: #ffffff;
padding: 30px 0px 0px 0px;
font-size: 12px;
}
footer .col_one, footer .col_two, footer .col_three{
display: inline-block;
}
footer .col_one{width:34%; padding-right: 42px;padding-left:15px;border-right:1px solid #356930;}
footer .col_two{width:20%;padding-left: 42px;padding-right:42px;border-right:1px solid #356930;}
footer .col_three{width:45%; padding-left: 42px;padding-right:15px;}
footer p,
footer ul li{
color: #ffffff;
list-style: none;
}
footer a{
color: #ffffff;
font-size: 11px;
}
footer a:hover, footer a:focus{
color: #75bd23;
}
footer .links-footer{
margin-left: 0;
padding-left: 0;
}
footer .links-footer li{
line-height: 18px;
}
footer h6{color: #75bd23;}
footer .widget_goodoldtwitterwidget{
width: 40%;
display: inline-block;
margin-right: 3%;
}
footer .widget_goodoldtwitterwidget ul,
footer .widget_goodoldtwitterwidget ul li{
margin-left: 0;
padding-left: 0;
font-size: 11px;
line-height: 14px;
margin-bottom: 10px;
font-family: 'unineue_regular', Arial, sans-serif;
}
footer .widget_goodoldtwitterwidget a{
color: #75bd23;
font-size: 10px;
font-family: 'unineue_heavyitalic', Arial, sans-serif;
}
.instagram_feed{
display: inline-block;
padding-top: 30px;
max-width: 250px;
width: 55%;
}
.footer-bar{color: #75bd23;font-size: 12px;margin-top: 30px;}
.footer-bar a{color: #75bd23;font-size: 12px;}
.footer-bar .meta-links{display: inline-block;margin-left: 0;padding-left: 0;margin-right: 10px;}
.footer-bar .meta-links li{
display: inline-block;
margin-right: 10px;
}
.footer-bar span{
margin-right: 6px;
}
footer .social-links{
margin-left: 0;
padding-left: 0;
}
footer .social-links li{
display: inline-block;
width: 35px;
background-color: #c1c9ce;
background: rgba(255,255,255,.75);
height:35px;
border-radius: 50%;
line-height: 42px;
text-align: center;
margin-right: 4px;
}
footer .social-links li:hover{
background: rgba(255,255,255,.50);
}
footer .social-links li a{
color: #06293b;
display: inline-block;
line-height: 42px;
}
footer .meta-logos{
margin-bottom: 20px;
margin-top: 30px;
}
footer .meta-about{
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 13px;
line-height: 18px;
color: #ffffff;
margin-bottom: 25px;
}
footer .recognition-awards-logo{
margin-bottom: 15px;
vertical-align: top;
}
footer .recognition-awards-logo img{
max-width: 100%;
width: 130px;
display: inline-block;
margin-right: 20px;
vertical-align: top;
margin-bottom: 20px;
}
footer .recognition-awards-logo {
display: flex;
align-items: center;
justify-content: center;
}
footer .recognition-awards-logo img.dma{
width: 80px;
margin-right: 0px;
margin-left: 10px;
}
@media (max-width: 1200px) {
footer .recognition-awards-logo {
flex-wrap: wrap;
justify-content: flex-start;
}
}
#backtotop {
background: #4a626f;
display: block;
position: fixed;
right: 2rem;
bottom: 2rem;
z-index: 99999;
cursor: pointer;
color: #659d3d;
font-size: 11px;
width: 55px;
height: 55px;
line-height: 55px;
text-align: center;
text-transform: uppercase;
border-radius: 50%;
transition: opacity 1s ease-out;
opacity: 0;
height: 0;
overflow: hidden;
}
#backtotop.show{
opacity: 1;
height: 55px;
}
#backtotop i{
line-height: 55px;
}
.or{
text-align: center;
position: absolute;
top: 40px;
left: 48%;
color: white;
font-size: 18px;
}
.ubermenu-skin-minimal.ubermenu-responsive-toggle{
padding: 20px 10px;
}
.fas.fa-bars{
font-size: 20px;
color: #73bd21;
}
.ubermenu .ubermenu-search .ubermenu-searchform{
width: 100%!important;
background-color: transparent!important;
border-radius: 30px;
border: 1px solid #e0e3e5;
margin: 10px 0px!important;
}
.ubermenu .ubermenu-search .ubermenu-search-submit,
.ubermenu .ubermenu-searchbar-drop .ubermenu-search-submit{
color: #73bd21!important;
}
.ubermenu-custom-content p.small{
color: #00293a!important;
}
/* NEW HOMEPAGE STYLES 2021 */
b, strong{
font-family: 'unineue_bold', Arial, sans-serif;
}
.new_hero{
padding-top: 130px;
padding-bottom: 20px;
}
.new_hero h1{
font-family: 'unineue_bold', Arial, sans-serif;
font-size: 35px;
line-height: 40px;
margin-bottom: 40px;
}
.new_hero .lead{
margin-bottom: 40px;
/* color: #7c878e; */
color: #00293a;
max-width: 550px;
}
.new_hero.internal{
margin-bottom: 70px;
background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(0,42,58,1) 25%, rgba(0,42,58,1) 100%);
}
.new_title{
padding: 80px 0px 40px;
position: relative;
margin-left: 50px;
}
.new_title:before{
content: " ";
display: block;
border-left: 3px solid #00b388;
height: 48%;
position: absolute;
top: 100px;
margin-left: -50px;
}
.new_title:after{
display: block;
content: "";
position: absolute;
bottom: -80px;
left: -160px;
width: 217px;
height: 218px;
background: url('images/bg_left.png') repeat-x center center transparent;
}
.internal .new_title h1{
color: #00b388;
}
.new_title p.lead{
color: #ffffff;
}
.new_intro_par{
padding: 50px 100px 50px 50px;
background-color: #f9f9f9;
position: relative;
z-index: 2;
}
.bg_before{
position: relative;
}
.bg_before:before{
display: block;
content: "";
position: absolute;
bottom: -120px;
right: -50%;
width: 1108px;
height: 563px;
background: url('images/b_r.png') no-repeat center center transparent;
background-blend-mode: exclusion;
background-color: #002a3a;
}
.new_intro_par p{
font-size: 18px;
line-height: 30px;
}
.init_right,
.init_left{
margin-bottom: 80px;
}
.left_bg,
.right_bg{
display: flex;
background-repeat: no-repeat;
background-size: contain;
min-height: 400px;
align-content: center;
align-items: center;
position: relative;
}
.left_bg{
background-position: left center;
margin-left: 40px;
}
.right_bg{
background-position: right center;
margin-right: 40px;
}
html.sr .load-hidden{
visibility: hidden;
}
.lazyload{
height: 400px;
width: 600px;
position: absolute;
background-size: cover;
}
.right_bg .lazyload{
right: 0;
}
.left_bg .lazyload{
left: 0;
}
.btn_w{
width: 265px;
justify-content: center;
}
.mr-3{
margin-right: 2rem;
}
.mb-2{
margin-bottom: 1rem;
}
.new_hr{
border-top: 1px solid #eee;
}
.new_slider{
text-align: center;
padding-bottom: 50px;
}
.new_slider h3{
font-family: 'unineue_bold', Arial, sans-serif;
font-size: 28px;
margin-top: 50px;
margin-bottom: 20px;
}
@media (min-width: 1200px) {
.new_home_slider{
padding: 50px 0px;
margin-left: -30px;
width: 1210px;
}
}
.new_card,
.init_card{
padding: 25px;
margin: 30px;
border: 1px solid #e8eaeb;
border-radius: 5px;
transition: all 0.3s ease-in-out;
}
.init_card{
background-color: #ffffff;
padding: 40px;
}
.new_card:hover,
.init_card:hover{
transform: scale(1.05);
box-shadow: 0 0 20px rgb(0 0 0 / 15%);
cursor: pointer;
}
.init_card img{
position: relative;
top: -5px;
padding: 10px 15px 15px;
}
.init_card .btn-sq.black{
padding: 18px 22px;
}
.new_card img{
margin-bottom: 30px;
}
.new_card h4{
font-family: 'unineue_bold', Arial, sans-serif;
font-size: 22px;
}
.new_card p{
color: #00293a;
}
.new_card p.small{
color: #002a3a;
}
.new_card .btn-sq.black{
position: relative;
top: 40px;
}
.new_card:hover .btn-sq.black,
.init_card:hover .btn-sq.black{
background-color: #002a3a;
border: 1px solid #002a3a;
color: #ffffff;
}
.new_slider .slick-prev, .new_slider .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 15px;
height: 25px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
/* transition: all .3s; */
}
.new_slider .slick-prev:hover, .new_slider .slick-next:hover{
background-size: 101%;
background-repeat: no-repeat;
width: 18px;
height: 30px;
}
.new_slider .slick-next {
background-image: url('images/arrow-right.png');
background-repeat: no-repeat;
left: auto;
right: -25px;
}
.new_slider .slick-prev {
background-image: url('images/arrow-left.png');
background-repeat: no-repeat;
left: -25px;
right: auto;
}
.new_two_thirds{
padding-bottom: 50px;
/* background: url('images/dots.png') no-repeat left 30% transparent; */
}
.new_two_thirds .mr{
margin-right: 40px;
}
.new_two_thirds > .container > .row{
position: relative;
}
.new_two_thirds > .container > .row::before{
display: block;
content: "";
position: absolute;
top: 3%;
/* left: -10%;
width: 100px; */
left: -500px;
width: 41%;
height: 344px;
background: url('images/dots.png') repeat-x center center transparent;
}
.new_two_thirds h3{
font-family: 'unineue_bold', Arial, sans-serif;
font-size: 28px;
line-height: 38px;
margin-top: 0px;
margin-bottom: 50px;
}
.new_two_thirds p strong{
color: #002a3a;
}
.new_two_thirds p{
color: #00293a;
margin-bottom: 0px;
}
.new_two_thirds .new_card{
margin: 0px;
padding: 20px 0px 15px;
float: left;
width: 290px;
text-align: center;
}
.new_two_thirds .new_card.mr-5{
margin-right: 78px;
}
.new_two_thirds .new_card h4{
font-family: 'unineue_bold', Arial, sans-serif;
margin-top: 0px;
margin-bottom: 20px;
}
.new_two_thirds .new_card ul{
background-color: #fafafa;
color: #00293a;
padding-top: 15px;
padding-bottom: 15px;
text-align: left;
list-style: none;
}
.new_two_thirds .new_card ul li{
color: #002a3a;
margin-bottom: 0px;
}
.new_two_thirds .new_card .aqua ul li::before,
.new_two_thirds .new_card .green ul li::before{
position: relative;
top: 4px;
content: "\2022";
font-size: 25px;
display: inline-block;
width: 20px;
margin-left: -20px;
}
.new_two_thirds .new_card .aqua ul li::before {
color: #71b2c9;
}
.new_two_thirds .new_card .green ul li::before {
color: #00b388;
}
.new_two_thirds .new_card btn{
display: inline-block;
}
.new_stats{
margin-bottom: 50px;
}
.justify-content-center{
justify-content: center;
}
.justify-content-between{
justify-content: space-between;
}
.one_fourth{
width: 25%;
}
.mr-15{
margin-right: 15px;
}
.ml-15{
margin-left: 15px;
}
.new_stats img{
max-width: 70px;
margin-right: 10px;
}
.new_stats p.num,
.new_stats p.descr{
display: block;
font-family: 'unineue_regular', Arial, sans-serif;
margin: 0px;
color: #00293a;
}
.new_stats p.num{
font-size: 30px;
font-weight: bold;
margin-bottom: 5px;
}
.new_stats p.descr{
font-size: 18px;
}
.inside_stat .col-lg-3,
.inside_stat .col-lg-9{
padding-left: 5px;
padding-right: 5px;
}
btn.aqua:after{
content:'';
display: inline-block;
background-image: url('images/arrow-aqua.png');
background-repeat: no-repeat;
transition: all .3s ease;
width: 10px;
height: 16px;
position: relative;
top: 3px;
left: 8px;
}
btn.aqua_dark{
color: #002a3a;
}
btn.aqua_dark:after{
content:'';
display: inline-block;
background-image: url('images/arrow-aqua_dark.png');
background-repeat: no-repeat;
transition: all .3s ease;
width: 10px;
height: 16px;
position: relative;
top: 3px;
left: 8px;
}
btn.green:after{
content:'';
display: inline-block;
background-image: url('images/arrow-green.png');
background-repeat: no-repeat;
transition: all .3s ease;
width: 10px;
height: 16px;
position: relative;
top: 3px;
left: 8px;
}
.new_two_thirds .new_card:hover btn.aqua:after,
.new_two_thirds .new_card:hover btn.green:after{
transform: translate(10px);
}
.video{
margin: 50px 0px;
padding: 50px 0px;
position: relative;
/* background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 35%, rgba(0,42,58,1) 35%, rgba(0,42,58,1) 100%); */
}
.video_bg{
width: 65%;
height: 100%;
background-color: rgba(0,42,58,1);
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
position: absolute;
top: 0px;
}
.video_placeholder{
display: block;
cursor: pointer;
}
.video-below{
margin-bottom: 50px;
}
.video-below p{
margin-bottom: 40px;
}
.video h3, .video p{
color: #ffffff;
}
.video p{
margin-bottom: 40px;
margin-right: 50px;
}
.video h3,
.video-below h3{
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 28px;
line-height: 34px;
font-weight: bold;
margin-bottom: 40px;
}
.video-container {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
border-radius: 5px;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.align-items-end{
align-items: end;
}
.three_cards{
padding: 50px 0px 100px;
}
.three_cards .new_card{
margin: 0px 30px;
padding: 25px 25px 0px;
transition: all .3s ease;
}
.three_cards .new_card.green{
border-bottom: 7px solid #00b388;
margin-left: 0px;
}
.three_cards .new_card.aqua{
border-bottom: 7px solid #71b0c7;
margin: 0px 15px;
}
.three_cards .new_card.aqua_dark{
border-bottom: 7px solid #00778b;
margin-right: 0px;
}
.three_cards .new_card h4{
font-size: 21px;
line-height: 25px;
font-weight: bold;
}
.b_top{
position: relative;
width: 118%;
left: -9%;
border-top: 1px solid #e8eaeb;
padding-bottom: 10px;
transition: all .3s ease;
}
.b_top btn{
display: block;
margin-top: 10px;
}
.three_cards .new_card:hover{
border-bottom: 7px solid #ffffff;
}
.three_cards .new_card:hover.green .b_top{
background-color: #00b388;
}
.three_cards .new_card:hover.aqua .b_top{
background-color: #71b0c7;
}
.three_cards .new_card:hover.aqua_dark .b_top{
background-color: #00778b;
}
.three_cards .new_card:hover .b_top{
border-top: 1px solid transparent;
}
.three_cards .new_card:hover .b_top btn{
color: #ffffff;
}
.three_cards .new_card:hover btn:after{
background-image: url('images/arrow-white.png');
transform: translate(10px);
}
.new_testimonials{
padding: 50px 0px;
margin-bottom: 50px;
position: relative;
background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(247,248,252,1) 50%, rgba(247,248,252,1) 100%);
}
.new_testimonials > .container{
position: relative;
}
.testimonials_bg{
width: 99%;
height: 130%;
background-color: rgba(247,248,252,1);
position: absolute;
top: -50px;
left: 0;
}
/*
@media (max-width:1439px){
.testimonials_bg{
width: 90%;
}
}
@media (min-width:1440px){
.testimonials_bg{
width: 89%;
}
}
@media (min-width:1500px){
.testimonials_bg{
width: 88%;
}
} */
.new_testimonials .col-md-7{
margin-left: 30px;
}
.new_testimonials h4 {
font-family: 'unineue_bold', Arial, sans-serif;
font-size: 28px;
line-height: 30px;
margin-bottom: 30px;
}
.new_testimonials p.test_par{
margin-bottom: 30px;
}
.new_testimonials .test_link{
/* display: flex;
justify-content: flex-end;
width: 100%; */
display: inline;
float: right;
text-align: right;
font-size: 14px;
font-family: 'droid_sans_bold', Arial, sans-serif;
color: #002a3a;
background: rgba(247,248,252,1);
position: relative;
z-index: 1;
width: auto;
padding-left: 10px;
}
/* .new_testimonials .test_link:before{
content: '';
border: 1px solid #2e515f;
width: 65%;
position: absolute;
left: 2%;
bottom: 1%;
pointer-events: none;
cursor: default;
} */
.line{
border-bottom: 2px solid #2e515f;
position: relative;
top: 15px;
width: 95%;
}
.new_testimonials .test_link:after {
content: '';
display: inline-block;
background-image: url(images/arrow-aqua_dark.png);
background-repeat: no-repeat;
transition: all .3s ease;
width: 10px;
height: 16px;
position: relative;
top: 3px;
left: 8px;
}
.new_testimonials .test_link:hover:after{
transform: translate(10px);
}
p.test_name{
font-family: 'droid_sans_bold', Arial, sans-serif;
margin-bottom: 0px;
}
p.test_pos{
font-family: "droid_sans_regular", Arial, Helvetica, sans-serif;
}
.slider_play_btn{
position: absolute;
bottom: 0;
right: 0;
transition: all .3s ease;
}
.slider_play_btn:hover{
cursor: pointer;
transform: scale(0.95);
}
.slider_testimonials .slick-prev, .slider_testimonials .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 0%;
display: block;
width: 25px;
height: 25px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
transition: all .3s ease;
}
.slider_testimonials .slick-prev {
background-image: url('images/slider_test_prev.png');
right: 120px;
left: auto;
z-index: 9;
}
.slider_testimonials .slick-prev:hover{
right: 123px;
}
.slider_testimonials .slick-next {
background-image: url('images/slider_test_next.png');
left: auto;
right: 60px;
}
.slider_testimonials .slick-next:hover{
right: 57px;
}
.modal-fullscreen {
background: transparent;
}
.modal-fullscreen .modal-content {
background: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.modal-backdrop.modal-backdrop-fullscreen {
background: #ffffff;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
opacity: .97;
filter: alpha(opacity=97);
}
.modal-fullscreen .modal-dialog {
margin: 0;
margin-right: auto;
margin-left: auto;
width: 100%;
display: flex;
height: 100%;
align-content: center;
align-items: center;
justify-content: center;
}
.modal-fullscreen .modal-content{
width: 100%;
height: 70%;
display: flex;
align-content: center;
align-items: center;
justify-content: center;
}
.modal-fullscreen .modal-body{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
align-content: center;
}
.modal-fullscreen .modal-body iframe{
width: 100%;
height: 100%;
}
.modal-fullscreen button.close {
opacity: 1;
display: block;
position: absolute;
top: 20px;
right: 20px;
width: 25px;
height: 25px;
background: none;
outline: none;
border: none;
z-index: 2;
}
.modal-fullscreen button.close:after, .modal-fullscreen button.close:before {
content: "";
display: block;
width: 100%;
height: 2px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -50%;
margin-top: -1px;
transform-origin: center;
background: #273240;
}
.modal-fullscreen button.close:before {
transform: rotate(45deg);
}
.modal-fullscreen button.close:after {
transform: rotate(-45deg);
}
@media (min-width: 768px) {
.modal-fullscreen .modal-dialog {
width: 750px;
}
}
@media (min-width: 992px) {
.modal-fullscreen .modal-dialog {
width: 970px;
}
}
@media (min-width: 1200px) {
.modal-fullscreen .modal-dialog {
width: 1170px;
}
}
.new_subscribe{
padding: 50px 0px;
/* background: url('images/dots_nl.png') no-repeat left 50% transparent; */
}
.new_subscribe > .container > .row{
position: relative;
}
.new_subscribe > .container > .row::before{
display: block;
content: "";
position: absolute;
top: -5%;
/* left: -10%;
width: 200px; */
left: -400px;
width: 41%;
height: 132px;
background: url('images/dots_nl.png') repeat-x center center transparent;
}
.new_subscribe h3{
font-family: 'unineue_bold', Arial, sans-serif;
font-size: 25px;
line-height: 30px;
margin-top: 0px;
margin-bottom: 30px;
}
.new_subscribe p.small{
color: #545454;
}
.new_subscribe p.small a{
text-decoration: underline;
}
.mr-60{
margin-right: 60px;
}
.new_subscribe .form-control{
border: 1px solid #64a70b;
height: 40px;
margin-bottom: 20px;
}
.new_subscribe .btn.btn-big{
padding: 21px 40px 23px;
float: left;
}
.new_footer{
padding: 50px 0px 0px;
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 35%, rgba(0,42,58,1) 35%, rgba(0,42,58,1) 100%);
}
.new_footer a:hover{
text-decoration: underline;
}
.pl-10{
padding-left: 10px;
}
.pl-30{
padding-left: 30px;
}
.new_footer_below{
padding-top: 30px;
padding-bottom: 10px;
}
.new_footer .new_footer_below p, .new_footer .new_footer_below ul, .new_footer .new_footer_below a{
font-size: 11px;
color: #ffffff;
}
.new_footer .new_footer_below p{
margin-bottom: 0px;
}
.new_footer .new_footer_below ul{
list-style: none;
padding: 0px;
margin: 0px;
}
.new_footer .new_footer_below ul li{
float: left;
margin: 0px 12px;
position: relative;
}
.new_footer_mobile .footer_mobile_below.no_float ul li{
position: relative;
}
.new_footer .new_footer_below ul li::after,
.new_footer_mobile .footer_mobile_below.no_float ul li::after{
content: "";
display: block;
position: absolute;
border: 1px solid #ffffff;
border-width: 1px 1px 0 0;
height: 12px;
top: 6px;
left: -12px;
}
.new_footer_mobile .footer_mobile_below.no_float ul li::after{
top: 0px;
left: -12px;
}
.new_footer .new_footer_below ul li:first-child::after,
.new_footer_mobile .footer_mobile_below ul li:first-child::after,
.new_footer_mobile .footer_mobile_below ul li:nth-child(4)::after{
content: none;
}
.new_footer_green_bg{
background-color: #64a70b;
padding: 50px 50px 20px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.new_footer_green_bg .logo_footer{
margin-bottom: 40px;
}
.new_footer_green_bg h4{
font-family: 'unineue_regular', Arial, sans-serif;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
color: #002a3a;
}
.new_footer_green_bg p, .new_footer_green_bg ul, .new_footer_green_bg a{
font-size: 12px;
color: #ffffff;
}
.new_footer_green_bg p.strong{
font-family: 'droid_sans_bold', Helvetica, Arial, sans-serif;
}
.new_footer_green_bg ul{
list-style: none;
padding: 0px;
margin: 0px;
}
.new_footer_green_bg .mb-5{
margin-bottom: 40px;
}
.new_footer_green_bg .bottom_footer p{
font-size: 10px;
line-height: 14px;
}
.new_footer_green_bg .footer_social ul{
border-top: 1px solid #ffffff;
padding-top: 10px;
}
.new_footer_green_bg .footer_social ul li{
float: left;
margin-right: 20px;
}
.new_footer_green_bg .footer_social ul li:last-child{
margin-right: 0px;
}
.new_footer_green_bg .footer_social ul li a img:hover{
transform: scale(0.95);
}
.eu_logo{
width: 190px;
}
.ten-columns > .col-md-2 {
width: 20%;
}
.d-flex-m{
display: none;
}
.green{
color: #00b388;
}
/* NEW SQUARE BUTTONS */
.btn-sq{
font-family: 'unineue_bold', Arial, sans-serif;
font-size: 12px;
line-height: 0;
text-transform: uppercase;
background-color: #002a3a;
color: white;
padding: 20px 14px 19px;
border-radius: 4px;
display: inline-flex;
align-items: center;
transition: all .3s ease;
}
/* @media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
.btn-sq{ font-weight: bold; }
} */
.btn-sq:hover{
background-color: #64a70b;
color: white;
}
.btn-sq.green{
background-color: #64a70b;
border: 1px solid #64a70b;
}
.btn-sq.green:hover{
background-color: #ffffff;
border: 1px solid #64a70b;
color: #64a70b;
}
.btn-sq.white{
background-color: #ffffff;
border: 1px solid #64a70b;
color: #64a70b;
}
.btn-sq.white:hover{
background-color: #64a70b;
border: 1px solid #64a70b;
color: #ffffff;
}
.btn-sq.black{
background-color: #ffffff;
border: 1px solid #002a3a;
color: #002a3a;
}
.btn-sq.black:hover{
background-color: #002a3a;
border: 1px solid #002a3a;
color: #ffffff;
}
.btn-sq.aqua{
background-color: #71b2c9;
border: 1px solid #71b2c9;
color: #ffffff;
}
.btn-sq.aqua:hover{
background-color: transparent;
border: 1px solid #71b2c9;
color: #71b2c9;
}
.btn-sq.aqua-invert{
background-color: transparent;
border: 1px solid #71b2c9;
color: #71b2c9;
}
.btn-sq.aqua-invert:hover{
background-color: #71b2c9;
border: 1px solid #71b2c9;
color: #ffffff;
}
/* ============================================================================================================================
== MEDIA QUERIES
** ============================================================================================================================ */
@media (min-width:768px){
.container{
width:100%;
max-width: 1180px;
}
}
@media (max-width: 1200px){
video {
max-width: none;
height: 100%;
width:auto;
}
.training-networks.video-bg .background-video-training-networks-search{
height: auto;
width: 100%;
}
.training-networks.video-bg .full-width-banner .col-sm-6 {
margin-top: 10px;
}
#mce-EMAIL {
width: 50%;
}
}
@media (max-width: 1100px){
video {
max-width: none;
height: 100%;
width:auto;
}
.training-networks.video-bg .background-video-training-networks-search{
height: 100%;
width:auto;
}
}
@media (max-width:1150px){
.circle-430 {
width: 380px;
height: 380px;
}
.circle-400 {
width: 370px;
height: 370px;
}
.stats-section .panel2 .large {
font-size: 58px;
}
.stats-section .btn-medium {
font-size: 12px;
line-height: 45px;
}
.stats-section .abs.circulargraph {
top: -10px;
left: 0px;
font-size: 20px;
}
/* ------ Addition of 5th publications category - April 2019 ------ */
.publications-2019 .publications-circle{
margin: 0px 10px;
}
.publications-2019 .circle-200 {
width: 174px;
height: 174px;
}
.publications-2019 .publications-circle .circle {
font-size: 23px;
line-height: 25px;
padding-top: 40px;
}
.publications-2019 .publications-circle .circle a{
font-size: 23px;
}
}
@media (max-width:991px){
.mb-5{
margin-bottom: 40px;
}
.new_hero .d-flex{
display: flex;
}
.new_home_slider{
width: auto;
margin-left: 0px;
}
.new_home_slider .slick-prev, .new_home_slider .slick-next{
top: 100%;
}
.new_home_slider .slick-prev{
left: 300px;
}
.new_home_slider .slick-next{
right: 300px;
}
.new_hero{
padding-top: 140px;
}
.left_bg, .right_bg{
min-height: 300px;
}
.right_bg{
margin-right: 0px;
}
.left_bg{
margin-left: 0px;
}
.lazyload{
min-height: 300px;
min-width: 450px;
position: absolute;
top: -100px;
}
.init_right, .init_left {
margin-bottom: 100px;
margin-top: 150px;
}
.new_two_thirds > .container > .row::before{
content: none;
}
.new_two_thirds .new_card{
margin: 0px 30px;
}
.inside_stat .col-lg-3, .inside_stat .col-lg-9{
padding-left: 15px;
padding-right: 15px;
}
.three_cards .new_card{
margin: 0px;
}
.new_testimonials{
background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(247,248,252,1) 100%);
}
.slider_testimonials .slick-prev, .slider_testimonials .slick-next{
top: -5%;
}
.new_testimonials .test_link:before{
content: none;
}
.ten-columns > .col-md-2 {
width: 20%;
float: left;
}
.stats-section .panel2 .large {
font-size: 50px;
}
.circle-430 {
width: 380px;
height: 380px;
}
.circle-400 {
width: 370px;
height: 370px;
}
.home-video-showreel-section .video-promo {
min-height: 400px;
}
.page-content{
padding-left: 0;
}
header.sn-header{
height: auto;
}
/* header.sn-header.shrink{
padding: 20px 0px 0px 0px;
} */
header.sn-header .navbar-brand{
width: 170px;
}
.new_stats > .container > .d-flex,
.new_stats > .container > .d-flex > .d-flex{
display: block;
}
.one_fourth{
width: 40%;
margin-bottom: 30px;
margin-left: 15px;
float: left;
}
.main-nav{
margin-top: 0px;
}
.main-nav .navbar-nav > li > a {
padding: 14px 10px 8px 10px;
font-size: 14px;
line-height: 24px;
}
#mc-embedded-subscribe {
margin: 40px auto 10px auto;
}
#mce-EMAIL {
width: 80%;
border: 2px solid #6f7d7f;
}
.publications-container .publication-icon h5 {
top: 45px;
left: 35px;
}
/* Testimonial Circles on Tablet/Mobile */
#testimonials-with-animation .circle-left {
left: 0px;
}
#testimonials-with-animation .circle-middle {
left: 0px;
}
#testimonials-with-animation .circle-right {
right: 0px;
}
.circle-slide-left-1,
.circle-slide-left-2,
.circle-slide-left-3{
-webkit-animation: none;
animation: none;
}
.circle-left{
position: relative;
left:auto;
bottom: auto;
}
.circle-middle{
position: relative;
left:auto;
margin-left: 0;
top:auto;
}
.circle-right{
position: relative;
right:auto;
bottom:auto;
}
.hide-on-tablet-and-smaller{display: none !important;}
.show-on-tablet-and-smaller{display: block !important;}
.training-networks select {
display:inline-block;
width:100%;
height: 60px;
border-radius: 20px;
}
.circle-290 {
width: 190px;
height: 190px;
width: 220px;
height: 220px;
}
.management-development-sme-growth .circle p{
font-size: 14px;
line-height: 16px;
top:40%;
left:40%;
transform: translateY(-40%) translateX(-40%);
max-width: 220px;
}
#enquiry-form-modal {
width: 90%;
max-width: 740px;
padding: 50px 25px 60px 25px;
border-radius: 8px;
}
#enquiry-form-modal .nf-form-cont .one-half,
#enquiry-form-modal .nf-form-cont .three-sixths,
#enquiry-form-modal .nf-form-cont .two-fourths {
width: 100%;
margin-left: 0;
margin-right: 0;
float:none;
}
.publications-2019 .publications-circle .circle {
font-size: 21px;
line-height: 1.2em;
}
.publications-2019 .publications-circle .circle a{
font-size: 21px;
line-height: 1.2em;
}
.what-is-a-network.banner-green h6{
font-size: 24px;
}
.stay-up-to-date-cta .bird-icon {
display: none;
}
.kinetic-newsletter-signup{
height: 500px;
}
footer .social-links {
padding-left: 0;
}
footer .col_one {
padding-right: 12px;
padding-left: 12px;
}
footer .col_two {
padding-left: 22px;
padding-right: 22px;
}
footer .col_three {
padding-left: 22px;
padding-right: 12px;
}
footer .widget_goodoldtwitterwidget {
width: 100%;
display: block;
margin-right: 0%;
}
.instagram_feed {
display: block;
padding-top: 10px;
max-width: 450px;
width: 100%;
}
.cookie-content {
padding: 10px 8px;
}
.cookie-content .cookie-close {
padding: 5px 8px;
margin-left: 8px;
}
.news-img-crop {
height: 210px;
}
.about-panel-cards-section .panel-card h3 {
font-size: 30px;
}
.management-development-programmes .news-img-crop {
height: 100px;
}
.our-people-container .person.col-sm-4 {
margin-bottom: 40px;
}
.our-people-container .profile h4 {
font-size: 19px;
margin-top: 0;
}
.our-people-container img {
margin-bottom: 15px;
}
a[href^="tel"] {
color: inherit;
text-decoration: none;
}
.doormats.three_doormats .doormat h3{
font-size: 21px;
}
.featured-cta.management-programmes-cta {
min-height: 400px;
background: none;
background-position: right center;
background-size: 48% auto;
background-repeat: no-repeat;
margin-bottom: 60px;
}
/* NEW STATS COUNTER FOR TABLET */
.abs.investment {
font-size: 60px;
}
.investment.abs.x-large p {
font-size: 32px;
}
.abs.investment1,
.abs.investment2 {
font-size: 30px;
bottom: 15%;
}
.stats-section .circular-graph {
max-width: 100%;
width:100%;
height:auto;
float: right;
}
}
@media (max-width:860px){
.pc_style_one.pc_half_width{
width:100%;
display: block;
}
.four_doormats._only_three_doormats .doormat {
width: 100%;
margin-right: 0;
}
}
@media (max-width:920px){
.four_doormats._only_three_doormats .doormat {
width: 100%;
margin-right: 0;
}
.stay-up-to-date-cta.cta h2 {
font-size: 34px;
line-height: 40px;
}
.publications-container .publication-icon h5{
font-size: 11px;
}
}
@media (min-width:768px) and (max-width:920px){
.stats-section .large1 {
font-size: 35px;
line-height: 40px;
margin-bottom: 10px;
}
.stats-section table tr td:nth-child(2) {
font-size: 20px;
}
.abs.investment {
font-size: 50px;
}
.abs.investment1, .abs.investment2 {
font-size: 27px;
bottom: 12%;
}
.abs.investment1 {
left: 10px;
}
.abs.investment2 {
right: 10px;
}
.stats-section table tr td {
font-size: 16px;
padding-top: 8px;
padding-bottom: 5px;
}
.stats-section .panel2 .large {
font-size: 45px;
line-height: 50px;
}
.divider4 {
margin-top: 0;
}
.irelandmap {
height: 302px;
}
.irelandmap img{
padding-top: 40px;
}
.irelandmap .mapval {
font-size: 100px;
line-height: 120px;
}
.irelandmap .abs-map {
top: calc(50% - 40px);
}
.panel2 .p2 {
font-size: 40px;
bottom: 0px;
left: calc(50% - 80px);
}
}
@media (max-width:767px) {
/* NEW COUNTDOWN TICKER FOR NEW NETWORK FUNDING */
.countdown-circles-container {
height: auto;
}
.countdown-circles-container ul {
vertical-align: top;
margin-left: 0;
padding-left: 0;
margin-top: 15px;
margin-bottom: 15px;
}
.countdown-circles-container ul li{
display: inline-block;
width:110px;
height:110px;
list-style: none;
vertical-align: top;
position: relative;
margin-top: 15px;
margin-right: 1%;
}
.countdown-circles-container ul li img{
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
display: inline-block;
}
#hours,#mins{
font-size: 42px;
line-height: 40px;
margin-top: 15px;
}
.countdown-circles-container ul li h6{
font-size: 15px;
}
#secs{
font-size: 42px;
line-height: 40px;
margin-top: 15px;
}
.countdown-ticker .countdown_days h3 {
font-size: 90px;
margin-top: 60px;
}
.countdown-ticker h2 {
font-size: 40px;
line-height: 55px;
padding-right: 10px;
}
.countdown-ticker h2 span {
font-size: 50px;
padding-right: 10px;
}
/* ---------- Container for the orbiting circles animation ---------- */
#circle-orbit-container {
top: 5px;
left: 5px;
height: 110px;
width: 110px;
}
#middle-orbit {
top: 0px;
left: 0px;
width: 110px;
height: 110px;
}
.cc-container {
padding: 20px 0px;
}
/* ---------- Repeating styles for the inner orbiting circles ---------- */
.middle-orbit-cirlces {
top: 20px;
left: 0px;
height: 18px;
width: 18px;
}
.setting-up-a-network-events .bg-image{
margin-bottom: 20px;
padding: 15px;
height: 300px;
width: 100%;
}
.page-template-template-call-for-new-networks .testimonialquote {
margin-top: 20px;
}
.openquotes {
font-size: 70px;
}
.page-template-template-call-for-new-networks .home-hero{height:390px;}
.page-template-template-call-for-new-networks .testimonialquote h2 {
font-size: 24px;
line-height: 1.25em;
margin-bottom: 18px;
margin-top: 5px;
max-width: 95%;
}
.page-template-template-call-for-new-networks .testimonialquote h4 {
font-size: 16px;
line-height: 1.3em;
margin-bottom: 10px;
}
.page-template-template-call-for-new-networks .testimonialquote h5 {
text-transform: uppercase;
font-size: 12px;
}
/* NEW STATS SECTION ON HOMEPAGE - JULY 2018 */
.hide-for-mobile{display: none;}
.show-for-mobile-only{display: block;}
.irelandmap {
height:auto;
}
.irelandmap > div{height:auto;}
.irelandmap .abs{
left:0;
right:0;
top:45%;
bottom: auto;
text-align: center;
}
.stats-section .panel2 .large {
font-size: 45px;
line-height: 45px;
text-align: center;
display: block;
}
.panel2 .rel{
margin-bottom: 15px;
}
.panel2 .rel img{
width: 100%;
}
.panel2 .p1 {
bottom: auto;
top:15%;
margin-bottom: 15px;
}
.panel2 .p2 {
font-size: 45px;
top: 10%;
bottom:auto;
left: calc(50% - 80px);
}
.stats-section .large1 {
font-size: 27px;
line-height: 38px;
margin-bottom: 15px;
}
.stats-section table tr td{font-size: 15px;padding-top: 10px; padding-bottom: 5px;}
.stats-section table tr td:nth-child(2){font-size: 20px;}
.stats-section .circular-graph {
width: 100%;
height:auto;
float: right;
padding-top: 30px;
}
.stats-section .abs.circulargraph {
top: 0px;
left: 0px;
font-size: 18px;
line-height: 22px;
text-align: left;
}
.panel2 .p1 .x-large,
#data4 {
font-size: 80px;
line-height: 100px;
}
.v-large{font-size:40px;text-align: center;display: block;margin-bottom: 10px;}
.page-template-template-stats-ticker-test .panel2 .p1 {
bottom: auto;
left: 0;
right: 0px;
text-align: left;
}
.page-template-template-stats-ticker-test .panel2 .p1 .x-large{
font-size: 90px;
line-height: 110px;
}
.page-template-template-stats-ticker-test #data6 {
width: 100%;
display: block;
font-size: 34px;
}
/* ------------------------------------------------------------- */
/* 2019 Stats infographic on homepage - Added 9th July 2019 */
/* ------------------------------------------------------------- */
.gender{
padding-left: 0;
padding-right: 0;
}
.member{
background: url('images/stats2019/stats-2019-icon-member.png') no-repeat right center;
background-size: 100px auto;
padding-right: 110px;
}
.training{
background: url('images/stats2019/stats-2019-icon-training.png') no-repeat right center;
background-size: 100px auto;
padding-right: 110px;
}
.man-dev-logo{width:100%;max-width: 500px;margin-top: 15px;
margin-bottom: 15px;
}
.no-padding-mobile{
padding: 0;
}
.testimonials_intro .divider2 {
max-width: 260px;
}
.management-development-programmes .news-img-crop {
height: 130px;
}
.what-is-a-network.banner-green h6{
font-size: 15px;
}
.main-nav {
display:none;
}
.home-video-showreel-section .video-promo {
min-height: 300px;
}
#enquiry-form-modal .nf-form-cont .one-half,
#enquiry-form-modal .nf-form-cont .three-sixths,
#enquiry-form-modal .nf-form-cont .two-fourths {
width: 100%;
margin-left: 0;
margin-right: 0;
float:none;
}
#enquiry-form-modal .nf-field-element input {
border-radius:0;
-webkit-appearance: none;
color: #777777;
}
.cookie-content {
font-size: 13px;
line-height: 30px;
width: 100%;
padding: 10px 10px;
height:auto;
top:0;
min-height: 60px;
max-height: 90px;
text-align: left;
}
.cookie-content .cookie-close{
border-radius:3px;
padding: 5px 6px;
margin-left: 3px;
}
.banner-white.small_intro_text p {
font-size: 22px;
line-height: 29px;
}
header.sn-header {
padding: 10px 0px 0px 0px;
min-height: 80px;
}
.search-form-button .search {
margin-right: 15px;
}
.top-nav {
margin-top: 20px;
}
.menubutton {
position: relative;
float: right;
display: inline-block;
margin: 3px 0px 0px 0px;
width: 44px;
height: 44px;
}
.cta-cant-find{
font-size: 20px;
line-height: 28px;
padding: 15px 10px;
}
.page-content {
padding-left: 0px;
}
.circle-540{
width: 270px;
height: 270px;
}
.circle-380 {
width: 290px;
height: 290px;
}
.circle-430 {
width: 290px;
height: 290px;
}
.circle-400 {
width: 280px;
height: 280px;
}
.hide-on-mobile{display: none !important;}
.show-on-mobile{display: block !important;}
.toggle-show{
display: block!important;
/* position: absolute;
z-index: 999;
right: 2%;
top: 1%; */
}
/* .toggle-show .ubermenu-responsive-toggle{
position: fixed;
right: 2%;
top: 1%;
}
.toggle-show .ubermenu{
background-color: #ffffff;
padding-top: 100px;
}
.toggle-show .navbar-brand{
position: fixed;
} */
.navbar-brand{
max-width: 140px;
}
.kinetic-newsletter-signup{
height: 600px;
}
.kinetic-newsletter-signup .kinetic-right{
text-align: center;
}
.kinetic-newsletter-signup .kinetic-logo{
display: block;
margin: 10px auto;
max-width: 60%;
}
footer .col_one {
width: 56%;
padding-right: 12px;
padding-left: 15px;
}
footer .meta-logos img {
width: 100%;
}
footer .col_two {
width: 38%;
padding-left: 12px;
padding-right: 12px;
border-right: none
}
footer .social-links{padding-left: 0;}
footer .social-links li {
width: 30px;
height: 30px;
line-height: 38px;
margin-right: 2px;
}
.footer-bar .meta-links {
display: block;
margin-bottom: 0;
}
.footer-bar span {
margin-right: 0px;
display: inline-block;
}
.signup-container {
width: 100%;
}
#mc-embedded-subscribe {
padding: 20px 60px;
height: 70px;
border-radius: 35px;
color: #ffffff;
font-size: 21px;
display: block;
margin: 40px auto 10px auto;
}
#mce-EMAIL {
width: 100%;
border: 2px solid #6f7d7f;
margin: 0 0px;
}
.newsletter-signup h3 {
font-size: 30px;
line-height: 60px;
margin: 0px 5px 0px 85px;
}
.home-hero{
height: 360px;
margin-bottom: 0px;
padding-top: 110px;
}
.home-hero h2{
font-size: 18px;
line-height: 25px;
max-width: 90%;
margin-bottom: 10px;
}
.home-hero .circle-green{
padding-left: 45px;
padding-top: 45px;
margin-left: -30px;
width:320px;
height:320px;
}
.home-hero .circle-green a{
font-size: 16px;
}
section.homepage-banner{margin-bottom: 20px;}
.home-hero .down-arrow{display: none;}
.enhance-your-business .section_title {
font-size: 16px;
margin-bottom: 10px;
}
.enhance-your-business h2 {
font-size: 24px;
line-height: 30px;
margin-bottom: 36px;
}
.doormats {
background-color:transparent;
}
.doormat {
display: block;
width: 100%;
margin-bottom: 10px;
border-right:none;
border-top-right-radius: 30px;
padding: 15px 20px 15px 20px;
}
.doormat .doormat-icon {
width:60px;
height:60px;
top:4px;
right:4px;
}
.doormat h3 {
font-size: 25px;
}
.stay-up-to-date-cta.cta {
background-color: #73bd21;
padding: 20px 16px 20px 16px;
}
.stay-up-to-date {
height: 550px;
}
.stay-up-to-date .bird-icon {
right: 10px;
top: 10px;
max-width: 60px;
}
.stay-up-to-date-cta .bird-icon {
display: none;
}
.stay-up-to-date h2, .stay-up-to-date-cta h2 {
font-size: 27px;
line-height: 40px;
font-family: 'unineue_regular', Arial, sans-serif;
margin-bottom: 15px;
}
.stay-up-to-date h2 {
font-size: 27px;
line-height: 40px;
margin-bottom: 20px;
margin-top: 0;
}
.stay-up-to-date p,
.stay-up-to-date-cta p {
font-size: 14px;
line-height: 19px;
max-width: 95%;
}
.stay-up-to-date .circle-green {
top: 15px;
left: 15px;
font-size: 27px;
line-height: 90px;
height:120px;
width: 120px;
}
.management-works-section .circle-blue {
margin-left: 0px;
}
.management-works-section h2 {
font-size: 32px;
line-height: 40px;
margin-bottom: 10px;
padding-left: 0px;
}
.management-works-section .circle-m-blue {
padding-top: 40px;
}
.management-works-section .circle-m-blue h3 {
font-size: 27px;
line-height: 32px;
margin-bottom: 3px;
font-size: 47px;
line-height: 52px;
padding-left: 50px;
}
.management-works-section .circle-m-blue ul{
margin-left: 5px;
padding-left:0px;
}
.management-works-section ul li {
font-size: 15px;
line-height: 17px;
text-align: left;
padding-left: 7px;
padding-right: 20px;
margin-left: 30px;
vertical-align: top;
}
.management-works-section ul li{
list-style: none;
text-indent: -18px;
}
.management-works-section ul li:before{
content: '';
display: inline-block;
height: 20px;
width: 20px;
background-image: url('images/list-style-tick.png');
background-repeat: no-repeat;
background-size: 13px 13px;
background-position-y: 6px;
}
.network-management-development-programmes-cta p {
margin-top: 0px;
}
.network-management-development-programmes-cta .find-out-more{
margin-bottom: 30px;
margin-top: 30px;
}
.news-listing-container .news-img-crop,
.news-img-crop {
width: 100%;
height: auto;
}
.news-item {
padding: 15px 14px;
margin-bottom: 15px;
}
.related-articles {
margin: 10px 0px 10px 0px;
}
.enhance-your-business {
margin-bottom: 30px;
}
.panel-card.panel-style-1 .panel-content {
bottom: 28px;
left: 15px;
max-width: 80%;
}
.panel-card.panel-style-1 h3 {
margin-top: 10px;
font-size: 30px;
line-height: 36px;
margin-bottom: 15px;
}
.video-promo .details {
bottom: 15px;
left: 25px;
font-size: 31px;
line-height: 40px;
}
.pull-right,.pull-left {
float: none !important;
}
/* Hide video bg on mobile */
.training-networks.video-bg .background-video-training-networks-search {
display: none;
}
.training-networks.video-bg .full-width-banner {
height: auto;
}
.training-networks .logo {
margin: 0px auto;
width: 100%;
max-width: 170px;
}
.training-networks.video-bg .full-width-banner .col-sm-6 {
margin-top: 10px;
}
.training-networks .border-left{border:none;padding-left: 15px;}
.training-networks h2 {
font-size: 40px;
line-height: 50px;
}
.training-networks p {
width: 90%;
}
.training-networks h3 {
font-size: 37px;
line-height: 48px;
}
.training-networks .single-sector {
text-align: left;
padding-right: 0px;
}
.training-networks .multi-sector {
padding-left: 0px;
text-align: left;
}
.training-networks .dropdown-el{
width:100%;
}
.training-networks .dropdown-el.by-sector{
z-index: 999;
}
.training-networks .dropdown-el .option {
background: rgba(6,41,59,1);
z-index: 6;
}
.training-networks .dropdown-el .option:nth-child(1){
z-index: 1;
}
.management-works-section .circle-blue, .management-works-section .circle-m-blue{
margin-left: 0px;
}
.news-item .find-out-more {
width: 70%;
max-width: 80%;
bottom: 20px;
left: 15px;
}
.management-works-section .full-width-banner {
height: auto;
padding-top: 45px;
padding-bottom: 40px;
background: #06293b !important;
}
.about-us-hero {
height: 300px;
margin-bottom: 0px;
padding-top: 100px;
}
.about-us-hero .circle.circle-430{
width:200px;height:200px;padding-top:50px;
}
.about-us-hero h2 {
font-size: 17px;
line-height: 22px;
max-width: 190px;
width: 170px;
top: 50%;
left: 50%;
transform: translateX(-45%) translateY(-50%);
}
.banner-white {
padding: 0px 0px 30px 0px;
}
.banner-white h2 {
font-size: 31px;
}
.banner-white p {
font-size: 25px;
line-height: 30px;
}
.about-panel-cards-section {
margin-bottom: 30px;
}
.pc_style_one.pc_half_width {
width: 100%;
display: block;
}
.col-sm-6.about-col-left {
padding-right: 15px;
}
.about-panel-cards-section .panel-card {
overflow: hidden;
border-right: none;
border-left: none;
margin-bottom: 9px;
}
.pc_style_one.pc_full_width {
padding-top: 25px;
}
.pc_style_one.pc_full_width .panel-content {
display: inline-block;
width: 90%;
}
.col-sm-6.about-col-right {
padding-left: 15px;
padding-top: 10px;
}
.banner-grey .banner-details {
padding:15px;
}
.banner-grey h1 {
font-size: 32px;
}
.banner-grey p.intro {
font-size: 26px;
line-height: 30px;
}
.banner-grey .circle-image {
margin-right: auto;
margin-left: auto;
margin-top: 30px;
padding: 0;
margin: 0 auto;
display: block;
}
.single-casestudy .banner-grey .circle-image {
margin-right: auto;
margin-top: 30px;
}
.doormats.doormats_style_2 .doormat {
display: block;
width: 100%;
margin-bottom: 15px;
border-top-right-radius: 50px;
padding: 0px 0px 20px 0px;
margin-right: 0;
}
.doormats.doormats_style_2 .doormat img{
width: 100%;
position: relative;
left: 0px;
top: 0px;
margin-bottom: 20px;
}
.doormats.doormats_style_2 .doormat h3,
.doormats.doormats_style_2 .doormat p{
padding-left: 20px;
padding-right: 20px;
}
.we-can-help-your-business .intro_wrapper {
width: 100%;
display: block;
margin-right: 0;
}
.we-can-help-your-business .circle-360 {
text-align: left;
padding-left: 40px;
padding-top: 40px;
position: relative;
top: 0;
right: 0px;
}
.we-can-help-your-business .full-width-banner {
height: auto;
}
.we-can-help-your-business .circle-460,
.we-can-help-your-business .circle-360 {
padding-left: 45px;
padding-top: 40px;
width:300px;
height:300px;
display: block;
margin: 15px auto;
}
.we-can-help-your-business .circle-460 h3,
.we-can-help-your-business .circle-360 h3 {
font-size: 30px;
line-height: 36px;
margin-bottom: 10px;
}
.we-can-help-your-business .circle-460 p,
.we-can-help-your-business .circle-360 p {
font-size: 16px;
line-height: 20px;
padding-right: 25px;
}
.news-listing-container .page-content h1 {
margin: 0px 0px 20px 0px;
font-size: 45px;
line-height: 50px;
}
.news-listing-container .page-content h2 {
font-size: 24px;
line-height: 30px;
max-width: 100%;
margin-bottom: 40px;
}
.news-listing-container .twitter-bird-outline {
bottom: 0px;
right: 30px;
max-width: 60px;
}
.page-content h2, .page-content h3, .page-content h4, .page-content h5 {
padding: 0px 0px;
}
.news-listing-container .btn-medium {
padding: 0px 40px;
height: 48px;
border-radius: 24px;
font-size: 15px;
line-height: 48px;
width: 100%;
margin-bottom: 15px;
text-align: center;
}
.news-meta-panel ul li {
padding: 5px 0px;
font-size: 18px;
}
.news-meta-panel ul li a{
padding: 12px 0px;
display: block;
}
.publications-hero {
height: auto;
margin-bottom: 65px;
padding-top: 100px;
background-size: auto 100px !important;
-webkit-background-size: auto 260px !important;
}
.publications-nav {
margin-top: 20px;
}
.publications-circle{margin: 0px 5px;}
.publications-circle .circle {
font-size: 18px;
line-height: 24px;
margin-bottom: 20px;
padding-top: 20px;
width:140px;
height:140px;
margin: 10px 10px;
}
.publications-circle a {
font-size: 19px;
line-height: 26px;
}
.publications-container .publication-icon h5 {
top: 35px;
left: 25px;
}
.btn-large {
text-align: center;
padding: 15px 40px;
height: 60px;
border-radius: 30px;
font-size: 18px;
line-height: 1.3em;
display: block;
margin-bottom: 15px;
}
.btn-large.right{float:none;}
.publications-container img {
width: 40%;
max-width: 100%;
max-height: none;
}
.publications-container .profile {
width: 55%;
padding-left: 2%;
}
.people-hero .intro {
padding-top: 35px;
}
.people-hero .intro h2 {
font-size: 35px;
line-height: 41px;
text-align: left;
max-width: 100%;
}
.people-hero .intro p {
font-size: 26px;
line-height: 32px;
width: 100%;
color: #ffffff;
}
.contact-form-container {
padding-left: 0px;
margin-top: 40px;
}
#faq_accordion .faq_accordion h3 {
background: url(images/accordion-arrow-right.png) no-repeat right 15px center;
padding: 8px 40px 8px 15px;
}
#faq_accordion .faq_accordion h3.ui-accordion-header-active {
background: url(images/accordion-arrow-down.png) no-repeat right 15px center;
}
#faq_accordion .faq_accordion div.ui-accordion-content {
padding-right: 10px;
padding-left: 10px;
}
.page-content .wp-caption.alignright {
float: none;
margin-left: 0px;
}
.page-content .wp-caption.alignleft {
float: none;
margin-right: 0px;
}
.featured-cta{
background-position: right top;
background:none;
background-repeat: no-repeat;
}
.featured-cta h2 {
margin-top: 10px;
font-size: 35px;
line-height: 39px;
margin-bottom: 15px;
}
.case-study-featured-cta.featured-cta h2 {
margin-top: 10px;
}
.featured-cta .circle {
margin-top: 10px;
width:100px;
height:100px;
}
.featured-cta .circle h3 {
font-size: 20px;
line-height: 24px;
padding-top: 30%;
}
.events-hero {
height: 280px;
}
.events-hero .intro {
padding-top: 40px;
}
.events-hero .intro h2 {
font-size: 40px;
line-height: 49px;
margin-bottom: 10px;
padding-bottom: 20px;
width: 90%;
}
.events-hero .intro p {
font-size: 30px;
line-height: 37px;
width: 80%;
}
.events-filter > ul {
display: block;
margin-left: 0;
padding-left: 0;
}
.events-filter > ul > li {
display: inline-block;
list-style-image: none;
margin-right: 20px;
padding: 15px 25px 15px 0px;
}
.events-filter li:hover > .events-filter-dropdown {
top:70px;
display: block;
visibility: visible;
opacity: 1;
padding-top: 25px;
}
.events-filter-dropdown {
padding: 15px 15px 20px 15px;
}
.events-filter-dropdown > ul > li {
width: 45%;
margin-right: 4%;
margin-bottom: 18px;
}
.events-filter-dropdown ul li a {
font-size: 18px;
padding: 12px 0px;
}
.events-container img {
width: 75%;
max-width: 320px;
}
.events-container .profile {
width: 100%;
padding-left: 0%;
}
.events-container .profile h4 {
margin-top: 0;
margin-bottom: 22px;
max-width: 100%;
}
.events-container .event-profile {
margin-bottom: 60px;
}
.events-container .date-ribbon {
top: 0px;
}
.management-dev-hero {
height: 300px;
padding-top: 100px;
}
.management-dev-hero .circle{
width:200px;height:200px;padding-top:50px;
}
.management-dev-hero h2 {
font-size: 17px;
line-height: 22px;
max-width: 190px;
width: 170px;
top: 50%;
left: 50%;
transform: translateX(-45%) translateY(-50%);
}
.banner-blue .diagonal-lines {
margin-bottom: 20px;
}
.banner-blue h2 {
font-size: 33px;
}
.banner-blue p {
font-size: 20px;
line-height: 26px;
}
.banner-blue._version2 p.intro {
font-size: 28px;
line-height: 35px;
max-width: 100%;
}
.management-programmes h2 {
font-size: 34px;
line-height: 40px;
text-align: center;
}
.management-programmes h2 span {
padding: 0 15px;
display: block;
}
.management-programmes span.provided-by {
left: 15px;
right: 15px;
font-size: 14px;
}
.management-programmes .details {
margin-bottom: 15px;
padding:15px 5px;
}
.management-programmes .details p{
font-size: 14px;
}
.four_doormats .doormat {
width: 100%;
margin-bottom: 15px;
padding: 20px 20px 20px 20px;
margin-right: 0;
border-top-right-radius: 40px;
}
.four_doormats._only_three_doormats .doormat {
width: 100%;
margin-right: 0;
}
.four_doormats .doormat .doormat-icon {
width: 50px;
height: 50px;
top: 12px;
right: 12px;
}
.four_doormats h3 {
position: relative;
width:80%;
max-width: 80%;
margin-bottom: 15px;
bottom: auto;
margin-top: 5px;
}
.four_doormats .find-out-more {
margin-bottom: 15px;
position: relative;
bottom: auto;
left: auto;
}
.management-development-home-doormats {
margin-bottom: 25px;
}
.management-development-sme-growth .full-width-banner {
height: auto;
padding-top: 10px;
}
.management-development-sme-growth .circle h3 {
font-size: 39px;
line-height: 47px;
text-align: center;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
.management-development-sme-growth .circle p {
font-size: 15px;
line-height: 21px;
max-width: 280px;
}
.management-development-sme-growth .circle.no-padding {
margin-bottom: 15px;
}
.management-development-sme-growth .circle.c_large {
margin-top: 40px;
}
.banner-blue.man-programmes-tabs {
padding: 0px 0px 10px 0px;
margin-bottom: 20px;
}
a.btn-programmes {
padding: 10px 15px;
font-size: 19px;
line-height: 29px;
width: 100%;
margin-right: 0;
display: inline-block;
min-height: 66px;
}
section.management-development-programmes {
padding-bottom: 30px;
padding-top: 20px;
}
.management-development-programmes h2 {
font-size: 30px;
line-height: 38px;
padding-bottom: 15px;
margin-bottom: 15px;
margin-top: 15px;
}
.banner-blue._version2 .circle{
margin: 10px auto;
display: block;
}
.event-details .network-meta.event-meta{width:100%;}
.event-details.banner-light-grey h2 {
font-size: 35px;
}
.related-articles .article-container {
padding: 0 0px;
}
.related-articles .panel-card {
margin-left: 0px;
margin-right: 0px;
}
.single-networks .network-logo {
display: block;
width: 100%;
margin-right: 0;
}
.single-networks .network-meta {
display: block;
width: 100%;
margin-right: 0;
}
.we-can-help-your-business .section_title {
font-size: 38px;
line-height: 43px;
margin-bottom: 14px;
}
.we-can-help-your-business p {
font-size: 16px;
line-height: 24px;
}
a[href^="tel"]{
color:inherit;
text-decoration:none;
}
.owl-carousel-network-partner-logos {
margin-top: 20px;
padding: 0px 0px;
}
.owl-carousel-testimonials.owl-carousel .owl-item {
padding-left: 10px;
padding-right: 10px;
}
.testimonials blockquote {
padding: 30px 0px 10px 0px;
margin: 0 0 20px;
font-size: 18px;
line-height: 27px;
}
.testimonials blockquote p {
font-size: 16px;
line-height: 25px;
}
.single-sector-hero .intro {
padding-top: 65px;
}
.single-sector-hero .intro p {
font-size: 27px;
line-height: 35px;
width: 100%;
margin-bottom: 30px;
}
.white-panel.get-in-touch a{
display: block;
}
.stats > div.circle{
display: block;
margin: 10px auto;
}
/* STATEMENT OF STRATEGY 2024 - Added 9 June 2019 */
.hero.statement-of-strategy-hero{
background-image: url('images/banner-statement-of-strategy-2024-mobile.jpg') !important;
}
.hero.statement-of-strategy-hero {
min-height: 450px;
padding: 40px 10%;
padding-top: 100px;
}
.statement-of-strategy-hero h2 {
font-size: 35px;
margin-bottom: 20px;
text-align: center;
}
.statement-of-strategy-hero h3 {
font-size: 21px;
}
.hero.statement-of-strategy-hero img {
padding-top: 20px;
}
.hero.statement-of-strategy-hero .sos-banner-triangle-mask img{
padding-top: 0;
}
.sos-workforce-intro{
text-align: center;
padding: 50px 10px;
}
.sos-workforce-intro h4 {
font-size: 26px;
line-height: 1.2em;
margin-bottom: 25px;
}
.sos-workforce-intro img {
max-width: 80%;
display: block;
margin: 10px auto;
margin-bottom: 40px;
}
.sos-three-doormats {
padding: 40px 0px;
margin-top: -3px;
}
.sos-three-doormats h2 {
font-size: 32px;
line-height: 1.2em;
margin-bottom: 30px;
}
.sos-three-doormats .sos-doormat img{
margin-bottom: 20px;
}
.sos-three-doormats .sos-doormat{
margin-bottom: 40px;
}
.sos-how-can-you-contribute {
background: url(images/sos-blue-border-bottom.png) #72a9b6 no-repeat center bottom;
padding-bottom: 190px;
padding-top: 50px;
}
.sos-how-can-you-contribute .how-can-you-contribute-image {
max-width: 90%;
margin-left: auto;
display: block;
margin: 20px auto;
}
.sos-how-can-you-contribute .how-can-you-contribute-content {
padding-top: 5px;
text-align: center;
}
.sos-how-can-you-contribute .how-can-you-contribute-content h3 {
font-size: 36px;
text-align: center;
margin-bottom: 20px;
}
.sos-testimonial{
text-align: center;
padding-top: 20px;
}
.sos-testimonial .testimonial-image {
padding: 0px 10% 0px 10%;
text-align: center;
margin-bottom: 20px;
}
.sos-testimonial .testimonial-image img{
margin: 0 auto;
display: block;
max-width: 80%;
}
.sos-testimonial .testimonial p {
padding-right: 0%;
}
}
@media (max-width:1240px){
.owl-nav{display: none;}
}
.new-nav{
position: relative;
top: -55px;
}
@media (max-width:560px){
.container{
padding-left: 25px;
padding-right: 25px;
}
.d-flex-m{
display: flex;
}
.new_hero{
padding-top: 110px;
}
.new_hero h1{
margin-bottom: 20px;
}
.new_hero .d-flex{
display: block;
}
.mr-3{
margin-right: 0px;
margin-bottom: 2rem;
}
header.sn-header{
background-color: #ffffff;
box-shadow: 0 0 20px rgb(0 0 0 / 15%);
height: auto;
position: fixed;
}
.new_title{
padding: 40px 0px;
margin-left: 30px;
}
.new_title:before{
height: 60%;
top: 60px;
margin-left: -30px;
}
.new_intro_par{
padding: 30px;
}
.left_bg, .right_bg{
flex-direction: column;
}
.init_right, .init_left{
margin-top: 0px;
}
.init_card{
padding: 25px;
margin: -30px 0px 0px;
text-align: center;
}
.init_card .d-flex{
flex-direction: column;
}
.init_card img{
width: 50%;
margin-bottom: 25px;
padding: 0px;
}
.init_card p{
text-align: left;
}
.left_bg_img, .right_bg_img{
min-height: 200px;
min-width: 80%;
background-size: contain;
}
.slider_testimonials .slick-next:hover{
right: 0px;
}
.slider_testimonials .slick-prev:hover{
right: 120px;
}
.line{
display: none;
}
.new_testimonials .test_link{
display: block;
width: 100%;
text-align: center;
}
.new_slider{
text-align: left;
}
.new_home_slider{
padding: 0px 0px 50px;
min-height: 600px;
}
.new_card{
margin: 20px;
}
.new_home_slider .slick-prev, .new_home_slider .slick-next{
top: 95%;
}
.new_home_slider .slick-prev{
left: 130px;
}
.new_home_slider .slick-next{
right: 130px;
}
.new_two_thirds .new_card{
width: 100%;
margin: 30px 0px;
}
.new_two_thirds .new_card.mr-5{
margin-right: 0px;
}
.video-container{
padding-top: 0px;
}
.video-container iframe{
position: relative;
height: 170px;
}
.three_cards .new_card{
margin: 0px 0px 40px;
}
.new_testimonials{
background: rgba(247,248,252,1);
}
.testimonials_bg{
display: none;
}
.new_testimonials .img-responsive{
width: 80%;
margin: 0px auto 30px;
}
.slider_play_btn{
right: 20px;
width: 70px;
height: 70px;
}
.new_testimonials .col-md-7{
margin-left: 0px;
}
.slider_testimonials .slick-prev, .slider_testimonials .slick-next{
top: 18%;
width: 15px;
}
.slider_testimonials .slick-prev{
background-image: url(images/arrow-left.png);
left: 0;
}
.slider_testimonials .slick-next{
background-image: url(images/arrow-right.png);
right: 0;
}
.new_testimonials .test_link{
font-size: 16px;
justify-content: center;
margin-top: 40px;
border-top: 1px solid #002a3a;
padding-top: 10px;
}
.new_subscribe .row{
flex-direction: column;
}
.new_subscribe > .container > .row::before{
content: none;
}
.new_subscribe .btn.btn-big{
float: none;
margin-right: 0px;
margin-bottom: 30px;
}
.f_c{
display: flex;
justify-content: center;
}
.new_footer_mobile{
padding: 40px 0px 0px;
background-color: #002a3a;
}
.new_footer_mobile .logo_footer{
margin-bottom: 40px;
}
.ubermenu-new_footer_mobile{
margin-bottom: 40px!important;
}
.new_footer_mobile p, .new_footer_mobile ul, .new_footer_mobile a,
.new_footer_mobile .ubermenu-sub-indicator,
.new_footer_mobile .ubermenu-sub-indicator-close,
.new_footer_mobile .ubermenu-target .ubermenu-target-text,
.new_footer_mobile .ubermenu-active > .ubermenu-target .ubermenu-target-text{
color: #ffffff;
}
.footer_mobile_below p, .footer_mobile_below ul, .footer_mobile_below a{
font-size: 13px;
}
.new_footer_mobile .ubermenu-responsive-toggle{
display: none;
}
.new_footer_mobile .ubermenu-skin-minimal .ubermenu-submenu.ubermenu-submenu-drop{
border: none;
}
.new_footer_mobile ul{
margin: 0px;
padding: 0px;
}
.footer_mobile_below{
margin-bottom: 20px;
}
.footer_mobile_below ul{
display: flex;
}
.footer_mobile_below ul li{
list-style: none;
margin-right: 15px;
}
.new_footer_mobile .footer_mobile_below.no_float ul li::after{
left: -9px;
}
.footer_mobile_below.no_float ul{
display: block;
}
.footer_mobile_below.no_float ul li{
display: inline;
float: none;
}
.new_footer_mobile .ubermenu-item.ubermenu-item-level-0{
border-bottom: 1px solid #ffffff!important;
}
.footer_mobile_below hr{
border-top: 1px solid #eee;
margin-top: 20px;
margin-bottom: 20px;
}
.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator{
font-size: 25px;
right: 5px!important;
top: 40%!important;
}
.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target,
.ubermenu-sub-indicators .custom-style .ubermenu-target{
padding-left: 0px;
}
.custom-style .ubermenu-target{
font-size: 13px;
}
.ubermenu .ubermenu-item-level-0 .ubermenu-target-text{
font-weight: bold!important;
}
.ubermenu .ubermenu-item-level-1 .ubermenu-target-text{
font-weight: normal!important;
}
.ubermenu .custom-style .ubermenu-target-text{
font-weight: normal!important;
}
.ubermenu.ubermenu-submenu-indicator-closes .ubermenu-sub-indicator-close>[class^=fa]{
font-size: 20px;
left: 1px!important;
}
/* .ubermenu.ubermenu-submenu-indicator-closes .ubermenu-sub-indicator-close>.fa-times:before{
content: "\f107";
transform: rotate(180deg);
} */
.owl-nav{display: none;}
.circle-360,
.circle-380,
.circle-460,
.circle-520,
.circle-540,
.circle-560{
width: 100%;
height:300px;
padding-top: 100%;
}
.circle-380{
width:290px;
height:290px;
padding-top: 40px;
}
.circle-left,
.circle-middle,
.circle-right {
position: relative;
left: 0;
margin-left: 0px;
top: 0;
}
}
/* iPhone 4s - portrait */
@media only screen and (min-width : 320px) and (max-width : 480px) and (orientation : portrait) {
}
/* iPhone 4s - landscape */
@media only screen and (min-width : 320px) and (max-width : 480px) and (orientation : landscape) {
}
/* iPhone 5 - portrait */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
}
/* iPhone 5 - landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
}
/* iPhone 6 */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {
}
/* iPad 2 */
@media only screen and (min-width : 768px) and (max-width : 1024px) {
.featured-cta .circle {
margin-top: 10px;
width:100px;
height:100px;
}
.featured-cta .circle h3 {
font-size: 20px;
line-height: 24px;
padding-top: 30%;
}
.case-study-featured-cta.featured-cta h2 {
margin-top: 40px;
}
.banner-grey .training-hero .circle-400 {
width: 280px;
height: 280px;
}
.publications-hero {
height: 360px;
margin-bottom: 65px;
padding-top: 240px;
overflow: visible;
}
.publications-nav {
margin-top: 20px;
}
.publications-circle{margin: 0px 5px;}
.publications-circle .circle {
font-size: 18px;
line-height: 24px;
margin-bottom: 20px;
padding-top: 20px;
width:140px;
height:140px;
margin: 10px 10px;
}
.publications-circle a {
font-size: 19px;
line-height: 26px;
}
.publications-container .publication-icon h5 {
top: 35px;
left: 25px;
}
.we-can-help-your-business .tablet-center{
text-align: center;
}
.we-can-help-your-business .intro_wrapper{
width:80%;
display: block;
margin: 0 auto;
}
.we-can-help-your-business .section_title {
text-align: left;
}
.we-can-help-your-business p {
text-align: left;
}
.we-can-help-your-business .divider{
margin-top: 0px;
}
.we-can-help-your-business .circle-460{
margin-top: 50px;
text-align: left;
padding-left: 80px;
padding-top: 65px;
width: 350px;
height: 350px;
display: inline-block;
}
.we-can-help-your-business .circle-460 h3{
font-size: 35px;
line-height: 42px;
}
.we-can-help-your-business .circle-460 p{
font-size: 17px;
line-height: 22px;
}
.we-can-help-your-business .circle-360{
text-align: left;
padding-left: 60px;
padding-top: 60px;
position: relative;
top:0;
right:0;
display: inline-block;
width: 320px;
height: 320px;
}
.we-can-help-your-business .circle-360 h3{
font-size: 29px;
line-height: 37px;
}
.we-can-help-your-business .circle-360 p{
font-size: 15px;
line-height: 20px;
}
.management-works-section .circle-380 {
width: 300px;
height: 300px;
padding-top: 35px;
margin-left: 20px;
}
.management-works-section .circle-m-blue h3 {
font-size: 42px;
line-height: 56px;
padding-left: 40px;
}
}
@media only screen and (max-width : 1024px) and (min-width : 768px) and (orientation : landscape) {
}
@media (min-width:768px){
}
@media (min-width: 1024px) {
}
@media (min-width:1200px){
.container{
width:1180px;
}
}
@media (min-width:1400px){
.sos-how-can-you-contribute{
padding-bottom: 360px;
}
}
/* iPad (portrait + landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
}
/* iPad (landscape only) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}
/* ============================================================================================================================
== REBOUND LANDING PAGE
** ============================================================================================================================ */
.rebound_hero {
background-image: url(images/rebound_hero.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: top;
height: 750px;
position: relative;
}
.rebound_hero__content {
position: absolute;
top: 60%;
transform: translateY(-50%);
}
.rebound_hero__content .title {
margin-bottom: 40px;
}
.rebound_hero__content h2 {
font-size: 36px;
}
.rebound_hero__content .inner {
font-family: unineue_bold, Arial, sans-serif;
font-size: 36px;
}
.rebound_hero__content a {
font-family: unineue_bold, Verdana;
text-transform: uppercase;
background-color: #64a70b;
padding: 10px 30px;
color: #fff;
border-radius: 40px;
transition: all 0.6s ease-in-out;
-webkit-box-shadow: 10px 10px 5px -6px rgba(226,226,227,1);
-moz-box-shadow: 10px 10px 5px -6px rgba(226,226,227,1);
box-shadow: 10px 10px 5px -6px rgba(226,226,227,1);
}
.rebound_hero__content a:hover,
.rebound_hero__content a:focus {
background-color: #0c2c39;
}
@media (max-width: 500px) {
.rebound_hero {
height: 500px;
}
.rebound_hero__content img {
max-width: 200px;
}
.rebound_hero__content p {
margin: 0 0 50px 0;
}
}
.rebound_page .partners {
padding: 50px 0;
background-color: #f0efee;
}
.rebound_partners {
padding: 25px 0;
}
.rebound_partners p {
font-family: din_regular, sans-serif;
font-size: 20px;
text-align: center;
}
.rebound_partners__container {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 50px;
}
.rebound_partners__container img {
max-height: 56px;
filter: grayscale(100%);
transition: all 0.5s ease-in-out;
}
.rebound_partners__container img:hover,
.rebound_partners__container img:focus {
filter: none;
}
@media (max-width: 768px) {
.rebound_partners__container a {
width: 50%;
text-align: center;
margin: 20px 0;
}
}
@media (max-width: 500px) {
.rebound_partners__container {
flex-direction: column;
}
}
.rebound_introduction {
padding: 120px 0 80px 0;
background-color: #71b2c7;
overflow: hidden;
}
.rebound_introduction h1, .rebound_introduction .title .inner {
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 40px;
}
.rebound_introduction .title .inner {
font-family: unineue_bold, Arial, sans-serif;
margin-bottom: 30px;
}
.rebound_introduction p {
font-family: din_regular, sans-serif;
color: #fff;
}
.rebound_introduction p span {
font-family: avenir_black, sans-serif;
}
.rebound_intro__content .col-md-7 {
padding: 0;
}
.rebound_intro__content .col-md-5 {
position: relative;
}
.rebound_intro_caption_container {
position: absolute;
width: 150%;
}
.rebound_intro__content p {
max-width: 75%;
font-weight: 500;
font-size: 18px;
margin-top: 30px;
}
.rebound_caption {
font-family: din_regular, sans-serif;
max-width: 50%;
margin: 0 auto;
margin-top: 40px;
}
.rebound_caption h2, .rebound_caption .inner {
font-size: 30px;
display: inline;
vertical-align: baseline;
}
.rebound_caption .inner {
font-family: din_bold, sans-serif;
}
.rebound_introduction .arrow_link {
text-align: center;
margin-top: 30px;
}
@media (max-width: 1440px) {
.rebound_intro_caption_container {
position: initial;
width: 100%;
}
}
@media (max-width: 992px) {
.rebound_introduction {
padding-top: 60px;
}
.rebound_intro__content {
display: flex;
flex-direction: column-reverse;
}
.rebound_introduction .col-md-5 {
display: flex;
align-items: center;
justify-content: center;
}
.rebound_introduction .col-md-5 img {
max-width: 50%;
align-self: center;
}
.rebound_intro__content p {
max-width: 100%;
}
.rebound_caption {
margin: 30px 0 0 0;
}
}
@media (max-width: 600px) {
.rebound_introduction .col-md-5 {
flex-direction: column;
margin-top: 30px;
}
.rebound_introduction .col-md-5 img {
max-width: 100%;
}
.rebound_caption {
max-width: 100%;
}
.rebound_introduction h1, .rebound_introduction .title .inner {
font-size: 30px;
}
.rebound_caption h2, .rebound_caption .inner {
font-size: 20px;
}
.rebound_intro__content {
flex-direction: column;
}
}
.rebound_learning {
background-image: url("images/learn_more_desktop.png");
background-repeat: no-repeat;
background-size: cover;
text-align: center;
padding: 60px 0;
}
.rebound_learning h2 {
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 40px;
margin-bottom: 60px;
}
.rebound_learning_content {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.rebound_learning_btn {
display: flex;
justify-content: center;
max-width: 80%;
margin: 0 auto;
}
.btn_rebound {
border-radius: 20px;
padding: 10px 30px;
color: #fff;
font-family: unineue_bold, Arial, sans-serif;
box-shadow: 10px 10px 5px -6px rgba(226,226,227,1);
cursor: pointer;
}
.btn_rebound:hover,
.btn_rebound:focus {
background-color: #71b2c7;
cursor: pointer;
}
.rebound_learning_btn .btn_training {
background-color: #74bc1f;
cursor: pointer;
font-size: 20px;
}
.rebound_learning_btn .btn_mentoring {
background-color: #00b188;
cursor: pointer;
font-size: 20px;
}
.rebound_learning_btn .btn_navy {
background-color: #00293a;
cursor: pointer;
font-size: 20px;
}
.btn_navy:hover {
color: #71b2c7;
}
@media (max-width: 600px) {
.rebound_learning {
background-image: url("images/learn_more_mobile_v2.png");
background-repeat: no-repeat;
background-size: cover;
text-align: center;
padding: 0 0 60px 0;
}
.rebound_learning_btn {
flex-direction: column;
justify-content: center;
}
.rebound_learning_btn .btn_training {
margin-bottom: 30px;
}
.rebound_learning_content h2 {
font-size: 30px;
margin-top: 40px;
margin-bottom: 30px;
}
.rebound_learning_btn .btn_rebound {
align-self: center;
}
}
.rebound_how_to {
padding: 40px 0 80px 0;
background-color: #71b2c7;
}
.rebound_how_to .title h2, .rebound_how_to .inner {
font-family: 'unineue_regular', Arial, sans-serif;
text-align: left;
font-size: 40px;
display: inline;
}
.rebound_how_to h2 {
color: #71b2c7;
}
.rebound_how_to .inner {
font-family: unineue_bold, Arial, sans-serif;
color: #64a70b;
vertical-align: baseline;
}
.rebound_how_to__intro p {
font-family: din_regular, sans-serif;
margin: 0;
display: inline;
}
.rebound_how_to .rebound_how_to__intro .title .inner {
font-family: din_bold, sans-serif;
color: #64a70b;
font-size: 16px;
display: inline;
}
.rebound_how_to__intro .title {
max-width: 80%;
}
.small_text p {
color: #64a70b;
font-family: din_regular, sans-serif;
}
.small_text p:before {
content: '';
display: block;
width: 40px;
height: 5px;
background-color: #64a70b;
}
.rebound_how_to__intro .small_text {
max-width: 60%;
margin: 0 auto;
font-size: 16px;
}
.rebound_how_to__intro .row {
display: flex;
margin-top: 30px;
align-items: flex-end;
justify-content: center;
flex-wrap: wrap;
}
.rebound_how_to .arrow {
text-align: center;
margin-top: 80px;
}
.rebound_how_to .arrow img {
width: 60px;
}
@media (max-width: 992px) {
.rebound_how_to__intro .title {
max-width: 100%;
margin-bottom: 30px;
}
.rebound_how_to__intro .row {
align-items: flex-start;
}
}
.rebound_card_container {
display: flex;
justify-content: space-between;
width: 100%;
margin-top: 100px;
}
.rebound_card_body {
background-color: #fff;
width: 27%;
padding: 0 20px 20px 20px;
position: relative;
-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-box-shadow: 10px 10px 30px -19px rgba(77,77,77,1);
-moz-box-shadow: 10px 10px 30px -19px rgba(77,77,77,1);
box-shadow: 10px 10px 30px -19px rgba(77,77,77,1);
}
.rebound_card_body:after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
opacity: 0;
-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.rebound_card_body:hover,
.rebound_card_body:focus {
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
}
.rebound_card_body:hover:after {
opacity: 1;
}
.rebound_card_body h2 {
font-family: din_medium_webfont, sans-serif;
font-size: 23px;
text-transform: uppercase;
padding-bottom: 20px;
margin-bottom: 20px;
margin-top: 120px;
border-bottom: 1px solid #71b2c7;
}
.rebound_card_body p {
color: #595959;
font-family: din_regular, sans-serif;
}
.rebound_card_body img {
position: absolute;
right: -5%;
top: -15%;
width: 147px;
}
@media (max-width: 992px) {
.rebound_card_body {
width: 30%;
}
.rebound_card_body img {
max-width: 150px;
}
.rebound_card_body h2 {
margin-top: 150px;
}
}
@media (max-width: 768px) {
.rebound_card_container {
flex-wrap: wrap;
}
.rebound_card_body {
width: 40%;
margin: 5% 5%;
}
.rebound_how_to h2, .rebound_how_to .title .inner {
text-align: center;
}
}
@media (max-width: 600px) {
.rebound_card_body {
width: 100%;
margin: 15% 5%;
}
.rebound_how_to__intro .col-xs-6 {
width: 100%;
}
.rebound_how_to__intro .small_text {
max-width: 100%;
}
.rebound_card_container {
margin-top: 50px;
}
.rebound_how_to .title h2, .rebound_how_to .title .inner {
font-size: 30px;
}
.rebound_card_body img {
right: 50%;
transform: translateX(50%);
}
.rebound_how_to .arrow {
margin-top: 0;
}
.rebound_how_to .arrow img {
max-width: 40px;
}
}
.rebound_highlights {
padding: 110px 0;
}
.rebound_highlights .networks {
background-color: #002a3a;
}
.rebound_highlights .mentoring {
background-color: #00b188;
}
.rebound_highlights .webinar {
background-color: #74bc1f;
}
.btn_uppercase {
text-transform: uppercase;
font-family: unineue_bold, Arial, sans-serif;
color: #64a70b;
background-color: #fff;
-webkit-box-shadow: 10px 10px 9px -6px rgba(0,0,0,0.15);
-moz-box-shadow: 10px 10px 9px -6px rgba(0,0,0,0.15);
box-shadow: 10px 10px 9px -6px rgba(0,0,0,0.15);
font-size: 13px;
cursor: pointer;
}
.btn_uppercase:hover,
.btn_uppercase:focus {
cursor: pointer;
background-color: white;
color: #00293A!important;
}
.rebound_highlights .card {
text-align: center;
padding-bottom: 60px;
}
.rebound_highlights .card p {
color: #fff;
text-align: center;
padding: 0 20px;
margin: 50px 0 0 0;
}
.rebound_highlights .card_image {
position: relative;
}
.rebound_highlights .card_image h2 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 80%;
color: #fff;
font-size: 40px;
font-family: unineue_bold, Arial, sans-serif;
}
@media (max-width: 768px) {
.rebound_highlights .card:first-of-type {
margin-bottom: 40px;
}
.rebound_highlights .card_image img {
width: 100%;
}
}
.rebound_page .news {
display: none;
}
.rebound_page .news h2 {
color: #76bc21;
font-family: 'unineue_regular', Arial, sans-serif;
}
.rebound_page .news-item h3 a {
color: #8b8b8b;
font-size: 18px;
}
.rebound_page .news .view-more {
cursor: pointer;
color: #76bc21;
}
.rebound_page .news .row {
margin: 50px 0 100px 0;
}
.rebound_page .news {
background-color: #f1f1f1;
margin-bottom: 0;
}
.rebound_page .news-item {
background-color: #fff;
}
.rebound_page .col-sm-6 a:first-of-type {
color: #6b6b6b;
}
.rebound_page .news-img-crop {
height: auto;
}
@media (max-width: 600px) {
.rebound_page .sos-testimonial .testimonial-image img {
width: 120px;
}
.rebound_page .testimonial {
text-align: left;
}
.rebound_page .sos-testimonial {
padding-top: 40px;
}
}
.rebound_resources {
padding: 80px 0;
background: rgb(234,245,246);
background: -moz-linear-gradient(180deg, rgba(234,245,246,1) 0%, rgba(252,255,255,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(234,245,246,1) 0%, rgba(252,255,255,1) 100%);
background: linear-gradient(180deg, rgba(234,245,246,1) 0%, rgba(252,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eaf5f6",endColorstr="#fcffff",GradientType=1);
}
.rebound_resources .container {
position: relative;
}
.rebound_resources h2 {
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 30px;
text-align: center;
display: inline;
}
.rebound_resources .title {
text-align: center;
}
.rebound_resources .title .inner {
color: #00b189;
font-family: unineue_bold, Arial, sans-serif;
display: inline;
vertical-align: baseline;
font-size: 30px;
text-align: center;
}
.rebound_resources h2 p {
display: inline;
}
.rebound_slider .slide {
display: flex;
justify-content: center;
flex-direction: column;
text-align: center;
}
.rebound_slider .slide:focus, .slide__container:focus {
outline: none;
}
.rebound_slider .slide__container {
margin: 0 auto;
}
.rebound_slider .slide img {
align-self: center;
height: 270px;
}
.rebound_slider .rebound_download_btn {
margin-top: 20px;
background-color: #00b188;
color: #fff;
padding: 10px 30px;
display: inline;
align-self: center;
transition: all 0.6s ease-in-out;
}
.rebound_slider .rebound_download_btn:hover,
.rebound_slider .rebound_download_btn:focus {
background-color: #91d9c2;
outline: none;
}
.rebound_slider_container {
position: relative;
margin-top: 80px;
}
#rebound_arrow_left {
position: absolute;
z-index: 1000;
top: 50%;
left: 0%;
color: #BFAFB2;
}
#rebound_arrow_right {
position: absolute;
z-index: 1000;
top: 50%;
right: 0;
color: #BFAFB2;
}
.rebound_resources h3 {
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 25px;
text-align: center;
margin-top: 100px;
padding-bottom: 100px;
border-bottom: 2px solid #e7e7e7;
}
.rebound_resources h3 a {
color: #00b189;
font-family: unineue_bold, Arial, sans-serif;
}
.rebound_partnership_with p {
font-family: din_regular, sans-serif;
font-size: 25px;
text-align: center;
margin: 50px 0;
}
.rebound_partners_content img {
height: 57px;
}
.rebound_partners_content p {
text-align: left;
word-break: break-word;
}
.rebound_partners_block {
text-align: left;
}
.rebound_partners_block p {
max-width: 500px;
margin: 0 auto;
text-align: left;
font-family: din_regular, sans-serif;
font-size: 16px;
color: #727272;
}
.rebound_partners_block img {
margin-bottom: 30px;
}
@media (max-width: 768px) {
.rebound_resources {
padding-top: 40px;
}
.rebound_partners_content{
margin: 50px 0;
border-bottom: 1px solid #e7eaea;
padding-bottom: 50px;
}
.rebound_partners_content:first-of-type {
margin-top: 0;
}
.rebound_partners_content:last-of-type {
border-bottom: none;
}
.rebound_partners_block p {
text-align: center;
}
.rebound_partners_block {
text-align: center;
}
}
.rebound_networks {
background-color: #002a3a;
padding-bottom: 80px;
display: none;
}
.rebound_networks .content_left p:nth-child(5) {
margin: 0;
}
.rebound_networks .title h2, .rebound_networks .title .inner {
color: #00b189;
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 40px;
}
.rebound_networks .title{
margin-bottom: 80px;
}
.rebound_networks .title .inner {
font-family: unineue_bold, Arial, sans-serif;
vertical-align: baseline;
}
.rebound_networks h3, .rebound_networks .inner {
color: #fff;
font-family: din_bold, sans-serif;
font-size: 40px;
}
.rebound_networks .inner {
font-family: din_medium_webfont, sans-serif;
color: #00b189;
}
.rebound_networks p {
color: #fff;
font-family: din_regular, sans-serif;
}
.rebound_networks a {
color: #00b188;
}
.rebound_networks .network_btn {
padding: 10px 30px;
color: #fff;
background-color: #00b188;
border-radius: 20px;
font-family: unineue_bold, Arial, sans-serif;
text-transform: uppercase;
}
.rebound_networks .network_btn:hover,
.rebound_networks .network_btn:focus {
background-color: #91d9c2;
}
.rebound_networks .content_right {
text-align: center;
padding-bottom: 0px;
}
.content_right a {
display: inline-block;
}
.rebound_networks .content_right img {
margin-bottom: 50px;
}
.rebound_networks .content_to_bottom p:last-of-type {
margin: 0;
}
.content_to_bottom {
display: flex;
justify-content: center;
align-items: flex-end;
}
.rebound_networks .content_left {
padding-top: 0px;
}
@media (max-width: 992px) {
.content_to_bottom {
flex-wrap: wrap;
}
.content_right img {
display: none;
}
}
@media (max-width: 500px) {
.rebound_networks h3, .rebound_networks .title .inner {
font-size: 25px;
}
.content_right .title {
margin-top: 50px;
}
.rebound_networks .content_left .title .inner {
font-size: 40px;
line-height: initial;
}
.rebound_networks .title {
margin-bottom: 30px;
}
}
.rebound_plan {
background-color: #64a70b;
}
.rebound_plan .row {
max-width: 100%;
}
.rebound_plan_container {
position: relative;
max-width: 600px;
margin: 0 auto;
}
.rebound_plan_container .title {
margin-bottom: 30px;
}
.rebound_plan_container .title h2, .rebound_plan_container .title .inner {
font-size: 40px;
color: #fff;
font-family: unineue_bold, Arial, sans-serif;
}
.rebound_plan_container .title h2 {
margin: 5px 0;
font-family: 'unineue_regular', Arial, sans-serif;
}
.rebound_plan_container a {
text-transform: uppercase;
font-size: 20px;
font-family: unineue_bold, Arial, sans-serif;
transition: all 0.5s ease-in-out;
color: #002a3a;
}
.rebound_plan_container a:hover,
.rebound_plan_container a:focus {
color: #fff;
}
.rebound_plan_container a:before {
content: '';
display: block;
background-color: #002a3a;
width: 50px;
height: 5px;
margin-bottom: 10px;
}
.rebound_plan__content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 90%;
margin: 0 auto;
}
rebound_plan__content .title .inner {
dislay: inline;
vertical-align: baseline;
}
.rebound_plan .col-md-7 {
padding: 80px 0;
}
.rebound_plan .mobile_only {
display: none;
}
@media (max-width: 768px) {
.rebound_plan_container {
text-align: center;
padding: 20px;
}
.rebound_plan_container a {
font-size: 15px;
}
.rebound_plan__content {
text-align: left;
}
.rebound_plan .mobile_only {
display: block;
}
.rebound_plan .desktop_only {
display: none;
}
}
@media (max-width:500px) {
.rebound_plan_container .title h2 , .rebound_plan_container .title .inner {
font-size: 25px;
}
.rebound_plan .row {
margin: 0;
}
.rebound_plan_container img {
padding-left: 10px;
}
}
@media (max-width: 320px) {
.rebound_plan_container h2 p, .rebound_plan_container h2 .inner {
font-size: 18px;
}
}
@media (min-width: 768px) {
.rebound_plan_container .title .inner {
line-height: 40px;
}
}
/***************************************
*************** WEBINAR PAGE ************
*/
.webinar_page .hero {
overflow: hidden;
background-image: url("images/rebound_webinar_banner.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 10%;
height: 800px;
position: relative;
}
.hero__content {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.hero__content img {
width: 220px;
}
.hero .hero__content h1 {
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 40px;
color: #002a3a;
}
.webinar_page .hero h1 strong {
color: #76bc21;
}
.hero__content p {
font-family: din_regular, sans-serif;
color: #002a3a;
font-size: 20px;
margin-bottom: 50px;
max-width: 70%;
}
@media (max-width: 992px) {
.webinar_page .hero {
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
background-position: 10% 60%;
height: 600px;
position: relative;
}
}
@media (max-width: 768px) {
.hero__content {
max-width: 80%;
}
.hero__content p {
max-width: 100%;
}
}
.btn_register {
background-color: #74bc1f;
color: #fff;
text-transform: uppercase;
padding: 5px 15px;
border-radius: 20px;
font-family: unineue_bold, Arial, sans-serif;
display: inline-block;
}
.programme_intro {
padding: 80px 0;
}
.programme_intro .row {
display: flex;
justify-content: center;
align-items: center;
}
.programme_intro h2 {
font-size: 40px;
font-family: 'unineue_regular', Arial, sans-serif;
margin-bottom: 30px;
}
.programme_intro h2 strong {
color: #76bc21;
}
.programme_intro p{
font-family: din_regular, sans-serif;
}
.programme_intro .btn_register {
margin-top: 30px;
}
.programme_intro .intro_image {
text-align: center;
display: flex;
justify-content: center;
flex-direction: column;
}
.programme_intro .intro_image img {
align-self: center;
}
.webinar_partners .container {
border-top: 2px solid #f1f1f1;
text-align: center;
padding: 20px 0 40px 0;
}
.webinar_partners_logos {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
max-width: 90%;
margin: 30px auto 0 auto;
text-align: center;
}
.webinar_partners_logos img {
max-height: 60px;
align-self: center;
}
@media (max-width: 768px) {
.programme_intro {
padding: 40px 0;
}
.programme_intro .intro_image {
margin-top: 80px;
}
.webinar_partners_logos {
flex-direction: column;
}
.webinar_partners_logos img {
margin: 30px 0;
}
.programme_intro h2 {
font-size: 30px;
}
.programme_intro .row {
flex-wrap: wrap;
}
}
.webinar_content {
background-color: #f0f0f0;
padding: 80px 0;
text-align: center;
}
.webinar_content h2 {
font-size: 40px;
font-family: 'unineue_regular', Arial, sans-serif;
}
.webinar_content h2 strong {
color: #76bc21;
}
.webinar_content_intro {
max-width: 60%;
margin: 40px auto 150px auto;
font-family: din_regular, sans-serif;
}
.webinar_content_intro h3 {
font-family: din_bold, sans-serif;
font-size: 20px;
}
.webinar_card_one {
background-color: #d3e3e9;
}
.webinar_card_two {
background-color: #e2f4ee;
}
.webinar_card_three {
background-color: #d6e8c1;
}
.webinar_card__content {
text-align: left;
font-family: din_regular, sans-serif;
color: #002a3a;
}
.webinar_content .row {
margin-bottom: 80px;
}
.webinar_card {
padding: 130px 30px 0px 30px;
position: relative;
height: 500px;
}
.webinar_card .circle_block {
position: absolute;
top: -15%;
left: 50%;
transform: translateX(-50%);
max-width: 182px;
}
.webinar_card__content__title {
border-bottom: 1px solid #f1f1f1;
margin-bottom: 20px;
padding-left: 20px;
}
.webinar_card__content__title h4 {
text-transform: uppercase;
font-family: din_medium_webfont, sans-serif;
}
.webinar_card__content ul {
list-style: none; /* Remove default bullets */
}
.webinar_card_one ul li::before {
content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
color: #71b2c7; /* Change the color */
font-weight: bold; /* If you want it to be bold */
display: inline-block; /* Needed to add space between the bullet and the text */
width: 1em; /* Also needed for space (tweak if needed) */
margin-left: -1em; /* Also needed for space (tweak if needed) */
font-size: 20px;
}
.webinar_card_two ul li::before {
content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
color: #1fb996; /* Change the color */
font-weight: bold; /* If you want it to be bold */
display: inline-block; /* Needed to add space between the bullet and the text */
width: 1em; /* Also needed for space (tweak if needed) */
margin-left: -1em; /* Also needed for space (tweak if needed) */
font-size: 20px;
}
.webinar_card_three ul li::before {
content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
color: #85c23a; /* Change the color */
font-weight: bold; /* If you want it to be bold */
display: inline-block; /* Needed to add space between the bullet and the text */
width: 1em; /* Also needed for space (tweak if needed) */
margin-left: -1em; /* Also needed for space (tweak if needed) */
font-size: 20px;
}
@media (max-width:992px) {
.webinar_card {
padding: 100px 10px 0px 10px;
height: 550px;
}
.webinar_card .circle_block {
top: -60px;
}
}
@media (max-width: 767px) {
.webinar_card {
height: auto;
padding: 100px 10px 50px 10px;
margin: 0 30px 100px 30px;
}
.webinar_card_three {
margin: 0 30px 50px 30px;
}
.webinar_content_intro {
max-width: 100%;
margin: 40px 10px 150px 10px;
}
.webinar_card__content {
text-align: center;
}
.webinar_card .circle_block {
width: 150px;
}
.webinar_card_one ul li::before, .webinar_card_two ul li::before, .webinar_card_three ul li::before {
content: none;
}
.webinar_card__content__title {
padding: 0;
}
.webinar_card__content ul {
padding: 0;
}
.webinar_card__content li {
margin-bottom: 30px;
}
.webinar_content h2 {
font-size: 30px;
}
.webinar_content .row {
margin-bottom: 0;
}
}
.webinar_audience {
background-image: url("images/bg_who_is_for_transparent.png");
background-repeat: no-repeat;
background-size: auto;
background-position: right bottom;
height: 700px;
padding: 80px 0;
position: relative;
}
.webinar_audience h2 {
font-size: 40px;
font-family: 'unineue_regular', Arial, sans-serif;
margin-bottom: 30px;
}
.webinar_audience h2 strong {
color: #76bc21;
}
.webinar_audience h3 {
font-family: din_bold, sans-serif;
font-size: 20px;
}
.webinar_audience .col-sm-5 {
padding-left: 0;
}
.webinar_audience .register_now {
margin-top: 60px;
}
.webinar_audience ul {
list-style: none; /* Remove default bullets */
}
.webinar_audience ul li::before {
content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
color: #64a70b; /* Change the color */
font-weight: bold; /* If you want it to be bold */
display: inline-block; /* Needed to add space between the bullet and the text */
width: 1em; /* Also needed for space (tweak if needed) */
margin-left: -1em; /* Also needed for space (tweak if needed) */
font-size: 20px;
}
.webinar_audience .col-sm-7 {
text-align: center;
}
.webinar_audience .col-sm-7 img {
width: 150px;
}
@media (max-width: 1300px) {
.webinar_audience {
background-size: initial;
background-position: center;
height: 750px;
}
}
@media (max-width: 768px) {
.webinar_audience .col-sm-5 {
background-color: #fff;
}
.webinar_audience {
background-size: 600px;
background-position: right bottom;
height: 850px;
}
.webinar_audience .register_now {
text-align: center;
margin-bottom: 50px;
}
.webinar_audience .col-sm-7 {
display: none;
}
.webinar_audience {
padding-top: 40px;
}
.webinar_audience h2 {
font-size: 30px;
}
}
.webinar_benefits {
background-color: #eff7ea;
padding: 80px 0;
text-align: center;
}
.webinar_benefits h2 {
font-size: 40px;
font-family: 'unineue_regular', Arial, sans-serif;
margin-bottom: 50px;
}
.webinar_benefits h2 strong {
color: #76bc21;
}
.webinar_benefits .row {
display: flex;
justify-content: space-evenly;
margin-top: 80px;
}
.webinar_benefit_block {
text-align: center;
font-family: din_regular, sans-serif
}
.webinar_benefit_image img {
width: 100px;
}
.webinar_benefit_block h3 {
text-transform: uppercase;
font-family: din_medium_webfont, sans-serif;
font-size: 20px;
padding: 20px 0;
border-bottom: 1px solid #b2da85;
}
.webinar_benefits .col {
margin: 0 20px;
}
@media (max-width: 768px) {
.webinar_benefits {
padding: 40px 0;
}
.webinar_benefits .row {
flex-wrap: wrap;
flex-direction: column;
margin-top: 0;
}
.webinar_benefits .col {
margin: 30px 70px;
}
.webinar_benefits h2 {
font-size: 30px;
}
}
.programme_cta {
padding: 80px 0;
}
.programme_cta__content {
text-align: center;
}
.programme_cta__content img {
width: 300px;
}
.programme_cta__content h2 {
font-size: 40px;
font-family: 'unineue_regular', Arial, sans-serif;
margin-bottom: 50px;
}
.programme_cta__content h2 a {
color: #76bc21;
text-decoration: underline;
font-family: unineue_bold, Arial, sans-serif;
}
.mentoring_page .programme_cta__content h2 a {
color: #00b189;
}
@media (max-width: 600px) {
.programme_cta {
padding: 40px 0;
}
.programme_cta__content img {
width: 200px;
}
.programme_cta__content h2 {
font-size: 30px;
}
}
.programme_learn_more {
background-color: #f2f2f2;
padding:80px 0;
display: none;
}
.programme_learn_more__card h3 {
text-transform: uppercase;
font-family: din_medium_webfont, sans-serif;
margin-top: 40px;
}
.programme_learn_more__card a {
color: #76bc21;
text-transform: uppercase;
position: relative;
transition: all 0.6s ease-in-out;
}
/*
.programme_learn_more__card a:before {
content: '';
display: block;
width: 150px;
height: 2px;
background-color: #76bc21;
margin-bottom: 10px;
}
*/
.programme_learn_more__card a:hover {
color: #002a3a;
}
@media (max-width: 768px) {
.programme_learn_more .col-sm-6:first-of-type {
margin-bottom: 50px;
}
}
/***************************************
*************** MENTORING PAGE ************
*/
.mentoring_hero {
overflow: hidden;
background-image: url("images/rebound_banner_mentoring.jpg");
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 10%;
height: 800px;
position: relative;
}
.mentoring_hero h1 {
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 40px;
line-height: 32px;
}
.mentoring_hero h1 strong {
font-family: unineue_bold, Arial, sans-serif;
color: #00b189;
}
.mentoring_hero p {
margin-top: 20px;
}
.mentoring_hero .hero__content {
width: 310px;
}
.btn_apply_now {
background-color: #00b188;
color: #fff;
text-transform: uppercase;
padding: 5px 30px;
border-radius: 20px;
font-family: unineue_bold, Arial, sans-serif;
display: inline-block;
align-self: center;
}
.btn_eligibility {
background-color: #74bc1f;
color: #fff;
text-transform: uppercase;
padding: 5px 30px;
border-radius: 20px;
font-family: unineue_bold, Arial, sans-serif;
display: inline-block;
align-self: center;
}
@media (max-width: 992px) {
.mentoring_hero {
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
background-position: 10% 60%;
height: 600px;
position: relative;
}
}
.mentoring_page .programme_intro h2 strong {
color: #00b189;
}
.programme_intro__container {
display: flex;
justify-content: flex-start;
margin-top: 70px;
}
.programme_intro__container .btn_apply_now {
margin-right: 50px;
}
@media (max-width: 768px) {
.programme_intro__container {
justify-content: center;
flex-direction: column;
margin-top: 40px;
margin-bottom: 50px;
}
.programme_intro__container .btn_apply_now {
margin-bottom: 50px;
margin-right: 0;
}
}
.mentoring_partner .container {
border-top: 2px solid #f1f1f1;
text-align: center;
padding: 40px 0;
}
.mentoring_partner__container {
display: flex;
align-items: center;
justify-content: center;
}
.mentoring_partner img {
width: 150px;
}
.mentoring_partner p {
font-family: din_regular, sans-serif;
font-size: 20px;
}
@media (max-width: 500px) {
.mentoring_partner__container {
flex-direction: column;
}
.mentoring_partner img {
margin-top: 30px;
}
}
.mentoring_content {
text-align: center;
background-color: #002a3a;
padding: 80px 0;
}
.mentoring_content h2 {
font-size: 40px;
font-family: 'unineue_regular', Arial, sans-serif;
margin-bottom: 50px;
color: #fff;
}
.mentoring_content .container > p{
color: #fff;
max-width: 60%;
margin: 0 auto;
}
.mentoring_content h2 strong {
color: #00b189;
}
.mentoring_content_card img {
width: 100px;
}
.mentoring_content_card {
background-color: #e4f5f0;
padding: 100px 10px 30px 10px;
position: relative;
height: 200px;
}
.mentoring_content_card p {
color: #454a48;
}
.mentoring_content_card img {
position: absolute;
top: -20%;
left: 50%;
transform: translateX(-50%);
}
.mentoring_content .row {
margin-top: 100px;
}
.mentoring_content .col-sm-3 {
margin-bottom: 80px;
}
.mentoring_content_odd_card {
background-color: #ddeecb;
}
@media (max-width: 500px) {
.mentoring_content {
padding: 40px 0;
}
.mentoring_content_card {
text-align: left;
}
.mentoring_content .container > p {
max-width: 100%;
}
.mentoring_content_card {
height: auto;
padding: 20px 0;
display: flex;
align-items: center;
justify-content: center;
}
.mentoring_content .row {
margin-top: 50px;
}
.mentoring_content_card img {
position: initial;
transform: none;
margin: 0 25px;
}
.mentoring_content .col-sm-3 {
margin-bottom: 20px;
}
.mentoring_content h2 {
font-size: 30px;
}
.mentoring_content .btn_apply_now {
margin-top: 50px;
}
}
.mentoring_structure {
text-align: center;
padding: 80px 0;
background-color: #eef5f2;
}
.mentoring_structure__card img {
width: 300px;
height: auto;
}
.mentoring_structure__card {
position: relative;
}
.mentoring_structure .row {
display: flex;
align-items: center;
justify-content: space-between;
}
.mentoring_structure h2 {
font-size: 40px;
font-family: 'unineue_regular', Arial, sans-serif;
margin-bottom: 50px;
}
.mentoring_structure h2 strong {
color: #00b189;
}
.mentoring_structure p {
font-size: 18px;
font-family: din_regular, sans-serif;
}
.mentoring_structure h3 {
font-family: din_bold, sans-serif;
font-size: 18px;
margin-bottom: 80px;
}
.mentoring_structure__card__content {
position: absolute;
top: 10%;
left: 48%;
transform: translateX(-50%);
width: 70%;
}
.mentoring_structure__card__content h4 {
font-family: unineue_bold, Arial, sans-serif;
font-size: 35px;
}
.mentoring_structure__card__content .color_one {
color: #00b189;
}
.mentoring_structure__card__content .color_two {
color: #1db46f;
}
.mentoring_structure__card__content .color_three {
color: #3bb655;
}
.mentoring_structure__card__content .color_four {
color: #58b93b;
}
.mentoring_structure__card__content .color_five {
color: #76bc21;
}
@media (max-width: 1100px) {
.mentoring_structure .row {
flex-wrap: wrap;
justify-content: center;
}
.mentoring_structure__card {
margin-bottom: 30px;
}
}
@media (max-width: 500px) {
.mentoring_structure {
padding: 40px 0;
}
.mentoring_structure__card__content {
display: flex;
justify-content: center;
align-items: center;
}
.mentoring_structure__card__content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 70%;
text-align: left;
}
.mentoring_structure__card__content h4 {
margin-right: 20px;
}
}
.mentoring_audience {
padding: 80px 0;
}
.mentoring_audience_intro {
text-align: center;
}
.mentoring_audience_intro h2 {
font-size: 40px;
font-family: 'unineue_regular', Arial, sans-serif;
margin-bottom: 50px;
}
.mentoring_audience_intro h2 strong {
color: #00b189;
}
.mentoring_audience_intro p {
max-width: 60%;
margin: 0 auto;
}
.mentoring_audience_card {
position: relative;
background-color: #e3f5f0;
padding: 100px 40px 20px 40px;
margin: 0 50px;
}
.mentoring_audience_card img {
width: 150px;
position: absolute;
top: -20%;
left: 50%;
transform: translateX(-50%);
}
.mentoring_audience_card h3 {
text-transform: uppercase;
font-family: din_medium_webfont, sans-serif;
border-bottom: 1px solid #fff;
padding-bottom: 20px;
padding-left: 20px;
}
.mentoring_audience .row {
margin-top: 100px;
}
.mentoring_audience ul {
list-style: none; /* Remove default bullets */
}
.mentoring_audience ul li::before {
content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
color: #1fb996; /* Change the color */
font-weight: bold; /* If you want it to be bold */
display: inline-block; /* Needed to add space between the bullet and the text */
width: 1em; /* Also needed for space (tweak if needed) */
margin-left: -1em; /* Also needed for space (tweak if needed) */
font-size: 20px;
}
.mentoring_audience_btn {
text-align: center;
margin-top: 80px;
}
@media (max-width: 900px) {
.mentoring_audience_card h3 {
padding-left: 0;
}
.mentoring_audience ul {
padding-left: 20px;
}
.mentoring_audience_card {
padding: 80px 40px 20px 40px;
}
}
@media (max-width: 768px) {
.mentoring_audience {
padding: 40px 0;
text-align: center;
}
.mentoring_audience_intro h2 {
font-size: 30px;
}
.mentoring_audience .col-sm-6:first-of-type {
margin-bottom: 150px;
}
.mentoring_audience ul li::before {
content: none;
}
.mentoring_audience ul {
padding-left: 0;
}
.mentoring_audience ul li {
margin-bottom: 20px;
}
}
@media (max-width: 500px) {
.mentoring_audience_intro p {
max-width: 100%;
}
.mentoring_audience_card {
margin: 0 20px;
padding: 80px 40px 20px 40px;
}
}
.mentoring_benefits {
background-color: #00b188;
padding: 80px 0;
text-align: center;
}
.mentoring_benefits h2 {
font-size: 40px;
font-family: 'unineue_regular', Arial, sans-serif;
margin-bottom: 50px;
}
.mentoring_benefits h2 strong {
color: #fff;
}
.mentoring_benefit_block p {
color: #fff;
max-width: 500px;
}
.mentoring_benefits .row {
display: flex;
justify-content: space-evenly;
margin-top: 80px;
}
.mentoring_benefit_block {
text-align: center;
font-family: din_regular, sans-serif;
}
.mentoring_benefit_image img {
width: 100px;
}
.mentoring_benefit_block h3 {
text-transform: uppercase;
font-family: din_medium_webfont, sans-serif;
font-size: 20px;
padding: 20px 0;
border-bottom: 1px solid #fff;
color: #fff;
}
.mentoring_benefits .col {
margin: 0 20px;
}
@media (max-width: 768px) {
.mentoring_benefits {
padding: 40px 0;
}
.mentoring_benefits .row {
flex-wrap: wrap;
flex-direction: column;
margin-top: 0;
}
.mentoring_benefits .col {
margin: 30px 70px;
}
.mentoring_benefits h2 {
font-size: 30px;
}
}
/**************
* Rebound single post template styles
***************
*/
.rebound_single_post .main_banner {
background-color: #71b2c7;
font-family: 'unineue_regular', Arial, sans-serif;
padding: 40px 0;
position: relative;
}
.rebound_single_post .main_banner p {
color: #fff;
font-family: din_regular, sans-serif;
font-size: 18px;
}
.rebound_single_post .main_banner__row {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.circle-240 img {
width: 240px;
}
.main_banner__block1 {
width: 20%;
}
.main_banner__block2 {
width: 30%;
padding-left: 60px;
padding-top: 10px;
}
.main_banner__block3 {
width: 50%;
}
.main_banner__block3 .desktop_logo {
max-width: 350px;
transform: translate(100px, -30px);
}
.rebound_single_post .page-content {
padding-left: 0;
}
.rebound_single_post .case-study-title {
padding: 20px 25px 25px 30px!important;
border-top: 1px solid #73bd21!important;
border-bottom: 1px solid #73bd21!important;
margin-top: 80px;
}
.rebound_single_post .inner-page-content {
padding-left: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #73bd21!important;
}
.rebound_single_post .rebound_highlights {
padding: 0 0 50px 0;
}
.rebound_single_post .page-content p {
font-size: 15px;
line-height: 25px;
}
/*
.rebound_single_post .rebound_highlights h2 {
text-align: center;
font-family: unineue_bold, Arial, sans-serif;
font-size: 40px;
margin: 60px 0;
}
*/
.rebound_single_post .rebound_highlights .title_learn_more {
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 30px;
margin: 60px 0;
text-align: center;
}
.rebound_single_post .rebound_highlights p {
font-family: din_regular, sans-serif;
font-size: 18px;
}
.rebound_single_post .arrow {
text-align: center;
}
.rebound_single_post .arrow img {
max-width: 40px;
}
.rebound_single_post .rebound_highlights {
display: none;
}
@media (min-width: 992px) {
.rebound_single_post .page-content {
padding: 0 80px;
}
}
@media (max-width: 992px) {
.rebound_single_post .main_banner__block1 {
width: 50%;
text-align: center;
}
.rebound_single_post .main_banner__block2 {
width: 50%;
padding-left: 0;
}
.rebound_single_post .main_banner__block3 {
width: 100%;
text-align: center;
}
.main_banner__block3 .desktop_logo {
transform: none;
}
}
@media (max-width: 500px) {
.rebound_single_post .main_banner__row {
flex-direction: column;
}
.main_banner__block3 img {
transform: translateY(-50px);
}
.rebound_single_post .main_banner__block1, .rebound_single_post .main_banner__block2, .rebound_single_post .main_banner__block3 {
width: 100%;
}
.rebound_single_post .main_banner__block2 {
margin: 20px 0;
padding: 10px;
}
.rebound_single_post .main_banner {
padding: 40px 0 40px 0;
}
.rebound_single_post .inner-page-content {
padding: 30px;
}
.main_banner__block3 .desktop_logo {
max-width: 300px;
}
}
.page_rebound_network_activity .arrow img {
max-width: 50px;
}
.page_rebound_network_activity .arrow {
text-align: center;
margin-top: 40px;
}
.page_rebound_network_activity h1 {
font-family: unineue_bold, Arial, sans-serif;
font-size: 40px;
color: #fff;
padding-bottom: 10px;
border-bottom: 1px solid #fff;
}
.page_rebound_network_activity .banner-blue p {
font-family: din_regular, sans-serif;
font-size: 19px;
line-height: 30px;
}
.page_rebound_network_activity .banner-blue {
padding: 50px 0;
}
.page_rebound_network_activity .banner-blue .logo_column img {
max-width: 350px;
}
.page_rebound_network_activity .banner-blue .row {
display: flex;
align-items: center;
}
.page_rebound_network_activity .rebound_highlights .title_learn_more {
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 30px;
margin: 60px 0;
text-align: center;
}
.page_rebound_network_activity .rebound_highlights {
padding-top: 0;
}
.page_rebound_network_activity .rebound_highlights .container {
border-top: 5px solid #73bd21;
}
.page_rebound_network_activity .rebound_highlights {
display: none;
}
@media (min-width: 1200px) {
.page_rebound_network_activity .banner-blue .logo_column img {
transform: translateX(80px);
}
}
@media (max-width: 992px) {
.page_rebound_network_activity .banner-blue {
background-size: contain;
background-position: center;
}
.page_rebound_network_activity .banner-blue .row {
flex-wrap: wrap;
}
}
@media (max-width: 500px) {
.page_rebound_network_activity .banner-blue {
padding-bottom: 60px;
}
.page_rebound_network_activity .arrow img {
max-width: 40px;
}
.page_rebound_network_activity .banner-blue .logo_column {
text-align: center;
padding: 0;
}
.page_rebound_network_activity .banner-blue .logo_column img {
max-width: 100%;
transform: translateX(-10px);
}
}
/* ============================================================================================================================
== SKILLS CONNECT LANDING PAGE
** ============================================================================================================================ */
/** Common styles to this section **/
.btn_gradient_skills {
display: inline-block;
font-family: unineue_bold, Verdana;
text-transform: uppercase;
padding: 8px 30px;
color: #fff;
border-radius: 40px;
transition: all 0.5s ease-in-out;
background : -moz-linear-gradient(0% 50% 0deg,rgba(113, 188, 71, 1) 24.4%,rgba(97, 179, 83, 1) 32.77%,rgba(33, 145, 132, 1) 68.01%,rgba(8, 132, 151, 1) 84.66%);
background : -webkit-linear-gradient(0deg, rgba(113, 188, 71, 1) 24.4%, rgba(97, 179, 83, 1) 32.77%, rgba(33, 145, 132, 1) 68.01%, rgba(8, 132, 151, 1) 84.66%);
background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0.244,rgba(113, 188, 71, 1) ),color-stop(0.3277,rgba(97, 179, 83, 1) ),color-stop(0.6801,rgba(33, 145, 132, 1) ),color-stop(0.8466,rgba(8, 132, 151, 1) ));
background : -o-linear-gradient(0deg, rgba(113, 188, 71, 1) 24.4%, rgba(97, 179, 83, 1) 32.77%, rgba(33, 145, 132, 1) 68.01%, rgba(8, 132, 151, 1) 84.66%);
background : -ms-linear-gradient(0deg, rgba(113, 188, 71, 1) 24.4%, rgba(97, 179, 83, 1) 32.77%, rgba(33, 145, 132, 1) 68.01%, rgba(8, 132, 151, 1) 84.66%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#71BC47', endColorstr='#088497' ,GradientType=0)";
background : linear-gradient(90deg, rgba(113, 188, 71, 1) 24.4%, rgba(97, 179, 83, 1) 32.77%, rgba(33, 145, 132, 1) 68.01%, rgba(8, 132, 151, 1) 84.66%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71BC47',endColorstr='#088497' , GradientType=1);
}
.btn_gradient_skills:hover,
.btn_gradient_skills:focus {
-webkit-box-shadow: 5px 5px 16px -4px rgba(0,0,0,0.28);
box-shadow: 5px 5px 16px -4px rgba(0,0,0,0.28);
}
.centered {
text-align: center;
margin-top: 40px;
}
.arrow_smaller {
max-width: 60px;
}
/** End of common styles to this section **/
.skillsconnect_hero {
background-image: url(images/skillsconnect/skillsconnect_hero.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: top;
height: 850px;
position: relative;
}
.skillsconnect_hero__content {
position: absolute;
top: 60%;
transform: translateY(-50%);
}
.skillsconnect_hero__content img {
max-width: 300px;
}
.skillsconnect_hero__content .title {
margin-bottom: 40px;
}
.skillsconnect_hero__content h1 {
font-size: 30px;
line-height: 40px;
color: #fff;
font-family: unineue_regular, sans-serif;
margin: 80px 0;
width: 90%;
}
.skillsconnect_hero__content .col-md-8 {
padding: 0;
}
.skillsconnect_hero__content .inner {
font-family: unineue_bold, Arial, sans-serif;
font-size: 36px;
}
.skillsconnect_hero__content a {
display: inline-block;
font-family: unineue_bold, Verdana;
text-transform: uppercase;
padding: 8px 30px;
color: #fff;
border-radius: 40px;
transition: all 0.5s ease-in-out;
background: #71bc47;
background: -moz-linear-gradient(45deg, #71bc47 1%, #52ab5f 50%, #28957e 100%);
background: -webkit-linear-gradient(45deg, #71bc47 1%,#52ab5f 50%,#28957e 100%);
background: linear-gradient(45deg, #71bc47 1%,#52ab5f 50%,#28957e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#71bc47', endColorstr='#28957e',GradientType=1 );
}
.skillsconnect_hero__content a:hover,
.skillsconnect_hero__content a:focus {
-webkit-box-shadow: 5px 5px 16px -4px rgba(0,0,0,0.28);
box-shadow: 5px 5px 16px -4px rgba(0,0,0,0.28);
color: #072333;
}
@media (max-width: 500px) {
.skillsconnect_hero {
height: 600px;
background-image: url(images/skillsconnect/skillsconnect_hero_mobile.jpg);
}
.skillsconnect_hero__content img {
max-width: 200px;
}
.skillsconnect_hero__content h1 {
font-size: 25px;
margin: 40px 0;
width: 80%;
}
.skillsconnect_hero__content p {
margin: 0 0 50px 0;
}
}
.skills_introduction {
padding: 80px 0 80px 0;
background-color: #f2f9f7;
overflow: hidden;
}
.skills_introduction h2 {
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 40px;
color: #088497;
margin-bottom: 80px;
}
.skills_introduction .title .inner {
font-family: unineue_bold, Arial, sans-serif;
margin-bottom: 30px;
}
.skills_introduction .skills_intro__content p {
font-family: din_regular, sans-serif;
color: #002a3a;
}
.skills_intro__content .col-md-7 {
padding: 0;
}
.skills_intro__content .col-md-5 {
position: relative;
}
.skills_intro__content p {
font-weight: 500;
font-size: 18px;
margin-top: 30px;
}
.skills_caption {
font-family: din_regular, sans-serif;
max-width: 80%;
margin: 0 auto;
}
.skills_caption h3 {
font-size: 25px;
display: inline;
vertical-align: baseline;
color: #088497;
font-family: unineue_regular, sans-serif;
}
.skills_caption .inner {
font-family: din_bold, sans-serif;
}
.skills_introduction .arrow_link {
text-align: center;
margin-top: 30px;
}
.skillsconnect_partners_title h3 {
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 30px;
color: #088497;
}
.skillsconnect_slider_container {
position: relative;
margin-top: 50px;
}
#skillsconnect_arrow_left {
position: absolute;
z-index: 1000;
top: 50%;
left: -2%;
transform: translateY(-50%);
color: #BFAFB2;
cursor: pointer;
height: 30px;
}
#skillsconnect_arrow_right {
position: absolute;
z-index: 1000;
top: 50%;
right: -2%;
transform: translateY(-50%);
color: #BFAFB2;
cursor: pointer;
height: 30px;
}
.skillsconnect_logo_bg {
background-color: #fff;
margin: 0 20px;
}
.skillsconnect_logo_bg img {
width: 195px;
margin: 0 auto;
}
@media (min-width: 768px) {
.skills_caption {
transform: translateX(35px);
}
}
@media (max-width: 1300px) {
.skillsconnect_logo_slider{
padding: 0 30px;
}
#skillsconnect_arrow_left {
left: 2%;
}
#skillsconnect_arrow_right {
right: 2%;
}
}
@media (max-width: 600px) {
.skills_introduction {
padding-top: 40px;
}
.skills_introduction .col-md-5 {
flex-direction: column;
margin-top: 30px;
}
.skills_introduction .col-md-5 img {
max-width: 100%;
}
.skills_caption {
max-width: 100%;
}
.skills_introduction h1, .skills_introduction .title .inner {
font-size: 30px;
}
.skills_introduction h2 {
font-size: 30px;
margin-bottom: 40px;
}
.skills_caption h3{
font-size: 20px;
}
.skills_intro__content {
flex-direction: column;
}
}
.skills_public {
padding: 40px 0 80px 0;
}
.skills_audience_heading {
margin-bottom: 100px;
}
.skills_audience_heading h2 {
font-size: 40px;
font-family: unineue_regular, sans-serif;
}
.skills_audience_heading h2 strong {
color: #76bc21;
font-family: unineue_bold, Arial, sans-serif;
}
.skills_audience_heading p {
margin-top: 30px;
}
.skills_audience_card {
position: relative;
padding: 100px 40px 20px 40px;
margin: 0 50px;
text-align: center;
font-family: din_regular, sans-serif;
height: 520px;
}
.skills_audience_card img {
width: 150px;
position: absolute;
top: -15%;
left: 50%;
transform: translateX(-50%);
}
.skills_audience_card h3 {
font-family: din_bold, sans-serif;
color: #002a3a;
text-transform: uppercase;
font-size: 30px;
}
.skills_audience_card_content p {
border-top: 1px solid #fff;
padding-top: 20px;
margin-top: 20px;
min-height: 215px;
}
.workforce_card {
background-color: #efecea;
}
.businesses_card {
background-color: #ecf8fe;
}
@media (max-width: 992px) {
.skills_audience_card {
margin: 0;
}
}
@media (max-width: 767px) {
.skills_audience_heading h2 {
font-size: 30px;
}
.skills_audience_heading {
margin-bottom: 150px;
}
.skills_audience_card, .skills_audience_card_content p {
min-height: auto;
height: auto;
}
.businesses_card {
margin-top: 100px;
}
}
.skills_audience_description {
padding: 80px 0;
overflow: hidden;
}
#skills-workforce-section {
background-color: #efecea;
}
.skills_audience_description_heading {
display: flex;
position: relative;
padding-bottom: 40px;
}
.skills_audience_description_heading:after {
content: '';
display: block;
position: absolute;
bottom: 0;
width: 100%;
height: 5px;
border-radius: 5px;
background : -moz-linear-gradient(0% NaN% 0deg,rgba(113, 188, 71, 1) 24.4%,rgba(97, 179, 83, 1) 32.77%,rgba(33, 145, 132, 1) 68.01%,rgba(8, 132, 151, 1) 84.66%);
background : -webkit-linear-gradient(0deg, rgba(113, 188, 71, 1) 24.4%, rgba(97, 179, 83, 1) 32.77%, rgba(33, 145, 132, 1) 68.01%, rgba(8, 132, 151, 1) 84.66%);
background : -webkit-gradient(linear,0% NaN% ,100% NaN% ,color-stop(0.244,rgba(113, 188, 71, 1) ),color-stop(0.3277,rgba(97, 179, 83, 1) ),color-stop(0.6801,rgba(33, 145, 132, 1) ),color-stop(0.8466,rgba(8, 132, 151, 1) ));
background : -o-linear-gradient(0deg, rgba(113, 188, 71, 1) 24.4%, rgba(97, 179, 83, 1) 32.77%, rgba(33, 145, 132, 1) 68.01%, rgba(8, 132, 151, 1) 84.66%);
background : -ms-linear-gradient(0deg, rgba(113, 188, 71, 1) 24.4%, rgba(97, 179, 83, 1) 32.77%, rgba(33, 145, 132, 1) 68.01%, rgba(8, 132, 151, 1) 84.66%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#71BC47', endColorstr='#088497' ,GradientType=0)";
background : linear-gradient(90deg, rgba(113, 188, 71, 1) 24.4%, rgba(97, 179, 83, 1) 32.77%, rgba(33, 145, 132, 1) 68.01%, rgba(8, 132, 151, 1) 84.66%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71BC47',endColorstr='#088497' , GradientType=1);
}
.skills_audience_description_heading img {
max-width: 80px;
margin-right: 20px;
}
.skills_audience_description_heading h2 {
font-family: din_regular, sans-serif;
font-size: 35px;
margin: 0;
}
.skills_audience_description_heading h2 strong {
font-family: din_bold, sans-serif;
text-transform: uppercase;
}
.skills_audience__content p {
font-family: din_regular, sans-serif;
color: #002a3a;
}
.skills_audience__content a {
color: #76bc21;
transition: all 0.5s ease-in-out;
}
.skills_audience__content a:hover,
.skills_audience__content a:focus {
color: #0d8598;
}
.skills_audience__content img {
max-height: 600px;
}
.skills_audience__content .skills_sectors {
display: flex;
}
.skills_audience__content .skills_sectors ul {
padding: 0;
margin: 0;
list-style: none;
font-family: din_regular, sans-serif;
margin-right: 30px;
width: 50%;
}
.skills_sectors ul li {
display: flex;
flex-shrink: 0;
align-items: baseline;
font-size: 18px;
}
.skills_sectors ul li:before {
content: "\2022";
color: #76bc21;
font-size: 25px;
font-weight: bold;
display: inline-block;
width: 0.7em;
margin-right: 5px;
position: relative;
top: 3px;
}
.skills_audience__content .col-md-7 {
padding: 0;
}
.skills_audience__content .col-md-5 {
position: relative;
}
.skills_audience__content h3 {
font-family: din_bold, sans-serif;
font-size: 30px;
color: #76bc21;
}
.skills_audience__content p {
font-weight: 500;
font-size: 18px;
margin-top: 30px;
color: #002a3a;
}
.skills_benefits_title h2 {
font-size: 30px;
font-family: din_regular, sans-serif;
}
@media (min-width: 768px) {
.skills_audience__content .col-sm-5 {
position: absolute;
right: 0;
}
}
@media (max-width: 600px) {
.skills_audience_description {
padding: 40px 0;
}
.skills_audience__content .skills_sectors {
flex-direction: column;
}
.skills_audience__content .skills_sectors ul {
width: 100%;
}
}
.skills_benefit_single_card {
background-color: #fff;
text-align: center;
padding: 40px;
min-height: 300px;
transition: all 0.5s ease-in-out;
-webkit-box-shadow: 10px 10px 38px -14px rgba(0,0,0,0.21);
-moz-box-shadow: 10px 10px 38px -14px rgba(0,0,0,0.21);
box-shadow: 10px 10px 38px -14px rgba(0,0,0,0.21);
}
.skills_benefit_single_card:hover {
transform: scale(1.1);
-webkit-box-shadow: 10px 10px 38px -14px rgba(0,0,0,0.31);
-moz-box-shadow: 10px 10px 38px -14px rgba(0,0,0,0.31);
box-shadow: 10px 10px 38px -14px rgba(0,0,0,0.31);
}
.skills_benefits_row .col-sm-4:first-child .skills_benefit_single_card {
margin-left: 0;
}
.skills_benefit_single_card h3 {
font-family: din_bold, sans-serif;
color: #76bc21;
text-transform: uppercase;
position: relative;
}
.skills_benefit_single_card h3:after {
content: '';
display: block;
margin: 20px 0;
width: 100%;
height: 5px;
border-radius: 5px;
background : -moz-linear-gradient(0% 0deg,rgba(113, 188, 71, 1) 24.4%,rgba(97, 179, 83, 1) 32.77%,rgba(33, 145, 132, 1) 68.01%,rgba(8, 132, 151, 1) 84.66%);
background : -webkit-linear-gradient(0deg, rgba(113, 188, 71, 1) 24.4%, rgba(97, 179, 83, 1) 32.77%, rgba(33, 145, 132, 1) 68.01%, rgba(8, 132, 151, 1) 84.66%);
background : -webkit-gradient(linear,0% ,100%,color-stop(0.244,rgba(113, 188, 71, 1) ),color-stop(0.3277,rgba(97, 179, 83, 1) ),color-stop(0.6801,rgba(33, 145, 132, 1) ),color-stop(0.8466,rgba(8, 132, 151, 1) ));
background : -o-linear-gradient(0deg, rgba(113, 188, 71, 1) 24.4%, rgba(97, 179, 83, 1) 32.77%, rgba(33, 145, 132, 1) 68.01%, rgba(8, 132, 151, 1) 84.66%);
background : -ms-linear-gradient(0deg, rgba(113, 188, 71, 1) 24.4%, rgba(97, 179, 83, 1) 32.77%, rgba(33, 145, 132, 1) 68.01%, rgba(8, 132, 151, 1) 84.66%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#71BC47', endColorstr='#088497' ,GradientType=0)";
background : linear-gradient(90deg, rgba(113, 188, 71, 1) 24.4%, rgba(97, 179, 83, 1) 32.77%, rgba(33, 145, 132, 1) 68.01%, rgba(8, 132, 151, 1) 84.66%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71BC47',endColorstr='#088497' , GradientType=1);
}
.btn_gradient_skills_xl {
display: inline-block;
font-family: unineue_bold, Verdana;
text-transform: uppercase;
padding: 8px 30px;
color: #fff;
border-radius: 40px;
transition: all 0.5s ease-in-out;
width: 350px;
font-size: 18px;
}
@media (min-width: 768px) {
.skills_benefit_single_card {
margin: 0 20px;
}
.skills_benefits_row {
margin: 50px 0;
}
}
@media (max-width: 768px) {
.skills_benefit_single_card {
margin: 40px 0;
min-height: auto;
}
}
@media (max-width: 500px) {
.skills_audience_description_heading {
flex-direction: column;
}
.skills_audience_description_heading img {
margin: 0 0 30px 0;
}
}
#skills-businesses-section {
background-color: #ecf8fe;
}
.skills_steps {
padding: 40px 0;
}
.skills_steps_heading {
text-align: center;
position: relative;
margin: 40px 0 120px 0;
}
.skills_steps_heading img {
max-width: 300px;
}
.skills_steps_heading h2 {
font-size: 35px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: inline-block;
margin: 0;
padding: 20px 30px;
}
.skills_steps_card {
position: relative;
padding: 100px 40px 20px 40px;
text-align: center;
font-family: din_regular, sans-serif;
height: 350px;
}
.skills_steps_card img {
width: 150px;
position: absolute;
top: -15%;
left: 50%;
transform: translateX(-50%);
}
.skills_steps_card h3 {
font-family: din_medium_webfont, sans-serif;
color: #002a3a;
text-transform: uppercase;
font-size: 20px;
}
.skills_steps_card_content p {
border-top: 1px solid #fff;
padding-top: 20px;
margin-top: 20px;
min-height: 215px;
}
@media (max-width: 992px) {
.skills_steps_card {
margin: 0;
}
}
@media (max-width: 767px) {
.skills_audience_heading h2 {
font-size: 30px;
}
.skills_audience_heading {
margin-bottom: 150px;
}
.skills_steps_card, .skills_steps_card_content p {
min-height: auto;
height: auto;
}
.businesses_card {
margin-top: 150px;
}
}
.first_step_card {
background-color: #dbecf1;
}
.second_step_card {
background-color: #e3f5f0;
}
.third_step_card {
background-color: #dceec7;
}
.skills_steps_description {
text-align: center;
margin: 50px;
}
.skills_steps_description p a {
color: #76bc21;
transition: all 0.5s ease-in-out;
}
.skills_steps_description p a:hover,
.skills_steps_description p a:focus {
color: #0d8598;
}
@media (max-width: 768px) {
.skills_steps_card {
margin-bottom: 100px;
}
.btn_gradient_skills_xl {
width: auto;
}
.skills_steps_description {
margin: 0 50px 50px 50px;
}
.skills_steps_heading h2 {
padding: 0;
font-size: 30px;
}
.sos-testimonial {
padding: 40px 0;
}
}
.skills_anchor {
display: block;
position: relative;
top: -150px;
visibility: hidden;
}
/* ============================================================================================================================
== SKILLS CONNECT SECTORS BLOG PAGE
** ============================================================================================================================ */
.skills_gradient_bg {
background : -moz-linear-gradient(0% 50% 0deg,rgba(8, 132, 151, 1) 15.34%,rgba(33, 145, 132, 1) 31.99%,rgba(97, 179, 83, 1) 67.23%,rgba(113, 188, 71, 1) 75.6%);
background : -webkit-linear-gradient(0deg, rgba(8, 132, 151, 1) 15.34%, rgba(33, 145, 132, 1) 31.99%, rgba(97, 179, 83, 1) 67.23%, rgba(113, 188, 71, 1) 75.6%);
background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0.1534,rgba(8, 132, 151, 1) ),color-stop(0.3199,rgba(33, 145, 132, 1) ),color-stop(0.6723,rgba(97, 179, 83, 1) ),color-stop(0.756,rgba(113, 188, 71, 1) ));
background : -o-linear-gradient(0deg, rgba(8, 132, 151, 1) 15.34%, rgba(33, 145, 132, 1) 31.99%, rgba(97, 179, 83, 1) 67.23%, rgba(113, 188, 71, 1) 75.6%);
background : -ms-linear-gradient(0deg, rgba(8, 132, 151, 1) 15.34%, rgba(33, 145, 132, 1) 31.99%, rgba(97, 179, 83, 1) 67.23%, rgba(113, 188, 71, 1) 75.6%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#088497', endColorstr='#71BC47' ,GradientType=0)";
background : linear-gradient(90deg, rgba(8, 132, 151, 1) 15.34%, rgba(33, 145, 132, 1) 31.99%, rgba(97, 179, 83, 1) 67.23%, rgba(113, 188, 71, 1) 75.6%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#088497',endColorstr='#71BC47' , GradientType=1);
}
.page_skills_sectors .arrow img {
max-width: 50px;
}
.page_skills_sectors .arrow {
text-align: center;
margin-top: 40px;
}
.page_skills_sectors h1 {
font-family: unineue_bold, Arial, sans-serif;
font-size: 40px;
color: #fff;
padding-bottom: 10px;
border-bottom: 1px solid #fff;
}
.page_skills_sectors .skills_gradient_bg p {
font-family: din_regular, sans-serif;
font-size: 19px;
line-height: 30px;
color: #fff;
}
.page_skills_sectors .skills_gradient_bg {
padding: 50px 0;
}
.page_skills_sectors .skills_gradient_bg .logo_column {
text-align: center;
}
.page_skills_sectors .skills_gradient_bg .logo_column img {
max-width: 280px;
}
.page_skills_sectors .skills_gradient_bg .row {
display: flex;
align-items: center;
}
.page_skills_sectors .rebound_highlights .title_learn_more {
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 30px;
margin: 60px 0;
text-align: center;
}
.page_skills_sectors .rebound_highlights {
padding-top: 0;
}
.page_skills_sectors .rebound_highlights .container {
border-top: 5px solid #73bd21;
}
.page_skills_sectors .rebound_highlights {
display: none;
}
.skills_view_more p {
text-transform: uppercase;
color: #072333;
font-family: unineue_bold, Arial, sans-serif;
margin-top: 20px;
transition: all 0.5s ease-in-out;
}
.skills_view_more p:hover {
color: #0d8598;
}
.skills_connect_banner {
min-height: 400px;
margin-top: 50px;
background-image: url(images/skillsconnect/skillsconnect_banner_sectors.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
.skills_connect_banner img {
max-width: 250px;
display: block;
margin-bottom: 40px;
}
.skills_connect_banner__content {
width: 80%;
position: absolute;
left: 10%;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 992px) {
.page_skills_sectors .skills_gradient_bg {
background-size: contain;
background-position: center;
}
.page_skills_sectors .skills_gradient_bg .row {
flex-wrap: wrap;
}
}
@media (max-width: 767px) {
.logo_column {
width: 100%;
margin: 50px 0 30px 0;
}
}
@media (max-width: 500px) {
.page_skills_sectors .skills_gradient_bg {
padding-bottom: 60px;
}
.page_skills_sectors .arrow img {
max-width: 60px;
}
.page_skills_sectors .skills_gradient_bg .logo_column {
text-align: center;
padding: 0;
}
.skills_connect_banner {
min-height: 300px;
}
.skills_connect_banner__content {
left: 5%;
}
.skills_connect_banner img {
max-width: 200px;
}
}
/* ============================================================================================================================
== SKILLS CONNECT SECTORS SINGLE POST
** ================================================================================================================*/
.margin-on-top {
margin-top: 100px;
}
.skillsconnect_single_post .main_banner__container {
padding: 50px 0;
}
.skillsconnect_image_text {
display: flex;
align-self: center;
align-items: center;
}
.skillsconnect_image_text img {
align-self: center;
}
.skillsconnect_image_text .circle {
flex-shrink: 0;
margin-right: 30px;
}
.skillsconnect_single_post .desktop_logo {
max-width: 300px;
}
.skillsconnect_presentation h2 {
font-family: din_medium_webfont, sans-serif;
color: #fff;
font-size: 25px;
}
.skillsconnect_single_post .page-content p {
font-size: 15px;
line-height: 25px;
}
.skillsconnect_presentation p {
font-family: din_regular, sans-serif;
color: #fff;
}
.skills_logo {
text-align: center;
}
@media (min-width: 992px) {
.skillsconnect_single_post .main_banner__container .row {
display: flex;
align-items: center;
justify-content: center;
}
.skillsconnect_single_post .case-study-single-content {
padding: 0 80px;
}
}
@media (max-width: 600px) {
.skillsconnect_image_text {
flex-wrap: wrap;
justify-content: center;
}
.skillsconnect_presentation {
margin: 20px 0;
}
.skillsconnect_single_post .desktop_logo {
max-width: 200px;
}
.margin-on-top {
margin-top: 30px;
}
.skills_anchor_mobile {
top: -100px;
}
}
/******* Skills Connect all networks list *******/
.page_skills_networks .small_logo {
max-width: 250px;
margin-bottom: 20px;
}
.page_skills_networks .arrow {
text-align: center;
margin-bottom: 30px;
}
.page_skills_networks .arrow img {
max-width: 50px;
}
.page_skills_networks h1 {
font-size: 25px;
line-height: 40px;
color: #fff;
font-family: unineue_regular, sans-serif;
margin: 0;
}
.page_skills_networks .desktop_logo {
width: 90%;
}
.page_skills_networks .skills_gradient_bg .row {
display: flex;
align-items: center;
}
.skillsconnect_networks_intro h2 {
text-align: center;
font-size: 40px;
font-family: unineue_regular, sans-serif;
}
.skillsconnect_networks_intro h2 b{
color: #76bc21;
font-family: unineue_bold, Arial, sans-serif;
}
.skillsconnect_networks_intro a {
color: #76bc21;
transition: all 0.5s ease-in-out;
}
.skillsconnect_networks_intro a:hover {
color: #0d8598;
}
.skillsconnect_networks_intro_content {
width: 60%;
margin: 30px auto 30px auto;
text-align: center;
font-family: din_regular, sans-serif;
font-size: 18px;
color: #5F6365;
}
.skillsconnect_network_card {
background-color: #F4F4F4;
padding: 40px 20px ;
height: 100%;
}
.skillsconnect_network_card p {
margin: 40px 0;
}
.skillsconnect_network_card h3 {
font-family: unineue_bold, Arial, sans-serif;
color: #002A3A;
font-size: 19px;
}
#skillsconnect-network-list .row {
display: flex;
flex-wrap: wrap;
}
#skillsconnect-network-list .row .col-lg-4 {
margin: 15px 0;
}
@media (max-width: 768px) {
.page_skills_networks .skills_gradient_bg .row {
flex-wrap: wrap;
justify-content: center;
padding: 40px 0 20px 0;
}
.page_skills_networks .col-sm-7 {
text-align: center;
}
.page_skills_networks .col-sm-7 img {
max-width: 200px;
}
.skillsconnect_networks_intro h2 {
font-size: 30px;
padding: 0 10px;
}
.skillsconnect_networks_intro_content {
width: 90%;
text-align: left;
}
.skillsconnect_network_card {
padding: 20px;
}
#skillsconnect-network-list .row {
display: initial;
}
}
/* ============================================================================================================================
== STATEMENT OF STRATEGY 2021 - 2025 LANDING PAGE
** ============================================================================================================================ */
.sos_2021_page p {
font-family: din_regular, sans-serif;
}
.sos_2021_page a {
color: #fff;
}
.sos_2021_hero {
background-image: url(images/statement2021/sos_bg_hero.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: auto;
position: relative;
padding: 100px 0;
}
.sos_2021_hero__logo {
width: 350px;
}
.sos_2021_hero__col_right img {
width: 450px;
}
.sos_2021_hero_content {
margin-top: 60px;
}
.sos_2021_hero h2 {
font-family: Georgia, serif;
font-style: italic;
margin-bottom: 20px;
}
.sos_2021_hero h2 b, .sos_2021_hero h2 strong {
font-style: initial;
font-size: 25px;
}
.sos_2021_hero_content p{
color: #fff;
font-family: unineue_bold, Arial, sans-serif;
}
.btn-sos {
margin-top: 30px;
}
.btn-sos a {
padding: 15px 20px;
background: #012a39;
font-family: din_regular, sans-serif;
transition: all 0.5s ease-in-out;
line-height: 16px;
border-radius: 40px;
}
.btn-sos a:hover {
background: #fff;
color: #012a39;
}
.sos_2021_hero__col_right {
text-align: center;
}
.sos_2021_page .arrow_link{
display: block;
text-align: center;
margin-top: 20px;
}
@media (max-width: 600px) {
.sos_2021_hero {
padding: 50px 0;
background-image: none;
background-color: #02a37b;
}
.sos_2021_hero__col_right img {
width: 300px;
}
.sos_2021_hero .arrow_smaller {
max-width: 50px;
margin-top: 30px;
}
.btn-sos {
margin-bottom: 40px;
margin-top: 0;
}
}
/*** Introduction of the statement of strategy 2021 ***/
.sos_intro {
padding: 50px 0;
background-image: url(images/statement2021/sos_intro_bg.jpg);
background-size: cover;
background-repeat: no-repeat;
}
.sos_2021_btn {
display: flex;
align-items: center;
position: relative;
left: -15px;
}
.sos_2021_btn h2 {
font-family: unineue_regular, sans-serif;
margin: 0 0 0 20px;
transition: all 0.5s ease-in-out;
color: #122c3a;
}
.sos_2021_btn h2 b, .sos_2021_btn h2 strong {
font-family: unineue_bold, Arial, sans-serif;
}
.sos_2021_btn h2:hover {
color: #00b189;
}
.sos_2021_btn img {
width: 50px;
}
.sos_headline {
text-align: center;
margin-bottom: 80px;
}
.sos_headline h1, .sos_headline h2 {
font-family: Georgia, Serif;
font-style: italic;
font-weight: 400;
font-size: 35px;
color: #00b189;
}
.sos_headline h1 b, .sos_headline h1 strong, .sos_headline h2 b, .sos_headline h2 strong {
font-style: initial;
}
@media (min-width: 768px) {
.image_centered img {
padding-right: 80px;
}
}
@media (max-width: 768px) {
.image_centered {
text-align: center;
margin-top: 50px;
}
.image_centered img {
width: 450px;
margin-bottom: 20px;
}
}
@media (max-width: 600px) {
.sos_headline {
margin-bottom: 30px;
}
.sos_headline h1, .sos_headline h2 {
font-size: 30px;
}
.flipped {
display: flex;
flex-direction: column-reverse;
}
.sos_2021_btn {
position: initial;
}
.image_centered img {
width: 300px;
}
}
/*** Strategic themes section ***/
.strategy_themes {
padding: 50px 0 150px 0;
background-image: url(images/statement2021/strategy_themes_bg.jpg);
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.strategy_themes__intro {
text-align: center;
margin-bottom: 100px;
}
.strategy_themes__intro p, .strategy_themes__intro h3 {
color: #fff;
}
.strategy_themes__intro h3 {
font-family: din_bold, sans-serif;
font-size: 25px;
}
.strategy_themes__intro h3 b, .strategy_themes__intro h3 strong {
color: #00b189;
}
.strategy_themes .row {
display: flex;
}
.strategy_card {
text-align: center;
padding: 80px 15px 20px 15px;
margin: 0 20px;
position: relative;
height: 100%;
}
.strategy_card h4, .strategy_card p {
color: #fff;
}
.strategy_card h4 {
font-family: Georgia, Serif;
font-weight: 700;
font-size: 35px;
}
.strategy_card__header {
border-radius: 50%;
width: 100px;
height: 100px;
border: 3px solid #fff;
position: absolute;
top: -10%;
left: 50%;
transform: translateX(-50%);
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
font-family: Georgia, Serif;
font-style: italic;
}
.strategy_card__header p {
margin: 0;
}
.strategy_card__header p b, .strategy_card__header p strong {
font-style: initial;
font-weight: 700;
font-size: 30px;
}
#card_one, #card_one .strategy_card__header {
background-color: #00a781;
}
#card_two, #card_two .strategy_card__header {
background-color: #7ab52a;
}
#card_three, #card_three .strategy_card__header {
background-color: #7ab1c9;
}
.sos_btn_v2 {
position: absolute;
bottom: -5%;
left: 50%;
transform: translateX(-50%);
background-color: #052a39;
border: 1px solid #fff;
padding: 20px 80px;
transition: all 0.5s ease-in-out;
display: flex;
justify-content: center;
align-items: center;
}
.sos_btn_v2 h2 {
color: #fff;
}
.sos_btn_v2 a {
color: #fff;
}
.sos_btn_v2:hover {
border: 1px solid #7bb3cb;
cursor: pointer;
}
@media (min-width: 992px) {
.strategy_themes__intro {
padding: 0 200px;
}
}
@media (max-width: 992px) {
.strategy_themes .row {
flex-wrap: wrap;
flex-direction: column;
}
.strategy_themes .col-md-4 {
margin: 40px 0;
}
.strategy_card h4 {
font-size: 25px;
}
}
@media (max-width: 768px) {
.strategy_themes {
padding: 50px 0;
}
.strategy_card {
margin: 0;
}
.sos_btn_v2 {
bottom: -2%;
width: 80%;
padding: 20px 40px;
}
.sos_btn_v2 h2 {
font-size: 16px;
margin: 0 0 0 15px;
}
.sos_2021_btn img {
width: 30px;
}
}
@media (max-width: 400px) {
.sos_btn_v2 {
padding: 20px;
}
}
.mission_statement {
background-color: #e0e0dd;
padding: 100px 0;
}
.mission_statement .row {
display: flex;
align-items: center;
}
.mission_statement__left {
text-align: right;
}
.mission_statement__left img {
width: 200px;
}
.mission_statement__content {
max-width: 75%;
margin: 0 auto;
position: relative;
}
.mission_statement__content:before {
content: '';
display: block;
width: 50px;
height: 3px;
background-color: #7ab52a;
}
.mission_statement__content h2 {
font-family: Georgia, Serif;
font-style: italic;
font-size: 25px;
line-height: 35px;
}
.mission_statement__content h2 b, .mission_statement__content h2 strong {
font-style: initial;
font-weight: 700;
}
@media (max-width: 768px) {
.mission_statement .row {
flex-wrap: wrap;
flex-direction: column;
}
.mission_statement__left {
text-align: center;
width: 100%;
margin-bottom: 50px;
}
.mission_statement__content {
max-width: 100%;
}
}
/*** Strategic goals section ***/
.strategic_goals {
background-color: #ebf5f9;
padding: 50px 0 150px 0;
position: relative;
}
#sos_headline_blue {
margin-bottom: 40px;
}
#sos_headline_blue h2 {
color: #072939;
}
.strategy_data_legend {
display: flex;
justify-content: center;
}
.strategy_data_legend .baseline {
position: relative;
display: flex;
font-family: unineue_bold, Arial, sans-serif;
font-size: 20px;
color: #072939;
}
.strategy_data_legend .baseline:before {
content: '';
display: block;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #072939;
margin-right: 10px;
}
.strategy_data_legend .target {
margin-left: 50px;
position: relative;
display: flex;
font-family: unineue_bold, Arial, sans-serif;
font-size: 20px;
color: #00b189;
}
.strategy_data_legend .target:before {
content: '';
display: block;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #00b189;
margin-right: 10px;
}
.strategy_data {
border-top: 1px dashed #b7c1c9;
margin-top: 50px;
}
.strategy_data__block h3 {
font-family: Georgia, Serif;
color: #00b189;
font-style: italic;
font-size: 20px;
}
.bar_title {
font-family: unineue_bold, Arial, sans-serif;
margin-left: 15px;
}
.bar_title_style_two {
color: #00b189;
}
.strategy_data__block h3 b, .strategy_data__block h3 strong {
font-style: initial;
font-weight: 700;
}
.strategy_bar {
display: flex;
}
.strategy_chart {
overflow: hidden;
}
.strategy_chart__bar {
height: 30px;
opacity: 0;
}
.bar_one .strategy_chart__bar {
background-color: #072939;
}
.bar_two .strategy_chart__bar {
background-color: #00b189;
}
#first-bar {
width: 150px;
}
#second-bar,#fourth-bar, #sixth-bar, #eighth-bar {
width: 300px;
}
#third-bar {
width: 150px;
}
#fifth-bar {
width: 230px;
}
#seventh-bar {
width: 80px;
}
@media (max-width: 600px) {
#second-bar,#fourth-bar, #sixth-bar, #eighth-bar {
width: 200px;
}
#first-bar {
width: 100px;
}
#third-bar {
width: 100px;
}
#fifth-bar {
width: 130px;
}
#seventh-bar {
width: 40px;
}
.strategy_data_legend .target, .strategy_data_legend .baseline {
font-size: 15px;
}
.strategy_data_legend .target {
margin-left: 10px;
}
}
.show-bar {
-webkit-animation: show-bar 1.4s 0s forwards;
-moz-animation: show-bar 1.4s 0s forwards;
animation: show-bar 1.4s 0s forwards;
}
/* Bar Graph Horizontal Animations */
@-webkit-keyframes show-bar {
0% {
transform: translateX(-200%);
}
100% {
transform: translateX(0);
opacity: 1;
}
}
.strategy_data__block {
margin: 30px 0;
}
.statement_quote {
padding: 100px 0 50px 0;
}
.statement_quote .row {
display: flex;
align-items: center;
}
.statement_quote .image_quote img {
width: 250px;
}
.statement_quote h2 {
font-family: Georgia, Serif;
color: #00b189;
font-weight: 700;
}
.statement_quote h2 em {
color: #052a39;
font-size: 14px;
font-weight: 300;
}
@media (max-width: 768px) {
.statement_quote {
text-align: center;
}
.statement_quote .row {
flex-wrap: wrap;
flex-direction: column;
}
.statement_quote .image_quote {
margin-bottom: 40px;
text-align: center;
width: 100%;
}
.statement_quote .image_quote img {
position: relative;
left: -10px;
}
.strategic_goals {
padding: 50px 0 100px 0;
}
.strategic_goals .sos_btn_v2 {
bottom: -4%;
}
}
.skilled_workforce {
padding: 100px 0;
background-image: url(images/statement2021/banner_objective.jpg);
background-size: cover;
}
.skilled_workforce .skilled_workforce__text {
display: flex;
justify-content: center;
max-width: 48%;
margin: 0 auto;
}
.skilled_workforce h2 {
color: #fff;
text-align: center;
font-family: Georgia, Serif;
font-size: 25px;
line-height: 40px;
}
.skilled_workforce h2 b, .skilled_workforce h2 strong {
font-size: 30px;
}
@media (max-width: 768px) {
.skilled_workforce .skilled_workforce__text {
max-width: 80%;
}
}
.strategy_download {
padding: 100px 0;
background-image: url(images/statement2021/download_bg.jpg);
background-size: cover;
background-repeat: no-repeat;
}
.strategy_download__block img {
width: 400px;
}
.strategy_download__block {
position: relative;
}
.strategy_download__content {
position: absolute;
top: 50%;
left: 28%;
transform: translate(-50%, -50%);
max-width: 43%;
}
.strategy_download__content p {
font-family: unineue_regular, sans-serif;
color: #072939;
font-size: 25px;
}
.strategy_download__content a {
font-family: unineue_bold, Arial, sans-serif;
color: #00b189;
font-size: 25px;
transition: all 0.5s ease-in-out;
cursor: pointer;
position: relative;
}
.strategy_download__content a:hover {
color: #072939;
cursor: pointer;
}
.strategy_download__content a:before {
content: '';
display: block;
width: 150px;
height: 3px;
background-color: #00b189;
margin-bottom: 10px;
}
.strategy_cover {
width: 500px;
}
@media (max-width: 1125px) and (min-width: 768px) {
.strategy_download__content {
left: 35%;
max-width: 50%;
}
}
@media (max-width: 767px) {
.strategy_download__content img {
margin: 0 auto;
}
.strategy_download__content {
left: 28%;
max-width: 38%;
}
}
@media (max-width: 500px) {
.strategy_download__content p, .strategy_download__content a {
font-size: 18px;
}
.strategy_download__content {
left: 43%;
max-width: 60%;
}
.strategy_download__content a:before {
width: 80px;
}
.strategy_download .container .col-sm-6:first-child {
margin-bottom: 100px;
}
}
/*** Case Studies ***/
.sos_cases {
padding: 50px 0 150px 0;
background-image: url(images/statement2021/case_studies_bg.png);
background-repeat: no-repeat;
background-size: cover;
color: #fff;
}
.sos_cases_header {
text-align: center;
margin-bottom: 100px;
}
.sos_cases_header h2 {
font-family: Georgia, Serif;
color: #fff;
font-size: 40px;
}
.sos_cases__container > .row {
max-width: 100%;
margin: auto;
}
.sos_cases__navbar button {
outline: none;
border: none;
font-family: Georgia, Serif;
font-weight: 600;
padding: 20px 50px;
border-radius: 20px 20px 0 0;
}
.sos_cases__navbar button:nth-child(1) {
background-color: #00b189;
}
.sos_cases__navbar button:nth-child(2) {
background-color: #76bc21;
}
.sos_cases__navbar button:nth-child(3) {
background-color: #6fb1c8;
}
.sos_case_study p {
color: #fff;
font-family: din_regular, sans-serif;
}
.sos_case_study .row {
padding: 50px;
}
#first-case-study {
background-color: #00b189;
}
#second-case-study {
background-color: #76bc21;
}
#third-case-study {
background-color: #6fb1c8;
}
.sos_case_study h2 {
font-family: Georgia, Serif;
font-weight: bold;
margin-bottom: 15px;
}
.sos_case_study h2 em, .sos_case_study h2 i {
font-weight: initial;
}
@media (max-width: 768px) {
.sos_cases {
padding: 50px 0;
}
.sos_cases_header {
margin-bottom: 50px;
}
.sos_cases_header h2 {
font-size: 30px;
}
.sos_cases__navbar button {
padding: 15px;
font-size: 12px;
}
.sos_cases__container > .row {
display: flex;
}
.sos_case_study .row {
padding: 20px;
}
}
/**** Modifications to the strategy panel on the about us page ****/
#about-strategy-panel {
display: flex;
align-items: center;
padding-top: 30px;
}
@media (min-width: 768px) {
#about-management-panel {
padding: 27px 5%!important;
}
#about-panel-new-network {
padding: 77px 5%;
}
}
@media (max-width: 660px) {
#about-strategy-panel {
flex-wrap: wrap;
}
}
/**** New entreprise video block on the Strategy page ****/
.entreprise_partners {
padding: 50px 0;
}
.entreprise_partners p {
font-family: din_regular,sans-serif;
position: relative;
}
.entreprise_partners_text:after {
content: '';
display: block;
width: 60px;
height: 5px;
background-color: #00b189;
}
.entreprise_partners h2 {
font-family: Georgia,Serif;
font-style: italic;
font-weight: 600;
font-size: 35px;
color: #00b189;
margin-bottom: 30px;
}
.entreprise_partners h2 em {
font-weight: 300;
}
.strategy_video_section {
text-align: center;
}
.strategy_video_container {
position: relative;
width: fit-content;
width: -moz-fit-content;
transition: all 0.5s ease-in-out;
margin: auto;
transition: all 0.5s ease-in-out;
}
.strategy_video_container:hover {
transform: scale(1.1);
}
.strategy_video_thumbnail {
width: 350px;
}
.strategy_play_button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.5s ease-in-out;
}
@media (max-width: 767px) {
.strategy_video_section {
margin-top: 50px;
}
}
/**** Cookies policy page ****/
.page-template-template-cookies-policy .header.sn-header {
position: relative;
}
.policy_page {
margin: 100px auto;
}
.policy_page a {
color: #73bd1f;
}
.policy_page a:hover {
color: #73bd1f;
}
/* CLIMATE READY SECTION */
.d-flex{
display: flex;
}
.align-items-center{
align-items: center;
}
.justify-content-end{
justify-content: flex-end;
}
.flex-column{
flex-direction: column;
}
.climate-ready-hero{
height: 600px;
padding-top: 220px;
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
.climate-ready-hero p{
font-size: 25px;
line-height: 30px;
margin-top: 40px;
margin-bottom: 40px;
}
.climate-ready-hero p b{
font-family: 'droid_sans_bold', Helvetica, Arial, sans-serif;
}
.climate-ready-hero .btn-small, .white-bg .btn-small{
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
}
.climate-ready-hero .btn-green, .btn-small .btn-green{
margin-right: 30px;
}
.climate-ready-hero.cluster .btn-small.btn-green{
background-color: #009d76;
}
.climate-ready-hero.insights .btn-small.btn-green{
background-color: #57e1a8;
}
.climate-ready-hero .btn-white{
color: #64a50b;
background-color: white;
transition: 0.2s all ease-in-out;
}
.climate-ready-hero .btn-white:hover{
background-color: #f2f2f2;
}
.d-sm-block{
display: inline-block;
}
.d-sm-none{
display: none;
}
.white-bg{
padding: 100px 0px;
}
.white-bg h2{
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 40px;
line-height: 55px;
color: #002a3a;
margin-top: 0px;
margin-bottom: 40px;
}
.white-bg p{
margin-bottom: 40px;
}
span.green{
color: #64a70b;
}
.pr{
padding-right: 100px;
}
.pl{
padding-left: 100px;
}
.bb{
overflow: hidden;
}
.bb:after {
color: #b5babd;
content: '.......................................................................................................................................................................................................................................';
font-size: 15px;
display: block;
letter-spacing: 1px;
margin-left: 15px;
margin-right: 15px;
padding-top: 10px;
overflow: hidden;
}
.mb{
margin-bottom: 30px;
}
.cr_video{
padding: 50px 0px 100px;
}
@media (max-width: 500px) {
.cr_video{
padding: 50px 0px;
}
}
.icons-section h4{
font-family: 'droid_sans_bold', Helvetica, Arial, sans-serif;
line-height: 25px;
margin: 0px;
}
.aqua{
color: #71b0c7;
}
.aqua_dark{
color: #00778b;
}
.light_green{
color: #00b186;
}
.dark_green{
color: #007789;
}
.icons-section p{
margin-bottom: 0px;
}
.resources{
background-color: #d9e9ed;
background-image: url('images/bg_001.png'), url('images/bg_002.png'), url('images/bg_003.png');
background-position: top left, top right, 50% bottom;
background-repeat: no-repeat;
padding: 80px 0px;
}
.resources h2{
font-family: 'unineue_regular', Arial, sans-serif;
padding-bottom: 80px;
font-size: 42px;
margin: 0px;
}
.card_hover{
display: block;
}
.card{
background-color: white;
background-size: contain;
background-repeat: no-repeat;
background-position: center top;
margin: 0px 10px;
padding: 220px 25px 40px;
text-align: center;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
transition: all .2s ease-in-out;
min-height: 900px;
position: relative;
}
.card p strong{
font-family: 'droid_sans_bold', Helvetica, Arial, sans-serif;
}
.card_hover .card:hover{
transform: scale(1.01);
-webkit-box-shadow: 0px 0px 20px 0px rgba(175,175,175,.75);
-moz-box-shadow: 0px 0px 20px 0px rgba(175,175,175,.75);
box-shadow: 0px 0px 20px 0px rgba(175,175,175,.75);
}
.card img{
margin-bottom: 40px;
}
.card.academy{
background-image: url('images/card_001.png');
}
.card.cluster{
background-image: url('images/card_002.png');
}
.card.insights{
background-image: url('images/card_003.png');
}
.academy{
color: #71b2c9;
}
.cluster{
color: #00a076;
}
.insights{
color: #57e5ac;
}
.card btn,
.card a.button{
position: absolute;
bottom: 40px;
left: 30%;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
transition: all .2s ease-in-out;
}
.btn-academy{
background-color: #71b2c9;
}
.btn-cluster{
background-color: #00a076;
}
.btn-insights{
background-color: #57e5ac;
}
.btn-academy:hover,
.btn-cluster:hover,
.btn-insights:hover{
background-color: #007789;
opacity: .8;
}
.benefits{
background-color: #00b186;
padding: 50px 0px;
}
.benefits h2{
font-family: 'unineue_regular', Arial, sans-serif;
padding-bottom: 50px;
margin: 0px;
font-size: 42px;
color: white;
}
.benefits .card{
background-size: 130px;
background-repeat: no-repeat;
background-position: center 40px;
background-color: #40c5a4;
border: 1px solid white;
padding: 150px 30px 40px;
text-align: center;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
transition: all .2s ease-in-out;
position: relative;
min-height: 400px;
}
.benefits .card.one{
background-image: url('images/ben_001.png');
}
.benefits .card.two{
background-image: url('images/ben_002.png');
}
.benefits .card.three{
background-image: url('images/ben_003.png');
}
.benefits .card p{
color: white;
}
.click_button {
cursor: pointer;
border-radius: 50%;
border: 2px solid white;
width: 28px;
height: 28px;
font-size: 25px;
position: relative;
margin: 0 auto 20px;
}
.click_button span {
color: white;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.hidden_content{
display: none;
}
.btn-black{
background-color: #002a3a;
}
.partnership{
background-color: white;
padding: 50px 0px;
}
.partnership .partner_logo{
width: 75%;
}
.partnership p{
font-size: 20px;
margin: 0;
padding-bottom: 50px;
}
.partnership.cluster p{
padding-bottom: 0px;
}
.committed{
background-color: #ededed;
padding: 50px 0px;
}
.d-t-none{
display: block;
}
.uni{
font-family: 'unineue_bold', Arial, sans-serif;
}
.challenge{
background-color: #e7e7e5;
padding: 80px 0px;
}
.challenge h2{
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 48px;
margin-bottom: 40px;
}
.challenge h2 span.green{
font-family: 'unineue_bold', Arial, sans-serif;
color: #009d76;
}
.challenge p{
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 21px;
line-height: 35px;
margin-bottom: 100px;
}
.challenge .slider-for .slick-container{
padding: 0px 30px;
}
.challenge .slider-for .slick-container img{
margin: 0 auto 30px;
}
.challenge .slider-for .slick-container p{
font-size: 16px;
line-height: 30px;
margin-bottom: 30px;
}
.challenge .slider-for .slick-container a{
font-family: 'unineue_bold', Arial, sans-serif;
color: #009d76;
background: url('images/green_arrow.png') no-repeat 100% center transparent;
width: 200px;
display: inline-block;
}
.challenge .slider-for .slick-container:focus{
outline: none;
}
.activity, .case_studies, .cluster_news{
padding: 80px 0px;
}
.cluster_news.insights{
background-color: #dcdcdc;
}
.cluster_news.insights h2{
color: #002a3a;
padding-bottom: 20px;
margin-bottom: 50px;
border-bottom: 1px solid #57e1a8;
}
.cluster_news.insights .news-item{
min-height: 309px;
}
.cluster_news.insights .news-item .date{
color: #002a3a;
}
.case_studies{
background: url('images/cs_bg.jpg') no-repeat center center transparent;
background-size: cover;
}
.activity h2,
.case_studies h2,
.cluster_news h2{
font-family: 'unineue_regular', Arial, sans-serif;
padding-bottom: 40px;
font-size: 42px;
margin: 0px;
}
.activity h2.green,
.case_studies h2.green,
.cluster_news h2.green{
font-family: 'unineue_bold', Arial, sans-serif;
}
.activity h2 span.green{
color: #009d76;
}
.cluster_news h2,
.cluster_news span.green{
color: #009d76;
padding-bottom: 80px;
}
.cluster_news h3 a{
color: #00293a;
}
.activity p,
.case_studies p{
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 21px;
line-height: 35px;
margin-bottom: 50px;
}
.case_studies h2,
.case_studies p{
color: white;
}
.case_studies h2 span.green{
color: #009d76;
}
.activity_card,
.case_card{
text-align: center;
transition: all .2s ease-in-out;
position: relative;
margin-bottom: 30px;
}
.activity_card{
background-color: #dcebef;
}
.case_card{
background-color: white;
}
.activity_card .overlay,
.case_card .overlay{
position: relative;
}
.activity_card .overlay:after,
.case_card .overlay:after{
position: absolute;
display: block;
content:"";
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url('images/activity_card_overlay.png') no-repeat center center;
background-size: cover;
transition: all .2s ease-in-out;
}
.activity_card .overlay:after{
background-color: rgba(0,157,118,0.75);
}
.case_card .overlay:after{
background-color: rgba(118,188,33,0.75);
}
.case_card img{
width: 100%;
height: auto;
}
.activity_card .card_content,
.case_card .card_content{
padding: 20px 30px;
}
.activity_card .card_content h4,
.case_card .card_content h4{
color: #00293a;
font-size: 22px;
}
.activity_card .card_content p,
.case_card .card_content p{
font-family: 'droid_sans_regular', Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 22px;
margin-bottom: 20px;
}
.case_card .card_content p{
color: #002a3a;
}
.activity_card .card_content btn,
.case_card .card_content btn{
font-family: 'unineue_bold', Arial, sans-serif;
display: inline-block;
}
.activity_card .card_content btn{
width: 150px;
}
.case_card .card_content btn{
width: 130px;
}
.case_card .card_content a.more-link{
display: none;
}
.activity_card .card_content btn{
color: #009d76;
background: url(images/green_arrow.png) no-repeat 100% center transparent;
}
.case_card .card_content btn{
color: #76bc21;
background: url(images/gr_arrow.png) no-repeat 100% center transparent;
}
.card_hover .activity_card:hover{
background-color: #009d76;
color: white;
}
.card_hover .case_card:hover{
background-color: #76bc21;
color: white;
}
.card_hover .activity_card:hover .card_content p,
.card_hover .case_card:hover .card_content p{
color: white;
}
.card_hover .activity_card:hover .card_content btn,
.card_hover .case_card:hover .card_content btn{
background: url(images/black_arrow.png) no-repeat 100% center transparent;
color: #002a3a;
}
.card_hover .activity_card:hover .overlay:after,
.card_hover .case_card:hover .overlay:after{
background: none;
}
.activity .load-more,
.case_studies .load-more-cases,
.cluster_news .load-more,
.reports .load-more{
font-family: 'unineue_bold', Arial, sans-serif;
text-transform: uppercase;
margin-top: 50px;
padding: 10px 30px;
line-height: 10px;
}
.activity .load-more,
.cluster_news .load-more{
background-color: #009d76;
}
.cluster_news.insights .load-more{
background-color: #57e1a8;
}
.activity .load-more:hover,
.cluster_news .load-more:hover{
opacity: 0.8;
}
.case_studies .load-more-cases{
background-color: #009d76;
}
.case_studies .load-more-cases:hover{
opacity: 0.8;
}
.cluster_news .news-img-crop{
height: auto;
min-height: 224px;
}
.cluster_news .news-item h3{
min-height: 120px;
}
.mb_30{
margin-bottom: 30px;
}
.green_banner{
background-color: #009d76;
padding: 80px 0px;
color: white;
}
.green_banner h2{
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 42px;
line-height: 50px;
margin-top: 0px;
margin-bottom: 50px;
}
.green_banner p{
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 21px;
line-height: 35px;
color: white;
}
.green_banner a.btn-big{
font-family: 'unineue_bold', Arial, sans-serif;
font-size: 20px;
background-color: white;
border: 1px solid #38b394;
color: #38b394;
border-radius: 30px;
padding: 10px 30px;
transition: all .2s ease-in-out;
margin-top: 20px;
display: inline-block;
}
.green_banner a.btn-big:hover{
background-color: #38b394;
color: white;
border: 1px solid white;
}
.pillars{
background-color: #333f48;
padding: 80px 0px;
}
.pillars h2{
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 42px;
line-height: 48px;
margin-bottom: 100px;
color: white;
}
.pillars p{
font-size: 15px;
line-height: 26px;
color: white;
margin-top: 30px;
padding: 0px 20px;
}
.priorities{
padding: 80px 0px;
}
.priorities h2{
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 48px;
line-height: 54px;
margin-top: 0px;
margin-bottom: 40px;
color: #002a3a;
}
.priorities h2 span.gr{
font-family: 'unineue_bold', Arial, sans-serif;
color: #57e1a8;
}
.priorities p{
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 21px;
line-height: 35px;
margin-bottom: 40px;
color: #002a3a;
}
.priorities .testimonial{
padding-left: 50px;
border-left: 1px solid #57e1a8;
}
.pr{
padding-right: 50px;
}
.priorities .icons p,
.priorities .testimonial p.small{
font-size: 16px;
line-height: 29px;
color: #002a3a;
}
.priorities .testimonial p.small{
margin-bottom: 0px;
}
.priorities .icons p{
margin-bottom: 0px;
}
.reports{
padding: 80px 0px;
}
.reports h2{
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 48px;
line-height: 54px;
margin-top: 0px;
margin-bottom: 40px;
color: #002a3a;
}
.reports h2 span.gr{
font-family: 'unineue_bold', Arial, sans-serif;
color: #57e4ab;
}
.report_card{
min-height: 500px;
}
.report_card img{
margin-bottom: 40px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(175,175,175,.75);
-moz-box-shadow: 0px 0px 20px 0px rgba(175,175,175,.75);
box-shadow: 0px 0px 20px 0px rgba(175,175,175,.75);
}
.report_card h5{
font-family: 'droid_sans_regular', Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: bold;
color: #002a3a;
}
.report_card p{
margin-bottom: 30px;
min-height: 75px;
}
.reports .load-more{
background-color: #57e4ab;
}
.reports .download{
font-family: 'unineue_bold', Arial, sans-serif;
text-transform: uppercase;
font-size: 12px;
padding: 5px 20px;
line-height: 20px;
background-color: #002a3a;
}
.update{
position: relative;
}
.update h2{
margin-bottom: .5em;
}
.update p{
font-weight: bold;
margin-bottom: 3em;
}
/* THIS IS FOR TABLET PORTRAIT */
@media only screen
and (min-width: 768px)
and (max-width: 1200px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
.hide-on-mobile {
display: none!important;
}
.show-on-mobile {
display: block;
}
.open_nav_wrapper {
border: none;
background: transparent;
position: absolute;
top: 25%;
right: 0;
}
.open_nav_wrapper i.fa-times {
font-size: 20px;
color: #73bd21;
}
.nav_wrapper {
display: none;
padding: 120px 25px 0px!important;
height: 100vh!important;
overflow-y: scroll!important;
overflow-x: hidden!important;
position: fixed!important;
background: #ffffff!important;
z-index: 101!important;
}
.page-template-template-think-talent .nav_wrapper{
padding: 10px 25px 0px!important;
}
.ubermenu-responsive-default.ubermenu-responsive.ubermenu-responsive-collapse{
overflow: visible!important;
visibility: visible!important;
}
.new_slider .slick-next{
right: -5px;
}
.new_slider .slick-prev{
left: -5px;
}
.new_home_slider .slick-prev, .new_home_slider .slick-next {
top: 50%;
}
.new_two_thirds .mr{
margin-right: 0px;
}
.new_two_thirds .new_card{
width: 300px;
margin: 40px 40px 0px;
}
.new_two_thirds .new_card.mr-5{
margin-right: 0px;
}
.three_cards .new_card,
.three_cards .new_card.aqua{
margin: 0px 0px 30px;
}
.b_top{
width: 108%;
left: -4%;
}
.new_testimonials{
padding: 0px;
}
.new_subscribe > .container > .row{
display: block;
}
.new_subscribe > .container > .row::before{
content: none;
}
.new_footer .new_footer_below ul{
font-size: 10px;
}
.new_footer .new_footer_below ul li{
margin: 0px 8px;
}
.new_footer .new_footer_below ul li::after{
left: -8px;
}
.bg_before:before{
background: none;
}
.init_right, .init_left {
margin-top: 0px;
margin-bottom: 100px;
}
.left_bg, .right_bg {
flex-direction: column;
min-height: 300px;
}
.right_bg {
margin-right: 0px;
}
.left_bg {
margin-left: 0px;
}
.left_bg_img, .right_bg_img {
min-height: 350px;
min-width: 100%;
background-size: cover;
background-repeat: no-repeat;
}
.init_card{
margin: -50px 30px 30px;
}
.video .video_placeholder{
position: relative;
right: 0%;
}
}
/* THIS IS FOR TABLET LANDSCAPE */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: landscape)
and (-webkit-min-device-pixel-ratio: 1) {
.new_slider .slick-next{
right: -5px;
}
.new_slider .slick-prev{
left: -5px;
}
/* .video .video_placeholder{
position: relative;
right: -25%;
} */
.three_cards .new_card,
.three_cards .new_card.aqua{
margin: 0px 0px 30px;
}
.new_testimonials{
padding: 0px;
}
.new_subscribe > .container > .row::before{
content: none;
}
.new_title p.lead{
position: relative;
z-index: 2;
}
.lazyload.hide-on-mobile{
display: block!important;
}
html.sr .load-hidden{
visibility: visible;
}
.new_two_thirds .new_card.mr-5{
margin-right: 30px;
}
}
@media (max-width: 1200px) {
.climate-ready-hero {
background-position: 45% center;
}
.pr{
padding-right: 0px;
}
.pl{
padding-left: 0px;
}
.mb-m{
margin-bottom: 50px;
}
.white-bg .d-flex{
display: block;
}
.resources h2,
.reports h2{
font-size: 22px;
}
.card{
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
margin: 0px 10px 40px;
padding: 400px 25px 40px;
}
.card btn{
left: 40%;
}
.benefits .card{
margin: 0px 15px 40px;
}
.d-t-none{
display: none;
}
.challenge .slider-for .slick-container {
padding: 0px 10px;
}
.activity_card, .case_card{
min-height: 420px;
}
.green_banner .d-flex,
.pillars .d-flex{
display: block;
}
.green_banner img{
display: block;
margin: 50px auto;
}
.priorities .testimonial{
padding-left: 0px;
border: none;
}
.pr{
padding-right: 0px;
}
.priorities{
padding: 40px 0px;
}
.priorities p{
margin-bottom: 40px;
}
.testimonial{
margin-top: 40px;
}
.report_card img{
max-width: 50%;
}
.video .btn.btn-sq{
margin: 5px 0px;
}
.new_slider .slick-prev{
left: 0px;
}
.new_slider .slick-next{
right: 0px;
}
}
@media (max-width: 999px) {
.new_two_thirds .new_card.mr-5 {
margin-right: 10px;
}
.new_two_thirds h3{
margin-bottom: 10px;
}
}
@media (max-width: 500px) {
.bg_before,
.new_title:after{
display: none;
}
html,
body{
overflow-x: hidden;
}
.open_nav_wrapper{
border: none;
background: transparent;
position: absolute;
top: 25%;
right: 0;
}
.open_nav_wrapper i.fa-times{
font-size: 20px;
color: #73bd21;
}
.nav_wrapper{
display: none;
padding: 100px 25px 0px!important;
height: 100vh!important;
overflow-y: scroll!important;
overflow-x: hidden!important;
position: fixed!important;
background: #ffffff!important;
z-index: 101!important;
}
.ubermenu .ubermenu-item-level-0 .ubermenu-target-text{
font-size: 18px;
}
.ubermenu .ubermenu-item-level-0.ubermenu-item-12263 .ubermenu-target-text,
.ubermenu .ubermenu-item-level-0.ubermenu-item-12264 .ubermenu-target-text{
font-size: 14px;
}
.ubermenu .ubermenu-item-level-1 .ubermenu-target-text{
font-size: 16px;
}
.ubermenu-responsive-default.ubermenu.ubermenu-submenu-indicator-closes .ubermenu-active>.ubermenu-target>.ubermenu-sub-indicator-close i.fa-times{
font-size: 25px;
transform: rotate(180deg);
}
.ubermenu-responsive-default.ubermenu.ubermenu-submenu-indicator-closes .ubermenu-active>.ubermenu-target>.ubermenu-sub-indicator-close i.fa-times:before{
content: "\f107";
}
.ubermenu-responsive-default.ubermenu-responsive .ubermenu-nav .ubermenu-item .ubermenu-submenu.ubermenu-submenu-drop{
min-width: 90%!important;
max-width: 90%!important;
margin: 0 auto;
}
.ubermenu-responsive-toggle, .ubermenu-sticky-toggle-wrapper{
display: inline;
float: right;
}
.ubermenu-responsive-default.ubermenu-responsive.ubermenu-new_footer_mobile .ubermenu-nav .ubermenu-item .ubermenu-submenu.ubermenu-submenu-drop{
min-width: 100%!important;
max-width: 100%!important;
padding-bottom: 20px;
}
.ubermenu-responsive-default.ubermenu-responsive.ubermenu-new_footer_mobile .ubermenu-nav .ubermenu-item .ubermenu-submenu.ubermenu-submenu-drop .ubermenu-item-normal > .ubermenu-target{
padding-left: 0px;
}
.ubermenu-responsive-default.ubermenu-responsive.ubermenu-new_footer_mobile .ubermenu-submenu.ubermenu-submenu-drop .ubermenu-item-header > .ubermenu-target{
padding-left: 0px;
}
header.sn-header.shrink{
min-height: 70px;
height: 70px;
}
header.sn-header.shrink .navbar-brand{
margin-top: 0px;
}
header.sn-header.shrink .navbar-brand img{
width: 70%;
}
.shrink .ubermenu-skin-minimal{
margin-top: 0px!important;
}
.new_hero h2{
font-size: 30px;
line-height: 35px;
}
.new_hero.internal{
background-image: url(images/init_bg_m.png), linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(0,42,58,1) 20%, rgba(0,42,58,1) 100%);
background-position: 30% -50%;
background-repeat: no-repeat;
background-blend-mode: color-burn;
}
.new_home_slider{
margin-top: 30px;
min-height: 570px;
}
.new_slider{
padding-bottom: 0px;
}
.new_home_slider{
padding-bottom: 0px;
}
.new_slider h3,
.new_two_thirds h3,
.video h3, .video-below h3,
.new_testimonials h4{
font-size: 26px;
line-height: 32px;
}
.new_slider h3{
margin-top: 10px;
}
.new_two_thirds h3{
margin-top: 10px;
margin-bottom: 30px;
}
.video-below h3{
margin-bottom: 25px;
}
.slick-slide {
margin: 0 30px;
}
/* the parent */
.slick-list {
margin: 0 -30px;
}
.new_card{
margin: 0px;
}
.new_home_slider .new_card:hover{
transform: none;
box-shadow: none;
}
.new_home_slider .slick-next{
right: 120px;
}
.new_home_slider .slick-prev {
left: 120px;
}
.new_slider .slick-prev:hover,
.new_slider .slick-next:hover{
background-size: 100%;
background-repeat: no-repeat;
width: 15px;
height: 25px;
transition: all .3s ease-in-out;
}
.new_slider .slick-next.trans_r:hover{
transition: all .3s ease-in-out;
right: 110px;
}
.new_slider .slick-prev.trans_l:hover{
transition: all .3s ease-in-out;
left: 110px;
}
.new_home_slider .slick-prev, .new_home_slider .slick-next {
top: 90%;
}
.new_home_slider .slick-track{
min-height: 500px;
}
.video_bg{
width: 75%;
}
.one_fourth{
width: 100%;
}
.video-below .btn-sq.aqua{
padding-left: 35px;
padding-right: 35px;
}
.new_subscribe h3.visible-xs{
position: relative;
}
.new_subscribe h3.visible-xs::after{
content: none;
/* display: block;
content: "";
position: absolute;
top: -50%;
right: 0;
width: 120px;
height: 113px;
background: url(images/dots_nl.png) no-repeat center center transparent; */
}
.slider_play_btn{
right: 40px;
width: 60px;
height: 60px;
bottom: 20px;
}
.left_bg_img, .right_bg_img{
background-repeat: no-repeat;
}
.init_card{
margin: -70px 0px 0px;
}
.init_card .btn-sq.black{
margin: 10px 0px;
}
.new_stats{
margin-bottom: 0px;
}
.three_cards .new_card.aqua{
margin: 0px 0px 40px;
}
.three_cards{
padding: 50px 0px 50px;
}
/* .new_card{
padding: 25px 25px 10px;
} */
/* .new_card .btn-sq.black{
top: 30px;
} */
.new_subscribe{
padding: 0px 0px 50px;
}
.new_card h4,
.new_card p{
text-align: left;
}
.new_card h4{
margin-bottom: 20px;
}
.new_card p{
font-size: 14px;
line-height: 24px;
margin-bottom: 0px;
}
.three_cards .new_card p{
margin-bottom: 15px;
}
.new_two_thirds .new_card h4{
text-align: center;
}
.video{
margin: 0px;
}
.justify-content-center{
justify-content: center;
}
.d-none{
display: none;
}
.d-block{
display: block;
}
.d-t-none{
display: block;
}
.climate-ready-hero {
height: 400px;
padding-top: 150px;
background-position: 50% center;
background-repeat: no-repeat;
}
.climate-ready-hero p{
font-size: 15px;
line-height: 20px;
margin-bottom: 0px;
}
.mt{
margin-top: 40px;
}
.white-bg{
padding: 50px 0px;
}
.white-bg h2{
font-size: 25px;
line-height: 28px;
margin-top: 0px;
}
.resources{
background-image: none;
padding: 80px 0px 0px;
}
.resources h2{
margin: 0px 30px;
font-size: 34px;
}
.reports h2{
font-size: 34px;
}
.report_card{
min-height: 400px;
}
.card{
background-position: 0px -10px;
margin: 0px -15px;
padding: 230px 25px 40px;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-o-border-radius: 0px;
}
.card.cluster{
min-height: 850px;
}
.card.insights{
min-height: 800px;
}
.card.academy{
min-height: 850px;
}
.card btn{
left: 30%;
}
.committed{
text-align: center;
}
.committed .d-flex{
display: block;
}
.committed p,
.committed img{
margin-bottom: 40px;
}
.climate-ready-hero.cluster p{
margin-bottom: 20px;
}
.partnership.cluster .d-flex{
display: block;
}
.challenge{
padding: 50px 0px;
}
.challenge h2{
font-size: 32px;
}
.challenge .slider-for .slick-prev.slick-arrow{
position: absolute;
z-index: 1;
top: 10%;
left: 5%;
background: url('images/cluster_arrow_left.png') no-repeat center center transparent;
border: none;
width: 25px;
height: 25px;
text-indent: -999px;
}
.challenge .slider-for .slick-next.slick-arrow{
position: absolute;
top: 10%;
right: 5%;
background: url('images/cluster_arrow_right.png') no-repeat center center transparent;
border: none;
width: 25px;
height: 25px;
text-indent: -999px;
}
.activity h2,
.case_studies h2{
font-size: 25px;
line-height: 29px;
}
.activity p,
.activity_card .card_content p,
.case_studies p,
.case_studies .card_content p{
font-size: 15px;
line-height: 22px;
}
.load-more{
margin-top: 30px;
}
.green_banner{
text-align: center;
padding: 40px 0px;
}
.green_banner h2,
.pillars h2{
font-size: 25px;
line-height: 29px;
margin-bottom: 40px;
}
.green_banner p{
font-size: 17px;
line-height: 25px;
margin-bottom: 30px;
}
.green_banner img{
display: none;
}
.green_banner a.btn-big{
font-size: 12px;
text-transform: uppercase;
background-color: white;
border: 1px solid #38b394;
color: #38b394;
border-radius: 30px;
padding: 5px 20px;
transition: all .2s ease-in-out;
}
.green_banner a.btn-big:hover{
background-color: #38b394;
color: white;
border: 1px solid white;
}
.pillars p{
margin-bottom: 50px;
}
.priorities{
text-align: center;
}
.priorities h2{
font-size: 25px;
margin-bottom: 20px;
}
.priorities p{
font-size: 13px;
line-height: 20px;
}
.priorities .d-flex{
display: block;
}
.priorities .icons img{
margin-bottom: 20px;
}
.priorities .icons p{
font-size: 12px;
margin-bottom: 17px;
}
.priorities .testimonial{
border-top: 1px solid #57e1a8;
padding-top: 50px;
}
.priorities .testimonial img{
margin-bottom: 40px;
}
.priorities .testimonial h2{
font-size: 25px;
line-height: 29px;
}
.priorities .testimonial p{
font-size: 18px;
line-height: 28px;
}
.update img{
display: none;
}
}
/* THINK TALENT AND SUPPORTING INDIVIDUALS PAGE */
.tt_hero{
background: url('images/tt_hero_new.jpg') no-repeat center center #00b189;
background-size: cover;
min-height: 650px;
margin-top: 130px;
}
.tt_hero.si_hero{
background: url('images/si_hero_new.jpg') no-repeat center center #00b189;
background-size: cover;
min-height: 800px;
}
.max_w{
max-width: 400px;
margin-top: -50px;
}
.mt-100{
margin-top: 100px;
max-width: 500px;
}
.tt_hero p.lead{
font-family: 'droid_sans_regular', Helvetica, Arial, sans-serif;
font-size: 23px;
line-height: 38px;
letter-spacing: 0.5px;
font-weight: bold;
color: white;
}
.tt_hero.si_hero p.lead{
font-family: unineue_bold, Arial, sans-serif;
font-size: 44px;
line-height: 60px;
color: white;
margin-bottom: 30px;
}
.tt_hero.si_hero p.black{
font-family: 'droid_sans_regular', Helvetica, Arial, sans-serif;
font-size: 20px;
line-height: 28px;
color: black;
margin-bottom: 30px;
}
.btn_tt_white{
font-family: unineue_bold, Arial, sans-serif;
font-size: 13px;
color: white;
background-color: transparent;
padding: 8px 10px;
border: 2px solid white;
border-radius: 30px;
min-width: 185px;
display: inline-block;
text-align: center;
}
.btn_tt_white.bt_si_black{
color: black;
border: 2px solid black;
}
.btn_tt_white:hover{
color: #00b189;
background-color: white;
border: 2px solid white;
box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.2);
}
.btn_tt_green{
font-family: unineue_bold, Arial, sans-serif;
font-size: 14px;
color: #002a3a;
background-color: transparent;
padding: 8px 10px;
border: 2px solid #002a3a;
border-radius: 30px;
min-width: 180px;
display: inline-block;
text-align: center;
}
.btn_tt_green:hover{
color: white;
background-color: #00b189;
border: 2px solid #00b189;
box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 4px 4px 4px 0px rgba(0,0,0,0.2);
}
.btn_tt_green.btn_si_teal:hover{
background-color: #00778b;
border: 2px solid #00778b;
}
.mr-20{
margin-right: 20px;
}
.tt_video{
padding: 40px 0px;
}
.tt_video .flex-column{
flex-direction: row;
}
.tt_video h2{
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 34px;
line-height: 44px;
color: #00b189;
margin-bottom: 30px;
}
.tt_video.si_video h2{
color: #00778b;
}
.tt_video p,
.tt_video p strong{
font-family: 'droid_sans_regular', Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 28px;
color: #002a3a;
}
.tt_video img{
padding: 0px 10px;
}
.tt_gradient{
background-image: url('images/tt_gradient_img.png'), linear-gradient(180deg, rgba(0,177,137,1) 0%, rgba(0,177,137,0.001) 100%);
background-repeat: no-repeat;
background-position: top right;
}
/* #00778b */
.tt_gradient.si_gradient{
background-image: url('images/si_gradient_img.png'), linear-gradient(180deg, rgba(0,119,139,1) 0%, rgba(0,119,139,0.001) 100%);
}
.bg_graphics{
position: relative;
}
.bg_graphics::before {
display: block;
content: "";
position: absolute;
top: 25%;
left: 80%;
width: 700px;
height: 669px;
background: url('images/graphic_right.png') no-repeat center center transparent;
}
.bg_graphics::after {
display: block;
content: "";
position: absolute;
top: 20%;
right: 90%;
width: 500px;
height: 721px;
background: url('images/graphic_left.png') no-repeat center center transparent;
}
.mh-600{
min-height: 620px;
position: relative;
}
.mh-600::before {
display: block;
content: "";
position: absolute;
bottom: -10%;
left: -30%;
width: 250px;
height: 256px;
background: url('images/dotted_circle_001.png') no-repeat center center transparent;
opacity: .3;
}
.p-100{
padding: 100px 0px;
}
.p-80{
padding: 80px 0px;
}
.p-50{
padding: 50px 0px;
}
.tt_gradient h2{
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 34px;
line-height: 44px;
color: white;
margin-bottom: 30px;
}
.tt_gradient h3{
font-family: unineue_bold, Arial, sans-serif;
font-size: 28px;
color: #002a3a;
margin-bottom: 50px;
}
.tt_gradient p,
.tt_gradient p strong{
font-family: 'droid_sans_regular', Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 28px;
color: white;
margin-bottom: 30px;
}
.tt_gradient p:last-of-type{
margin-bottom: 0px;
}
.tt_card{
padding: 50px;
margin: 10px 10px 80px;
background-color: white;
border-radius: 10px;
text-align: center;
min-height: 350px;
}
.tt_card hr{
border: 1px solid #00b189;
width: 50%;
}
.tt_card.si_card hr{
border: 1px solid #00778b;
}
.tt_card h4{
font-family: unineue_bold, Arial, sans-serif;
font-size: 24px;
color: #002a3a;
}
.tt_card p,
.tt_card p strong{
font-family: 'droid_sans_regular', Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 28px;
letter-spacing: 0px;
color: #002a3a;
margin-bottom: 0px;
}
.tt_text_only{
padding-bottom: 80px;
}
.tt_text_only h2{
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 34px;
line-height: 44px;
color: #00b189;
margin-top: 0px;
margin-bottom: 30px;
}
.tt_text_only.si_text_only h2{
color: #00778b;
}
.tt_text_only.big{
padding: 60px 0px;
}
.tt_text_only.big h3{
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 34px;
line-height: 44px;
color: #76bc21;
margin-bottom: 30px;
}
/* .tt_text_only.big.si_text_only h3{
color: #00778b;
} */
.tt_text_only p,
.tt_text_only p strong{
font-family: 'droid_sans_regular', Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 28px;
color: #002a3a;
}
.tt_hover_card{
position: relative;
background-color: #f7f7f7;
border-radius: 5px;
text-align: center;
padding: 50px 50px 0px;
min-height: 320px;
transition: 0.2s all ease-in-out;
}
.tt_hover_card.green{
border: 1px solid #76bc21;
}
.tt_hover_card.dark_green{
border: 1px solid #00b189;
}
.tt_hover_card .hover_card_icon{
position: absolute;
top: -70px;
left: 40%;
z-index: 2;
}
.tt_hover_card h4{
font-family: unineue_bold, Arial, sans-serif;
font-size: 22px;
color: #002a3a;
}
.tt_hover_card p{
font-family: 'droid_sans_regular', Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 28px;
color: #002a3a;
}
.tt_hover_card btn.hover_card_link{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 8px 0px;
font-family: unineue_bold, Arial, sans-serif;
font-size: 14px;
background-color: white;
border-radius: 5px;
transition: 0.2s all ease-in-out;
}
.tt_hover_card.green btn{
color: #76bc21;
}
.tt_hover_card.dark_green btn{
color: #00b189;
}
.tt_hover_card.green hr{
border: 1px solid #76bc21;
width: 50%;
}
.tt_hover_card.dark_green hr{
border: 1px solid #00b189;
width: 50%;
}
.tt_hover_card:hover{
box-shadow: 0 0 20px rgb(0 0 0 / 15%);
-webkit-box-shadow: 0 0 20px rgb(0 0 0 / 15%);
-moz-box-shadow: 0 0 20px rgb(0 0 0 / 15%);
}
.tt_hover_card.green:hover btn{
background-color: #76bc21;
color: white;
}
.tt_hover_card.dark_green:hover btn{
background-color: #00b189;
color: white;
}
.mb-50{
margin-bottom: 50px;
}
.align-items-baseline{
align-items: baseline;
}
.align-items-end{
align-items: end;
}
.tt_text_icons{
margin-bottom: -50px;
}
.tt_text_icons h2{
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 34px;
line-height: 44px;
color: #76bc21;
margin: 0px;
}
/* .tt_text_icons.si_text_icons h2{
color: #00778b;
} */
.tt_text_icons h4{
font-family: unineue_bold, Arial, sans-serif;
font-size: 22px;
color: #002a3a;
}
.tt_text_icons p{
font-family: 'droid_sans_regular', Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 28px;
color: #002a3a;
margin: 0px;
}
.tt_text_icons hr{
border: 1px solid #76bc21;
width: 50%;
margin-left: 0px;
}
/* .tt_text_icons.si_text_icons hr{
border: 1px solid #00778b;
} */
.tt_partners{
margin-bottom: 50px;
}
.tt_partners h2{
font-family: unineue_bold, Arial, sans-serif;
font-size: 34px;
line-height: 44px;
color: #002a3a;
margin-bottom: 30px;
}
.tt_partners p{
font-family: 'droid_sans_regular', Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 28px;
color: #002a3a;
margin: 0px;
max-width: 340px;
}
.tt_partners img{
max-width: 140px;
}
.tt_partners .border_bottom{
position: relative;
}
.tt_partners .border_bottom:before {
content : "";
position: absolute;
left : 20px;
bottom : 0;
height : 1px;
width : 91%;
border-bottom:1px solid #e3e3e3;
}
.tt_partners .border_right{
border-right: 1px solid #e3e3e3;
}
.ml-30{
margin-left: 30px;
}
.tt_gradient_banner{
background: linear-gradient(56deg, rgba(118,188,33,1) 0%, rgba(0,177,137,1) 100%);
padding: 80px 0px;
position: relative;
}
.tt_gradient_banner::before {
display: block;
content: "";
position: absolute;
bottom: -130px;
left: 0;
width: 600px;
height: 447px;
background: url('images/gradient_bg_left.png') no-repeat center center transparent;
}
.tt_gradient_banner::after {
display: block;
content: "";
position: absolute;
bottom: -70%;
right: 0;
width: 500px;
height: 500px;
background: url('images/dotted_circle_002.png') no-repeat center center transparent;
}
.tt_gradient_banner h3{
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 44px;
line-height: 58px;
color: white;
margin: 0px;
}
.tt_gradient .btn_tt_green{
margin-bottom: 10px;
}
.tt_accord{
padding-bottom: 80px;
}
.tt_accord .panel.panel-default{
border: none;
border-radius: 5px;
}
.tt_accord .panel-default>.panel-heading{
background-color: transparent;
}
.tt_accord .panel-default>.panel-heading.active{
background-color: #f7f7f7;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.tt_accord .panel-collapse.collapse.in{
background-color: #f7f7f7;
}
.tt_accord .panel-group .panel+.panel >.panel-heading{
background-color: transparent;
}
.tt_accord .panel-group .panel+.panel >.panel-heading.active{
background-color: #f7f7f7;
}
.tt_accord .panel-heading{
padding: 30px 40px 20px;
}
.tt_accord .panel-body{
background-color: #f7f7f7;
padding: 20px 40px;
}
.tt_accord .panel-default>.panel-heading+.panel-collapse>.panel-body{
border-top: none;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.tt_accord .panel-title{
font-family: unineue_bold, Arial, sans-serif;
font-size: 30px;
}
.tt_accord .panel-title a{
color: #00293a;
}
.tt_accord .panel-title a span{
display: block;
font-size: 20px;
}
.tt_accord .panel-body h4{
font-family: unineue_bold, Arial, sans-serif;
font-size: 22px;
color: #00293a;
}
.tt_accord .panel-body p{
font-size: 18px;
line-height: 28px;
margin-bottom: 40px;
}
.tt_accord .panel-body a{
font-family: unineue_bold, Arial, sans-serif;
text-transform: uppercase;
color: #76bc21;
}
.tt_accord .panel-body a:after {
content: '';
display: inline-block;
background-image: url('images/panel_arrow.png');
background-repeat: no-repeat;
transition: all .3s ease;
width: 15px;
height: 23px;
position: relative;
top: 5px;
left: 8px;
}
.tt_accord .panel-body a:hover::after{
transform: translate(10px);
}
.tt_accord .panel-title {
position: relative;
}
.tt_accord .panel-title a::after {
content: "";
display: block;
background-image: url('images/acc_arr_down.png');
top: 0px;
right: 0px;
position: absolute;
width: 40px;
height: 40px;
}
.tt_accord .panel-title a[aria-expanded="true"]::after {
content: "";
display: block;
background-image: url('images/acc_arr_up.png');
top: 0px;
right: 0px;
position: absolute;
width: 40px;
height: 40px;
}
.tt_download{
background-color: #002a3a;
padding: 30px 0px;
position: relative;
}
.tt_download::after {
display: block;
content: "";
position: absolute;
bottom: 30px;
right: 0;
width: 400px;
height: 278px;
background: url('images/brochure_left_bg.png') no-repeat center center transparent;
}
.tt_download::before {
display: block;
content: "";
position: absolute;
bottom: 20px;
left: -8%;
width: 300px;
height: 300px;
background: url('images/dotted_circle_003.png') no-repeat center center transparent;
}
.tt_download h2{
font-family: 'unineue_regular', Arial, sans-serif;
font-size: 34px;
line-height: 44px;
color: #00b189;
margin-bottom: 30px;
}
.tt_download p{
color: white;
margin-bottom: 30px;
}
.text_logos{
padding: 25px 0px;
}
.page-template-template-think-talent .text_logos{
margin-top: 15px;
}
.text_logos p{
font-size: 16px;
margin-bottom: 20px;
}
.text_logos img.ski{
width: 130px;
margin-left: 120px;
}
.text_logos img.dfheris{
width: 320px;
margin-right: 60px;
}
@media (max-width: 500px) {
.text_logos{
margin-top: 0px;
padding: 40px 0px 50px;
}
.text_logos img.ski{
margin-bottom: 30px;
margin-left: 0px;
width: 150px;
}
.text_logos img.dfheris{
margin-right: 0px;
}
}
.page-id-1465 .page-content h3{
font-size: 25px;
font-family: 'unineue_regular', Arial, sans-serif;
color: #00293a;
}
.page-id-1465 .inner-page-content a{
text-decoration: underline;
font-size: 15px;
line-height: 22px;
color: #777777;
}
.simple-sitemap-container ul{
margin: 0 0 0 2em;
}
.simple-sitemap-page .page-item-13142, .simple-sitemap-page .page-item-1465{
display: none;
}
@media only screen
and (min-width: 1201px)
and (max-width: 1500px) {
.tt_gradient{
background-image: url('images/tt_gradient_img_md.png'), linear-gradient(180deg, rgba(0,177,137,1) 0%, rgba(0,177,137,0.001) 100%);
}
.p-80{
padding: 40px 0px;
}
}
@media only screen
and (min-width: 1800px) {
.tt_gradient{
background-image: url('images/tt_gradient_img_bg.png'), linear-gradient(180deg, rgba(0,177,137,1) 0%, rgba(0,177,137,0.001) 100%);
}
}
@media only screen
and (min-width: 768px)
and (max-width: 1200px) {
.tt_hero{
background-size: cover;
min-height: 340px;
margin-top: 120px;
padding-top: 0px;
background-position-x: -190px;
}
.max_w {
max-width: 350px;
}
.tt_hero p.lead{
font-size: 20px;
}
.btn_tt_white{
font-size: 12px;
padding: 4px 6px;
min-width: 160px;
}
.btn_tt_green{
font-size: 12px;
padding: 4px 6px;
min-width: 160px;
}
.tt_video .flex-column{
flex-direction: row;
}
.tt_video h2{
font-size: 24px;
line-height: 28px;
margin-bottom: 20px;
}
.tt_video p, .tt_video p strong{
font-size: 12px;
line-height: 22px;
}
.tt_gradient{
background-image: url('images/tt_gradient_img_md.png'), linear-gradient(180deg, rgba(0,177,137,1) 0%, rgba(0,177,137,0.01) 100%);
}
.tt_gradient .mh-600{
min-height: auto;
}
.tt_gradient .p-100{
padding: 0px;
}
.tt_gradient h2{
font-size: 24px;
line-height: 28px;
margin-bottom: 20px;
}
.tt_gradient p, .tt_gradient p strong{
font-size: 12px;
line-height: 22px;
}
.tt_card{
padding: 30px;
}
.tt_card h4{
font-size: 20px;
}
.bg_graphics .p-50 {
padding: 25px 0px;
}
.tt_hover_card{
min-height: 450px;
}
.tt_hover_card .hover_card_icon{
left: 33%;
}
.tt_text_only h2{
font-size: 24px;
line-height: 30px;
}
.tt_text_only p, .tt_text_only p strong{
font-size: 12px;
line-height: 22px;
}
.tt_text_icons h2{
font-size: 26px;
line-height: 30px;
}
.tt_text_icons p{
font-size: 12px;
line-height: 22px;
}
.tt_partners h2{
font-size: 24px;
}
.tt_partners p{
font-size: 12px;
line-height: 22px;
margin-bottom: 40px;
}
.tt_gradient_banner{
padding: 40px 0px;
}
.tt_gradient_banner h3{
font-size: 32px;
line-height: 38px;
}
.tt_gradient_banner::before{
left: -180px;
}
.tt_gradient_banner::after{
right: -250px;
}
.tt_text_only.big{
padding: 20px 0px;
}
.tt_accord .panel-title{
font-size: 20px;
}
.tt_accord .panel-body h4{
font-size: 16px;
}
.tt_accord .panel-body p,
.tt_accord .panel-body a{
font-size: 12px;
}
.tt_accord .panel-title a[aria-expanded="true"]::after,
.tt_accord .panel-title a::after{
top: -10px;
}
.tt_accord .panel-heading{
padding: 20px 25px;
}
.tt_accord .panel-body{
background-color: #f7f7f7;
padding: 20px 25px;
}
.tt_download::before{
left: -18%;
}
.tt_download::after{
z-index: -1;
}
}
@media (max-width: 500px) {
.p-80{
padding: 40px 0px 0px;
}
.tt_hero{
background: url('images/tt_sm_hero.png') no-repeat center right #00b189;
background-size: cover;
min-height: 500px;
margin-top: 90px;
position: relative;
}
.tt_hero.si_hero{
background: url('images/si_sm_hero_new.jpg') no-repeat center center #00b189;
background-size: cover;
min-height: 850px;
margin-top: 0px;
}
.mt-100{
margin-top: 20px;
}
.tt_hero.si_hero p.lead{
font-size: 28px;
line-height: 32px;
}
.tt_hero.si_hero p.lead,
.tt_hero.si_hero p.black,
.text-sm-center{
text-align: center;
}
.tt_hero.new_hero .d-flex{
display: none;
}
.btn_tt_white{
background-color: #00b189;
color: white;
border: 2px solid #00b189;
}
.btn_tt_white.bt_si_black {
color: black;
border: 2px solid black;
background-color: transparent;
}
.btn_tt_white.mr-20{
margin-right: 0px;
margin-bottom: 20px;
}
.btn_tt_white:hover{
color: #00b189;
background-color: white;
}
.btn_tt_white.bt_si_black:hover{
color: #00b189;
background-color: white;
border: 2px solid white;
}
.down_link{
position: absolute;
bottom: 60px;
left: 30px;
}
.tt_video .flex-column{
flex-direction: column;
}
.tt_hide-on-mobile{
display: none;
}
.tt_video h2{
font-size: 26px;
line-height: 30px;
margin-top: 0px;
}
.tt_gradient{
background: linear-gradient(180deg, rgba(0,177,137,1) 0%, rgba(0,177,137,0.001) 100%);
}
.tt_gradient.si_gradient{
background: linear-gradient(180deg, rgba(0,119,139,1) 0%, rgba(0,119,139,0.001) 100%);
}
.tt_gradient .p-100{
padding: 20px 0px;
}
.tt_gradient h2{
font-size: 26px;
line-height: 30px;
}
.tt_gradient h3{
margin-top: 80px;
}
.mh-600{
min-height: auto;
}
.mh-600::before{
content: none;
}
.tt_gradient_bg_sm{
background: url('images/tt_sm_001.png') no-repeat center center transparent;
background-size: cover;
width: 100%;
min-height: 350px;
}
.tt_gradient_bg_sm.si_gradient_bg_sm{
background: url('images/si_sm_001.png') no-repeat center center transparent;
background-size: cover;
width: 100%;
min-height: 350px;
}
.tt_card{
padding: 20px;
margin: 0px 0px 40px;
min-height: auto;
}
.tt_card h4{
font-size: 22px;
}
.bg_graphics::after,
.bg_graphics::before{
content: none;
}
.tt_text_only h2{
font-size: 26px;
line-height: 30px;
margin-top: 0px;
}
.tt_text_only h2 strong{
font-size: 28px;
line-height: 24px;
}
.tt_hover_card{
padding: 40px 40px 0px;
}
.tt_hover_card.green{
margin-bottom: 100px;
min-height: 400px;
}
.tt_hover_card .hover_card_icon{
left: 33%;
}
.tt_hover_card.dark_green{
min-height: 420px;
}
.tt_text_icons .d-flex{
flex-direction: column;
}
.tt_text_icons h2,
.tt_partners h2{
font-size: 26px;
line-height: 30px;
margin-top: 0px;
margin-bottom: 30px;
}
.tt_partners p{
margin-bottom: 30px;
}
.tt_gradient_banner{
padding: 40px 0px;
}
.tt_gradient_banner h3{
font-size: 30px;
line-height: 34px;
}
.tt_gradient_banner::before{
background: url('images/tt_gr_bg_sm.png') no-repeat center center transparent;
width: 113px;
height: 63px;
bottom: 60px;
left: -60px;
}
.tt_gradient_banner::after{
background: url('images/tt_gr_bg_sm_right.png') no-repeat center center transparent;
width: 63px;
height: 89px;
top: 0px;
right: -20px;
}
.tt_partners .border_bottom:before{
width: 100%;
left: 0px;
}
.tt_text_only.big h3{
font-size: 26px;
line-height: 30px;
}
.tt_text_only.big h3 strong{
font-size: 26px;
line-height: 22px;
}
.tt_accord .panel-title{
font-size: 20px;
}
.tt_accord .panel-title a[aria-expanded="true"]::after{
background-image: url('images/acc_arr_up_sm.png');
width: 20px;
height: 20px;
}
.tt_accord .panel-title a::after{
background-image: url('images/acc_arr_down_sm.png');
width: 20px;
height: 20px;
}
.tt_accord .d-flex{
display: block;
}
.tt_accord .panel-heading{
padding: 20px 25px;
}
.tt_accord .panel-body{
background-color: #f7f7f7;
padding: 20px 25px;
}
.tt_accord .panel-body h4{
font-size: 18px;
}
.tt_accord .panel-body p{
font-size: 16px;
line-height: 28px;
margin-bottom: 20px;
}
.tt_accord .panel-body a{
font-size: 14px;
}
.tt_accord .panel-body img{
margin-top: 30px;
}
.tt_download{
text-align: center;
margin-bottom: 30px;
}
.tt_download h2{
font-size: 30px;
line-height: 34px;
}
.tt_download::before,
.tt_download::after{
content: none;
}
.tt_download .btn_tt_white{
margin-bottom: 30px;
}
}