/*
Table Of Contents
 
1.) Typography

2.) Default Styles
3.)  Home page 
3.1) Header
3.2) Section - Top
3.3) Cta - Two - Column
3.4) Testomonils
3.5) Footer

4.)  Inner Page
5.)  About
6.)  Bio - Details 
7.)  Careers - Details 
8.)  Insights Newsletter Archive
9.)  Insights
10.) Case Study
11.) Contact
12.) General
13.) Communications Toolkit
14.) Partner Project
15.) Navigator Diagram
16.) Bite Size Courses
17.) BiteSize Courses Detail
18.) Tools By Subject
19.) Tools Communication

0.)  Popup

===============================================*/

@import url("animate.css") all;
@import url("font-awesome.css") all;

/*
1.) Typography
----------------------------------------*/
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'robotoitalic';
    src: url('../fonts/roboto-italic-webfont.eot');
    src: url('../fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-italic-webfont.woff2') format('woff2'),
         url('../fonts/roboto-italic-webfont.woff') format('woff'),
         url('../fonts/roboto-italic-webfont.ttf') format('truetype'),
         url('../fonts/roboto-italic-webfont.svg#robotoitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

}

@font-face {
    font-family: 'robotomediumitalic';
    src: url('../fonts/roboto-mediumitalic.eot');
    src: url('../fonts/roboto-mediumitalic.eot') format('embedded-opentype'),
         url('../fonts/roboto-mediumitalic.woff2') format('woff2'),
         url('../fonts/roboto-mediumitalic.woff') format('woff'),
         url('../fonts/roboto-mediumitalic.ttf') format('truetype'),
         url('../fonts/roboto-mediumitalic.svg#robotomediumitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.eot');
    src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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

}

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

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

@font-face {
    font-family: 'cabinsketchbold';
    src: url('../fonts/cabinsketch-bold-webfont.eot');
    src: url('../fonts/cabinsketch-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cabinsketch-bold-webfont.woff2') format('woff2'),
         url('../fonts/cabinsketch-bold-webfont.woff') format('woff'),
         url('../fonts/cabinsketch-bold-webfont.ttf') format('truetype'),
         url('../fonts/cabinsketch-bold-webfont.svg#cabinsketchbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

}

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');



.roboto-condensed-bold {
  font-family: "Roboto Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}



/*
2.) Default Styles
----------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

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

/* render html5 elements as block */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
	font-size: 20px;
}

sub {
	bottom: -0.25em;
}

img {
	width: auto;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
	line-height: .5em;
}


/*  Custom animations
/*-------------------------------------------------- */
@-webkit-keyframes 
reveal {
 0% {
 opacity: 0;
}
 1% {
 opacity: 0;
 -webkit-transform: scale(0.98) translateY(-15px);
}
 80% {
 -webkit-transform: scale(1);
}
 100% {
 -webkit-transform: translateY(0);
}
}
 @-moz-keyframes 
reveal {
 0% {
 opacity: 0;
}
 1% {
 opacity: 0;
 -moz-transform: scale(0.98) translateY(-15px);
}
 80% {
 -moz-transform: scale(1);
}
 100% {
 -moz-transform: translateY(0);
}
}


/* #Basic Styles
================================================== */

body {
	/*font-family: "roboto-medium", Arial, Helvetica, sans-serif; */
	font-family: 'robotoregular', Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 26px;
	color: #7b7b7b;
	background: #ffffff;
}

@media only screen and (max-width: 767px) {
body {
	font-size: 16px;
	line-height: 24px; 
}
}


/* #Links
================================================== */

a { 
	font-family:"roboto_cnbold", Arial, Helvetica, sans-serif;
	color: #f47a20;
	outline: 0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	text-decoration: none;
}

p a {font-family: 'robotobold';}

a:hover {
	color: #f47a20;
	text-decoration: underline;
	outline: 0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

a:focus, a:active, a:visited {
	outline: 0;
	text-decoration: none;
}


/* #Typography
================================================== */

h1, h2, h3, h4, h5, h6 {
	font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 20px;
	line-height: 1em;
	letter-spacing: normal;
	text-transform: uppercase;
	padding: 0 0 25px 0;
	margin: 0;
}

h1 {
	font-size: 56px; 
}

h2 { 
	width: 100%; 
	float: left;
	font-size: 48px; 
	padding: 0 0 12px 0; 
	margin: 0 0 25px 0; 
	position: relative;
}

h2:before { 
	content: ""; 
	width: 40px; 
	height: 3px; 
	float: left; 
	background: #f47a20; 
	position: absolute; 
	bottom: 0; 
	left: 0;
}

h3 { 
	width: 100%; 
	float: left;
	font-size: 26px; 
	text-transform: none; 
	padding: 0 0 14px 0; 
	margin: 0 0 25px 0; 
	position:relative;
}

h3:before { 
	content: ""; 
	width: 40px; 
	height: 3px; 
	float: left; 
	background: #f47a20; 
	position: absolute; 
	bottom: 0; 
	left: 0;
}

h4 {
	font-size: 18px;
}

p {
	padding: 0 0 26px 0;
}

p:last-child {
	padding-bottom: 0;
}

em {
	font-style: normal;
	font-family: "robotoitalic", Arial, Helvetica, sans-serif;
}

strong {
	font-weight: normal;
	font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
}

.bold {
	font-weight: normal;
	font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
}

.upper {
	text-transform: uppercase;
}

.lower {
	text-transform: none;
}


@media only screen and (max-width: 979px) {
h1 {
	font-size: 48px; 
}

h2 { 
	font-size: 40px; 
}
}

@media only screen and (max-width: 767px) {
h1, h2, h3, h4, h5, h6 {
	line-height:1.2em;
	padding: 0 0 18px 0;
}

h1 {
	font-size: 35px; 
}

h2 { 
	font-size: 30px; 
	padding: 0 0 12px 0; 
	margin: 0 0 18px 0; 
}

h2:before { 
	width: 24px; 
	height: 2px; 
}

h3 { 
	font-size: 24px; 
	padding: 0 0 12px 0; 
	margin: 0 0 18px 0; 
}
	
	.split-cont aside h3 {
    font-size: 27px;
    letter-spacing: .5px;
 
}

h3:before { 
	width: 24px; 
	height: 2px; 
}
}


/* #Order and Unorder Styles
================================================= */

ul, ol, li {
	list-style: none; 
	padding: 0; 
	margin: 0;
}

ul li {
	padding: 0 0 8px 18px;
	position: relative;
}

ul li:last-child {
	padding-bottom: 0;
}

ul li:before {
	content: "";
	width: 5px;
	height: 5px;
	float: left;
	border-radius: 8px;
	background: #009ac7;
	position: absolute;
	top: 12px;
	left: 0;
}


ol { 
	width:100%; 
	float:left;
	list-style:none; 
	counter-reset:item;
	padding:0; 
	margin:0;  
}

ol:last-child { 
	padding:0;
}

ol li { 
	width:100%; 
	float:left;
	position:relative; 
	counter-increment:item;
	padding:0 0 34px 62px;
}

ol li:last-child { 
	padding-bottom:0;
}

ol li:before { 
	content:counter(item)"."; 
	width:60px; 
	height:auto;	
	float:left;
	font-family:"cabinsketchbold", Arial, Helvetica, sans-serif;
	font-size:42px; 
	line-height:42px; 
	text-align:center; 
	color:#009ac7; 
	background:none; 
	position:absolute; 
	top:4px; 
	left:0; 
	padding:0; 
	margin:0;
}

@media only screen and (max-width: 979px) {
ol li:before { 
	font-size:36px; 
	line-height:36px; 
}
}

@media only screen and (max-width: 767px) {
ol li {
	padding:0 0 30px 50px;
}

ol li:before { 
	width:40px; 
	font-size:30px; 
	line-height:30px; 
}
}


/* #Input - Styles
================================================= */

input, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: 0;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	outline: 0;
}

input, textarea {
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

.input, .textarea, input, input[type="text"],
.um-1797.um .um-form input[type=text],
.um-1798.um .um-form input[type=text]{
	width: 100%;
	height: 38px;
	float: left;
	font-family: 'robotoregular';
	
	font-size: 14px;
	color:rgba(255, 255, 255, 1);
	border: none;
	border-bottom: 2px solid rgba(255, 255, 255, 0.5);
	border-radius: 0;
	    text-transform: none;
	line-height: 20px;
	letter-spacing: normal;
	padding: 10px 0px;
	outline: none;
	background: none;
	position: relative;
	margin: 0;
}

.textarea {
	height: 100px;
	padding: 10px 15px;
	outline: none;
	resize: none;
}


:placeholder {
	color:rgba(255, 255, 255, 1);
	font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
}

input::-webkit-input-placeholder, 
textarea::-webkit-input-placeholder {
	color:rgba(255, 255, 255, 1);
	font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
}

input::-moz-placeholder, textarea::-moz-placeholder {
	color:rgba(255, 255, 255, 1);
	font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
}


/* #Buttons
================================================== */

.btn, .popup-bg input[type="submit"] {
	width: auto;
	height: auto;
	float: none;
	display: inline-block;
	font-weight: normal;
	font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #7b7b7b;
	line-height: 18px;
	letter-spacing: 0.04em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: normal;
	vertical-align: middle;
	background: #ffffff;
	border: none;
	box-shadow: inset #f47a20 0 0 0 2px;
	filter: 0;
	border-radius: 0;
	position: relative;
	cursor: pointer;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	padding: 11px 30px;
	margin: 0;
	/*width: 180px;*/
}

.btn:hover, 
.btn:focus, 
.btn:active, 
.btn:active:focus, 
.btn.active:focus.
.popup-bg input[type="submit"]:hover,
.popup-bg input[type="submit"]:focus,
.popup-bg input[type="submit"]:active,
.popup-bg input[type="submit"]:active:focus,
.popup-bg input[type="submit"].active:focus {
	color: #ffffff; 
	background: #f47a20;
	text-decoration: none;
}

.btn.disabled, 
.btn[disabled], 
fieldset[disabled] .btn {
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}

a.btn.disabled, 
fieldset[disabled] a.btn {
	pointer-events: none;
}

.btn-blue {
	box-shadow: inset #009ac7 0 0 0 2px;
}

.btn-blue:hover, 
.btn-blue:focus, 
.btn-blue:active, 
.btn-blue:active:focus, 
.btn-blue.active:focus {
	background: #009ac7;
}

.btn-fil { 
	color: #ffffff;
	background: #009ac7;
	box-shadow: none;
}

.btn-fil:hover, 
.btn-fil:focus, 
.btn-fil:active, 
.btn-fil:active:focus, 
.btn-fil.active:focus {
	color: #009ac7;
	background: none;
	box-shadow: inset #009ac7 0 0 0 2px;
}

.btn-white, .popup-bg input[type="submit"] {
	background: #ffffff; 
	box-shadow: inset #ffffff 0 0 0 2px;
}

.btn-white:hover, 
.btn-white:focus, 
.btn-white:active, 
.btn-white:active:focus, 
.btn-white.active:focus,
.popup-bg input[type="submit"]:hover, 
.popup-bg input[type="submit"]:focus,
.popup-bg input[type="submit"]:active,
.popup-bg input[type="submit"]:active:focus,
.popup-bg input[type="submit"].active:focus { 
	color: #ffffff;
	background: none;
}

.btn-gray {
	background: #e2e2e2;
	box-shadow: inset #e2e2e2 0 0 0 2px;
}

.btn-gray:hover, 
.btn-gray:focus, 
.btn-gray:active, 
.btn-gray:active:focus, 
.btn-gray.active:focus { 
	color: #ffffff;
	background: none;
	box-shadow: inset #ffffff 0 0 0 2px;
}

.btn-white2 { 
	color: #ffffff;
	background: none;
	box-shadow: inset #ffffff 0 0 0 2px; 
}

.btn-white2:hover, 
.btn-white2:focus, 
.btn-white2:active, 
.btn-white2:active:focus, 
.btn-white2.active:focus { 
	color: #009ac7;
	background: #ffffff;
	box-shadow: inset #ffffff 0 0 0 2px;
}

.btn-out {
	width: 100%;
	float: left;
}



	.CC_tag {
       float: right;
    width: 180px;
 
    margin-bottom: -37px;
    z-index: 8888;
}

@media (max-width: 767px) {
.CC_tag {
    float: left;
    width: 180px;
    padding-top: 30px;
    margin-bottom: -20px;
    z-index: 8888;
}
}

/* #Owl-carousel
=======================================================*/

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
	margin:0;
}

.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
	float: left;
}

.owl-controls .owl-page, .owl-controls .owl-buttons div {
	cursor: pointer;
}



/* #Slider Controls
================================================== */

.owl-controls {
	width: 100%;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

/* Previous and Next */
.owl-buttons {
	width: 100%;
	float: left;
}

.owl-buttons div {
	width: 0;
	height: 0;
	float: left;
	position: absolute;
	bottom: -20px;
	z-index: 10;
	cursor: pointer;
	text-indent: -99999px;
	margin: 0;
}

.owl-buttons div:before {
	width: 0;
	height: 0;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
}

.owl-buttons .owl-prev {
	right: 32px;
}

.owl-buttons .owl-prev:before {
	content: "";
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 10px solid #f47a20;
}

.owl-buttons .owl-next {
	right: 10px;
}

.owl-buttons .owl-next:before {
	content: "";
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 10px solid #f47a20;
}

@media (max-width: 767px) {
.owl-buttons div {
	display: none;
}
}


/* #Show-Hide Responsive Options
================================================== */

.show_mobile {
	display: none;
}

.hide_mobile {
	display: block;
}

.show_both {
	display: none;
}

.hide_both {
	display: block;
}

@media only screen and (max-width: 979px) {
.show_both {
	display: block;
}

.hide_both {
	display: none;
}
}

@media only screen and (max-width: 767px) {
.show_mobile {
	display: block
}

.hide_mobile {
	display: none
}
}



/*
 3.) Home page
----------------------------------------*/

.container-main {
	width: 100%;
	float: left;
}

.container-lrg {
	width: 100%;
	max-width: 1230px;
	margin: 0 auto;
	padding: 0 30px;
}

.container {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	padding: 0 30px;
}

@media only screen and (max-width: 767px) {
.container-lrg {
	padding: 0 30px;
}

.container {
	padding: 0 30px;
}
}

@media only screen and (max-width: 374px) {
.container-lrg {
	padding: 0 6%;
}

.container {
	padding: 0 6%;
}
}


/* container - In */
.container-in {
	width: 100%;
	float: left;
	margin: 110px 0 0 0;
}

@media only screen and (max-width: 767px) {
.container-in {
	margin: 80px 0 0 0;
}
}

/* Vertical Align - Middle */
.outer-bg {
	width: 100%;
	height: 100%;
	float: none;
	display: table;
	margin: 0 auto
}

.inner-bg {
	width: 100%;
	height: 100%;
	float: none;
	display: table-cell;
	vertical-align: middle;
}


/* Read - More */
.read-more {
	width: 100%;
	float: left;
	font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #f47a20;
	line-height: 20px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}

.read-more a {
	float: left;
	color: #f47a20;
	text-decoration: none;
	padding: 0 0 0 20px;
	position: relative;
}

.read-more a:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 10px solid #f47a20;
	position: absolute;
	top: 4px;
	left: 0;
}

.read-more a:hover {
	color: #f47a20;
	text-decoration: underline;
}

.read-more a.active {
	color: #f47a20;
	text-decoration: underline;
}


/* Social - Links */
.social-links {
	width: 100%;
	float: left;
	text-align: center;
	padding: 0 0 25px 0;
}

.social-links:last-child {
	padding: 0;
}

.social-links ul {
	float: left;
	margin: 0 -12px -12px 0;
}

.social-links ul li {
	float: left;
	padding: 0;
	margin: 0 12px 12px 0;
}

.social-links ul li a {
	width: 32px;
	height: 32px;
	float: left;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 32px auto!important;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.social-links ul li:before {
	display: none;
}

.social-links ul li.linkedin a {
	background-image: url(../images/linkedin-icon.svg);
}

.social-links ul li.linkedin a:hover {
	background-image: url(../images/linkedin-icon-hover.svg);
}

.social-links ul li.facebook a {
	background-image: url(../images/facebook-icon.svg);
}

.social-links ul li.facebook a:hover {
	background-image: url(../images/facebook-icon-hover.svg);
}

.social-links ul li.twitter a {
	background-image: url(../images/twitter-icon.svg);
}

.social-links ul li.twitter a:hover {
	background-image: url(../images/twitter-icon-hover.svg);
}



.social-links ul li.instagram a {
	background-image: url("../images/instagram-icon.svg");
}

.social-links ul li.instagram a:hover {
	background-image: url(../images/instagram-icon-hover.svg);
}

#contact2 .social-links ul li.instagram a {
    background-image: url(../images/instagram-icon-hover.svg);
}

@media only screen and (max-width: 767px) {
.social-links {
	padding: 0 0 35px 0;
}
}


/* Title - Txt */
.title-txt {
	width: 100%;
	float: left;
	font-family: "robotobold", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #ffffff;
	line-height: 23px;
	position: relative;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}

.title-txt:before {
	content: "";
	width: 40px;
	height: 3px;
	float: left;
	background: #ffffff;
	position: absolute;
	bottom: 0;
	left: 0;
}

@media only screen and (max-width: 1279px) {
.title-txt {
	font-size: 18px;
}
}

@media only screen and (max-width: 767px) {
.title-txt {
	font-size: 15px;
	line-height: 18px;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

.title-txt:before {
	width: 24px;
	height: 2px;
}
}


/* Testimonials */
.testimonials {
	width: 100%;
	float: left;
	background: #b2bb1e;
	background: -moz-linear-gradient(left, #b2bb1e 0%, #dedc3e 160%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b2bb1e), color-stop(160%, #dedc3e));
	background: -webkit-linear-gradient(left, #b2bb1e 0%, #dedc3e 160%);
	background: -o-linear-gradient(left, #b2bb1e 0%, #dedc3e 160%);
	background: -ms-linear-gradient(left, #b2bb1e 0%, #dedc3e 160%);
	background: linear-gradient(to right, #b2bb1e 0%, #dedc3e 160%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2bb1e', endColorstr='#dedc3e', GradientType=1 );
	overflow: hidden;
	/*padding: 100px 0;*/
	background-image: url(https://stg-causecommunications-melavodev.kinsta.cloud/wp-content/uploads/2025/07/testimonials-bg.jpg);
}

.testimonials .container {
	width: 80%;
	float: right;
	    background-color: #F6F8DC !important;
	    max-width: 2500px;
	padding: 100px 0;
}

.testimonials.reversed .container {
    width: 80%;
    float: left;
}




.testimonials p {
	font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #ffffff;
	line-height: 34px;
	letter-spacing: 0.02em;
	padding: 0 0 35px 0;
}

.testimonials p:last-child {
	padding-bottom: 0;
}

.testimonials .author-name {
	width: 100%;
	float: left;
	font-family: "roboto-medium", Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #ffffff;
	line-height: 20px;
	letter-spacing: 0.02em;
	padding: 0 0 0 17px;
	margin: 0;
	position: relative;
}

.testimonials .author-name em {
	font-family: "roboto-medium", Arial, Helvetica, sans-serif;
}

.testimonials .author-name:before {
	content: "";
	width: 10px;
	height: 2px;
	float: left;
	background: #ffffff;
	position: absolute;
	top: 9px;
	left: 0;
}

.testimonials aside {
	width: 100%;
	max-width: 800px;
	float: left;
	padding: 25px 0 0 80px;
	position: relative;
}

.testimonials aside:before {
	content: "";
	width: 65px;
	height: 54px;
	float: left;
	background: url(../images/green-quote-mark.svg) no-repeat center center;
	background-size: 65px auto;
	position: absolute;
	top: 0;
	left: 0;
}

@media only screen and (max-width: 979px) {
.testimonials {
	padding: 70px 0;
}
}

@media only screen and (max-width: 767px) {
	
	.testimonials.reversed .container {
    width: 91%;
    float: left;
}
.testimonials {
	background: #b2bb1e;
	background: -moz-linear-gradient(top, #b2bb1e 0%, #e0de40 100%, #b2bb1e 100%, #e0de40 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b2bb1e), color-stop(100%, #e0de40), color-stop(100%, #b2bb1e), color-stop(100%, #e0de40));
	background: -webkit-linear-gradient(top, #b2bb1e 0%, #e0de40 100%, #b2bb1e 100%, #e0de40 100%);
	background: -o-linear-gradient(top, #b2bb1e 0%, #e0de40 100%, #b2bb1e 100%, #e0de40 100%);
	background: -ms-linear-gradient(top, #b2bb1e 0%, #e0de40 100%, #b2bb1e 100%, #e0de40 100%);
	background: linear-gradient(to bottom, #b2bb1e 0%, #e0de40 100%, #b2bb1e 100%, #e0de40 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2bb1e', endColorstr='#e0de40', GradientType=0 );
	padding: 50px 0;
}

.testimonials p {
	font-size: 22px;
	padding: 0 0 25px 0;
}

.testimonials .author-name {
	font-size: 14px;
}

.testimonials aside {
	padding: 64px 0 0 0;
}

.testimonials aside:before {
	width: 50px;
	height: 40px;
	background-size: 50px auto;
}
}


/*
3.1) Header
----------------------------------------*/

.header-main {
	width: 100%;
	height: 110px;
	float: left;
	/*position: absolute;*/
	top: 0;
	left: 0;
	z-index: 2000;
}

.header-main .container {
	max-width: 100%;
	padding: 0 50px;
}

.header-main .logo {
	width: 242px;
	float: left;
	line-height: 110px;
	position: relative;
	z-index: 20;
	margin: 0 -242px 0 0;
}

.header-main .logo img {
	width: 100%;
}

.header-main .logo .img1 {
	display: inline-block;
}

.header-main .logo .img2 {
	display: none;
}

.nav-bar {
	width: 100%;
	float: left;
}

.nav-bar nav {
	float: right;
}

.nav-bar nav ul {
	float: left;
}

.nav-bar nav ul li {
	height: 110px;
	float: left;
	font-size: 16px;
	color: #ffffff;
	line-height: 20px;
	letter-spacing: 0.04em;
	padding: 0;
	margin: 0 0 0 35px;
}

.nav-bar nav ul li a {
font-family: 'roboto-medium';

}
.nav-bar nav ul li:before {
	display: none;
}

.nav-bar nav ul li a {
	height: 110px;
	float: left;
	color: #ffffff;
	line-height: 110px;
	text-decoration: none;
	position: relative;
}

.nav-bar nav ul li a:after {
	content: "";
	width: 100%;
	height: 3px;
	float: left;
	position: absolute;
	bottom: 37px;
	left: 0;
}

.nav-bar nav ul li:hover > a:after,
.nav-bar nav ul li.active > a:after {
	background: #ffffff;
}

.nav-bar nav ul li ul {
	width: 240px;
	float: left;
	display: none;
	padding: 20px;
	margin: 0;
	position: absolute;
	top: 90px;
	left: -20px;
}

.nav-bar nav ul li ul li {
	width: 100%;
	height: auto;
	float: left;
	font-size: 16px;
	color: #ffffff;
	line-height: 20px;
	padding: 0 0 10px 0;
	margin: 0;
}

.nav-bar nav ul li ul li:last-child {
	padding-bottom: 0;
}

.nav-bar nav ul li ul li a {
	height: auto;
	float: left;
	color: #7b7b7b;
	line-height: inherit;
	padding-bottom: 3px;
}

.nav-bar nav ul li ul li a:after {
	bottom: 0;
	left: 0;
}

.fixed,
.hinner {
	position: fixed;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
	background: #ffffff;
}

.fixed .logo .img1,
.hinner .logo .img1 {
	display: none;
}

.fixed .logo .img2,
.hinner .logo .img2 {
	display: inline-block;
}


ul.sub-menu {
    display: none !important;
}

@media only screen and (min-width: 980px) {
.nav-bar nav ul li:hover ul {
	display: block;
}

.nav-bar nav ul li ul {
	background: rgba(255, 255, 255, .95);
	box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
}

.nav-bar nav ul li ul li:hover > a,
.nav-bar nav ul li ul li.active > a {
	color: #f47a20;
}

.nav-bar nav ul li ul li:hover > a:after,
.nav-bar nav ul li ul li.active > a:after,
.nav-bar .main-menu ul li.current_page_item > a:after {
	background: #f47a20;
}

.fixed .nav-bar nav ul li,
.hinner .nav-bar nav ul li {
	color: #7b7b7b;
}
	
	.fixed .nav-bar .main-menu ul li.current_page_item > a:after {
	background: #f47a20;
}

	.nav-bar .main-menu ul li.current_page_item > a:after {
	background: #ffffff;
}


.fixed .nav-bar nav ul li a,
.hinner .nav-bar nav ul li a {
	color: #7b7b7b;
}

.fixed .nav-bar nav ul li:hover > a:after,
.hinner .nav-bar nav ul li:hover > a:after,
.fixed .nav-bar nav ul li.active > a:after,
.hinner .nav-bar nav ul li.active > a:after,
	.hinner .nav-bar .main-menu ul li.current_page_item > a:after {
	background: #f47a20;
}

.fixed .nav-bar nav ul li ul,
.hinner .nav-bar nav ul li ul {
	top: 110px;
}
}

@media only screen and (max-width: 1240px) {
.header-main .container {
	max-width: 100%;
	padding: 0 30px;
}
}

@media only screen and (min-width: 980px) {
.header-main nav {
	overflow: visible!important;
	visibility: visible!important;
	display: block!important;
}
}

@media only screen and (max-width: 979px) {
.header-main {
	height: 80px;
}

.header-main .container {
	max-width: 100%;
	padding: 0;
}

.header-main .logo {
	width: 100%;
	height: 80px;
	line-height: 80px;
	padding: 0 30px;
	z-index: 1000;
	overflow: hidden;
}

.header-main .logo img {
	width: 180px;
}

.header-main .logo.full-bg {
	background: #ffffff;
}

.nav-bar nav {
	width: 100%;
	height: 100%;
	float: left;
	background: #009ac7;
	background: -moz-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ac7), color-stop(100%, #20cbf4), color-stop(100%, #009ac7), color-stop(100%, #20cbf4));
	background: -webkit-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: -o-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: -ms-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: linear-gradient(to bottom, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#20cbf4', GradientType=0 );
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	padding: 115px 70px 0 70px;
	overflow: auto;
	overflow-x: hidden;
	z-index: 10;
}

.nav-bar nav ul {
	width: 100%;
	padding: 0;
}

.nav-bar nav ul li {
	width: 100%;
	height: auto;
	font-size: 24px;
	line-height: 28px;
	padding: 0 0 20px 0;
	margin: 0;
}

.nav-bar nav ul li a {
	height: auto;
	line-height: inherit;
	padding-bottom: 5px;
}

.nav-bar nav ul li a:after {
	bottom: 0;
}

.nav-bar nav ul li ul {
	width: 100%;
	display: block;
	border: none;
	background: none;
	padding: 23px 0 0 35px;
	position: static;
}

.nav-bar nav ul li ul li {
	width: 100%;
	height: auto;
	float: left;
	font-size: 18px;
	line-height: 22px;
	padding: 0 0 16px 0;
}

.nav-bar nav ul li ul li a {
	color: #ffffff;
	padding-bottom: 5px;
}

.fixed .logo .img1,
.hinner .logo .img1 {
	display: none!important;
}

.fixed .logo .img2,
.hinner .logo .img2 {
	display: inline-block!important;
}

.fixed .nav-bar nav ul li,
.hinner .nav-bar nav ul li {
	color: #ffffff;
}

.fixed .nav-bar nav ul li a,
.hinner .nav-bar nav ul li a {
	color: #ffffff;
}

.fixed .nav-bar nav ul li:hover > a,
.hinner .nav-bar nav ul li:hover > a,
.fixed .nav-bar nav ul li.active a,
.hinner .nav-bar nav ul li.active a {
	color: #ffffff;
}

.fixed .nav-bar nav ul li ul li a,
.hinner .nav-bar nav ul li ul li a {
	color: #ffffff;
}

.fixed .nav-bar nav ul li ul li:hover > a,
.hinner .nav-bar nav ul li ul li:hover > a,
.fixed .nav-bar nav ul li ul li.active > a,
.hinner .nav-bar nav ul li ul li.active > a {
	color: #ffffff;
}
}

@media only screen and (max-width: 767px) {
.header-main .logo {
	padding-left: 20px;
	padding-right: 20px;
}
	ul.sub-menu {
    display: block !important;
}
}
@media only screen and (max-width: 374px) {
.header-main .logo {
	padding-left: 6%;
	padding-right: 6%;
}

.nav-bar nav {
	padding: 115px 50px 35px 50px;
}

.nav-bar nav ul li ul {
	padding: 23px 0 0 30px;
}
}


/* Menu - Btn */
.menu-btn {
	width: 25px;
	height: 19px;
	float: right;
	display: none;
	position: absolute;
	z-index: 2000;
	cursor: pointer;
}

.menu-btn .icon-bar {
	width: 100%;
	float: right;
	text-decoration: none;
	position: relative;
	padding: 0;
}

.menu-btn .icon-bar span {
	width: 100%;
	height: 3px;
	float: left;
	background: #ffffff;
	position: relative;
	transition: all 0.4s ease;
	margin: 8px 0;
}

.menu-btn .icon-bar span:before {
	content: "";
	width: 100%;
	height: 3px;
	float: left;
	background: #ffffff;
	position: absolute;
	top: -8px;
	left: 0;
	transition: all 0.4s ease;
}

.menu-btn .icon-bar span:after {
	content: "";
	width: 100%;
	height: 3px;
	float: left;
	background: #ffffff;
	position: absolute;
	top: 8px;
	left: 0;
	transition: all 0.4s ease;
}



.menu-btn.active .icon-bar span {
	background: #f47a20;
}

.menu-btn.active .icon-bar span:before {
	background: #f47a20;
}

.menu-btn.active .icon-bar span:after {
	background: #f47a20;
}

.fixed .menu-btn .icon-bar span,
.hinner .menu-btn .icon-bar span {
	background: #f47a20;
}

.fixed .menu-btn .icon-bar span:before,
.hinner .menu-btn .icon-bar span:before {
	background: #f47a20;
}

.fixed .menu-btn .icon-bar span:after,
.hinner .menu-btn .icon-bar span:after {
	background: #f47a20;
}

.menu-btn.active .icon-bar span {
    background: none;
}

.menu-btn.active .icon-bar span:before {
    height: 3px;
    top: 0;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}

.menu-btn.active .icon-bar span:after {
    height: 3px;
    top: 0;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}


@media only screen and (max-width:979px) {
.menu-btn {
	display: block;
	top: 30px;
	right: 30px;
}
}

@media only screen and (max-width: 767px) {
.menu-btn {
	right: 20px;
}
}

@media only screen and (max-width: 374px) {
.menu-btn {
	right: 6%;
}
}


/*
 3.2) Section - Top
----------------------------------------*/

.section-top {
	width: 100%;
	float: left;
	background: #009ac7;
	background: -moz-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #009ac7), color-stop(160%, #7fdaf9));
	background: -webkit-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -o-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -ms-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: linear-gradient(to right, #009ac7 0%, #7fdaf9 160%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#7fdaf9', GradientType=1 );
	padding: 230px 0 100px 0;
}

.section-top aside {
	width: 100%;
	max-width: 820px;
	float: left;
}

.section-top aside h1 {
	font-size: 66px;
	color: #ffffff;
	padding: 0 0 25px 0;
}

.section-top aside h1:last-child {
	padding-bottom: 0;
}

.section-top aside p {
	color: #ffffff;
}

@media only screen and (max-width: 979px) {
.section-top {
	padding: 170px 0 70px 0;
}

.section-top aside h1 {
	font-size: 54px;
}
}

@media only screen and (max-width: 767px) {
.section-top {
	background: #009ac7;
	background: -moz-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ac7), color-stop(100%, #20cbf4), color-stop(100%, #009ac7), color-stop(100%, #20cbf4));
	background: -webkit-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: -o-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: -ms-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: linear-gradient(to bottom, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#20cbf4', GradientType=0 );
	padding: 130px 0 50px 0;
}

.section-top aside h1 {
	font-size: 42px;
}

.section-top aside h1:last-child {
	padding-bottom: 0;
}
}


/*
 3.3) Cta - Two - Col
----------------------------------------*/

.cta-two-col-out {
	width: 100%;
	float: left;
	overflow: hidden;
}

.cta-two-col {
	width: 50%;
	float: left;
	position: relative;
	overflow: hidden;
}

.cta-two-col figure {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
}

.cta-two-col figure img {
	width: 100%;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.cta-two-col .cta-cont {
	width: 100%;
	height: 100%;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
}

.cta-two-col .cta-cont article {
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
	padding: 40px 60px 120px 60px;
}

.cta-two-col .cta-cont article aside {
	width: 100%;
	float: left;
	padding: 0 60px 120px 60px;

	position: absolute;
	bottom: -100%;
	left: 0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.cta-two-col .cta-cont article aside p {
	font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
	font-size: 43px;
	color: #ffffff;
	line-height: 47px;
	text-transform: uppercase;
	padding: 0;
}

.cta-two-col:nth-child(even) .cta-cont article {
	float: right;
}

.cta-two-col.full {
	width: 100%;
	float: left;
}

.cta-two-col.full .cta-cont article {
	width: 50%;
	padding: 60px 60px;
}

.cta-two-col.full .cta-cont article aside {
	padding: 0 60px 130px 60px;
}

.cta-two-col:hover figure img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.cta-two-col:hover .cta-cont article aside {
	bottom: 0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

@media only screen and (max-width: 1279px) {
.cta-two-col .cta-cont article {
	padding: 40px 30px 80px 30px;
}

.cta-two-col .cta-cont article aside {
	padding: 0 30px 80px 30px;
}

.cta-two-col .cta-cont article aside p {
	font-size: 36px;
	line-height: 42px;
}

.cta-two-col.full .cta-cont article {
	padding: 50px 30px 90px 30px;
}

.cta-two-col.full .cta-cont article aside {
	padding: 0 30px 90px 30px;
}
}

@media only screen and (max-width: 979px) {
.cta-two-col {
	width: 100%;
}

.cta-two-col .cta-cont article {
	padding: 40px 30px;
}

.cta-two-col .cta-cont article aside {
	padding: 0 30px 40px 30px;
}

.cta-two-col .cta-cont article aside p {
	font-size: 33px;
	line-height: 40px;
}

.cta-two-col.full .cta-cont article {
	width: 100%;
	padding: 40px 30px 45px 30px;
}

.cta-two-col.full .cta-cont article aside {
	padding: 0 30px 45px 30px;
}

.cta-two-col.full .cta-cont article aside p br {
	display: none;
}
}

@media only screen and (max-width: 767px) {
.cta-two-col figure img {
	min-width: 400px;
	margin: 0 -200px;
}

.cta-two-col .cta-cont article {
	padding: 35px 30px;
}

.cta-two-col .cta-cont article aside {
	padding: 0 30px 35px 30px;
}

.cta-two-col .cta-cont article aside p {
	font-size: 28px;
	line-height: 34px;
}

.cta-two-col.full figure img {
	min-width: 800px;
	margin: 0 -400px;
}

.cta-two-col.full .cta-cont article {
	padding: 35px 30px;
}

.cta-two-col.full .cta-cont article aside {
	padding: 0 30px 35px 30px;
}
}

@media only screen and (max-width: 374px) {
.cta-two-col .cta-cont article {
	padding: 30px 6%;
}

.cta-two-col .cta-cont article aside {
	padding: 0 6% 30px 6%;
}

.cta-two-col.full .cta-cont article {
	padding: 30px 6%;
}

.cta-two-col.full .cta-cont article aside {
	padding: 0 6% 30px 6%;
}
}


/* 
3.4) Section - Happenings 
-------------------------------------------------*/

.section-happenings {
	width: 100%;
	float: left;
	position: relative;
	background: #f0efef;
	overflow: hidden;
	padding: 120px 0 140px 0;
	z-index: 10;
}

@media only screen and (max-width: 979px) {
.section-happenings {
	padding: 70px 0;
}
}

@media only screen and (max-width: 767px) {
.section-happenings {
	padding: 0;
}

.section-happenings h2 {
	width: 100%;
	float: left;
	font-size: 25px;
	padding: 36px 30px 11px 30px;
	margin: 0 0 25px 0;
}

.section-happenings h2:before {
	left: 30px;
}

.section-happenings .container {
	padding: 0;
}
}

@media only screen and (max-width: 374px) {
.section-happenings h2 {
	padding: 20px 6%;
}

.section-happenings h2:before {
	left: 6%;
}
}


/* Conversation - Info */
.conversation-info {
	width: 50%;
	float: left;
	background: #ffffff;
	padding: 25px 30px 77px 30px;
}

.conversation-info h4 {
	width: 100%;

	float: left;
	font-size: 23px;
	text-transform: none;
	text-align: center;
	position: relative;
	padding: 0 0 15px 0;
	margin: 0 0 40px 0;
}

.conversation-info h4:before {
	content: "";
	width: 26px;
	height: 2px;
	float: left;
	background: #f47a20;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin: 0 0 0 -13px;
}

.conversation-info aside {
	width: 100%;
	float: left;
	padding: 0 0 21px 0;
}

.conversation-info aside p {
	font-family: "roboto_cnregular", Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 26px;
	padding: 0 0 45px 0;
}

.conversation-info aside p a {
	font-family: "roboto_cnregular", Arial, Helvetica, sans-serif;
	color: #7b7b7b;
}

.conversation-info aside p a:hover {
	color: #f47a20;
}

.conversation-info aside p:last-child {
	padding: 0;
}

.conversation-info .twitter-field {
	width: 100%;
	float: left;
	margin: 0 0 -5px 0;
}

.conversation-info .twitter-field a {
	width: 40px;
	height: 40px;
	float: right;
	text-decoration: none;
	text-indent: -99999px;
	background: url(../images/twitter-icon-hover.svg) no-repeat center center;
	background-size: 40px auto;
}

@media only screen and (max-width: 979px) {
.conversation-info {
	width: 100%;
}
}

@media only screen and (max-width: 767px) {
.conversation-info {
	padding: 25px 35px 53px 30px;
}

.conversation-info h4 {
	font-size: 24px;
	margin: 0 0 16px 0;
}

.conversation-info aside {
	padding: 0 0 33px 0;
}

.conversation-info aside p {
	font-size: 18px;
	line-height: 25px;
	padding: 0 0 45px 0;
}

.conversation-info .twitter-field {
	text-align: center;
	margin: 0 0 22px 0;
}

.conversation-info .twitter-field a {
	float: none;
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
}
}


/* Democracy - Info */
.democracy-info {
	width: 50%;
	float: right;
	background: #039ecb;
}

.democracy-info figure {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
	    max-height: 457px;
}

.democracy-info figure img {
	width: 100%;
	min-width: 458px;
	margin: 0 -229px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.democracy-info aside {
	width: 100%;
	float: left;
	background: -moz-linear-gradient(left, #009ac7 0%, #19c1eb 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #009ac7), color-stop(100%, #19c1eb));
	background: -webkit-linear-gradient(left, #009ac7 0%, #19c1eb 100%);
	background: -o-linear-gradient(left, #009ac7 0%, #19c1eb 100%);
	background: -ms-linear-gradient(left, #009ac7 0%, #19c1eb 100%);
	background: linear-gradient(to bottom, #009ac7 0%, #19c1eb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#19c1eb', GradientType=1 );
	padding: 37px 50px 36px 50px;
}

.democracy-info aside h4 {
	width: 100%;
	float: left;
	font-size: 23px;
	color: #ffffff;
	text-transform: none;
	text-align: center;
	position: relative;
	padding: 0 0 12px 0;
	margin: 0 0 24px 0;
}

.democracy-info aside h4:before {
	content: "";
	width: 20px;
	height: 2px;
	float: left;
	background: #ffffff;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin: 0 0 0 -10px;
}

.democracy-info aside h4 br {
	/*display: none;*/
}

.democracy-info aside p {
	font-size: 14px;
	color: #ffffff;
	line-height: 20px;
	padding: 0 0 15px 0;
}

.democracy-info .read-more a {
	color: #ffffff;
	font-size: 15px;
}

.democracy-info .read-more a:before {
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 10px solid #ffffff;
	top: 3px;
}

.democracy-info:hover figure img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.democracy-info.happenings:hover figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

@media only screen and (max-width: 979px) {
.democracy-info {
	width: 100%;
}

.democracy-info figure img {
	min-width: 350px;
	margin: 0 -175px;
}
}

@media only screen and (max-width: 767px) {
.democracy-info aside h4 {
	font-size: 24px;
}

.democracy-info aside h4 br {
	display: block;
}

.democracy-info aside {
	padding: 37px 30px 36px 30px;
}

.democracy-info aside p {
	font-size: 15px;
	line-height: 22px;
	padding: 0 0 19px 0;
}
}


/* Feature - Info */
.feature-info {
	width: 50%;
	float: left;
	background: -moz-linear-gradient(left, #b2bb1e 0%, #d1d335 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #b2bb1e), color-stop(100%, #d1d335));
	background: -webkit-linear-gradient(left, #b2bb1e 0%, #d1d335 100%);
	background: -o-linear-gradient(left, #b2bb1e 0%, #d1d335 100%);
	background: -ms-linear-gradient(left, #b2bb1e 0%, #d1d335 100%);
	background: linear-gradient(to bottom, #b2bb1e 0%, #d1d335 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2bb1e', endColorstr='#d1d335', GradientType=1 );
}

.feature-info figure {
	width: 50%;
	float: left;
	text-align: center;
	overflow: hidden;
}

.feature-info figure img {
	width: 100%;
	min-width: 228px;
	margin: 0 -170px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.feature-info aside {
	width: 50%;
	float: right;
	padding: 25px 13px;
}

.feature-info aside h4 {
	width: 100%;
	float: left;
	font-size: 23px;
	color: #ffffff;
	text-transform: none;
	text-align: center;
	position: relative;
	padding: 0 0 12px 0;
	margin: 0 0 37px 0;
}

.feature-info aside h4:before {
	content: "";
	width: 26px;
	height: 2px;
	float: left;
	background: #ffffff;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin: 0 0 0 -13px;
}

.feature-info aside p {
	font-size: 14px;
	color: #ffffff;
	line-height: 20px;
	padding: 0 0 15px 0;
}

.feature-info aside .read-more a {
	color: #ffffff;
	font-size: 15px;
}

.feature-info aside .read-more a:before {
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 10px solid #ffffff;
	top: 3px;
}

.feature-info:hover figure img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.feature-info.happenings:hover figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
}



@media only screen and (max-width: 979px) {
.feature-info {
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
}

.feature-info aside {
	height: 100%;
	padding: 0 20px;
	position: absolute;
	top: 0;
	right: 0
}
}

@media only screen and (max-width: 767px) {
.feature-info figure {
	width: 100%;
}

.feature-info aside {
	width: 100%;
	/*padding: 41px 30px 80px 30px;*/
	padding: 41px 30px 40px 30px;
	position: static;
}

.feature-info aside h4 {
	font-size: 24px;
}

.feature-info aside p {
	font-size: 16px;
	line-height: 24px;
	padding: 0 0 25px 0;
}
}


/* 
 3.5) Footer - Main 
-------------------------------------------------*/

.footer-main {
	width: 100%;
	float: left;
	box-shadow: #babcbe 0 0 0 1px;
	overflow: hidden;
	padding: 75px 0;
}

.footer-main .foot-left {
	width: 56.58%;
	float: left;
}

.footer-main .foot-logo {
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
}

.footer-main .foot-logo img {
	max-width: 255px;
}

.footer-main .address-txt {
	width: 60%;
	float: left;
	padding: 0 5px 0 0;
}

.footer-main .address-txt p {
	font-family: "robotoregular", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	padding: 0 0 0 75px;
}

.footer-main .address-txt p a {
	font-family: "robotoregular", Arial, Helvetica, sans-serif;
	color: #7b7b7b;
}

.footer-main .address-txt p a:hover {
	color: #f47a20;
}

.footer-main .footer-links {
	width: 40%;
	float: left;
	padding: 13px 0 0 0;
}

.footer-main .footer-links ul {
	width: 50%;
	float: left;
	padding: 0 5px 0 0;
}

.footer-main .footer-links ul li {
	width: 100%;
	float: left;
	line-height: 14px;
	padding: 0 0 8px 0;
}

.footer-main .footer-links ul li:before {
	display: none;
}

.footer-main .footer-links ul li:last-child {
	padding: 0;
}

.footer-main .footer-links ul li a {
	color: #7b7b7b;
	font-family: "robotoregular", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
}

.footer-main .footer-links ul li a:hover {
	color: #f47a20;
}

.footer-main .foot-right {
	width: 30.24%;
	float: right;
	padding: 15px 0 0 0;
}

.footer-main .newsletter {
	width: 100%;
	float: left;
	padding: 0 0 20px 0;
}

.footer-main .newsletter:last-child {
	padding: 0;
}


.footer-main label.gfield_label {
    display: none;
}
.footer-main .newsletter ul li {
    padding: 0 0 6px 0px;
    position: relative;
}

.footer-main .newsletter ul li:before {
    content: none;
}


.footer-main .newsletter label {
	width: 100%;
	float: left;
	font-family: "robotobold", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.02em;
	padding: 0 0 8px 0;
}

.footer-main .newsletter input {
	width: 100%;
	height: 40px;
	float: left;
	font-family: 'robotoregular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #111111;
	border: 1px solid #7b7b7b;
	background: #ffffff;
	padding: 8px 15px;
}

.footer-main .newsletter input:placeholder {
	color: #606060;
}

.footer-main .newsletter input::-webkit-input-placeholder {
	color: #606060;
}

.footer-main .newsletter input::-moz-placeholder {
	color: #606060;
}

.footer-main .newsletter .btn-search, input#gform_submit_button_2 {
	width: 40px;
	height: 40px;
	float: right;
	text-align: center;
	line-height: 40px;
	text-indent: -9999px;
	background: url(../images/orange-arrow.svg) no-repeat center center;
	background-size: 10px auto!important;
	border: solid 1px #7b7b7b;
	position: absolute;
	bottom: 0;
	right: 0;
	cursor: pointer;
}

.footer-main .newsletter .btn-search:hover, input#gform_submit_button_2:hover {
	background: #f47a20 url(../images/white-arrow.svg) no-repeat center center;
	border-color: #f47a20;
}

.footer-main .newsletter .input-bg, #gform_2 {
	width: 100%;
	float: left;
	position: relative;
	padding: 0 39px 0 0;
}

.footer-main .copy-right {
	width: 100%;
	float: left;
	font-family: "robotoregular", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
}

@media only screen and (max-width: 979px) {
.footer-main {
	padding: 60px 0;
}

.footer-main .foot-left {
	width: 100%;
	padding: 0 0 45px 0;
}

.footer-main .address-txt {
	width: 50%;
}

.footer-main .footer-links {
	width: 50%;
}

.footer-main .foot-right {
	width: 100%;
	padding: 0 0 0 75px;
}

.footer-main .newsletter {
	width: 50%;
}

.footer-main .copy-right {
	padding: 20px 0 0 0;
}
}

@media only screen and (max-width: 767px) {
.footer-main {
	padding: 40px 0;
}

.footer-main .foot-left {
	padding: 0;
}

.footer-main .foot-logo {
	margin: 0 0 45px 0;
}

.footer-main .foot-logo img {
	max-width: 280px;
}

.footer-main .address-txt {
	width: 100%;
	padding: 0 0 40px 0;
}

.footer-main .address-txt p {
	font-size: 16px;
	line-height: 26px;
	padding: 0 0 0 0;
}

.footer-main .footer-links {
	width: 100%;
	padding: 0 0 40px 0;
	display: none;
}

.footer-main .footer-links ul {
	width: 100%;
	padding: 0 0 25px 0;
}

.footer-main .footer-links ul:last-child {
	padding: 0;
}

.footer-main .footer-links ul li a {
	font-size: 14px;
	line-height: 16px;
}

.footer-main .foot-right {
	padding: 0;
}

.footer-main .newsletter {
	width: 100%;
}

.footer-main .newsletter .btn-search {
	width: 50px;
}

.footer-main .newsletter .input-bg {
	padding: 0 49px 0 0;
}

.footer-main .social-links {
	width: 100%;
	padding: 0 0 35px 0;
}

.footer-main .copy-right {
	padding: 0;
}
}

.foot-right .validation_error {
    display: none !important;
}

.foot-right .gfield_description.validation_message {
    display: none !important;
}

.foot-right .gfield_error input {
	
	border: 1px solid #f47a20;
}

.foot-right .gform_footer.top_label img {  display: none !important;
}


/* 
 4.) Inner - Page 
-------------------------------------------------*/

/* Banner - Inner */
.banner-inner {
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
}

.banner-inner figure {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
}

.banner-inner figure {
    max-height: 850px;
}

.banner-inner figure img {
	width: 100%;
	min-width: 1200px;
	margin: 0 -600px;
}

.banner-inner .banner-cont {
	width: 100%;
	float: left;
	position: absolute;
	bottom: 0;
	left: 0;
}

.banner-inner .banner-cont h1 {
	width: 100%;
	float: left;
	color: #ffffff;
	padding: 34px 0 18px 0;
	margin: 0;
	position: relative;
}

.banner-inner .banner-cont h1:before {
	content: "";
	width: 40px;
	height: 3px;
	float: left;
	background: #ffffff;
	position: absolute;
	top: 0;
	left: 0;
}

.banner-inner .banner-cont h1:last-child {
	padding-bottom: 0;
}

.banner-inner .banner-cont p {
	color: #ffffff;
	padding: 0 0 19px 0;
}

.banner-inner .banner-cont p:last-child {
	padding-bottom: 0;
}

.banner-inner .banner-cont .sml-txt {
	width: 100%;
	float: left;
	font-size: 22px;
	color: #ffffff;
	line-height: 28px;
	padding: 0 0 12px 0;
}

.banner-inner .banner-cont .btn {
	/*width: 180px;*/
	padding-left: 15px;
	padding-right: 15px;
}

.banner-inner .banner-cont .btn-out {
	padding: 23px 0 0 0;
}

.banner-inner .banner-cont aside {
	width: 100%;
	/*max-width: 520px;*/
	    max-width: 950px;
	float: left;
	padding: 0 0 100px 0;
}

.banner-inner .banner-cont .aside2 {
	max-width: 680px;
}

@media only screen and (max-width: 979px) {
.banner-inner .banner-cont h1 {
	padding: 34px 0 20px 0;
}

.banner-inner .banner-cont aside {
	padding: 0 0 70px 0;
}
}

@media only screen and (max-width: 767px) {
.banner-inner .banner-cont h1 {
	padding: 22px 0 12px 0;
}

.banner-inner .banner-cont h1:before {
	width: 24px;
	height: 2px;
}

.banner-inner .banner-cont p {
	color: #ffffff;
	padding: 0 0 14px 0;
}

.banner-inner .banner-cont .sml-txt {
	font-size: 18px;
	line-height: 20px;
	padding: 0 0 15px 0;
}

.banner-inner .banner-cont .btn-out {
	padding: 10px 0 0 0;
}

.banner-inner .banner-cont aside {
	max-width: 480px;
	padding: 0 0 50px 0;
}

.banner-inner .banner-cont .aside2 {
	max-width: 480px;
}
}

.banner-inner .banner-cont aside {
    padding: 0 0 100px 65px;
		}
	
	.banner-inner figure {
    max-height: 850px;
}
	
	@media (max-width: 980px) {
	
	.banner-inner .banner-cont aside {
    padding: 0 0 100px 50px;
}
	}
	
	
	@media (max-width: 767px) {
	.banner-inner .banner-cont aside {
    padding: 0 0 100px 40px;
		padding: 0 0 100px 0px;
}
	}


/* Banner - Inner */
.banner-inner-single {
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
}

.banner-inner-single figure {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
}

.banner-inner-single figure img {
	width: 100%;
	min-width: 900px;
	margin: 0 -450px;
}


.cause_label_title {
    max-width: 227px;
    margin-bottom: 25px;
}

/* Content - Txt */
.content-txt {
	width: 100%;
	float: left;
	overflow: hidden;
	padding: 80px 0;
}

.content-txt .container {
	max-width: 840px;
}

.content-txt aside h4 {
	color: #009ac7;
	padding: 0 0 8px 0;
}

.content-txt aside h4:last-child {
	padding-bottom: 0;
}

.content-txt aside {
	width: 100%;
	float: left;
	display: none;
	padding: 0 0 26px 0;
}

.content-txt aside .txt {
	width: 100%;
	float: left;
	padding: 0 0 33px 0;
}

.content-txt aside .txt:last-child {
	padding-bottom: 0;
}

.content-txt aside .list-out {
	width: 100%;
	float: left;
	padding: 0 0 33px 0;
}

.content-txt aside .list-out:last-child {
	padding-bottom: 0;
}

.content-txt aside .list-bg {
	width: 44.90%;
	float: left;
}

.content-txt aside .list-bg:nth-child(even) {
	float: right;
}

.content-txt aside .list-bg h4 {
	padding: 0 0 14px 0;
}

.content-txt .aside-out {
	width: 100%;
	float: left;
	padding: 0 0 24px 0;
	position: relative;
}


.content-txt .read-more {
	width: 100%;
	float: left;
	background: #ffffff;
	position: absolute;
	bottom: 0;
	left: 0
}

.content-txt .read-more .more,
.careers-list .read-more .more {
	display: block;
}

.content-txt .read-more .close,
.careers-list  .read-more .close {
	display: none;
}

.content-txt .read-more.active .more,
.careers-list .read-more.active .more {
	display: none;
}

.content-txt .read-more.active .close,
.careers-list .read-more.active .close {
	display: block;
}

@media only screen and (max-width: 979px) {
.content-txt {
	padding: 60px 0;
}
}

@media only screen and (max-width: 767px) {
.content-txt {
	padding: 50px 0;
}

.content-txt aside .list-bg {
	width: 100%;
	padding: 0 0 33px 0;
}

.content-txt aside .list-bg:last-child {
	padding-bottom: 0;
}
}


/* Split - Cont */
.split-cont {
	width: 100%;
	float: left;
	background: #f0efef;
	overflow: hidden;
	padding: 130px 0 150px 0;
}

.split-cont .heading-txt {
	width: 100%;
	float: left;
	padding: 0 0 40px 0;
}

.split-cont .heading-txt h2:last-child {
	margin: 0;
}

.split-cont aside {
	width: 100%;
	height: 230px;
	float: left;
	text-align: center;
	position: relative;
}

.split-cont aside h3 {
	letter-spacing: .5px;
	width: 100%;
	float: left;
	color: #ffffff;
	text-align: center;
	padding: 10px 30px 17px 30px;
	margin: 0 0 10px 0;
}

.split-cont aside h3:last-child {
	margin: 0;
}

.split-cont aside h3:before {
	width: 26px;
	height: 2px;
	background: #ffffff;
	left: 50%;
	margin: 0 0 0 -13px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.split-cont aside h3.gray-txt {
	color: #7b7b7b;
}

.split-cont aside h3.gray-txt:before {
	background: #f47a20;
}

.split-cont aside.fifty {
	width: 50%;
}

.split-cont aside.fifty-right {
	width: 50%;
	float: right;
}

.split-cont aside.full-hight {
	height: auto;
}

.split-cont aside figure {
	width: 100%;
	height: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
}

.split-cont aside figure img {
	width: 100%;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.split-cont .title {
	width: 100%;
	float: left;
	font-family: "roboto-medium", Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 17px;
	text-align: left;
	color: rgba(255, 255, 255, 0.8);
	margin: 0;
	padding: 16px 16px 0 16px;
	position: absolute;
	top: 0;
	left: 0;
}

.split-cont .middle-cont {
	width: 100%;
	height: 100%;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.split-cont aside:hover figure img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.split-cont aside:hover h3:before {
	width: 140px;
    margin: 0 0 0 -70px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.split-cont aside.type-2:hover .middle-cont {
	/* padding: 0 0 70px 0; */
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.split-cont .left-cont {
	width: 50%;
	float: left;
}

.split-cont .right-cont {
	width: 50%;
	float: right;
}

@media only screen and (max-width: 979px) {
.split-cont {
	padding: 100px 0;
}

.split-cont aside.full-hight figure {
	height: 350px;
}

.split-cont aside.full-hight figure img {
	min-width: 500px;
	margin: 0 -250px;
}

.split-cont .left-cont {
	width: 100%;
}

.split-cont .right-cont {
	width: 100%;
}
}

@media only screen and (max-width: 767px) {
.split-cont {
	padding: 0;
}

.split-cont .container {
	padding: 0;
}

.split-cont .heading-txt {
	padding: 0 30px 40px 30px;
}

.split-cont .heading-txt h2 {
	background: none;
	padding: 0 0 15px 0;
	margin: 0 0 22px 0;
}

.split-cont .heading-txt h2:before {
	left: 0;
}

.split-cont .heading-txt p {
	font-family: "robotoregular", Arial, Helvetica, sans-serif;
	line-height: 28px;
}

.split-cont aside {
	width: 100%;
	height: 150px;
	float: left;
	text-align: center;
	position: relative;
}

.split-cont aside h3 {
	padding: 0 30px 17px 30px;
}

.split-cont aside h3 br {
	display: none;
}

.split-cont aside.fifty {
	width: 100%;
}

.split-cont aside.fifty-right {
	width: 100%;
}

.split-cont aside.full-hight figure {
	height: auto;
}

.split-cont aside.full-hight figure img {
	min-width: inherit;
	margin: 0;
}

.split-cont aside.type-2:hover .middle-cont {
	padding: 0;
}
}

@media only screen and (max-width: 374px) {
.split-cont .heading-txt {
	padding: 0 6% 40px 6%;
}

.split-cont .heading-txt {
	padding-bottom: 30px;
}

.split-cont .heading-txt h2 {
	margin-bottom: 0;
}

.split-cont aside h3 {
	padding: 0 6% 17px 6%;
}

.split-cont .title {
	padding: 16px 6% 0 6%;
}
}


/* Split - Cont 2 */
.split-cont2 {
	padding: 150px 0 180px 0;
}

@media only screen and (max-width: 979px) {
.split-cont2 {
	padding: 100px 0;
}
}

@media only screen and (max-width: 767px) {
.split-cont2 {
	background: #ffffff;
	padding: 30px 0 0 0;
}

.split-cont2 aside figure {
	height: 150px;
}

.split-cont2 aside figure img {
	min-width: 500px;
	margin: -20% -250px 0 -250px;
}

.split-cont2 aside.full-hight figure {
	height: 150px;
}

.split-cont2 aside.full-hight figure img {
	min-width: 500px;
	margin: -20% -250px 0 -250px;
}
}


/* Split - Cont 3 */
.split-cont3 {
	padding: 85px 0 120px 0;
}

.split-cont3 aside.blue-bg {
	width: 50%;
}

.split-cont3 aside .logo-icon img {
	max-width: 67px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.split-cont3 aside:hover .logo-icon img {
	max-width: 77px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

@media only screen and (max-width: 767px) {
.split-cont3 {
	padding: 0;
}

.split-cont3 aside.blue-bg {
	width: 100%;
}
}


/* Split - Cont 4 */
.split-cont4 {
	padding: 80px 0 165px 0;
}

.split-cont4 .heading-txt {
	padding-bottom: 30px;
}

.split-cont4 .heading-txt h2 {
	margin: 0 0 15px 0;
}

.split-cont4 .heading-txt .btn {
	float: right;
}

.btn-blue:hover {
	color: #ffffff;
	text-decoration: none;
	
}

a.btn:hover, a.btn:focus, a.btn:active {text-decoration: none; color: #f47a20; }



.split-cont4 aside p {
	width: 100%;
	float: left;
	font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #7b7b7b;
	line-height: 34px;
	text-align: left;
	padding: 0 30px
}

.split-cont4 aside p span {
	color: #f47a20;
}

.split-cont4 aside .title {
	color: #7b7b7b;
	padding: 28px 0 0 28px;
	display: none;
}

.split-cont4 aside.type-3 {
	position: relative;
}

.split-cont4 aside.type-3:before {
	content: "";
	width: 0;
	height: 0;
	float: right;
	border-left: 21px solid transparent;
	border-right: 21px solid transparent;
	border-bottom: 25px solid #ffffff;
	position: absolute;
	top: -25px;
	left: 50%;
	margin: 0 0 0 -21px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.split-cont4 aside.type-3:hover:before {
	border-left: 31px solid transparent;
	border-right: 31px solid transparent;
	border-bottom: 35px solid #ffffff;
	top: -34px;
	margin: 0 0 0 -31px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.split-cont4 aside.testimonial {
	float: left;
	height: auto;
	position: relative;
}

.split-cont4 aside.testimonial:before {
	content: "";
	width: 0;
	height: 0;
	float: right;
	border-top: 21px solid transparent;
	border-bottom: 21px solid transparent;
	border-left: 25px solid #ffffff;
	position: absolute;
	top: 65px;
	right: -25px;
	margin: 0 0 0 -21px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.split-cont4 aside.testimonial:hover:before {
	border-top: 31px solid transparent;
	border-bottom: 31px solid transparent;
	border-left: 35px solid #ffffff;
	top: 55px;
	right: -34px;
	margin: 0 0 0 -21px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.split-cont4 aside.testimonial p {
	position: relative;
	padding: 10px 30px 0 60px;
}

.split-cont4 aside.testimonial p:before {
	content: "";
	width: 40px;
	height: 40px;
	float: left;
	background: url(../images/blue-quotemarks.svg) no-repeat center center;
	background-size: 40px auto;
	position: absolute;
	top: -10px;
	left: 10px;
}

.split-cont4 aside.testimonial .author-txt {
	width: 100%;
	float: left;
	font-family: "robotoitalic", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #009ac7;
	text-align: left;
	line-height: 17px;
	/*padding: 15px 30px 0 60px;*/
	    padding: 15px 30px 0 81px;
}

.split-cont4 aside.testimonial .title {
	padding: 28px 0 0 15px;
}

.split-cont4 aside.type-4 {
	position: relative;
}

.split-cont4 aside.type-4:before {
	content: "";
	width: 0;
	height: 0;
	float: right;
	border-top: 21px solid transparent;
	border-bottom: 21px solid transparent;
	border-right: 25px solid #ffffff;
	position: absolute;
	top: 90px;
	left: -25px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.split-cont4 aside.type-4:hover:before {
	border-top: 31px solid transparent;
	border-bottom: 31px solid transparent;
	border-right: 35px solid #ffffff;
	position: absolute;
	top: 80px;
	left: -33px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

@media only screen and (max-width: 979px) {
.split-cont4 {
	padding: 70px 0 100px 0;
}

.split-cont4 aside.testimonial {
	height: 400px;
}

.split-cont4 aside.testimonial:before {
	border-left: 21px solid transparent;
	border-right: 21px solid transparent;
	border-bottom: 25px solid #ffffff;
	position: absolute;
	top: -46px;
	left: 50%;
	margin: 0 0 0 -21px;
	z-index: 20
}

.split-cont4 aside.testimonial:hover:before {
	border-left: 31px solid transparent;
	border-right: 31px solid transparent;
	border-bottom: 35px solid #ffffff;
	top: -65px;
	margin: 0 0 0 -31px;
}

.split-cont4 aside.type-4:before {
	border-left: 21px solid transparent;
	border-right: 21px solid transparent;
	border-bottom: 25px solid #ffffff;
	position: absolute;
	top: -46px;
	left: 50%;
	margin: 0 0 0 -21px;
	z-index: 20
}

.split-cont4 aside.type-4:hover:before {
	border-left: 31px solid transparent;
	border-right: 31px solid transparent;
	border-bottom: 35px solid #ffffff;
	top: -65px;
	left: 50%;
	margin: 0 0 0 -31px;
}
}

@media only screen and (max-width: 767px) {
.split-cont4 {
	padding: 35px 0 70px 0;
}

.split-cont4 .heading-txt {
	padding-bottom: 40px;
}

.split-cont4 .heading-txt h2 {
	padding: 0 0 10px 0;
	margin: 0 0 30px 0;
}

.split-cont4 .heading-txt .btn {
	float: left;
}

.split-cont4 aside p {
	font-size: 24px;
	line-height: 28px;
	text-align: left;
	padding: 13px 30px 0 30px;
}

.split-cont4 aside figure {
	height: 150px;
}

.split-cont4 aside figure img {
	min-width: 500px;
	margin: -20% -250px 0 -250px;
}

.split-cont4 aside.full-hight figure {
	height: 150px;
}

.split-cont4 aside.full-hight figure img {
	/*min-width: 500px;
	margin: -20% -250px 0 -250px;*/
	min-width: 200px;
    margin: 0;
}

.split-cont4 aside .title {
	padding: 14px 0 0 28px;
}

.split-cont4 aside.type-3:before {
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #ffffff;
	position: absolute;
	top: -15px;
	margin: 0 0 0 -15px;
}

.split-cont4 aside.type-3:hover:before {
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 25px solid #ffffff;
	position: absolute;
	top: -25px;
	margin: 0 0 0 -25px;
}

.split-cont4 aside.testimonial {
	height: auto;
}

.split-cont4 aside.testimonial figure {
	height: 360px;
}

.split-cont4 aside.testimonial p {
	padding: 60px 30px 0 30px;
}
	
	

.split-cont4 aside.testimonial p:before {
	width: 30px;
	height: 30px;
	background-size: 30px auto;
	position: absolute;
	top: 25px;
	left: 30px;
}

.split-cont4 aside.testimonial .author-txt {
	padding: 15px 30px 0 30px;
}

.split-cont4 aside.testimonial:before {
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #ffffff;
	position: absolute;
	top: -36px;
	right: auto;
	left: 50%;
	margin: 0 0 0 -15px;
}

.split-cont4 aside.testimonial:hover:before {
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 25px solid #ffffff;
	position: absolute;
	top: -54px;
	margin: 0 0 0 -25px;
}

.split-cont4 aside.testimonial .title {
	padding: 28px 0 0 30px;
}

.split-cont4 aside.type-4:before {
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #ffffff;
	position: absolute;
	top: -36px;
	right: auto;
	left: 50%;
	margin: 0 0 0 -15px;
}

.split-cont4 aside.type-4:hover:before {
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 25px solid #ffffff;
	position: absolute;
	top: -54px;
	margin: 0 0 0 -25px;
}
}

@media only screen and (max-width: 374px) {
.split-cont4 aside p {
	padding: 13px 6% 0 6%;
}

.split-cont4 aside .title {
	padding: 14px 6% 0 6%;
}
}


/* Split - Cont 5 */
.split-cont5 {
	padding: 80px 0 170px 0;
}

.split-cont5 .heading-txt h2 {
	padding: 0 0 21px 0;
	margin: 0 0 25px 0;
}

.split-cont5 aside.video a {
	width: 100%;
	float: left;
	position: relative;
}

.split-cont5 aside.video a:before {
	content: "";
	width: 100%;
	height: 100%;
	float: left;
	background: url(../images/video-play-01.svg) no-repeat center center;
	position: absolute;
	top: 0;
	left: 0;
	background-size: 60px auto;
	z-index: 20;
}

@media only screen and (max-width: 979px) {
.split-cont5 {
	padding: 60px 0 100px 0;
}
}

@media only screen and (max-width: 767px) {
.split-cont5 {
	padding: 40px 0 0 0;
}

.split-cont5 .heading-txt h2 {
	padding: 0 0 10px 0;
	margin: 0 0 22px 0;
}

.split-cont5 aside figure {
	height: 150px;
}

.split-cont5 aside figure img {
	min-width: 500px;
	margin: -20% -250px 0 -250px;
}

.split-cont5 aside.full-hight figure {
	height: 150px;
}

.split-cont5 aside.full-hight figure img {
	min-width: 500px;
	margin: -20% -250px 0 -250px;
}

.split-cont5 aside.video figure {
	height: auto
}

.split-cont5 aside.video a:before {
	background-size: 50px auto;
}
}


.form-block .gform_confirmation_message {color: #ffffff !Important;}

/* 
 5.) About 
-------------------------------------------------*/

/* Section - Team */
.section-team {
	width: 100%;
	float: left;
}

.section-team .container p strong {
	 font-family: 'robotobold';
}


.cont-txt {
	width: 100%;
	float: left;
	background: #009ac7;
	background: -moz-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #009ac7), color-stop(160%, #7fdaf9));
	background: -webkit-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -o-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -ms-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: linear-gradient(to right, #009ac7 0%, #7fdaf9 160%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#7fdaf9', GradientType=1 );
	padding: 60px 0 0 0;
	position: relative;
}

.cont-txt .container {
	max-width: 840px;
}

.cont-txt aside {
	width: 100%;
	float: left;
	padding: 0 0 60px 0;
}

.cont-txt aside h2 {
	color: #20cbf4;
	color: #ffffff;
}

.cont-txt aside h2:before {
	background: #20cbf4;
}

.cont-txt aside p {
	color: #ffffff;
}

.cont-txt .downarrow {
	width: 100%;
	float: left;
	text-align: center;
	margin: 0 0 20px 0;
}

.cont-txt .downarrow a {
	width: 56px;
	height: 22px;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-indent: -9999px;
	background: url(../images/downarrow.svg) no-repeat top center;
	background-size: 56px auto;
	margin: 0;
}

@media only screen and (max-width: 767px) {
.cont-txt {
	background: #009ac7;
	background: -moz-linear-gradient(top, #009ac7 0%, #99ddf9 100%, #009ac7 100%, #99ddf9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ac7), color-stop(100%, #99ddf9), color-stop(100%, #009ac7), color-stop(100%, #99ddf9));
	background: -webkit-linear-gradient(top, #009ac7 0%, #99ddf9 100%, #009ac7 100%, #99ddf9 100%);
	background: -o-linear-gradient(top, #009ac7 0%, #99ddf9 100%, #009ac7 100%, #99ddf9 100%);
	background: -ms-linear-gradient(top, #009ac7 0%, #99ddf9 100%, #009ac7 100%, #99ddf9 100%);
	background: linear-gradient(to bottom, #009ac7 0%, #99ddf9 100%, #009ac7 100%, #99ddf9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#99ddf9', GradientType=0 );
	padding: 40px 0 0 0;
}

.cont-txt aside {
	padding: 0 0 40px 0;
}

.cont-txt .downarrow {
	margin: 0 0 15px 0;
}

.cont-txt .downarrow a {
	width: 44px;
	height: 18px;
	background-size: 44px auto;
}
}


/* Team - Info */
.team-info {
	width: 100%;
	float: left;
}

.team-info article {
	width: 25%;
	float: left;
	position: relative;
	overflow: hidden;
}

.team-info article a {
	width: 100%;
	float: left;
	text-decoration: none;
}

.team-info article h3 {
	font-size: 28px;
	color: #ffffff;
	padding: 0 0 15px 0;
	margin: 0 0 16px 0;
}

.team-info article h3:before {
	background: #ffffff;
	margin: 0 0 0 -20px;
	left: 50%;
}

.team-info article p {
	font-size: 16px;
	color: #ffffff;
	line-height: 24px;
	letter-spacing: 0.02em;
	padding: 0;
}

.team-info article figure {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
}

.team-info article figure img {
	width: 100%;
}

.team-info article aside {
	width: 100%;
	height: 100%;
	float: left;
	text-align: center;
	background: rgba(0, 154, 199, 0.50);
	position: absolute;
	bottom: 0;
	left: -100%;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.team-info article:hover aside {
	bottom: 0;
	left: 0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

@media only screen and (max-width: 979px) {
.team-info article {
	width: 33.33%;
}

.team-info article h3 {
	font-size: 24px;
}
}

@media only screen and (max-width: 767px) {
.team-info article {
	width: 50%;
}

.team-info article h3 {
	font-size: 21px;
	padding: 0 0 6px 0;
	margin: 0 0 10px 0;
}

.team-info article h3:before {
	margin: 0 0 0 -12px;
}

.team-info article p {
	font-size: 13px;
	line-height: 19px;
}
}


/* Partner - Logo */
.partner-logos {
	width: 100%;
	float: left;
	padding: 80px 0;
}

.partner-logos .container {
	max-width: 840px;
}

.partner-logos h4 {
	font-size: 16px;
	letter-spacing: 0.02em;
	padding: 0 0 20px 0;
	margin: 0;
}

.partner-logos .content-txt {
	padding: 0;
	    margin-top: 30px;
}

.partner-logos .content-txt:last-child {
	padding-bottom: 0;
}

.partner-logos .content-txt .read-more {
	background: none;
	position: static;
}

.partner-logos {
	padding: 60px 0;
}

@media only screen and (max-width: 767px) {
.partner-logos {
	padding: 50px 0;
}
}


/* Filter - Links */
.filter-out {
	width: 100%;
	float: left;
	background: #ffffff;
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding: 40px 0 0 0;
}

.filter-link {
	width: 100%;
	float: left;
}

.filter-link:last-child {
	padding-bottom: 0;
}

.filter-link h4 {
	font-size: 16px;
	letter-spacing: 0.02em;
	padding: 0 0 20px 0;
	margin: 0;
}

.filter-link .filter-bar {
	width: 101.20%;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0 -0.60% -14px -0.60%;
}

.filter-link .filter-bar .button {
	width: 18.30%;
	height: 40px;
	float: none;
	display: inline-block;
	vertical-align: top;
	font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #7b7b7b;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	background: none;
	border: none;
	box-shadow:inset #7b7b7b 0 0 0 2px;
	padding: 0;
	margin: 0 0.60% 14px 0.60%;
	position: relative;
	outline: 0;
	cursor: pointer;
	text-transform: uppercase;
}

.filter-link .filter-bar .button:hover,
.filter-link .filter-bar .button.is-checked {
	color: #ffffff;
	background: #f47a20;
	box-shadow:inset #f47a20 0 0 0 2px;
}

@media only screen and (max-width: 767px) {
.filter-link .filter-bar {
	width: 100%;
	margin: 0 0 -10px 0;
}

.filter-link .filter-bar .button {
	width: auto;
	height: 40px;
	line-height: 38px;
	text-align: center;
	padding: 0 20px;
	margin: 0 3px 10px 3px;
}
}


/* Client - Logos */
.client-logos {
	width: 100%;
	float: left;
	text-align: center;
	padding: 60px 0 0 0;
}

.client-logos ul {
	width: 110%;
	float: left;
	padding: 0;
	margin: 0 -5% -30px -5%;
}

.client-logos ul li {
	width: 15%;
	height: 102px;
	float: left;
	padding: 0;
	margin: 0 5% 30px 5%;
}

.client-logos ul li img {
	max-width: 100%;
}

.client-logos ul li:before {
	display: none;
}

@media only screen and (max-width: 767px) {
.client-logos {
	padding: 30px 0 0 0;
}

.client-logos ul {
	width: 100%;
	margin: 0 0 -20px 0;
}

.client-logos ul li {
	width: 50%;
	padding: 0 30px;
	margin: 0 -2px 20px -2px;
}
}


/* Testimonials - Blue */
.testimonials-blue {
	background: #009ac7;
	background: -moz-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #009ac7), color-stop(160%, #7fdaf9));
	background: -webkit-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -o-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -ms-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: linear-gradient(to right, #009ac7 0%, #7fdaf9 160%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#7fdaf9', GradientType=1 );
	padding: 50px 0;
}

.testimonials-blue .container {
	max-width: 840px;
}

.testimonials-blue aside {
	max-width: 100%;
	padding: 25px 0 0 0;
	position: relative;
}

.testimonials-blue aside:before {
	background: url(../images/blue-quotemarks.svg) no-repeat top center;
	background-size: 65px auto;
	left: -80px;
}

@media only screen and (max-width: 979px) {
.testimonials-blue aside {
	padding: 25px 0 0 80px;
}

.testimonials-blue aside:before {
	background: url(../images/blue-quotemarks.svg) no-repeat top center;
	background-size: 65px auto;
	left: 0;
}
}

@media only screen and (max-width: 767px) {
.testimonials-blue {
	background: #009ac7;
	background: -moz-linear-gradient(top, #009ac7 0%, #99ddf9 100%, #009ac7 100%, #99ddf9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ac7), color-stop(100%, #99ddf9), color-stop(100%, #009ac7), color-stop(100%, #99ddf9));
	background: -webkit-linear-gradient(top, #009ac7 0%, #99ddf9 100%, #009ac7 100%, #99ddf9 100%);
	background: -o-linear-gradient(top, #009ac7 0%, #99ddf9 100%, #009ac7 100%, #99ddf9 100%);
	background: -ms-linear-gradient(top, #009ac7 0%, #99ddf9 100%, #009ac7 100%, #99ddf9 100%);
	background: linear-gradient(to bottom, #009ac7 0%, #99ddf9 100%, #009ac7 100%, #99ddf9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#99ddf9', GradientType=0 );
	padding: 50px 0;
}

.testimonials-blue aside {
	max-width: 100%;
	padding: 64px 0 0 0;
	position: relative;
}

.testimonials-blue aside:before {
	background-size: 50px auto;
}
}


/* Awards */
.awards-details {
	width: 100%;
	float: left;
	padding: 80px 0;
}

.awards-details .container {
	max-width: 840px;
}

.awards-details .heading-txt {
	width: 100%;
	float: left;
	padding: 0 0 45px 0;
}

.awards-details .heading-txt:last-child {
	padding-bottom: 0;
}

.awards-details article {
	width: 41%;
	float: left;
	    margin-bottom: 30px;
}

.awards-details article:nth-child(3) {
	clear: both;
}


.awards-details article:nth-child(even) {
	float: right;
}

.awards-details article h3 {
	color: #009ac7;
	line-height: 1.1em;
	padding: 0 0 18px 0;
	margin: 0;
}

.awards-details article h3:before {
	display: none;
}

.awards-details article p {
	font-size: 16px;
	line-height: 20px;
	padding: 0 0 17px 0;
}

.awards-details article p:last-child {
	padding-bottom: 0;
}

.awards-details article p em {
	font-family: "robotomediumitalic", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.awards-details article aside {
	width: 100%;
	float: left;
	padding: 0 0 55px 0;
}

.awards-details article aside:last-child {
	padding-bottom: 0;
}

.awards-details article .year {
	width: 100%;
	float: left;
	font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #7b7b7b;
	line-height: 20px;
	letter-spacing: 0.04em;
	padding: 0 0 25px 0;
	margin: 0;
}

.awards-details .article-bg {
	width: 100%;
	float: left;
}

@media only screen and (max-width: 979px) {
.awards-details {
	padding: 60px 0;
}

.awards-details article aside {
	padding: 0 0 40px 0;
}
}

@media only screen and (max-width: 767px) {
.awards-details {
	padding: 50px 0;
}

.awards-details .heading-txt {
	padding: 0 0 40px 0;
}

.awards-details article {
	width: 100%;
	padding: 0 0 35px 0;
}

.awards-details article:last-child {
	padding-bottom: 0;
}

.awards-details article aside {
	padding: 0 0 35px 0;
}
}


/* Careers - List */
.careers-list {
	width: 100%;
	float: left;
	background: #f0efef;
	padding: 80px 0;
}

.careers-list .container {
	max-width: 840px;
}

.careers-list h2 {
	margin: 0 0 30px 0;
}

.careers-list h3 {
	padding: 0;
	margin: 0 0 36px 0;
}

.careers-list h3:before {
	display: none;
}

.careers-list ul {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
}

.careers-list ul li {
	width: 100%;
	float: left;
	padding: 0 0 30px 28px;
	margin: 0;
}

.careers-list ul li:last-child {
	padding-bottom: 0;
}

.careers-list ul li:before {
	content: "";
	width: 0;
	height: 0;
	float: left;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 10px solid #f47a20;
	border-radius: 0;
	background: none;
	position: absolute;
	top: 6px;
	left: 0;
}

.careers-list ul li a {
	color: #7b7b7b;
	text-decoration: none;
}

.careers-list ul li a:hover {
	color: #f47a20;
}

.careers-list ul li a.active {
	color: #f47a20;
}

@media only screen and (max-width: 979px) {
.careers-list {
	padding: 60px 0;
}

.careers-list ul li {
	padding: 0 0 25px 28px;
}
}

@media only screen and (max-width: 767px) {
.careers-list {
	padding: 50px 0;
}

.careers-list h2 {
	margin: 0 0 28px 0;
}

.careers-list h3 {
	margin: 0 0 45px 0;
}

.careers-list ul li {
	padding: 0 0 20px 28px;
}
}


/* 
 6.) Bio - Details 
-------------------------------------------------*/

.bio-details {
	width: 100%;
	float: left;
	overflow: hidden;
	padding: 80px 0;
}

.bio-details aside {
	width: 58.70%;
	float: left;
	padding: 0;
}

.bio-details aside h2 {
	color: #f47a20;
}

.bio-details aside h3 {
	padding: 0;
}

.bio-details aside h3:before {
	display: none;
}

.bio-details aside .email {
	width: 100%;
	float: left;
	font-size: 21px;
	color: #7b7b7b;
	line-height: 26px;
	padding: 12px 0 0 0;
}

.bio-details aside .email a {
	width: 100%;
	float: left;
	color: #7b7b7b;
	text-decoration: none;
	background: url(../images/email-con.svg) no-repeat left center;
	background-size: 35px auto;
	padding: 5px 0 5px 50px;
	position: relative;
}

.bio-details aside .email a:hover {
	background: url(../images/BioDetail_Email_Icon_Rollover.svg) no-repeat left center;
	    background-size: 35px auto;
	
}

.bio-details aside .email a:hover {
	color: #f47a20;
}

.bio-details aside .email a.active {
	color: #f47a20;
}

/* twitter */

.bio-details aside .twitter_link {
	width: 100%;
	float: left;
	font-size: 21px;
	color: #7b7b7b;
	line-height: 26px;
	padding: 12px 0 0 0;
}

.bio-details aside .twitter_link a {
	width: 100%;
	float: left;
	color: #7b7b7b;
	text-decoration: none;
	background: url(../images/Twitter_Icon.svg) no-repeat left center;
	background-size: 35px auto;
	padding: 5px 0 5px 50px;
	position: relative;
}

.bio-details aside .twitter_link a:hover {

	background: url(../images/Twiitter_Icon_Rollover.svg) no-repeat left center;
	    background-size: 35px auto;
}

.bio-details aside .twitter_link a:hover {
	color: #f47a20;
}

.bio-details aside .twitter_link a.active {
	color: #f47a20;
}



/* linkedin */

.bio-details aside .linkedinlink {
	width: 100%;
	float: left;
	font-size: 21px;
	color: #7b7b7b;
	line-height: 26px;
	padding: 12px 0 0 0;
}

.bio-details aside .linkedinlink a {
	width: 100%;
	float: left;
	color: #7b7b7b;
	text-decoration: none;
	background: url(../images/LinkedIn_Icon.svg) no-repeat left center;
	background-size: 35px auto;
	padding: 5px 0 5px 50px;
	position: relative;
}

.bio-details aside .linkedinlink a:hover {
	background: url(../images/LinkedIn_Icon_Rollover.svg) no-repeat left center;
	    background-size: 35px auto;
}

.bio-details aside .linkedinlink a:hover {
	color: #f47a20;
}

.bio-details aside .linkedinlink a.active {
	color: #f47a20;
}


.bio-details .team-members {
	width: 34.80%;
	float: right;
	margin: 142px 0 0 0;
}

.bio-details .team-members ul {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0 0 19px 0;
}

.bio-details .team-members ul li {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
}

.bio-details .team-members ul li img {
	width: 100%;
}

.bio-details .team-members ul li:before {
	display: none;
}

.bio-details .team-members .nav-txt {
	   width: 80%;
    float: left;
    font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.04em;
    text-align: right;
    margin-top: 17px;
    padding: 0 0px 0 0;
    display: inline-block;
}

.nav-txt-arrows {
    /* float: left; */
    width: 32px;
    float: right;
    font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.04em;
    text-align: right;
    padding: 0 0px 0 0;
    margin-top: 17px;
    display: inline-block;
}

@media only screen and (max-width: 979px) {
.bio-details {
	padding: 60px 0;
}

.bio-details .team-members {
	margin: 132px 0 0 0;
}
}

@media only screen and (max-width: 767px) {
	
	.bio-details .team-members figure img {
    width: 100%;
}
	
	.bio-details .team-members .nav-txt {
	  display: none;
}

.bio-details .team-members  .nav-txt-arrows {
   display: none;
}
	
	
.bio-details {
	padding: 0 0 45px 0;
}

.bio-details .container {
	padding: 0;
}

.bio-details aside {
	width: 100%;
	padding: 0 30px;
}

.bio-details aside h2 {
	padding-bottom: 10px;
	margin-bottom: 13px;
}

.bio-details aside h3 {
	font-size: 21px;
	margin-bottom: 28px;
}

.bio-details .team-members {
	width: 100%;
	margin: 0 0 30px 0;
}

.bio-details .team-members ul {
	padding: 0;
	margin: 0;
}

.bio-details .team-members .nav-txt {
	display: none;
	padding: 0;
}
}

@media only screen and (max-width: 374px) {
.bio-details aside {
	padding: 0 6%;
}
}


/* Banner - Cta */
.banner-cta {
	width: 100%;
	float: left;
	overflow: hidden;
}

.banner-cta figure {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
}

.banner-cta figure img {
	width: 100%;
	min-width: 1000px;
	margin: 0 -500px;
}

.banner-cta2 figure img {
	width: 100%;
	min-width: 660px;
	margin: 0 -330px;
}


/* Btm - Section */
.btm-section {
	width: 100%;
	float: left;
	background: #009ac7;
	background: -moz-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ac7), color-stop(100%, #20cbf4), color-stop(100%, #009ac7), color-stop(100%, #20cbf4));
	background: -webkit-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: -o-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: -ms-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: linear-gradient(to bottom, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#20cbf4', GradientType=0 );
	overflow: hidden;
	padding: 60px 0;
}

.btm-section h3 {
	width: 190px;
	float: left;
	color: #ffffff;
	padding: 0 20px 17px 0;
	margin: 0 -190px 0 0;
	position: relative;
	z-index: 50;
}

.btm-section h3:before {
	background: #ffffff;
}

.btm-section aside {
	width: 100%;
	float: left;
	padding: 0 0 0 190px;
	margin: -3px 0 0 0;
}

.btm-section aside p {
	color: #ffffff;
	padding: 0 0 54px 0;
}

.btm-section aside .btn {
	padding: 10px 25px;
}

.btm-section aside .btn-out {
	text-align: right;
}

@media only screen and (max-width: 767px) {
.btm-section {
	padding: 50px 0;
}

.btm-section h3 {
	width: 100%;
	font-size: 26px;
	padding: 0 0 15px 0;
	margin: 0 0 30px 0;
}

.btm-section aside {
	padding: 0;
	margin: 0;
}

.btm-section aside p {
	padding: 0 0 44px 0;
}

.btm-section aside .btn-out {
	text-align: left;
}
}


/* 
 7.) Careers - Details 
-------------------------------------------------*/

.careers-details {
	width: 100%;
	float: left;
	overflow: hidden;
	padding: 80px 0;
}

.careers-details .container {
	max-width: 840px;
}

.careers-details h2 {
	margin-bottom: 42px;
}

.careers-details h3 {
	color: #009ac7;
	padding: 0 0 13px 0;
	margin: 0;
}

.careers-details h3:before {
	display: none;
}

.careers-details h4 {
	color: #009ac7;
	padding: 0 0 30px 0;
	margin: 0;
}

.careers-details .btn {
	width: 210px;
	padding-left: 0;
	padding-right: 0;
}

.careers-details .btn-out {
	padding: 18px 0 0 0;
}

.careers-details aside {
	width: 100%;
	float: left;
	padding: 0 0 33px 0;
}

.careers-details aside:last-child {
	padding-bottom: 0;
}

@media only screen and (max-width: 979px) {
.careers-details {
	padding: 60px 0;
}
}

@media only screen and (max-width: 767px) {
.careers-details {
	padding: 50px 0;
}

.careers-details h2 {
	margin-bottom: 30px;
}
}


/* 
 8.) Insights Newsletter Archive - Page
-------------------------------------------------*/

/* Archive - List */
.archive-list {
	width: 100%;
	float: left;
	padding: 75px 0 115px 0;
}

.archive-list h2 {
	margin: 0 0 70px 0;
}

.archive-list ul {
	width: 102%;
	float: left;
	text-align: center;
	list-style: none;
	padding: 0 0 65px 0;
	margin: 0 -1% -23px -1%;
}

.archive-list ul li {
	width: 31.4%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 0 0.7% 23px 0.7%;
}

.archive-list ul li:before {
	display: none;
}

.archive-list ul li a {
	width: 100%;
	float: left;
	font-size: 14px;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 16px;
	padding: 11px 10px;
    border: 2px solid #009ac7;
	background: #009ac7;
	    font-weight: normal;
    font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.04em;
}

.archive-list ul li a:hover {
	text-decoration: none;
	color: #009ac7;
	background: none;
}

@media only screen and (max-width: 979px) {
.archive-list {
	padding: 60px 0 80px 0;
}

.archive-list h2 {
	margin: 0 0 50px 0;
}

.archive-list ul {
	padding: 0 0 45px 0;
	margin: 0 -1% -18px -1%;
}

.archive-list ul li {
	width: 31.3%;
	margin: 0 0.7% 18px 0.7%;
}
}

@media only screen and (max-width: 767px) {
.archive-list {
	padding: 50px 0 65px 0;
}

.archive-list h2 {
	margin: 0 0 45px 0;
}

.archive-list ul {
	width: 104%;
	padding: 0 0 40px 0;
	margin: 0 -2% -17px -2%;
}

.archive-list ul li {
	width: 46%;
	margin: 0 1.5% 17px 1.5%;
}
}


/* 
 9.) Insights - Page 
-------------------------------------------------*/

/* Article - List */
.article-list {
	width: 100%;
	float: left;
	overflow: hidden;
	padding: 100px 0 120px 0;
}

.article-list h3 {
	width: 100%;
	float: left;
	font-size: 40px;
	line-height: 1.2em;
	position: relative;
	padding: 0 0 15px 0;
	margin: 0 0 35px 0;
}

.article-list h3 a {
	color: #7b7b7b;
}

.article-list h3 a:hover {
	text-decoration: none;
	color: #f47a20;
}

.article-list figure {
	width: 162.8%;
	float: left;
	text-align: center;
	background: #b5b6b8;
	padding: 1px;
	margin: 25px -62.8% 50px 0;
}

.article-list figure img {
	width: 100%;
}

.article-list aside {
	width: 61.40%;
	float: left;
}

.article-list aside p.lrg-txt {
	font-family: "robotobold", Arial, Helvetica, sans-serif;
	font-size: 27px;
	line-height: 34px;
}

.article-list aside p {
	font-family: "robotoregular", Arial, Helvetica, sans-serif;
	padding: 0 0 20px 0;
}

.article-list aside p:last-child {
	padding: 0;
}

.article-list .date-txt {
	width: 23%;
	float: right;
	padding: 0 23px 0 26px;
}

.article-list .date-txt p.lrg-txt {
	font-family: "robotocondensed_italic", Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 22px;
	padding: 0 0 30px 0;
}

.article-list .date-txt .month {
	font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
	font-size: 19px;
	text-transform: uppercase;
	line-height: 22px;
	position: relative;
	padding: 0 0 13px 0;
}

.article-list .date-txt .month:before {
	content: "";
	width: 0;
	height: 0;
	float: left;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 8px solid #009ac7;
	position: absolute;
	top: 5px;
	left: -30px;
}

.article-list .social-links p {
	letter-spacing: .5px;
	text-align: left;
	padding: 0 0 13px 0;
	    font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
    font-size: 16px;
    position: relative;
    text-align: left;
    padding: 0 18px 8px 0px;
}

.article-list .social-links ul li.linkedin a {
	background-image: url(../images/linkedin-icon2.svg);
}

.article-list .social-links ul li.linkedin a:hover {
	background-image: url(../images/linkedin-icon2-hover.svg);
}

.article-list .social-links ul li.facebook a {
	background-image: url(../images/facebook-icon2.svg);
}

.article-list .social-links ul li.facebook a:hover {
	background-image: url(../images/facebook-icon2-hover.svg);
}

.article-list .social-links ul li.twitter a {
	background-image: url(../images/twitter-icon2.svg);
}

.article-list .social-links ul li.twitter a:hover {
	background-image: url(../images/twitter-icon2-hover.svg);
}

.article-list article {
	width: 100%;
	float: left;
	border-bottom: 1px solid #95989a;
	padding: 0 0 53px 0;
	margin: 0 0 63px 0;
}

.article-list article:last-child {
	border: none;
	padding: 0;
	margin: 0;
}

.article-list .article-bg {
	width: 100%;
	float: left;
	overflow: hidden;
	padding: 0 0 80px 0;
}

.article-list .read-more.active {
	display: none;
}

.article-list .accord-btn {
	position: relative;
	padding: 0 0 0 23px;
}

.article-list .accord-btn:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 10px solid #f47a20;
	position: absolute;
	top: 4px;
	left: 0;
	display: block;
}

.article-list .close-btn:before {
	content: "";
	width: 0;
	height: 0;
	    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #f47a20;
	position: absolute;
	top: 4px;
	left: 0;
	display: block;
}

.article-list .close-btn {
position: relative;
    padding: 0 0 0 23px;
}

.article-list .accord-cont {
	width: 100%;
	float: left;
	padding: 20px 0;
	display: none;
}

.article-list .btn {
	width: 180px;
	padding-left: 0;
	padding-right: 0;
}

@media only screen and (max-width: 979px) {
.article-list {
	padding: 70px 0 90px 0;
}

.article-list h3 {
	font-size: 34px;
}

.article-list aside p.lrg-txt {
	font-size: 23px;
	line-height: 28px;
}

.article-list .date-txt {
	width: 30%;
}

.article-list .article-bg {
	padding: 0 0 50px 0;
}
}

@media only screen and (max-width: 767px) {
.article-list {
	border-top: 1px solid #b7b7b7;
	padding: 60px 0 80px 0;
}

.article-list h3 {
	font-size: 30px;
	padding: 0 0 10px 0;
	margin: 0 0 19px 0;
}

.article-list h3:before {
	display: none;
}

.article-list figure {
	width: 100%;
	margin: 25px 0 50px 0;
}

.article-list aside {
	width: 100%;
	padding: 0;
}

.article-list .date-txt {
	width: 100%;
	padding: 0 0 30px 0;
}

.article-list .date-txt p.lrg-txt {
	font-size: 18px;
	line-height: 20px;
	padding: 0;
}

.article-list .date-txt .month {
	font-size: 18px;
	line-height: 20px;
	padding: 0 0 10px 0;
}

.article-list .date-txt .month:before {
	display: none;
}

.article-list .social-links {
	padding: 20px 0 0 0;
	display: none;
}

.article-list .article-bg {
	padding: 0 0 40px 0;
}

.article-list .btn {
	width: 190px;
}
}


/* 
 10.) Case Study - Page
-------------------------------------------------*/

.testimonials2 {
	padding: 50px 0;
}

.testimonials2 aside {
	max-width: 100%;
}

.case-study-out {
	width: 100%;
	float: left;
	padding: 80px 0;
}

.case-study {
	width: 100%;
	float: left;
	padding: 0 0 80px 0;
}

.case-study:last-child {
	padding-bottom: 0;
}

.case-study aside {
	width: 100%;
	float: left;
	     padding: 17px 80px 90px 80px;
	position: relative;
}

.case-study aside:last-child {
	padding-bottom: 0;
}

.case-study aside:before {
	content: "";
	width: 40px;
	height: 3px;
	float: left;
	background: #f47a20;
	position: absolute;
	top: 0;
	left: 80px;
}

.case-study figure {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
	margin: 0 0 57px 0;
}

.case-study figure:last-child {
	margin-bottom: 0;
}

.case-study figure img {
	width: 100%;
}

.case-study .list-out {
	width: 100%;
	float: left;
}

.case-study .list-out h3 {
	color: #009ac7;
	padding: 0 0 22px 0;
	margin: 0;
}

.case-study .list-out h3:before {
	display: none;
}

.case-study .list {
	width: 100%;
	float: left;
}

.case-study .list ul {
	width: 45.65%;
	float: left;
	padding: 0;
	margin: 0;
}

.case-study .list ul:nth-child(even) {
	float: right;
}

.case-study .list ul li {
	width: 100%;
	float: left;
	font-family: "roboto_cnregular", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #7b7b7b;
	line-height: 24px;
	letter-spacing: 0.02em;
	padding: 0 0 15px 20px;
	margin: 0;
}

.case-study .list ul li:last-child {
	padding-bottom: 0;
}

.case-study .list ul li:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 7px solid #009ac7;
	background: none;
	border-radius: 0;
	position: absolute;
	top: 5px;
	left: 0;
}

.case-study .list ul li a {
	color: #7b7b7b;
	text-decoration: none;
}

.case-study .list ul li a:hover {
	color: #009ac7;
}

.case-study .list ul li a.active {
	color: #009ac7;
}

@media only screen and (max-width: 979px) {
.case-study-out {
	padding: 60px 0;
}

.case-study {
	padding: 0 0 60px 0;
}

.case-study aside {
	padding: 33px 0 52px 80px;
}
}

@media only screen and (max-width: 767px) {
.case-study-out {
	padding: 50px 0;
}

.case-study {
	padding: 0 0 50px 0;
}

.case-study .container {
	padding: 0;
}

.case-study aside {
	padding: 22px 30px 48px 30px;
}

.case-study aside:before {
	width: 24px;
	height: 2px;
	left: 30px;
}

.case-study figure {
	margin: 0 0 43px 0;
}

.case-study figure img {
	min-width: 900px;
	margin: 0 -450px;
}

.case-study .list-out {
	padding: 0 30px;
}

.case-study .list-out h3 {
	font-size: 26px;
	padding: 0 0 24px 0;
}

.case-study .list ul {
	width: 100%;
	padding: 0 0 15px 0;
}

.case-study .list ul:last-child {
	padding-bottom: 0;
}

.case-study .list ul li {
	padding: 0 0 15px 20px;
}
}

@media only screen and (max-width: 374px) {
.case-study aside {
	padding: 22px 6% 48px 6%;
}

.case-study aside:before {
	left: 6%;
}

.case-study .list-out {
	padding: 0 6%;
}
}


.bottom-logos {
	width: 100%;
	float: left;
}

.bottom-logos .coll-out {
	width: 100%;
	float: left;
	padding: 0 0 80px 0;
}

.bottom-logos .coll-out:last-child {
	padding-bottom: 0;
}

.bottom-logos .coll-out p {
	font-family: "robotomediumitalic", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	padding: 0;
}

.bottom-logos .left-cl {
	width: 58.70%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0 30px 0 0;
	margin: 0 -2px;
}

.bottom-logos .left-cl .logo {
	width: 100%;
	float: left;
	margin: 0 0 42px 0;
}

.bottom-logos .left-cl .logo img {
	max-width: 400px;
}

.bottom-logos .right-cl {
	width: 41.30%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	padding: 0 30px;
	margin: 0 -2px;
}

.bottom-logos .right-cl .logo {
	width: 100%;
	float: left;
	margin: 0 0 43px 0;
}

.bottom-logos .right-cl .logo img {
	max-width: 300px;
}

.bottom-logos .btn {
	padding-left: 25px;
	padding-right: 25px;
}

@media only screen and (max-width: 979px) {
.bottom-logos .coll-out {
	padding: 0 0 60px 0;
}

.bottom-logos .left-cl .logo {
	margin: 0 0 32px 0;
}

.bottom-logos .left-cl .logo img {
	max-width: 300px;
}

.bottom-logos .right-cl .logo {
	margin: 0 0 33px 0;
}

.bottom-logos .right-cl .logo img {
	max-width: 255px;
}
}

@media only screen and (max-width: 767px) {
.bottom-logos .coll-out {
	text-align: center;
	padding: 20px 0 80px 0;
}

.bottom-logos .left-cl {
	width: 100%;
	padding: 0;
	margin: 0 0 45px 0;
}

.bottom-logos .left-cl .logo {
	margin: 0 0 22px 0;
}

.bottom-logos .left-cl .logo img {
	max-width: 300px;
}

.bottom-logos .right-cl {
	width: 100%;
	padding: 0;
	margin: 0;
}

.bottom-logos .right-cl .logo {
	margin: 0 0 23px 0;
}

.bottom-logos .right-cl .logo img {
	max-width: 255px;
}
}

@media only screen and (max-width: 374px) {
.bottom-logos .left-cl .logo img {
	max-width: 260px;
}

.bottom-logos .right-cl .logo img {
	max-width: 240px;
}
}


/* 
 11.) Contact - Page 
-------------------------------------------------*/

/* Section - Address */
.section-address {
	width: 100%;
	float: left;
	text-align: center;
	padding: 80px 0;
}

.section-address aside {
	width: 50%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	padding: 0 0 0 10px;
	margin: 0 -2px;
}

.section-address aside p {
	text-transform: uppercase;
}

.section-address aside .mail {
	float: right;
	padding: 0 0 0 50px;
}

.section-address aside .mail a {
	font-family: "roboto-medium", Arial, Helvetica, sans-serif;
	color: #7b7b7b;
	text-transform: none;
}

.section-address aside .mail a:hover {
	color: #f47a20;
}

.section-address aside .mail a span {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 0 55px;
	margin: 0 -2px;
}

.section-address aside .mail a span.envelope {
	width: 35px;
	height: 35px;
	float: none;
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	color: #f47a20;
	text-align: center;
	background: url(../images/email-icon-01.svg) no-repeat;
	background-size: 35px auto;
	padding: 0;
	margin: 0 -35px 0 0;
}

.section-address aside .mail a:hover span.envelope {
	background: url(../images/BioDetail_Email_Icon_Rollover.svg) no-repeat;
}




.section-address article {
	width: 100%;
	max-width: 745px;
	float: none;
	display: inline-block;
}

@media only screen and (max-width: 979px) {
.section-address {
	padding: 70px 0;
}
}

@media only screen and (max-width: 767px) {
.section-address {
	padding: 30px 0 60px 0;
}

.section-address aside {
	width: 100%;
	float: left;
	padding: 0 0 30px 0;
	margin: 0;
}

.section-address aside p {
	line-height: 28px;
	padding: 0;
}

.section-address aside:last-child {
	padding: 0;
}

.section-address aside .mail {
	float: left;
	padding: 0;
}
}


/* Section - Map */
.section-map {
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
	z-index: 10;
	overflow: hidden;
}

.section-map .map {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
}

.section-map #map {
	width: 100%;
	height: 455px;
	display: inline-block;
	vertical-align: top;
	margin: 0 -50%;
}

@media only screen and (max-width: 767px) {
.section-map #map {
	height: 300px;
}
}



/* 
 12.) General - Page 
-------------------------------------------------*/

/* Content - Inner */
.content-inner {
	width: 100%;
	float: left;
	padding: 80px 0;
}

.content-inner h2 {
	font-size: 46px;
	line-height: 1.2em;
	padding: 0 0 12px 0;
	margin: 0 0 30px 0;
}

@media only screen and (max-width: 979px) {
.content-inner {
	padding: 60px 0;
}

.content-inner h2 {
	font-size: 40px;
}
}

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

.content-inner {
	padding: 50px 0;
}

.content-inner h2 {
	font-size: 30px;
}

.content-inner h2 br {
	display: none;
}
}


/* Left - Cont */
.left-content {
	width: 100%;
	float: left;
	padding: 0 220px 0 0;
}

.left-content h3 {
	color: #f47a20;
	line-height: 1.2em;
	padding: 0 0 19px 0;
	margin: 0;
}

.left-content h3:before {
	display: none;
}

.left-content ul {
	width: 100%;
	float: left;
	padding: 0 0 30px 0;
}

.left-content ul:last-child {
	padding: 0;
}

.left-content ul li {
	width: 100%;
	float: left;
}

.left-content ul li:before {
	background: #f47a20;
}

.left-content ol {
	width: 100%;
	float: left;
	padding: 0 20px 70px 0;
}

.left-content ol li {
	width: 100%;
	float: left;
}

.left-content .video {
	width: 100%;
	float: left;
	background: #878b8d;
	padding: 2px;
	position: relative;
}

.left-content .video figure {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
}

.left-content .video figure img {
	width: 100%;
	min-width: 700px;
	margin: 0 -350px;
}

.left-content .video figure a {
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
}

.left-content .video figure a:before {
	content: "";
	width: 100%;
	height: 100%;
	float: left;
	background: url(../images/video-play-02.png) no-repeat center center;
	background-size: 85px auto;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.left-content .video figure a:hover:before {
	background-size: 95px auto;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

@media only screen and (max-width: 767px) {
.left-content ol {
	padding: 0 20px 60px 0;
}

.left-content .video figure a:before {
	background-size: 55px auto;
}

.left-content .video figure a:hover:before {
	background-size: 65px auto;
}

.left-content .video .drop-box {
	bottom: 10px;
	right: 0;
}
}

@media only screen and (max-width: 767px) {
.left-content {
	width: 100%;
	padding: 0 0 45px 0;
}

.left-content h3 {
	padding: 0 0 18px 0;
}

.left-content ol {
	padding: 0 0 40px 0;
}

.left-content .video figure img {
	min-width: 100%;
	margin: 0;
}

.left-content .video figure a:before {
	background-size: 50px auto;
}

.left-content .video figure a:hover:before {
	background-size: 60px auto;
}
}


/* Side - Bar */
.side-bar {
	width: 180px;
	float: right;
	margin: 5px 0 0 -180px;
}

.side-bar h4 {
	font-size: 16px;
	position: relative;
	text-align: left;
	padding: 0 18px 8px 18px;
	letter-spacing: .5px;
}

.side-bar h4:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 8px solid #f47a20;
	position: absolute;
	top: 3px;
	left: 0;
}

.side-bar p {
	width: 100%;
	float: left;
	font-family: "robotocondensed_italic", Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 18px;
	padding: 0 18px 22px 18px;
}

.side-bar p a {
	font-family: "robotocondensed_italic", Arial, Helvetica, sans-serif;
	color: #7b7b7b;
}

.side-bar p a:hover {
	color: #009ac7;
}

.side-bar p:last-child {
	padding-bottom: 0;
}

.side-bar aside {
	width: 100%;
	float: left;
	padding: 0 0 40px 0;
}

.side-bar aside:last-child {
	padding: 0;
}

.side-bar .btn {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	margin: 0 0 12px 0;
}

.side-bar .btn:last-child {
	margin: 0;
}

.side-bar .social-links {
	padding: 0 0 25px 0;
}

.side-bar .social-links ul {
	padding: 10px 18px 0 18px;
	margin: 0 -5px -5px 0;
}

.side-bar .social-links ul li {
	float: none;
	display: inline-block;
	margin: 0 5px 5px 0;
}

.side-bar .social-links ul li.facebook a {
	background-image: url(../images/facebook-icon2.svg);
}

.side-bar .social-links ul li.facebook a:hover {
	background-image: url(../images/facebook-icon2-hover.svg);
}

.side-bar .social-links ul li.twitter a {
	background-image: url(../images/twitter-icon2.svg);
}

.side-bar .social-links ul li.twitter a:hover {
	background-image: url(../images/twitter-icon2-hover.svg);
}

.side-bar .social-links ul li.envelope a {
	background-image: url(../images/email-icon2.svg);
}

.side-bar .social-links ul li.envelope a:hover {
	background-image: url(../images/email-icon2-hover.svg);
}

.side-bar .resources {
	width: 100%;
	float: left;
	position: relative;
}

.side-bar .resources:hover .drop-box {
	display: block;
}

.side-bar .drop-box {
	width: 275px;
	float: right;
	background: #0097c6;
	background: -moz-linear-gradient(left, #0097c6 0%, #18bfe9 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #0097c6), color-stop(100%, #18bfe9));
	background: -webkit-linear-gradient(left, #0097c6 0%, #18bfe9 100%);
	background: -o-linear-gradient(left, #0097c6 0%, #18bfe9 100%);
	background: -ms-linear-gradient(left, #0097c6 0%, #18bfe9 100%);
	background: linear-gradient(to right, #0097c6 0%, #18bfe9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0097c6', endColorstr='#18bfe9', GradientType=1 );
	box-shadow: rgba(0, 0, 0, 0.3) 0 0 6px;
	position: absolute;
	bottom: -118px;
	right: 0;
	padding: 34px 35px;
	z-index: 50;
	display: none;
}

.side-bar .drop-box ul {
	width: 100%;
	float: left;
	padding: 0;
}

.side-bar .drop-box ul li {
	width: 100%;
	float: left;
	font-size: 15px;
	text-transform: none !important;
	line-height: 17px;
	text-transform: uppercase;
	border-bottom: 2px solid #ffffff;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

.side-bar .drop-box ul li:before {
	display: none;
}

.side-bar .drop-box ul li:last-child {
	border: none;
	padding: 0;
	margin: 0;
}

.side-bar .drop-box ul li a {
	color: #ffffff;
}

@media only screen and (max-width: 767px) {
.side-bar {
	width: 100%;
	float: left;
	margin: 0;
}

.side-bar .drop-box {
	padding: 25px 35px;
	right: auto;
	left: 0;
	bottom: -102px;
}
}


/* Bottom - Link */
.bottom-link {
	width: 100%;
	float: left;
	position: relative;
	padding: 0 0 0 25px;
}

.bottom-link:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 10px solid #f47a20;
	position: absolute;
	top: 4px;
	left: 0;
}

.bottom-link  a {
	position: relative;
	padding: 0 0 5px 0;
}

.bottom-link p a {font-family: 'robotobold'; color: #f47a20;}


/*.bottom-link p a:hover:before {
	content: "";
	width: 100%;
	height: 2px;
	float: left;
	background: #f79d5b;
	position: absolute;
	bottom: 0;
	left: 0;
}
*/

.bottom-link p a:hover {
	color: #f47a20;
	text-decoration: underline
}


/* 
 13.) Communications - Toolkit,
 14.) Partner - Project
-------------------------------------------------*/

/* Cta - Info */
.cta-info {
	width: 100%;
	float: left;
	background: #b2bb1e;
	background: -moz-linear-gradient(left, #b2bb1e 0%, #dedc3e 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b2bb1e), color-stop(100%, #dedc3e));
	background: -webkit-linear-gradient(left, #b2bb1e 0%, #dedc3e 100%);
	background: -o-linear-gradient(left, #b2bb1e 0%, #dedc3e 100%);
	background: -ms-linear-gradient(left, #b2bb1e 0%, #dedc3e 100%);
	background: linear-gradient(to right, #b2bb1e 0%, #dedc3e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2bb1e', endColorstr='#dedc3e', GradientType=1 );
	padding: 80px 0;
}

.cta-info .container {
	max-width: 840px;
}

.cta-info h2 {
	font-family: "cabinsketchbold", Arial, Helvetica, sans-serif;
	font-size: 42px;
	color: #ffffff;
	text-transform: none;
	padding-bottom: 16px;
	margin: 0 0 25px 0;
}

.cta-info h2:before {
	background: #ffffff;
}

.cta-info p {
	color: #ffffff;
}

.cta-info p a {
	color: #ffffff;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: #ffffff;
}

.cta-info p a:hover {
	color: #ffffff;
	text-decoration: none;
}

.cta-info p a.active {
	color: #ffffff;
	text-decoration: none;
}

.cta-info ul {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
}

.cta-info ul li {
	width: 100%;
	float: left;
	font-family: "robotoregular", Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 0 0 14px 18px;
}

.cta-info ul li:last-child {
	padding-bottom: 0;
}

.cta-info ul li:before {
	background: #ffffff;
}

.cta-info ul li:after {
	content: "\f101";
	width: auto;
	height: 0;
	font-family: "FontAwesome";
	font-size: 14px;
	color: #ffffff;
	line-height: 26px;
	padding: 0;
	margin: 0 0 0 6px;
}

.cta-info ul li a {
	font-family: "robotoregular", Arial, Helvetica, sans-serif;
	color: #ffffff;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-color: transparent;
}

.cta-info ul li a:hover {
	color: #ffffff;
	text-decoration: none;
	border-bottom-color: #ffffff;
}

.cta-info ul li a.active {
	color: #ffffff;
}

@media only screen and (max-width: 979px) {
.cta-info {
	padding: 60px 0;
}

.cta-info h2 {
	font-size: 36px;
}
}

@media only screen and (max-width: 767px) {
.cta-info {
	background: #b2bb1e; /* Old browsers */
	background: -moz-linear-gradient(top, #b2bb1e 0%, #e0de40 100%, #b2bb1e 100%, #e0de40 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b2bb1e), color-stop(100%, #e0de40), color-stop(100%, #b2bb1e), color-stop(100%, #e0de40)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b2bb1e 0%, #e0de40 100%, #b2bb1e 100%, #e0de40 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b2bb1e 0%, #e0de40 100%, #b2bb1e 100%, #e0de40 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #b2bb1e 0%, #e0de40 100%, #b2bb1e 100%, #e0de40 100%); /* IE10+ */
	background: linear-gradient(to bottom, #b2bb1e 0%, #e0de40 100%, #b2bb1e 100%, #e0de40 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2bb1e', endColorstr='#e0de40', GradientType=0 ); /* IE6-9 */
	padding: 50px 0;
}

.cta-info h2 {
	font-size: 30px;
	padding-bottom: 12px;
}
}


/* Section - Article */
.section-article {
	width: 100%;
	float: left;
	padding: 100px 0;
}

.section-article .container {
	max-width: 840px;
}

.section-article h2 {
	font-size: 40px;
	color: #f47a20;
	line-height: 1.1em;
	text-transform: none;
	padding-bottom: 16px;
}

.section-article article {
	width: 100%;
	float: left;
	margin: 0 0 80px 0;
}

.section-article article:last-child {
	margin-bottom: 0;
}

.section-article aside {
	width: 100%;
	float: left;
	padding: 0 0 53px 0;
}

.section-article aside:last-child {
	padding-bottom: 0;
}

.section-article .figure-bg {
	width: 100%;
	max-width: 730px;
	float: left;
	margin: 0 0 44px 0;
}

.section-article .figure-bg:last-child {
	margin-bottom: 0;
}

.section-article .figure-bg figure {
	width: 38.10%;
	float: left;
}

.section-article .figure-bg figure img {
	max-width: 100%;
}

.section-article .figure-bg .figure2 {
	width: 57.20%;
	float: right;
}

.section-article .figure-out {
	width: 100%;
	float: left;
	margin: 0 0 44px 0;
}

.section-article .figure-out:last-child {
	margin-bottom: 0;
}

.section-article .figure-out figure {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
	padding: 0 180px 0 0;
}

.section-article .figure-out figure img {
	max-width: 100%;
}

.section-article .figure-out {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.section-article .figure-out .btn {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.section-article .figure-out .btn-out {
	width: 180px;
	float: left;
	margin: 2px 0 0 -180px;
}

.section-article .list-out {
	width: 100%;
	float: left;
}

.section-article .list-out p {
	padding-bottom: 14px;
}

.section-article .list-out ul li:before {
	background: #f47a20;
}

@media only screen and (max-width: 979px) {
.section-article {
	padding: 70px 0;
}

.section-article h2 {
	font-size: 36px;
}

.section-article article {
	margin: 0 0 50px 0;
}

.section-article aside {
	padding: 0 0 43px 0;
}

.section-article .figure-bg {
	margin: 0 0 34px 0;
}

.section-article .figure-out {
	margin: 0 0 34px 0;
}
}

@media only screen and (max-width: 767px) {
.section-article {
	padding: 50px 0;
}

.section-article h2 {
	font-size: 28px;
	line-height: 1.2em;
	padding-bottom: 12px;
	margin: 0 0 23px 0;
}

.section-article article {
	margin: 0 0 35px 0;
}

.section-article .figure-bg figure {
	width: 100%;
	text-align: center;
	margin: 0 0 25px 0;
}

.section-article .figure-bg figure img {
	width: 100%;
	max-width: 235px;
}

.section-article .figure-bg figure:last-child {
	margin-bottom: 0;
}

.section-article .figure-bg .figure2 {
	width: 100%;
}

.section-article .figure-bg .figure2 img {
	width: 100%;
	max-width: 330px;
}

.section-article .figure-out figure {
	padding: 0;
	margin: 0 0 35px 0;
}

.section-article .figure-out figure:last-child {
	margin-bottom: 0;
}

.section-article .figure-out .btn-out {
	width: 100%;
	margin: 0;
}
}


/* 
 15.) Navigator - Diagram
-------------------------------------------------*/

.navigator-diagram {
	width: 100%;
	float: left;
	padding: 0 0 80px 0;
	position: relative;
	z-index: 200;
}
.navigator-diagram .container {
	max-width: 1040px; padding: 0px;}

.navigator-diagram figure {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
}

.navigator-diagram figure img {
	width: 100%;
}

@media only screen and (max-width: 979px) {
.navigator-diagram {
	padding: 0 0 60px 0;
}
}

@media only screen and (max-width: 767px) {
.navigator-diagram {
	padding: 0 0 50px 0;
}
}


/* 
 16.) Bite-Size Courses - Page 
-------------------------------------------------*/

.courses-filters {
	width: 100%;
	float: left;
	background: #f0efef;
	position: relative;
	overflow: hidden;
	padding: 45px 0 80px 0;
}

.courses-filters h2 {
	width: 100%;
	float: left;
	font-family: "cabinsketchbold", Arial, Helvetica, sans-serif;
	font-size: 43px;
	color: #009ac7;
	text-transform: none;
	padding: 0;
	margin: 0 0 25px 0;
}

.courses-filters h2:before {
	display: none;
}

.courses-filters .filter-link {
	padding: 0;
	margin: 0 0 45px 0;
}

.courses-filters .filter-link .button {
	width: 15%;
}

.courses-filters .filter-link .filter-bar .button:hover, .courses-filters .filter-link .filter-bar .button.is-checked {
	background: #009ac7;
	box-shadow: inset #009ac7 0 0 0 2px;
}

@media only screen and (max-width: 979px) {
.courses-filters .filter-link .button {
	width: 20%;
}
}

@media only screen and (max-width: 767px) {
.courses-filters {
	padding: 35px 0 60px 0;
}

.courses-filters h2 {
	font-size: 30px;
	margin-bottom: 20px;
}

.courses-filters .filter-link {
	padding: 0;
	margin: 0 0 25px 0;
}

.courses-filters .filter-link .button {
	width: auto;
}
}

.courses-filters .article-bg {
	width: 102.5%;
	float: left;
	margin: 0 -2.5% -2.5% 0;
}

.courses-filters .article-bg article {
	width: 47.5%;
	height: 450px;
	float: left;
	background: #ffffff;
	overflow: hidden;
	cursor: pointer;
	padding: 0 35px;
	margin: 0 2.5% 2.5% 0;
}

.courses-filters .article-bg article figure {
	width: 100%;
	height: 230px;
	float: left;
	line-height: 220px;
	text-align: center;
	margin: 0;
}

.courses-filters .article-bg article figure img {
	max-width: 100%;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

.courses-filters .article-bg article aside {
	width: 100%;
	float: left;
	padding: 0 3.5% 0 0;
}

.courses-filters .article-bg article aside h3 {
	min-height: 63px;
	line-height: 1.2em;
	background: none;
	padding: 0;
	margin: 0 0 13px 0;
}

.courses-filters .article-bg article aside h3:before {
	display: none;
}

.courses-filters .article-bg article aside p {
	font-family: "robotoregular", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #7b7b7b;
	line-height: 22px;
	padding: 0;
	margin: 0;
}

.courses-filters .article-bg article aside p a {
	color: #7b7b7b;
}

.courses-filters .article-bg article aside p span {
	font-family: "roboto-medium", Arial, Helvetica, sans-serif;
}

.courses-filters .article-bg article:hover {
	box-shadow: rgba(0, 0, 0, .10) 0 0 10px;
}

.courses-filters .article-bg article:hover figure img {
	-webkit-animation-name: tada;
	animation-name: tada;
}

.courses-filters .article-bg article:hover aside p span {
	color: #f47a20;
	text-decoration: underline;
}

@media only screen and (max-width: 979px) {
.courses-filters .article-bg article {
	height: 500px;
	padding: 0 20px 0 30px;
}

.courses-filters .article-bg article aside {
	padding: 0;
}

.courses-filters .article-bg article aside p {
	font-size: 14px;
	line-height: 22px;
}
}

@media only screen and (max-width: 739px) {
.courses-filters .article-bg {
	width: 100%;
	margin: 0 0 -20px 0;
}

.courses-filters .article-bg article {
	width: 100%;
	height: auto;
	padding: 6%;
	margin: 0 0 20px 0;
}

.courses-filters .article-bg article figure {
	height: auto;
	line-height: normal;
	margin: 0 0 25px 0;
}

.courses-filters .article-bg article aside h3 {
	min-height: inherit;
}
}

.cta-info2 {
	background: #009ac7;
	background: -moz-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #009ac7), color-stop(160%, #7fdaf9));
	background: -webkit-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -o-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -ms-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: linear-gradient(to right, #009ac7 0%, #7fdaf9 160%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#7fdaf9', GradientType=1 );
	padding: 50px 0;
}

.cta-info2 .container {
	max-width: 980px;
}

.cta-info2 h2 {
	width: 100%;
	float: left;
	font-size: 33px;
	padding-bottom: 12px;
	margin: 0 0 49px 0;
}

.cta-info2 h3 {
	width: 100%;
	float: left;
	color: #ffffff;
	padding: 0;
	margin: 0 0 25px 0;
}

.cta-info2 h3:before {
	display: none;
}

.cta-info2 .article-bg {
	width: 100%;
	float: left;
	margin: 0 0 -40px 0;
}

.cta-info2 .article-bg h4 {
	width: 100%;
	float: left;
	color: #20cbf4;
	text-transform: none;
	padding: 0;
	margin: 0 0 9px 0;
}

.cta-info2 .article-bg ul {
	padding: 0;
	margin: 0;
}

.cta-info2 .article-bg ul li {
	font-family: "roboto_cnregular", Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0 0 3px 0;
}

.cta-info2 .article-bg ul li a {
	font-family: "roboto_cnregular", Arial, Helvetica, sans-serif;
}

.cta-info2 .article-bg ul li:before {
	display: none;
}

.cta-info2 .article-bg article {
	width: 100%;
	float: left;
	margin: 0 0 35px 0;
}

.cta-info2 .article-bg .article-left {
	width: 45%;
	float: left;
}

.cta-info2 .article-bg .article-right {
	width: 47%;
	float: right;
}

@media only screen and (max-width: 767px) {
.cta-info2 {
	background: #009ac7;
	background: -moz-linear-gradient(top, #009ac7 0%, #009ac7 100%, #009ac7 100%, #009ac7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ac7), color-stop(100%, #009ac7), color-stop(100%, #009ac7), color-stop(100%, #009ac7));
	background: -webkit-linear-gradient(top, #009ac7 0%, #009ac7 100%, #009ac7 100%, #009ac7 100%);
	background: -o-linear-gradient(top, #009ac7 0%, #009ac7 100%, #009ac7 100%, #009ac7 100%);
	background: -ms-linear-gradient(top, #009ac7 0%, #009ac7 100%, #009ac7 100%, #009ac7 100%);
	background: linear-gradient(to bottom, #009ac7 0%, #009ac7 100%, #009ac7 100%, #009ac7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#009ac7', GradientType=0);
}

.cta-info h2 {
	font-size: 30px;
	padding-bottom: 0;
	margin: 0 0 49px 0;
}

.cta-info2 h2:before {
	display: none;
}
	
		.cta-info h2 {
    padding-bottom: 5px;
			    margin: 0 0 30px 0;
}

.cta-info2 .article-bg .article-left {
	width: 100%;
}

.cta-info2 .article-bg .article-right {
	width: 100%;
}
}


/* 
 17.) BiteSize Courses - Detail
-------------------------------------------------*/

.cont-txt2 {
	width: 100%;
	float: left;
	background: #f0efef;
	padding: 50px 0;
}

.cont-txt2 .container {
	max-width: 840px;
}

.cont-txt2 h2 {
	font-size: 40px;
	color: #f47a20;
	line-height: 1.1em;
	text-transform: none;
	padding: 0 0 16px 0;
	margin: 0 0 27px 0;
}

.cont-txt2 figure {
	width: 100%;
	float: left;
	margin: 0 0 28px 0;
}

.cont-txt2 figure img {
	max-width: 260px;
}

.cont-txt2 .btn {
	width: 180px;
	padding-left: 0;
	padding-right: 0;
}

.cont-txt2 .btn-out {
	padding: 18px 0 0 0;
}

@media only screen and (max-width: 979px) {
.cont-txt2 h2 {
	font-size: 36px;
}
}

@media only screen and (max-width: 767px) {
.cont-txt2 h2 {
	font-size: 30px;
}

.cont-txt2 figure {
	text-align: center;
}

.cont-txt2 figure img {
	max-width: 210px;
}

.cont-txt2 .btn {
	width: 100%;
}
}


.cont-txt3 {
	width: 100%;
	float: left;
	padding: 80px 0;
}

.cont-txt3 .container {
	max-width: 840px;
}

.cont-txt3 h3 {
	color: #009ac7;
	text-transform: uppercase;
	padding: 0 0 20px 0;
	margin: 0;
}

.cont-txt3 h3:before {
	display: none;
}

.cont-txt3 h4 {
	width: 100%;
	float: left;
	font-family: "robotobold", Arial, Helvetica, sans-serif;
	line-height: 26px;
	text-transform: none;
	padding: 0 0 12px 0;
	margin: 0;
}

.cont-txt3 h4:last-child {
	padding-bottom: 0;
}

.cont-txt3 h4 span {
	width: 100%;
	float: left;
	position: relative;
	padding: 0 0 0 20px;
}

.cont-txt3 h4 span:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 8px solid #f47a20;
	position: absolute;
	top: 8px;
	left: 0;
}

.cont-txt3 h4 a {
	font-family: "robotobold", Arial, Helvetica, sans-serif;
	color: #7b7b7b;
	text-decoration: none;
	border-bottom: 1px solid #f47a20;
}

.cont-txt3 h4 a:hover {
	color: #f47a20;
}

.cont-txt3 h4 a.active {
	color: #f47a20;
}

.cont-txt3 p {
	font-family: "robotoregular", Arial, Helvetica, sans-serif;
	padding: 0 0 31px 0;
}

.cont-txt3 p:last-child {
	padding-bottom: 0;
}

.cont-txt3 ol {
	width: 100%;
	float: left;
	padding: 14px 0 0 0;
	margin: 0;
}

.cont-txt3 ol li {
	width: 100%;
	float: left;
	font-family: "robotoregular", Arial, Helvetica, sans-serif;
	padding: 0 0 31px 0;
	position: relative;
}

.cont-txt3 ol li:before {
	width: auto;
	font-family: "robotoregular", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #7b7b7b;
	line-height: 26px;
	text-align: left;
	margin: 0 5px 0 0;
	position: static;
}

.cont-txt3 ol li:last-child {
	padding-bottom: 0;
}

.cont-txt3 ol li a {
	font-family: "roboto-medium", Arial, Helvetica, sans-serif;
	color: #009ac7;
}

.cont-txt3 aside {
	width: 100%;
	float: left;
	padding: 0 0 80px 0;
}

.cont-txt3 aside:last-child {
	padding-bottom: 0;
}

@media only screen and (max-width: 979px) {
.cont-txt3 {
	padding: 60px 0;
}

.cont-txt3 aside {
	padding: 0 0 60px 0;
}
}

@media only screen and (max-width: 979px) {
.cont-txt3 {
	padding: 50px 0;
}

.cont-txt3 aside {
	padding: 0 0 50px 0;
}
}


/* 
 18.) Tools - By - Subject
-------------------------------------------------*/

.section-tools {
	width: 100%;
	float: left;
	background: #f0efef;
	overflow: hidden;
	padding: 90px 0 50px 0;
}

.section-tools h2 {
	margin: 0 0 40px 0;
}

.section-tools .figure-bg {
	width: 50%;
	height: 100%;
	float: right;
	background: #ffffff;
	display: table;
}

.section-tools figure {
	width: 100%;
	height: 100%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	display: table-cell;
	padding: 50px 14px 38px 30px;
	overflow: hidden;
}

.section-tools figure img {
	width: 100%;
}

.section-tools .aside-bg {
	width: 50%;
	float: left;
	background: #14b8e3;
	background: -moz-linear-gradient(left, #14b8e3 0%, #009ac7 100%);
	background: -webkit-gradient(linear, top left, bottom right, color-stop(0%, #14b8e3), color-stop(100%, #009ac7));
	background: -webkit-linear-gradient(left, #14b8e3 0%, #009ac7 100%);
	background: -o-linear-gradient(left, #14b8e3 0%, #009ac7 100%);
	background: -ms-linear-gradient(left, #14b8e3 0%, #009ac7 100%);
	background: linear-gradient(to bottom, #14b8e3 0%, #009ac7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14b8e3', endColorstr='#009ac7', GradientType=1 );
}

.section-tools aside {
	width: 100%;
	float: left;
	padding: 62px 40px 90px 50px;
}

.section-tools aside h3 {
	color: #ffffff;
	margin: 0 0 15px 0;
}

.section-tools aside h3:before {
	width: 25px;
	background: #ffffff;
}

.section-tools aside p {
	color: #ffffff;
}

.section-tools .btn {
	width: 180px;
	padding-left: 0;
	padding-right: 0;
}

.section-tools .btn-out {
	width: 100%;
	float: left;
	padding: 21px 0 0 0;
}

.section-tools article {
	width: 100%;
	float: left;
}

@media only screen and (max-width: 979px) {
.section-tools {
	padding: 70px 0 50px 0;
}

.section-tools .figure-bg {
	width: 100%;
	height: auto;
}

.section-tools .aside-bg {
	width: 100%;
	float: left;
}
}

@media only screen and (max-width: 767px) {
.section-tools {
	background: #ffffff;
	padding: 35px 0 0 0;
}

.section-tools .container {
	padding: 0;
}

.section-tools h2 {
	padding: 0 30px 12px 30px;
	margin: 0
}

.section-tools h2:before {
	left: 30px;
}

.section-tools figure {
	padding: 36px 23px 30px 30px;
}

.section-tools aside {
	padding: 35px 30px 55px 30px;
}

.section-tools .btn-out {
	padding: 0;
}
}

@media only screen and (max-width: 374px) {
.section-tools h2 {
	padding: 0 5% 12px 5%;
}

.section-tools h2:before {
	left: 5%;
}

.section-tools figure {
	padding: 36px 6% 30px 6%;
}

.section-tools aside {
	padding: 35px 5% 55px 5%;
}
}


/* Section - Resources */
.section-resourcs {
	width: 100%;
	float: left;
	padding: 65px 0 100px 0;
}

.section-resourcs h3 {
	color: #009ac7;
	position: relative;
	padding: 0 0 14px 0;
	margin: 0;
	pointer-events: none;
}

.section-resourcs h3:before {
	content: "";
	width: 30px;
	height: 30px;
	float: left;
	background: url(../images/blueyellow-arrow-01.png) no-repeat 0 0;
	background-size: 30px auto;
	position: absolute;
	top: 0;
	left: -40px;
}

.section-resourcs aside {
	width: 100%;
	float: left;
}

.section-resourcs aside p {
	padding: 0 0 8px 0;
}

.section-resourcs aside ul {
	width: 100%;
	float: left;
	padding: 0 18px 8px 18px;
}

.section-resourcs aside ul:last-child {
	padding-bottom: 0;
}

.section-resourcs aside ul li {
	width: 100%;
	float: left;
	    padding-left: 18px;
}

.section-resourcs aside ul li:before {
	width: 6px;
	height: 6px;
	float: left;
	background: #f47a20;
	top: 11px;
}

.section-resourcs aside ul li a {
	 font-family: 'robotoregular';
	color: #7b7b7b;
}

.section-resourcs aside ul li a:hover {
	color: #f47a20;
}

.section-resourcs article {
	width: 45%;
	float: left;
	overflow: hidden;
	padding: 0 0 0 40px;
	margin: 0 5% 60px 0;
}

.section-resourcs .article-bg {
	width: 105%;
	float: left;
	overflow: hidden;
	margin: 0 -5% 40px 0;
}

.section-resourcs .article-bg:last-child {
	padding: 0;
}

.section-resourcs .top-txt {
	width: 100%;
	float: left;
	padding: 0 0 50px 0;
}

.section-resourcs .top-txt:last-child {
	padding: 0;
}

.section-resourcs .btn {
	width: 180px;
	padding-left: 0;
	padding-right: 0;
}

@media only screen and (max-width: 979px) {
.section-resourcs {
	padding: 55px 0 70px 0;
}
}

@media only screen and (min-width: 768px) {
.section-resourcs aside {
	height: auto!important;
	overflow: visible!important;
	display: block!important;
}
}

@media only screen and (max-width: 767px) {
.section-resourcs {
	padding: 40px 0 55px 0;
}

.section-resourcs aside ul {
	padding: 0 10px 8px 10px;
}

.section-resourcs aside ul li {
	font-family: "robotoregular", Arial, Helvetica, sans-serif;
	padding-left: 17px;
}

.section-resourcs aside p {
	font-family: "robotoregular", Arial, Helvetica, sans-serif;
}

.section-resourcs article {
	width: 100%;
	height: auto!important;
	position: relative!important;
	top: 0!important;
	left: 0!important;
	padding: 0;
	margin-bottom: 30px;
}

.section-resourcs .btn {
	width: 100%;
}

.section-resourcs .article-bg {
	width: 100%;
	height: auto!important;
	position: relative!important;
	top: 0!important;
	left: 0!important;
	padding: 0 0 50px 0;
	margin: 0 0 -30px 0;
}

.section-resourcs .top-txt {
	padding: 0 0 25px 0;
}

.section-resourcs h3 {
	letter-spacing: 0.02em;
	position: relative;
	cursor: pointer;
	padding: 0 40px;
	margin: 0;
	pointer-events: auto;
}

.section-resourcs h3:before {
	left: 0;
}

.section-resourcs h3.accord-btn:after {
	content: "";
	width: 0;
	height: 0;
	float: right;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 9px solid #009ac7;
	position: absolute;
	top: 10px;
	right: 15px;
}

.section-resourcs h3.accord-btn.active:after {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 9px solid #009ac7;
	border-top: 0;
}

.section-resourcs .accord-btn:hover {
	text-decoration: none;
}

.section-resourcs .accord-cont {
	width: 100%;
	float: left;
	padding: 30px 0 0 0;
	display: none;
}

.section-resourcs .accord-cont.active {
	display: block;
}
}


/* 
 19.) Tools - Communication - Page
-------------------------------------------------*/

.left-cont-in {
	width: 100%;
	float: left;
	padding: 0 20px 0 0;
}

@media only screen and (max-width: 767px) {
.left-cont-in {
	padding: 0;
}
}


/* Cont - Txt 4 */
.cont-txt4 {
	width: 100%;
	float: left;
	background: #f0efef;
	padding: 45px 0 70px 0;
}

.cont-txt4 .container {
	max-width: 790px;
}

.cont-txt4 h2 {
	font-size: 40px;
	color: #f47a20;
	line-height: 1.1em;
	text-transform: none;
	padding: 0 0 20px 0;
	margin: 0 0 27px 0;
}

.cont-txt4 figure {
	width: 100%;
	float: left;
	margin: 0 0 28px 0;
}

.cont-txt4 figure img {
	max-width: 170px;
}

.cont-txt4 .btn {
	width: 180px;
	padding-left: 0;
	padding-right: 0;
}

.cont-txt4 .btn-out {
	padding: 8px 0 30px 0;
}

.cont-txt4 .results-txt {
	width: 100%;
	float: left;
	font-size: 15px;
	line-height: 18px;
	color: #7b7b7b;
}

.cont-txt4 .results-txt a {
	font-family: "roboto-medium", Arial, Helvetica, sans-serif;
	color: #7b7b7b;
}

.cont-txt4 .results-txt a:hover {
	color: #f47a20;
	text-decoration: none;
}

@media only screen and (max-width: 979px) {
.cont-txt4 h2 {
	font-size: 36px;
}
}

@media only screen and (max-width: 767px) {
.cont-txt4 {
	padding: 45px 0 60px 0;
}

.cont-txt4 h2 {
	font-size: 30px;
}

.cont-txt4 figure {
	text-align: center;
}

.cont-txt4 .btn {
	width: 100%;
}
}


/* Cont - Txt 5 */
.cont-txt5 {
	width: 100%;
	float: left;
	background: #009ac7;
	background: -moz-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #009ac7), color-stop(160%, #7fdaf9));
	background: -webkit-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -o-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -ms-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: linear-gradient(to right, #009ac7 0%, #7fdaf9 160%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#7fdaf9', GradientType=1 );
	padding: 55px 0 70px 0;
}

.cont-txt5 .container {
	max-width: 790px;
}

.cont-txt5 h2 {
	font-family: "cabinsketchbold", Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #ffffff;
	line-height: 1.1em;
	text-transform: none;
	padding: 0 0 20px 0;
	margin: 0 0 45px 0;
}

.cont-txt5 h2:before {
	background: #ffffff;
}

.cont-txt5 ul {
	width: 100%;
	max-width: 590px;
	float: left;
}

.cont-txt5 ul li {
	width: 100%;
	float: left;
	color: #ffffff;
	padding: 0 0 30px 48px;
}

.cont-txt5 ul li:last-child {
	padding-bottom: 0;
}

.cont-txt5 ul li:before {
	content: "";
	width: 30px;
	height: 30px;
	float: left;
	background: url(../images/blueyellow-arrow-01.png) no-repeat 0 0;
	background-size: 30px auto;
	position: absolute;
	top: 0;
	left: 0;
}

@media only screen and (max-width: 979px) {
.cont-txt5 h2 {
	font-size: 36px;
}
}

@media only screen and (max-width: 767px) {
.cont-txt5 {
	background: #009ac7;
	background: -moz-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ac7), color-stop(100%, #20cbf4), color-stop(100%, #009ac7), color-stop(100%, #20cbf4));
	background: -webkit-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: -o-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: -ms-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: linear-gradient(to bottom, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#20cbf4', GradientType=0 );
}
	
.cont-txt5 h2 {
	font-size: 30px;
	margin: 0 0 35px 0;
}

.cont-txt5 ul li {
	padding: 0 0 26px 39px;
}

.cont-txt5 ul li:before {
	background-size: 25px auto
}
}


/* Cont - Txt 6 */
.cont-txt6 {
	width: 100%;
	float: left;
	padding: 55px 0 70px 0;
}

.cont-txt6 .container {
	max-width: 790px;
}

.cont-txt6 h2 {
	font-size: 40px;
	color: #f47a20;
	text-transform: none;
	padding: 0 0 20px 0;
}

.cont-txt6 h2:before {
	background: #f47a20;
}

@media only screen and (max-width: 979px) {
.cont-txt6 h2 {
	font-size: 36px;
}
}

@media only screen and (max-width: 767px) {
.cont-txt6 h2 {
	font-size: 30px;
	margin: 0 0 35px 0;
	    padding: 0 0 10px 0;
}
	
	
	.cont-txt5 h2 {
    padding: 0 0 10px 0;

}
	
	.cont-txt4 h2 {
    padding: 0 0 10px 0;
}
	
}



/* 
0.) Popup
-------------------------------------------------*/

.popup-bg {
	width: 920px;
	margin: 0 auto;
}

.popup {
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
	background: -moz-linear-gradient(left, #009ac7 0%, #66c7e9 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #009ac7), color-stop(100%, #66c7e9));
	background: -webkit-linear-gradient(left, #009ac7 0%, #66c7e9 100%);
	background: -o-linear-gradient(left, #009ac7 0%, #66c7e9 100%);
	background: -ms-linear-gradient(left, #009ac7 0%, #66c7e9 100%);
	background: linear-gradient(to bottom, #009ac7 0%, #66c7e9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#66c7e9', GradientType=1 );
	padding: 60px 30px 115px 30px;
}

.popup h3 {
	font-size: 34px;
	color: #ffffff;
	padding: 0 0 20px 0;
	margin: 0;
}

.popup h3:before {
	display: none;
}

.popup p {
    color: #ffffff;
    max-width: 700px;
    margin: 0 auto;
}

.popup aside {
	width: 100%;
	max-width: 700px;
	float: none;
	display: inline-block;
	padding: 0 0 50px 0;
}

.popup .social-links {
	padding: 0 0 45px 0;
}

.popup .social-links h3 {
	padding: 0 0 28px 0;
}

.popup .social-links ul {
	width: 100%;
	padding: 0;
	margin: 0;
}

.popup .social-links ul li {
	float: none;
	display: inline-block;
	padding: 0;
	margin: 0 8px 10px 8px;
}

.popup .social-links ul li a {
	width: 45px;
	height: 45px;
	background-size: 45px auto!important;
}

.popup .social-links ul li.linkedin a {
	background-image: url(../images/linkedin-icon-hover.svg);
}

.popup .social-links ul li.facebook a {
	background-image: url(../images/facebook-icon-hover.svg);
}

.popup .social-links ul li.twitter a {
	background-image: url(../images/twitter-icon-hover.svg);
}

.popup .form-block {
	width: 100%;
	max-width: 445px;
	float: none;
	display: inline-block;
}

.popup .form-block h3 {
	padding: 0 0 42px 0;
}

.popup .form-block ul {
	width: 100%;
	float: left;
	padding: 0 0 40px 0;
	margin: 0;
}

.popup .form-block ul li {
	width: 100%;
	float: left;
	padding: 0 0 30px 0;
}

.popup .form-block ul li:before {
	display: none;
}

.popup .form-block ul li:last-child {
	padding: 0;
}

.popup .form-block .btn, .popup-bg input[type="submit"] {
	width: 180px;
	float: left;
	padding-left: 0;
	padding-right: 0;
}

input, .popup .form-block .btn, input[type=submit] {
    -webkit-appearance: none;  border-radius: 0;  -webkit-border-radius: 0;
}

.popup .icon-close {
	width: 21px;
	height: 22px;
	float: right;
	text-decoration: none;
	text-indent: -9999px;
	line-height: 26px;
	background: url(../images/close-01.png) no-repeat 0 0;
	background-size: 21px auto;
	position: absolute;
	top: 25px;
	right: 31px;
}

.popup2 {
	background: -moz-linear-gradient(left, #b2bb1e 0%, #d5d537 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #b2bb1e), color-stop(100%, #d5d537));
	background: -webkit-linear-gradient(left, #b2bb1e 0%, #d5d537 100%);
	background: -o-linear-gradient(left, #b2bb1e 0%, #d5d537 100%);
	background: -ms-linear-gradient(left, #b2bb1e 0%, #d5d537 100%);
	background: linear-gradient(to bottom, #b2bb1e 0%, #d5d537 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2bb1e', endColorstr='#d5d537', GradientType=1 );
	padding: 60px 30px;
}

.popup3 {
	background: -moz-linear-gradient(left, #f47a20 0%, #f78b3b 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f47a20), color-stop(100%, #f78b3b));
	background: -webkit-linear-gradient(left, #f47a20 0%, #f78b3b 100%);
	background: -o-linear-gradient(left, #f47a20 0%, #f78b3b 100%);
	background: -ms-linear-gradient(left, #f47a20 0%, #f78b3b 100%);
	background: linear-gradient(to bottom, #f47a20 0%, #f78b3b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47a20', endColorstr='#f78b3b', GradientType=1 );
	padding: 55px 30px 125px 30px;
}

@media only screen and (max-width: 939px) {
.popup-bg {
	width: 100%;
}
}

@media only screen and (max-width: 767px) {
.popup {
	padding: 60px 30px;
}

.popup h3 {
	font-size: 26px;
	padding: 0 0 20px 0;
}

.popup p {
	font-family: "robotoregular", Arial, Helvetica, sans-serif;
	text-align: left;
}

.popup aside {
	max-width: 445px;
	padding: 0 0 40px 0;
}

.popup .social-links {
	padding: 0 0 25px 0;
}

.popup .social-links ul li {
	margin: 0 7px 10px 7px;
}

.popup .social-links ul li a {
	width: 40px;
	height: 40px;
	background-size: 40px auto!important;
}

.popup .form-block ul li {
	padding: 0 0 65px 0;
}

.popup .icon-close {
	width: 16px;
	background-size: 16px auto;
	top: 13px;
	right: 15px;
}

.popup2 {
	padding: 60px 30px;
}

.popup3 {
	padding: 60px 30px;
}
}

@media only screen and (max-width: 374px) {
.popup {
	padding: 60px 6%;
}

.popup2 {
	padding: 60px 6%;
}

.popup3 {
	padding: 60px 6%;
}
}



/*= #Fancybox
=======================================================*/

.popupcont {
	display: none;
}

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 0!important;
	margin: 0;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer,
.fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}


.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
	overflow: hidden !important;
	width: auto;
}

.fancybox-lock body {
	overflow: hidden !important;
}

.fancybox-lock-test {
	overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: rgba(0, 0, 0, .50);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

@media only screen and (max-width: 767px) {
.fancybox-skin {
	padding: 0!important;
	margin: 0!important;
}
}


/* Backgrounds */
.bg-blue {
	width: 100%;
	float: left;
	background: #009ac7;
	background: -moz-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #009ac7), color-stop(160%, #7fdaf9));
	background: -webkit-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -o-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -ms-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: linear-gradient(to right, #009ac7 0%, #7fdaf9 160%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#7fdaf9', GradientType=1 );
}

.bg-green {
	width: 100%;
	float: left;
	background: #b2bb1e;
	background: -moz-linear-gradient(left, #b2bb1e 0%, #dedc3e 160%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b2bb1e), color-stop(160%, #dedc3e));
	background: -webkit-linear-gradient(left, #b2bb1e 0%, #dedc3e 160%);
	background: -o-linear-gradient(left, #b2bb1e 0%, #dedc3e 160%);
	background: -ms-linear-gradient(left, #b2bb1e 0%, #dedc3e 160%);
	background: linear-gradient(to right, #b2bb1e 0%, #dedc3e 160%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2bb1e', endColorstr='#dedc3e', GradientType=1 );
}

@media only screen and (max-width: 767px) {
.bg-blue {
	background: #009ac7;
	background: -moz-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ac7), color-stop(100%, #20cbf4), color-stop(100%, #009ac7), color-stop(100%, #20cbf4));
	background: -webkit-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);

	background: -o-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: -ms-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: linear-gradient(to bottom, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#20cbf4', GradientType=0 );
}

.bg-green {
	background: #b2bb1e;
	background: -moz-linear-gradient(top, #b2bb1e 0%, #e0de40 100%, #b2bb1e 100%, #e0de40 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b2bb1e), color-stop(100%, #e0de40), color-stop(100%, #b2bb1e), color-stop(100%, #e0de40));
	background: -webkit-linear-gradient(top, #b2bb1e 0%, #e0de40 100%, #b2bb1e 100%, #e0de40 100%);
	background: -o-linear-gradient(top, #b2bb1e 0%, #e0de40 100%, #b2bb1e 100%, #e0de40 100%);
	background: -ms-linear-gradient(top, #b2bb1e 0%, #e0de40 100%, #b2bb1e 100%, #e0de40 100%);
	background: linear-gradient(to bottom, #b2bb1e 0%, #e0de40 100%, #b2bb1e 100%, #e0de40 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2bb1e', endColorstr='#e0de40', GradientType=0 );
}
}

li.gfield_error  input::-webkit-input-placeholder, 
 li.gfield_error  textarea::-webkit-input-placeholder {
	color:#000000 !important;

}

 li.gfield_error  input::-moz-placeholder, li.gfield_error textarea::-moz-placeholder {
	color:#000000 !important;

}

form[id*=give-form] .give-donation-amount #give-amount, form[id*=give-form] .give-donation-amount #give-amount-text {
    color: #5f5f5f;
}

form[id*=give-form] input[type=checkbox] {
    width: 20px;
    /* border: solid 1px red; */
    height: 20px;
    -webkit-appearance: checkbox;
}





/*
Table Of Contents
 
1.) Typography

2.) Default Styles
3.)  Home page 
3.1) Header
3.2) Section - Top
3.3) Cta - Two - Column
3.4) Testomonils
3.5) Footer

4.)  Inner Page
5.)  About
6.)  Bio - Details 
7.)  Careers - Details 
8.)  Insights Newsletter Archive
9.)  Insights
10.) Case Study
11.) Contact
12.) General
13.) Communications Toolkit
14.) Partner Project
15.) Navigator Diagram
16.) Bite Size Courses
17.) BiteSize Courses Detail
18.) Tools By Subject
19.) Tools Communication

0.)  Popup

===============================================*/

@import url("animate.css") all;
@import url("font-awesome.css") all;

/*
1.) Typography
----------------------------------------*/
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'robotoitalic';
    src: url('../fonts/roboto-italic-webfont.eot');
    src: url('../fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-italic-webfont.woff2') format('woff2'),
         url('../fonts/roboto-italic-webfont.woff') format('woff'),
         url('../fonts/roboto-italic-webfont.ttf') format('truetype'),
         url('../fonts/roboto-italic-webfont.svg#robotoitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

}

@font-face {
    font-family: 'robotomediumitalic';
    src: url('../fonts/roboto-mediumitalic.eot');
    src: url('../fonts/roboto-mediumitalic.eot') format('embedded-opentype'),
         url('../fonts/roboto-mediumitalic.woff2') format('woff2'),
         url('../fonts/roboto-mediumitalic.woff') format('woff'),
         url('../fonts/roboto-mediumitalic.ttf') format('truetype'),
         url('../fonts/roboto-mediumitalic.svg#robotomediumitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.eot');
    src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff'),
         url('../fonts/roboto-bold-webfont.ttf') format('truetype'),
         url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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

}

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

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

@font-face {
    font-family: 'cabinsketchbold';
    src: url('../fonts/cabinsketch-bold-webfont.eot');
    src: url('../fonts/cabinsketch-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cabinsketch-bold-webfont.woff2') format('woff2'),
         url('../fonts/cabinsketch-bold-webfont.woff') format('woff'),
         url('../fonts/cabinsketch-bold-webfont.ttf') format('truetype'),
         url('../fonts/cabinsketch-bold-webfont.svg#cabinsketchbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

}


/*
2.) Default Styles
----------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

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

/* render html5 elements as block */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

sub, sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
	font-size: 20px;
}

sub {
	bottom: -0.25em;
}

img {
	width: auto;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
	border: 0;
	-ms-interpolation-mode: bicubic;
	line-height: .5em;
}


/*  Custom animations
/*-------------------------------------------------- */
@-webkit-keyframes 
reveal {
 0% {
 opacity: 0;
}
 1% {
 opacity: 0;
 -webkit-transform: scale(0.98) translateY(-15px);
}
 80% {
 -webkit-transform: scale(1);
}
 100% {
 -webkit-transform: translateY(0);
}
}
 @-moz-keyframes 
reveal {
 0% {
 opacity: 0;
}
 1% {
 opacity: 0;
 -moz-transform: scale(0.98) translateY(-15px);
}
 80% {
 -moz-transform: scale(1);
}
 100% {
 -moz-transform: translateY(0);
}
}


/* #Basic Styles
================================================== */

body {
	/*font-family: "roboto-medium", Arial, Helvetica, sans-serif; */
	font-family: 'robotoregular', Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 26px;
	color: #4B5563;
	background: #ffffff;
}

@media only screen and (max-width: 767px) {
body {
	font-size: 16px;
	line-height: 24px; 
}
}


/* #Links
================================================== */

a { 
	font-family:"roboto_cnbold", Arial, Helvetica, sans-serif;
	color: #f47a20;
	outline: 0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;
	text-decoration: none;
}

p a {font-family: 'robotobold';}

a:hover {
	color: #f47a20;
	text-decoration: underline;
	outline: 0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

a:focus, a:active, a:visited {
	outline: 0;
	text-decoration: none;
}


/* #Typography
================================================== */

h1, h2, h3, h4, h5, h6 {
	font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 20px;
	line-height: 1em;
	letter-spacing: normal;
	text-transform: uppercase;
	padding: 0 0 25px 0;
	margin: 0;
	color: #4B5563;
}

h1 {
	font-size: 56px; 
}

h2 { 
	width: 100%; 
	float: left;
	font-size: 48px; 
	padding: 0 0 12px 0; 
	margin: 0 0 25px 0; 
	position: relative;
}

h2:before { 
	display: none;
	content: ""; 
	width: 40px; 
	height: 3px; 
	float: left; 
	background: #f47a20; 
	position: absolute; 
	bottom: 0; 
	left: 0;
}

h3 { 
	width: 100%; 
	float: left;
	font-size: 26px; 
	text-transform: none; 
	padding: 0 0 14px 0; 
	margin: 0 0 25px 0; 
	position:relative;
}

h3:before { 
	display: none;
	content: ""; 
	width: 40px; 
	height: 3px; 
	float: left; 
	background: #f47a20; 
	position: absolute; 
	bottom: 0; 
	left: 0;
}

h4 {
	font-size: 18px;
}

p {
	padding: 0 0 26px 0;
}

p:last-child {
	padding-bottom: 0;
}

em {
	font-style: normal;
	font-family: "robotoitalic", Arial, Helvetica, sans-serif;
}

strong {
	font-weight: normal;
	font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
}

.bold {
	font-weight: normal;
	font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
}

.upper {
	text-transform: uppercase;
}

.lower {
	text-transform: none;
}


@media only screen and (max-width: 979px) {
h1 {
	font-size: 48px; 
}

h2 { 
	font-size: 40px; 
}
}

@media only screen and (max-width: 767px) {
h1, h2, h3, h4, h5, h6 {
	line-height:1.2em;
	padding: 0 0 18px 0;
}

h1 {
	font-size: 35px; 
}

h2 { 
	font-size: 30px; 
	padding: 0 0 12px 0; 
	margin: 0 0 18px 0; 
}

h2:before { 
	width: 24px; 
	height: 2px; 
}

h3 { 
	font-size: 24px; 
	padding: 0 0 12px 0; 
	margin: 0 0 18px 0; 
}
	
	.split-cont aside h3 {
    font-size: 27px;
    letter-spacing: .5px;
 
}

h3:before { 
	width: 24px; 
	height: 2px; 
}
}


/* #Order and Unorder Styles
================================================= */

ul, ol, li {
	list-style: none; 
	padding: 0; 
	margin: 0;
}

ul li {
	padding: 0 0 8px 18px;
	position: relative;
}

ul li:last-child {
	padding-bottom: 0;
}

ul li:before {
	content: "";
	width: 5px;
	height: 5px;
	float: left;
	border-radius: 8px;
	background: #009ac7;
	position: absolute;
	top: 12px;
	left: 0;
}


ol { 
	width:100%; 
	float:left;
	list-style:none; 
	counter-reset:item;
	padding:0; 
	margin:0;  
}

ol:last-child { 
	padding:0;
}

ol li { 
	width:100%; 
	float:left;
	position:relative; 
	counter-increment:item;
	padding:0 0 34px 62px;
}

ol li:last-child { 
	padding-bottom:0;
}

ol li:before { 
	content:counter(item)"."; 
	width:60px; 
	height:auto;	
	float:left;
	font-family:"cabinsketchbold", Arial, Helvetica, sans-serif;
	font-size:42px; 
	line-height:42px; 
	text-align:center; 
	color:#009ac7; 
	background:none; 
	position:absolute; 
	top:4px; 
	left:0; 
	padding:0; 
	margin:0;
}

body.single-post .left-content ol li:before,
body.blog article ol li:before {
    content: counter(item) ".";
    width: 60px;
    height: auto;
    float: left;
    font-family: "cabinsketchbold", Arial, Helvetica, sans-serif;
    font-size: 42px;
    line-height: 42px;
    text-align: center;
    color: #009ac7;
    background: none;
    position: absolute;
    top: -3px;
left: 0;
    padding: 0;
    margin: 0;
}

body.single-post .left-content ol.two li:before,
body.blog article ol.two li:before {
    content: "2.";
    width: 60px;
    height: auto;
    float: left;
    font-family: "cabinsketchbold", Arial, Helvetica, sans-serif;
    font-size: 42px;
    line-height: 42px;
    text-align: center;
    color: #009ac7;
    background: none;
    position: absolute;
    top: -3px;
left: 0;
    padding: 0;
    margin: 0;
}

body.single-post .left-content ol.three li:before,
body.blog article ol.three li:before {
    content: "3.";
    width: 60px;
    height: auto;
    float: left;
    font-family: "cabinsketchbold", Arial, Helvetica, sans-serif;
    font-size: 42px;
    line-height: 42px;
    text-align: center;
    color: #009ac7;
    background: none;
    position: absolute;
    top: -3px;
left: 0;
    padding: 0;
    margin: 0;
}

body.single-post .left-content ol.four li:before,
body.blog article ol.four li:before {
    content: "4.";
    width: 60px;
    height: auto;
    float: left;
    font-family: "cabinsketchbold", Arial, Helvetica, sans-serif;
    font-size: 42px;
    line-height: 42px;
    text-align: center;
    color: #009ac7;
    background: none;
    position: absolute;
    top: -3px;
left: 0;
    padding: 0;
    margin: 0;
}

body.single-post .left-content ol.five li:before,
body.blog article ol.five li:before {
    content: "5.";
    width: 60px;
    height: auto;
    float: left;
    font-family: "cabinsketchbold", Arial, Helvetica, sans-serif;
    font-size: 42px;
    line-height: 42px;
    text-align: center;
    color: #009ac7;
    background: none;
    position: absolute;
    top: -3px;
left: 0;
    padding: 0;
    margin: 0;
}

body.single-post .left-content ol.six li:before,
body.blog article ol.six li:before {
    content: "6.";
    width: 60px;
    height: auto;
    float: left;
    font-family: "cabinsketchbold", Arial, Helvetica, sans-serif;
    font-size: 42px;
    line-height: 42px;
    text-align: center;
    color: #009ac7;
    background: none;
    position: absolute;
    top: -3px;
left: 0;
    padding: 0;
    margin: 0;
}

body.single-post .left-content ol.seven li:before,
body.blog article ol.seven li:before {
    content: "7.";
    width: 60px;
    height: auto;
    float: left;
    font-family: "cabinsketchbold", Arial, Helvetica, sans-serif;
    font-size: 42px;
    line-height: 42px;
    text-align: center;
    color: #009ac7;
    background: none;
    position: absolute;
    top: -3px;
left: 0;
    padding: 0;
    margin: 0;
}

body.single-post .left-content ol.eight li:before,
body.blog article ol.eight li:before {
    content: "8.";
    width: 60px;
    height: auto;
    float: left;
    font-family: "cabinsketchbold", Arial, Helvetica, sans-serif;
    font-size: 42px;
    line-height: 42px;
    text-align: center;
    color: #009ac7;
    background: none;
    position: absolute;
    top: -3px;
left: 0;
    padding: 0;
    margin: 0;
}

body.single-post .left-content ol.nine li:before,
body.blog article ol.nine li:before {
    content: "9.";
    width: 60px;
    height: auto;
    float: left;
    font-family: "cabinsketchbold", Arial, Helvetica, sans-serif;
    font-size: 42px;
    line-height: 42px;
    text-align: center;
    color: #009ac7;
    background: none;
    position: absolute;
    top: -3px;
left: 0;
    padding: 0;
    margin: 0;
}

body.single-post .left-content ol.ten li:before,
body.blog article ol.ten li:before {
    content: "10.";
    width: 60px;
    height: auto;
    float: left;
    font-family: "cabinsketchbold", Arial, Helvetica, sans-serif;
    font-size: 42px;
    line-height: 42px;
    text-align: center;
    color: #009ac7;
    background: none;
    position: absolute;
    top: -3px;
left: 0;
    padding: 0;
    margin: 0;
}


body.single-post .left-content ol {
    width: 100%;
    float: left;
    padding: 0 20px 25px 0;
}

body.blog article ol {padding-bottom: 27px;}

@media only screen and (max-width: 979px) {
ol li:before { 
	font-size:36px; 
	line-height:36px; 
}
}

@media only screen and (max-width: 767px) {
ol li {
	padding:0 0 30px 50px;
}

ol li:before { 
	width:40px; 
	font-size:30px; 
	line-height:30px; 
}
}


/* #Input - Styles
================================================= */

input, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: 0;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
	outline: 0;
}

input, textarea {
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

.input, .textarea, input, input[type="text"],
.um-1797.um .um-form input[type=text],
.um-1798.um .um-form input[type=text]{
	width: 100%;
	height: 38px;
	float: left;
	font-family: 'robotoregular';
	
	font-size: 14px;
	color:rgba(255, 255, 255, 1);
	border: none;
	border-bottom: 2px solid rgba(255, 255, 255, 0.5);
	border-radius: 0;
	    text-transform: none;
	line-height: 20px;
	letter-spacing: normal;
	padding: 10px 0px;
	outline: none;
	background: none;
	position: relative;
	margin: 0;
}

.textarea {
	height: 100px;
	padding: 10px 15px;
	outline: none;
	resize: none;
}


:placeholder {
	color:rgba(255, 255, 255, 1);
	font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
}

input::-webkit-input-placeholder, 
textarea::-webkit-input-placeholder {
	color:rgba(255, 255, 255, 1);
	font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
}

input::-moz-placeholder, textarea::-moz-placeholder {
	color:rgba(255, 255, 255, 1);
	font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
}


/* #Buttons
================================================== */

.btn, .popup-bg input[type="submit"] {
	width: auto;
	height: auto;
	float: none;
	display: inline-block;
	font-weight: normal;
	font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #7b7b7b;
	line-height: 18px;
	letter-spacing: 0.04em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: normal;
	vertical-align: middle;
	background: #ffffff;
	border: none;
	box-shadow: inset #f47a20 0 0 0 2px;
	filter: 0;
	border-radius: 0;
	position: relative;
	cursor: pointer;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	padding: 11px 30px;
	margin: 0;
	/*width: 180px;*/
}

.btn:hover, 
.btn:focus, 
.btn:active, 
.btn:active:focus, 
.btn.active:focus.
.popup-bg input[type="submit"]:hover,
.popup-bg input[type="submit"]:focus,
.popup-bg input[type="submit"]:active,
.popup-bg input[type="submit"]:active:focus,
.popup-bg input[type="submit"].active:focus {
	color: #ffffff; 
	background: #f47a20;
	text-decoration: none;
}

.btn.disabled, 
.btn[disabled], 
fieldset[disabled] .btn {
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}

a.btn.disabled, 
fieldset[disabled] a.btn {
	pointer-events: none;
}

.btn-blue {
	box-shadow: inset #009ac7 0 0 0 2px;
}

.btn-blue:hover, 
.btn-blue:focus, 
.btn-blue:active, 
.btn-blue:active:focus, 
.btn-blue.active:focus {
	background: #009ac7;
}

.btn-fil { 
	color: #ffffff;
	background: #009ac7;
	box-shadow: none;
}

.btn-fil:hover, 
.btn-fil:focus, 
.btn-fil:active, 
.btn-fil:active:focus, 
.btn-fil.active:focus {
	color: #009ac7;
	background: none;
	box-shadow: inset #009ac7 0 0 0 2px;
}

.btn-white, .popup-bg input[type="submit"] {
	background: #ffffff; 
	box-shadow: inset #ffffff 0 0 0 2px;
}

.btn-white:hover, 
.btn-white:focus, 
.btn-white:active, 
.btn-white:active:focus, 
.btn-white.active:focus,
.popup-bg input[type="submit"]:hover, 
.popup-bg input[type="submit"]:focus,
.popup-bg input[type="submit"]:active,
.popup-bg input[type="submit"]:active:focus,
.popup-bg input[type="submit"].active:focus { 
	color: #ffffff;
	background: none;
}

.btn-gray {
	background: #e2e2e2;
	box-shadow: inset #e2e2e2 0 0 0 2px;
}

.btn-gray:hover, 
.btn-gray:focus, 
.btn-gray:active, 
.btn-gray:active:focus, 
.btn-gray.active:focus { 
	color: #ffffff;
	background: none;
	box-shadow: inset #ffffff 0 0 0 2px;
}

.btn-white2 { 
	color: #ffffff;
	background: none;
	box-shadow: inset #ffffff 0 0 0 2px; 
}

.btn-white2:hover, 
.btn-white2:focus, 
.btn-white2:active, 
.btn-white2:active:focus, 
.btn-white2.active:focus { 
	color: #009ac7;
	background: #ffffff;
	box-shadow: inset #ffffff 0 0 0 2px;
}

.btn-out {
	width: 100%;
	float: left;
}



	.CC_tag {
       float: right;
    width: 180px;
 
    margin-bottom: -37px;
    z-index: 8888;
}

@media (max-width: 767px) {
.CC_tag {
    float: left;
    width: 180px;
    padding-top: 30px;
    margin-bottom: -20px;
    z-index: 8888;
}
}

/* #Owl-carousel
=======================================================*/

.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel {
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
	margin:0;
}

.owl-carousel .owl-wrapper {
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
	float: left;
}

.owl-controls .owl-page, .owl-controls .owl-buttons div {
	cursor: pointer;
}



/* #Slider Controls
================================================== */

.owl-controls {
	width: 100%;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

/* Previous and Next */
.owl-buttons {
	width: 100%;
	float: left;
}

.owl-buttons div {
	width: 0;
	height: 0;
	float: left;
	position: absolute;
	bottom: -20px;
	z-index: 10;
	cursor: pointer;
	text-indent: -99999px;
	margin: 0;
}

.owl-buttons div:before {
	width: 0;
	height: 0;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
}

.owl-buttons .owl-prev {
	right: 32px;
}

.owl-buttons .owl-prev:before {
	content: "";
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 10px solid #f47a20;
}

.owl-buttons .owl-next {
	right: 10px;
}

.owl-buttons .owl-next:before {
	content: "";
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 10px solid #f47a20;
}

@media (max-width: 767px) {
.owl-buttons div {
	display: none;
}
}


/* #Show-Hide Responsive Options
================================================== */

.show_mobile {
	display: none;
}

.hide_mobile {
	display: block;
}

.show_both {
	display: none;
}

.hide_both {
	display: block;
}

@media only screen and (max-width: 979px) {
.show_both {
	display: block;
}

.hide_both {
	display: none;
}
}

@media only screen and (max-width: 767px) {
.show_mobile {
	display: block
}

.hide_mobile {
	display: none
}
}



/*
 3.) Home page
----------------------------------------*/

.container-main {
	width: 100%;
	float: left;
}

.container-lrg {
	width: 100%;
	    max-width: 1280px;
    margin: 0 auto;
       padding: 0 25px !important;
}

.container {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
	padding: 0 30px;
}

@media only screen and (max-width: 767px) {
.container-lrg {
	padding: 0 30px;
}

.container {
	padding: 0 30px;
}
	.testimonials .container {
 
      padding: 0px 5% 48px 5%;
}
	
}

@media only screen and (max-width: 374px) {
.container-lrg {
	padding: 0 6%;
}

.container {
	padding: 0 6%;
}
}


/* container - In */
.container-in {
	width: 100%;
	float: left;
	margin: 110px 0 0 0;
}

@media only screen and (max-width: 767px) {
.container-in {
	margin: 80px 0 0 0;
}
}

/* Vertical Align - Middle */
.outer-bg {
	width: 100%;
	height: 100%;
	float: none;
	display: table;
	margin: 0 auto
}

.inner-bg {
	width: 100%;
	height: 100%;
	float: none;
	display: table-cell;
	vertical-align: middle;
}


/* Read - More */
.read-more {
	width: 100%;
	float: left;
	font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #f47a20;
	line-height: 20px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
}

.read-more a {
	float: left;
	color: #f47a20;
	text-decoration: none;
	padding: 0 0 0 20px;
	position: relative;
}

.read-more a:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 10px solid #f47a20;
	position: absolute;
	top: 4px;
	left: 0;
}

.read-more a:hover {
	color: #f47a20;
	text-decoration: underline;
}

.read-more a.active {
	color: #f47a20;
	text-decoration: underline;
}


/* Social - Links */
.social-links {
	width: 100%;
	float: left;
	text-align: center;
	padding: 0 0 25px 0;
}

.social-links:last-child {
	padding: 0;
}

.social-links ul {
	float: left;
	margin: 0 -12px -12px 0;
}

.social-links ul li {
	float: left;
	padding: 0;
	margin: 0 12px 12px 0;
}

.social-links ul li a {
	width: 32px;
	height: 32px;
	float: left;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 32px auto!important;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.social-links ul li:before {
	display: none;
}

.social-links ul li.linkedin a {
	background-image: url(../images/linkedin-icon.svg);
}

.social-links ul li.linkedin a:hover {
	background-image: url(../images/linkedin-icon-hover.svg);
}

.social-links ul li.facebook a {
	background-image: url(../images/facebook-icon.svg);
}

.social-links ul li.facebook a:hover {
	background-image: url(../images/facebook-icon-hover.svg);
}

.social-links ul li.twitter a {
	background-image: url(../images/twitter-icon.svg);
}

.social-links ul li.twitter a:hover {
	background-image: url(../images/twitter-icon-hover.svg);
}

@media only screen and (max-width: 767px) {
.social-links {
	padding: 0 0 35px 0;
}
}


/* Title - Txt */
.title-txt {
	width: 100%;
	float: left;
	font-family: "robotobold", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #ffffff;
	line-height: 23px;
	position: relative;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}

.title-txt:before {
	content: "";
	width: 40px;
	height: 3px;
	float: left;
	background: #ffffff;
	position: absolute;
	bottom: 0;
	left: 0;
}

@media only screen and (max-width: 1279px) {
.title-txt {
	font-size: 18px;
}
}

@media only screen and (max-width: 767px) {
.title-txt {
	font-size: 15px;
	line-height: 18px;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

.title-txt:before {
	width: 24px;
	height: 2px;
}
}






.testimonials p {
	font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
	font-family: "Roboto Condensed", sans-serif;
	    font-size: 34px;
	color: #A3AA1E;
    line-height: 38px;
        letter-spacing: 0.02em;
	padding: 0 0 35px 0;
	font-weight: 600;
}

.testimonials p:last-child {
	padding-bottom: 0;
}

.testimonials .author-name {
	width: 100%;
	float: left;
	font-family: "roboto-medium", Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #A3AA1E;
	line-height: 20px;
	letter-spacing: 0.02em;
	padding: 0 0 0 17px;
	margin: 0;
	position: relative;
}

.testimonials .author-name em {
	font-family: "roboto-medium", Arial, Helvetica, sans-serif;
}

.testimonials .author-name:before {
	content: "";
	width: 10px;
	height: 2px;
	float: left;
	background: #A3AA1E;
	position: absolute;
	top: 9px;
	left: 0;
}

.testimonials aside {
	width: 100%;
	    max-width: 1000px;
    float: left;
    padding: 0 0 0 13%;
	position: relative;
}

.testimonials.reversed aside {
    width: 100%;
    max-width: 1000px;
    float: right;
    padding: 0 13% 0 0%;
    position: relative;
}

.testimonials aside:before {
	content: "";
	display: none;
	width: 65px;
	height: 54px;
	float: left;
	background: url(../images/green-quote-mark.svg) no-repeat center center;
	background-size: 65px auto;
	position: absolute;
	top: 0;
	left: 0;
}

@media only screen and (max-width: 1322px) {
.testimonials.reversed aside {
    width: 100%;
    max-width: 1000px;
    float: right;
          padding: 47px 13% 0 13%;
    position: relative;
}
	
}

@media only screen and (max-width: 979px) {
.testimonials {
padding: 0 0
}
	
	.testimonials .container {
    width: 90%;
	}
	
	.testimonials aside {
    padding: 0 10% 0 10%;
	}
}

@media only screen and (max-width: 767px) {
.testimonials {
	background: #b2bb1e;
	background: -moz-linear-gradient(top, #b2bb1e 0%, #e0de40 100%, #b2bb1e 100%, #e0de40 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b2bb1e), color-stop(100%, #e0de40), color-stop(100%, #b2bb1e), color-stop(100%, #e0de40));
	background: -webkit-linear-gradient(top, #b2bb1e 0%, #e0de40 100%, #b2bb1e 100%, #e0de40 100%);
	background: -o-linear-gradient(top, #b2bb1e 0%, #e0de40 100%, #b2bb1e 100%, #e0de40 100%);
	background: -ms-linear-gradient(top, #b2bb1e 0%, #e0de40 100%, #b2bb1e 100%, #e0de40 100%);
	background: linear-gradient(to bottom, #b2bb1e 0%, #e0de40 100%, #b2bb1e 100%, #e0de40 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2bb1e', endColorstr='#e0de40', GradientType=0 );
	padding: 0px 0;
}

.testimonials p {
	font-size: 22px;
	padding: 0 0 25px 0;
	    line-height: 30px;
}

.testimonials .author-name {
	font-size: 14px;
}

.testimonials aside {
	padding: 64px 0 0 0;
}

.testimonials aside:before {
	width: 50px;
	height: 40px;
	background-size: 50px auto;
}
}


/*
3.1) Header
----------------------------------------*/

.header-main {
	width: 100%;
	height: 75px;
	float: left;
	/*position: absolute;*/
	top: 0;
	left: 0;
	z-index: 2000;
}
.header-main .container {
    max-width: 1280px;
    padding: 0 25px;
}
.header-main .logo {
	width: 242px;
	float: left;
	    line-height: 75px;
	position: relative;
	z-index: 20;
	margin: 0 -242px 0 0;
}

.header-main .logo img {
	width: 100%;
}

.header-main .logo .img1 {
	display: inline-block;
}

.header-main .logo .img2 {
	display: none;
}

.nav-bar {
	width: 100%;
	float: left;
}

.nav-bar nav {
	float: right;
}

.nav-bar nav ul {
	float: left;
}

.nav-bar nav ul li {
height: 75px;
	float: left;
	font-size: 16px;
	color: #ffffff;
	line-height: 20px;
	letter-spacing: 0.04em;
	padding: 0;
	margin: 0 0 0 35px;
}

.nav-bar nav ul li a {
font-family: 'robotobold';

}
.nav-bar nav ul li:before {
	display: none;
}

.nav-bar nav ul li a {
	height: 75px;
	float: left;
	    color: #4B5563;
    line-height: 75px;
	text-decoration: none;
	position: relative;
}

.nav-bar nav ul li a:after {
    content: "";
    width: 100%;
    height: 3px;
    float: left;
    position: absolute;
    bottom: 20px;
    left: 0;
}

.nav-bar nav ul li:hover > a:after,
.nav-bar nav ul li.active > a:after {
	background: #F47A20;
}

.nav-bar nav ul li ul {
	width: 240px;
	float: left;
	display: none;
	padding: 20px;
	margin: 0;
	position: absolute;
	top: 90px;
	left: -20px;
}

.nav-bar nav ul li ul li {
	width: 100%;
	height: auto;
	float: left;
	font-size: 16px;
	color: #ffffff;
	line-height: 20px;
	padding: 0 0 10px 0;
	margin: 0;
}

.nav-bar nav ul li ul li:last-child {
	padding-bottom: 0;
}

.nav-bar nav ul li ul li a {
	height: auto;
	float: left;
	color: #7b7b7b;
	line-height: inherit;
	padding-bottom: 3px;
}

.nav-bar nav ul li ul li a:after {
	bottom: 0;
	left: 0;
}

.fixed,
.hinner {
	position: fixed;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
	background: #ffffff;
}

.fixed .logo .img1,
.hinner .logo .img1 {
	display: none;
}

.fixed .logo .img2,
.hinner .logo .img2 {
	display: inline-block;
}


ul.sub-menu {
    display: none !important;
}

@media only screen and (min-width: 980px) {
.nav-bar nav ul li:hover ul {
	display: block;
}

.nav-bar nav ul li ul {
	background: rgba(255, 255, 255, .95);
	box-shadow: 0 7px 10px rgba(0, 0, 0, 0.1);
}

.nav-bar nav ul li ul li:hover > a,
.nav-bar nav ul li ul li.active > a {
	color: #f47a20;
}

.nav-bar nav ul li ul li:hover > a:after,
.nav-bar nav ul li ul li.active > a:after,
.nav-bar .main-menu ul li.current_page_item > a:after {
	background: #f47a20;
}

.fixed .nav-bar nav ul li,
.hinner .nav-bar nav ul li {
	color: #7b7b7b;
}
	
	.fixed .nav-bar .main-menu ul li.current_page_item > a:after {
	background: #f47a20;
}

	.nav-bar .main-menu ul li.current_page_item > a:after {
	background: #ffffff;
}


.fixed .nav-bar nav ul li a,
.hinner .nav-bar nav ul li a {
	color: #7b7b7b;
}

.fixed .nav-bar nav ul li:hover > a:after,
.hinner .nav-bar nav ul li:hover > a:after,
.fixed .nav-bar nav ul li.active > a:after,
.hinner .nav-bar nav ul li.active > a:after,
	.hinner .nav-bar .main-menu ul li.current_page_item > a:after {
	background: #f47a20;
}

.fixed .nav-bar nav ul li ul,
.hinner .nav-bar nav ul li ul {
	top: 110px;
}
}

@media only screen and (max-width: 1240px) {
.header-main .container {
	max-width: 100%;
	padding: 0 30px;
}
}

@media only screen and (min-width: 980px) {
.header-main nav {
	overflow: visible!important;
	visibility: visible!important;
	display: block!important;
}
}

.mobilepreheader {display: none;}

@media only screen and (max-width: 979px) {
	
	.mobilepreheader {display: block;}
	
	.pre-header {
           display: none !important;
}
.header-main {
	height: 80px;
}

.header-main .container {
	max-width: 100%;
	padding: 0;
}

.header-main .logo {
	width: 100%;
	height: 80px;
	line-height: 80px;
	padding: 0 30px;
	z-index: 1000;
	overflow: hidden;
}

.header-main .logo img {
	width: 180px;
}

.header-main .logo.full-bg {
	background: #ffffff;
}

.nav-bar nav {
	width: 100%;
	height: 100%;
	float: left;
	background: #009ac7;
	background: -moz-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ac7), color-stop(100%, #20cbf4), color-stop(100%, #009ac7), color-stop(100%, #20cbf4));
	background: -webkit-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: -o-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: -ms-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: linear-gradient(to bottom, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#20cbf4', GradientType=0 );
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	padding: 115px 70px 0 70px;
	overflow: auto;
	overflow-x: hidden;
	z-index: 10;
}

.nav-bar nav ul {
	width: 100%;
	padding: 0;
}

.nav-bar nav ul li {
	width: 100%;
	height: auto;
	font-size: 24px;
	line-height: 28px;
	padding: 0 0 20px 0;
	margin: 0;
}

.nav-bar nav ul li a {
	height: auto;
	line-height: inherit;
	padding-bottom: 5px;
}

.nav-bar nav ul li a:after {
	bottom: 0;
}

.nav-bar nav ul li ul {
	width: 100%;
	display: block;
	border: none;
	background: none;
	padding: 23px 0 0 35px;
	position: static;
}

.nav-bar nav ul li ul li {
	width: 100%;
	height: auto;
	float: left;
	font-size: 18px;
	line-height: 22px;
	padding: 0 0 16px 0;
}

.nav-bar nav ul li ul li a {
	color: #ffffff;
	padding-bottom: 5px;
}

.fixed .logo .img1,
.hinner .logo .img1 {
	display: none!important;
}

.fixed .logo .img2,
.hinner .logo .img2 {
	display: inline-block!important;
}

.fixed .nav-bar nav ul li,
.hinner .nav-bar nav ul li {
	color: #ffffff;
}

.fixed .nav-bar nav ul li a,
.hinner .nav-bar nav ul li a {
	color: #ffffff;
}

.fixed .nav-bar nav ul li:hover > a,
.hinner .nav-bar nav ul li:hover > a,
.fixed .nav-bar nav ul li.active a,
.hinner .nav-bar nav ul li.active a {
	color: #ffffff;
}

.fixed .nav-bar nav ul li ul li a,
.hinner .nav-bar nav ul li ul li a {
	color: #ffffff;
}

.fixed .nav-bar nav ul li ul li:hover > a,
.hinner .nav-bar nav ul li ul li:hover > a,
.fixed .nav-bar nav ul li ul li.active > a,
.hinner .nav-bar nav ul li ul li.active > a {
	color: #ffffff;
}
}

@media only screen and (max-width: 767px) {
.header-main .logo {
	padding-left: 20px;
	padding-right: 20px;
}
	ul.sub-menu {
    display: block !important;
}
}
@media only screen and (max-width: 374px) {
.header-main .logo {
	padding-left: 6%;
	padding-right: 6%;
}

.nav-bar nav {
	padding: 115px 50px 35px 50px;
}

.nav-bar nav ul li ul {
	padding: 23px 0 0 30px;
}
}


/* Menu - Btn */
.menu-btn {
	width: 25px;
	height: 19px;
	float: right;
	display: none;
	position: absolute;
	z-index: 2000;
	cursor: pointer;
}

.menu-btn .icon-bar {
	width: 100%;
	float: right;
	text-decoration: none;
	position: relative;
	padding: 0;
}



.menu-btn .icon-bar span {
	width: 100%;
	height: 3px;
	float: left;
	background: #141414;
	position: relative;
	transition: all 0.4s ease;
	margin: 8px 0;
}

.menu-btn .icon-bar span:before {
	content: "";
	width: 100%;
	height: 3px;
	float: left;
	background: #141414;
	position: absolute;
	top: -8px;
	left: 0;
	transition: all 0.4s ease;
}

.menu-btn .icon-bar span:after {
	content: "";
	width: 100%;
	height: 3px;
	float: left;
	background: #141414;
	position: absolute;
	top: 8px;
	left: 0;
	transition: all 0.4s ease;
}



.menu-btn.active .icon-bar span {
	background: #f47a20;
}

.menu-btn.active .icon-bar span:before {
	background: #f47a20;
}

.menu-btn.active .icon-bar span:after {
	background: #f47a20;
}

.fixed .menu-btn .icon-bar span,
.hinner .menu-btn .icon-bar span {
	background: #f47a20;
}

.fixed .menu-btn .icon-bar span:before,
.hinner .menu-btn .icon-bar span:before {
	background: #f47a20;
}

.fixed .menu-btn .icon-bar span:after,
.hinner .menu-btn .icon-bar span:after {
	background: #f47a20;
}

.menu-btn.active .icon-bar span {
    background: none;
}

.menu-btn.active .icon-bar span:before {
    height: 3px;
    top: 0;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}

.menu-btn.active .icon-bar span:after {
    height: 3px;
    top: 0;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}


@media only screen and (max-width:979px) {
.menu-btn {
	display: block;
	top: 30px;
	right: 30px;
}
}

@media only screen and (max-width: 767px) {
.menu-btn {
	right: 20px;
}
}

@media only screen and (max-width: 374px) {
.menu-btn {
	right: 6%;
}
}


/*
 3.2) Section - Top
----------------------------------------*/

.section-top {
	width: 100%;
	float: none;
	background: #009ac7;
	/*
	background: -moz-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #009ac7), color-stop(160%, #7fdaf9));
	background: -webkit-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -o-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -ms-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: linear-gradient(to right, #009ac7 0%, #7fdaf9 160%);
	*/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#7fdaf9', GradientType=1 );
	padding: 130px 0 130px 0;
	display: inline-block;
	margin-bottom: -6px;
	background: linear-gradient(180deg, rgba(0, 154, 199, 1) 0%, rgba(127, 218, 249, 1) 100%);
    
}

.section-top.purple {
    background: #7B3F91;
	/*
    background: -moz-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #7B3F91), color-stop(160%, #A15FB9));
    background: -webkit-linear-gradient(left, #7B3F91 0%, #A15FB9 160%);
    background: -o-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
    background: -ms-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
    background: linear-gradient(to right, #7B3F91 0%, #A15FB9 160%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#7fdaf9', GradientType=1 );*/
	background: linear-gradient(180deg, rgba(123, 63, 145, 1) 0%, rgba(176, 124, 189, 1) 100%);
    

}

.section-top aside {
	width: 100%;
	max-width: 820px;
	float: left;
}

.section-top aside h1 {
	font-size: 66px;
	color: #ffffff;
	padding: 0 0 25px 0;
}

.section-top aside h1:last-child {
	padding-bottom: 0;
}

.section-top aside p {
	color: #ffffff;
}

@media only screen and (max-width: 1270px) {
.section-top aside {
	        padding-left: 0px;
        padding-right: 0px;
}
}

@media only screen and (max-width: 979px) {
.section-top {
	padding: 70px 0 70px 0;
}

.section-top aside h1 {
	font-size: 54px;
}
}

@media only screen and (max-width: 767px) {
.section-top {
	background: #009ac7;
	background: -moz-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ac7), color-stop(100%, #20cbf4), color-stop(100%, #009ac7), color-stop(100%, #20cbf4));
	background: -webkit-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: -o-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: -ms-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: linear-gradient(to bottom, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#20cbf4', GradientType=0 );
	padding: 50px 0 50px 0;
}

.section-top aside h1 {
	font-size: 42px;
	        line-height: 42px;
}

.section-top aside h1:last-child {
	padding-bottom: 0;
}
}


/*
 3.3) Cta - Two - Col
----------------------------------------*/

.cta-two-col-out {
	width: 100%;
	float: left;
	overflow: hidden;
}

.cta-two-col {
	width: 50%;
	float: left;
	position: relative;
	overflow: hidden;
}

.cta-two-col figure {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
}

.cta-two-col figure img {
	width: 100%;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.cta-two-col .cta-cont {
	width: 100%;
	height: 100%;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
}

.cta-two-col .cta-cont article {
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
	padding: 40px 60px 120px 60px;
}

.cta-two-col .cta-cont article aside {
	width: 100%;
	float: left;
	padding: 0 60px 120px 60px;

	position: absolute;
	bottom: -100%;
	left: 0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.cta-two-col .cta-cont article aside p {
	font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
	font-size: 43px;
	color: #ffffff;
	line-height: 47px;
	text-transform: uppercase;
	padding: 0;
}

.cta-two-col:nth-child(even) .cta-cont article {
	float: right;
}

.cta-two-col.full {
	width: 100%;
	float: left;
}

.cta-two-col.full .cta-cont article {
	width: 50%;
	padding: 60px 60px;
}

.cta-two-col.full .cta-cont article aside {
	padding: 0 60px 130px 60px;
}

.cta-two-col:hover figure img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.cta-two-col:hover .cta-cont article aside {
	bottom: 0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

@media only screen and (max-width: 1279px) {
.cta-two-col .cta-cont article {
	padding: 40px 30px 80px 30px;
}

.cta-two-col .cta-cont article aside {
	padding: 0 30px 80px 30px;
}

.cta-two-col .cta-cont article aside p {
	font-size: 36px;
	line-height: 42px;
}

.cta-two-col.full .cta-cont article {
	padding: 50px 30px 90px 30px;
}

.cta-two-col.full .cta-cont article aside {
	padding: 0 30px 90px 30px;
}
}

@media only screen and (max-width: 979px) {
.cta-two-col {
	width: 100%;
}

.cta-two-col .cta-cont article {
	padding: 40px 30px;
}

.cta-two-col .cta-cont article aside {
	padding: 0 30px 40px 30px;
}

.cta-two-col .cta-cont article aside p {
	font-size: 33px;
	line-height: 40px;
}

.cta-two-col.full .cta-cont article {
	width: 100%;
	padding: 40px 30px 45px 30px;
}

.cta-two-col.full .cta-cont article aside {
	padding: 0 30px 45px 30px;
}

.cta-two-col.full .cta-cont article aside p br {
	display: none;
}
}

@media only screen and (max-width: 767px) {
.cta-two-col figure img {
	min-width: 400px;
	margin: 0 -200px;
}

.cta-two-col .cta-cont article {
	padding: 35px 30px;
}

.cta-two-col .cta-cont article aside {
	padding: 0 30px 35px 30px;
}

.cta-two-col .cta-cont article aside p {
	font-size: 28px;
	line-height: 34px;
}

.cta-two-col.full figure img {
	min-width: 800px;
	margin: 0 -400px;
}

.cta-two-col.full .cta-cont article {
	padding: 35px 30px;
}

.cta-two-col.full .cta-cont article aside {
	padding: 0 30px 35px 30px;
}
}

@media only screen and (max-width: 374px) {
.cta-two-col .cta-cont article {
	padding: 30px 6%;
}

.cta-two-col .cta-cont article aside {
	padding: 0 6% 30px 6%;
}

.cta-two-col.full .cta-cont article {
	padding: 30px 6%;
}

.cta-two-col.full .cta-cont article aside {
	padding: 0 6% 30px 6%;
}
}


/* 
3.4) Section - Happenings 
-------------------------------------------------*/

.section-happenings {
	width: 100%;
	float: left;
	position: relative;
	background: #f0efef;
	overflow: hidden;
	padding: 120px 0 140px 0;
	z-index: 10;
}

@media only screen and (max-width: 979px) {
.section-happenings {
	padding: 70px 0;
}
}

@media only screen and (max-width: 767px) {
.section-happenings {
	padding: 0;
}

.section-happenings h2 {
	width: 100%;
	float: left;
	font-size: 25px;
	padding: 36px 30px 11px 30px;
	margin: 0 0 25px 0;
}

.section-happenings h2:before {
	left: 30px;
}

.section-happenings .container {
	padding: 0;
}
}

@media only screen and (max-width: 374px) {
.section-happenings h2 {
	padding: 20px 6%;
}

.section-happenings h2:before {
	left: 6%;
}
}


/* Conversation - Info */
.conversation-info {
	width: 50%;
	float: left;
	background: #ffffff;
	padding: 25px 30px 77px 30px;
}

.conversation-info h4 {
	width: 100%;
	float: left;
	font-size: 23px;
	text-transform: none;
	text-align: center;
	position: relative;
	padding: 0 0 15px 0;
	margin: 0 0 40px 0;
}

.conversation-info h4:before {
	content: "";
	width: 26px;
	height: 2px;
	float: left;
	background: #f47a20;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin: 0 0 0 -13px;
}

.conversation-info aside {
	width: 100%;
	float: left;
	padding: 0 0 21px 0;
}

.conversation-info aside p {
	font-family: "roboto_cnregular", Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 26px;
	padding: 0 0 45px 0;
}

.conversation-info aside p a {
	font-family: "roboto_cnregular", Arial, Helvetica, sans-serif;
	color: #7b7b7b;
}

.conversation-info aside p a:hover {
	color: #f47a20;
}

.conversation-info aside p:last-child {
	padding: 0;
}

.conversation-info .twitter-field {
	width: 100%;
	float: left;
	margin: 0 0 -5px 0;
}

.conversation-info .twitter-field a {
	width: 40px;
	height: 40px;
	float: right;
	text-decoration: none;
	text-indent: -99999px;
	background: url(../images/twitter-icon-hover.svg) no-repeat center center;
	background-size: 40px auto;
}

@media only screen and (max-width: 979px) {
.conversation-info {
	width: 100%;
}
}

@media only screen and (max-width: 767px) {
.conversation-info {
	padding: 25px 35px 53px 30px;
}

.conversation-info h4 {
	font-size: 24px;
	margin: 0 0 16px 0;
}

.conversation-info aside {
	padding: 0 0 33px 0;
}

.conversation-info aside p {
	font-size: 18px;
	line-height: 25px;
	padding: 0 0 45px 0;
}

.conversation-info .twitter-field {
	text-align: center;
	margin: 0 0 22px 0;
}

.conversation-info .twitter-field a {
	float: none;
	display: inline-block;
	vertical-align: top;
	text-decoration: none;
}
}


/* Democracy - Info */
.democracy-info {
	width: 50%;
	float: right;
	background: #039ecb;
}

.democracy-info figure {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
	    max-height: 457px;
}

.democracy-info figure img {
	width: 100%;
	min-width: 458px;
	margin: 0 -229px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.democracy-info aside {
	width: 100%;
	float: left;
	background: -moz-linear-gradient(left, #009ac7 0%, #19c1eb 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #009ac7), color-stop(100%, #19c1eb));
	background: -webkit-linear-gradient(left, #009ac7 0%, #19c1eb 100%);
	background: -o-linear-gradient(left, #009ac7 0%, #19c1eb 100%);
	background: -ms-linear-gradient(left, #009ac7 0%, #19c1eb 100%);
	background: linear-gradient(to bottom, #009ac7 0%, #19c1eb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#19c1eb', GradientType=1 );
	padding: 37px 50px 36px 50px;
	    min-height: 271px;
}

.democracy-info aside h4 {
	width: 100%;
	float: left;
	font-size: 23px;
	color: #ffffff;
	text-transform: none;
	text-align: center;
	position: relative;
	padding: 0 0 12px 0;
	margin: 0 0 24px 0;
}

.democracy-info aside h4:before {
	content: "";
	width: 20px;
	height: 2px;
	float: left;
	background: #ffffff;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin: 0 0 0 -10px;
}

.democracy-info aside h4 br {
	/*display: none;*/
}

.democracy-info aside p {
	font-size: 14px;
	color: #ffffff;
	line-height: 20px;
	padding: 0 0 15px 0;
}

.democracy-info .read-more a {
	color: #ffffff;
	font-size: 15px;
}

.democracy-info .read-more a:before {
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 10px solid #ffffff;
	top: 3px;
}

.democracy-info:hover figure img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.democracy-info.happenings:hover figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

@media only screen and (max-width: 979px) {
.democracy-info {
	width: 100%;
}

.democracy-info figure img {
	min-width: 350px;
	margin: 0 -175px;
}
}

@media only screen and (max-width: 767px) {
.democracy-info aside h4 {
	font-size: 24px;
}

.democracy-info aside h4 br {
	display: block;
}

.democracy-info aside {
	padding: 37px 30px 36px 30px;
}

.democracy-info aside p {
	font-size: 15px;
	line-height: 22px;
	padding: 0 0 19px 0;
}
}


/* Feature - Info */
.feature-info {
	width: 50%;
	float: left;
	background: -moz-linear-gradient(left, #b2bb1e 0%, #d1d335 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #b2bb1e), color-stop(100%, #d1d335));
	background: -webkit-linear-gradient(left, #b2bb1e 0%, #d1d335 100%);
	background: -o-linear-gradient(left, #b2bb1e 0%, #d1d335 100%);
	background: -ms-linear-gradient(left, #b2bb1e 0%, #d1d335 100%);
	background: linear-gradient(to bottom, #b2bb1e 0%, #d1d335 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2bb1e', endColorstr='#d1d335', GradientType=1 );
}

.feature-info figure {
	width: 50%;
	float: left;
	text-align: center;
	overflow: hidden;
}

.feature-info figure img {
	width: 100%;
	min-width: 228px;
	margin: 0 -170px;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.feature-info aside {
	width: 50%;
	float: right;
	padding: 25px 13px;
}

.feature-info aside h4 {
	width: 100%;
	float: left;
	font-size: 23px;
	color: #ffffff;
	text-transform: none;
	text-align: center;
	position: relative;
	padding: 0 0 12px 0;
	margin: 0 0 37px 0;
}

.feature-info aside h4:before {
	content: "";
	width: 26px;
	height: 2px;
	float: left;
	background: #ffffff;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin: 0 0 0 -13px;
}

.feature-info aside p {
	font-size: 14px;
	color: #ffffff;
	line-height: 20px;
	padding: 0 0 15px 0;
}

.feature-info aside .read-more a {
	color: #ffffff;
	font-size: 15px;
}

.feature-info aside .read-more a:before {
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 10px solid #ffffff;
	top: 3px;
}

.feature-info:hover figure img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.feature-info.happenings:hover figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
}



@media only screen and (max-width: 979px) {
.feature-info {
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
}

.feature-info aside {
	height: 100%;
	padding: 0 20px;
	position: absolute;
	top: 0;
	right: 0
}
}

@media only screen and (max-width: 767px) {
.feature-info figure {
	width: 100%;
}

.feature-info aside {
	width: 100%;
	/*padding: 41px 30px 80px 30px;*/
	padding: 41px 30px 40px 30px;
	position: static;
}

.feature-info aside h4 {
	font-size: 24px;
}

.feature-info aside p {
	font-size: 16px;
	line-height: 24px;
	padding: 0 0 25px 0;
}
}


/* 
 3.5) Footer - Main 
-------------------------------------------------*/

.footer-main {
	width: 100%;
	float: left;
	box-shadow: #babcbe 0 0 0 1px;
	overflow: hidden;
	padding: 75px 0;
	background: #F0EFEF;
}

.footer-main .foot-left {
	width: 56.58%;
	float: left;
}

.footer-main .foot-logo {
	width: 100%;
	float: left;
	margin: 0 0 10px 0;
}

.footer-main .foot-logo img {
	max-width: 255px;
}

.footer-main .address-txt {
	width: 60%;
	float: left;
	padding: 0 5px 0 0;
}

.footer-main .address-txt p {
	font-family: "robotoregular", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	padding: 0 0 0 75px;
}

.footer-main .address-txt p a {
	font-family: "robotoregular", Arial, Helvetica, sans-serif;
	color: #7b7b7b;
}

.footer-main .address-txt p a:hover {
	color: #f47a20;
}

.footer-main .footer-links {
	width: 40%;
	float: left;
	padding: 13px 0 0 0;
}

.footer-main .footer-links ul {
	width: 50%;
	float: left;
	padding: 0 5px 0 0;
}

.footer-main .footer-links ul li {
	width: 100%;
	float: left;
	line-height: 14px;
	padding: 0 0 8px 0;
}

.footer-main .footer-links ul li:before {
	display: none;
}

.footer-main .footer-links ul li:last-child {
	padding: 0;
}

.footer-main .footer-links ul li a {
	color: #7b7b7b;
	font-family: "robotoregular", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
}

.footer-main .footer-links ul li a:hover {
	color: #f47a20;
}

.footer-main .foot-right {
	width: 30.24%;
	float: right;
	padding: 15px 0 0 0;
}

.footer-main .newsletter {
	width: 100%;
	float: left;
	padding: 0 0 20px 0;
}

.footer-main .newsletter:last-child {
	padding: 0;
}


.footer-main label.gfield_label {
    display: none;
}
.footer-main .newsletter ul li {
    padding: 0 0 6px 0px;
    position: relative;
}

.footer-main .newsletter ul li:before {
    content: none;
}


.footer-main .newsletter label {
	width: 100%;
	float: left;
	font-family: "robotobold", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: 0.02em;
	padding: 0 0 8px 0;
	    font-family: 'robotoregular';
}

li#field_2_3 {
    margin-bottom: 0px;
}

.footer-main .newsletter input {
	width: 100%;
	height: 40px;
	float: left;
	font-family: 'robotoregular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #111111;
	border: 1px solid #7b7b7b;
	background: #ffffff;
	padding: 8px 15px;
}

.footer-main .newsletter input:placeholder {
	color: #606060;
}

.footer-main .newsletter input::-webkit-input-placeholder {
	color: #606060;
}

.footer-main .newsletter input::-moz-placeholder {
	color: #606060;
}

.footer-main .newsletter .btn-search, input#gform_submit_button_2 {
	width: 40px;
	height: 40px;
	float: right;
	text-align: center;
	line-height: 40px;
	text-indent: -9999px;
	background: url(../images/orange-arrow.svg) no-repeat center center;
	background-size: 10px auto!important;
	border: solid 1px #7b7b7b;
	position: absolute;
	    top: 44px;
	right: 0;
	cursor: pointer;
}

.footer-main .newsletter .btn-search:hover, input#gform_submit_button_2:hover {
	background: #f47a20 url(../images/white-arrow.svg) no-repeat center center;
	border-color: #f47a20;
}

.footer-main .newsletter .input-bg, #gform_2 {
	width: 100%;
	float: left;
	position: relative;
	padding: 0 39px 0 0;
}

.footer-main .copy-right {
    width: 100%;
    float: left;
    font-family: "robotoregular", Arial, Helvetica, sans-serif;
    font-size: 14px;
     line-height: 18px;
    text-align: left;
    padding-top: 51px;
}

@media only screen and (max-width: 979px) {
.footer-main {
	padding: 60px 0;
}

.footer-main .foot-left {
	width: 100%;
	padding: 0 0 45px 0;
}

.footer-main .address-txt {
	width: 50%;
}

.footer-main .footer-links {
	width: 50%;
}

.footer-main .foot-right {
	width: 100%;
	padding: 0 0 0 75px;
}

.footer-main .newsletter {
	width: 50%;
}

.footer-main .copy-right {
	padding: 20px 0 0 0;
}
}

@media only screen and (max-width: 767px) {
.footer-main {
        padding: 40px 25px;
}

.footer-main .foot-left {
	padding: 0;
}

.footer-main .foot-logo {
	margin: 0 0 45px 0;
}

.footer-main .foot-logo img {
	max-width: 280px;
}

.footer-main .address-txt {
	width: 100%;
	        padding: 0 0 10px 0;
}

.footer-main .address-txt p {
	font-size: 16px;
	line-height: 26px;
	padding: 0 0 0 0;
}

.footer-main .footer-links {
	width: 100%;
	        padding: 0 0 10px 0;
	        display: block;
}

.footer-main .footer-links ul {
	width: 100%;
	padding: 0 0 25px 0;
}

.footer-main .footer-links ul:last-child {
	padding: 0;
}

.footer-main .footer-links ul li a {
	font-size: 14px;
	line-height: 16px;
}

.footer-main .foot-right {
	padding: 0;
}

.footer-main .newsletter {
	width: 100%;
}

.footer-main .newsletter .btn-search {
	width: 50px;
}

.footer-main .newsletter .input-bg {
	padding: 0 49px 0 0;
}

.footer-main .social-links {
	width: 100%;
	padding: 0 0 35px 0;
}

.footer-main .copy-right {
	padding: 0;
	padding-top: 40px;
}
}

.foot-right .validation_error {
    display: none !important;
}

.foot-right .gfield_description.validation_message {
    display: none !important;
}

.foot-right .gfield_error input {
	
	border: 1px solid #f47a20;
}

.foot-right .gform_footer.top_label img {  display: none !important;
}


/* 
 4.) Inner - Page 
-------------------------------------------------*/

/* Banner - Inner */
.banner-inner {
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
}

.banner-inner figure {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
}

.banner-inner figure {
    max-height: 850px;
}

.banner-inner figure img {
	width: 100%;
	min-width: 1200px;
	margin: 0 -600px;
}

.banner-inner .banner-cont {
	width: 100%;
	float: left;
	position: absolute;
	bottom: 0;
	left: 0;
}

.banner-inner .banner-cont h1 {
	width: 100%;
	float: left;
	color: #ffffff;
	padding: 34px 0 18px 0;
	margin: 0;
	position: relative;
}

.banner-inner .banner-cont h1:before {
	content: "";
	width: 40px;
	height: 3px;
	float: left;
	background: #ffffff;
	position: absolute;
	top: 0;
	left: 0;
}

.banner-inner .banner-cont h1:last-child {
	padding-bottom: 0;
}

.banner-inner .banner-cont p {
	color: #ffffff;
	padding: 0 0 19px 0;
}

.banner-inner .banner-cont p:last-child {
	padding-bottom: 0;
}

.banner-inner .banner-cont .sml-txt {
	width: 100%;
	float: left;
	font-size: 22px;
	color: #ffffff;
	line-height: 28px;
	padding: 0 0 12px 0;
}

.banner-inner .banner-cont .btn {
	/*width: 180px;*/
	padding-left: 15px;
	padding-right: 15px;
}

.banner-inner .banner-cont .btn-out {
	padding: 23px 0 0 0;
}

.banner-inner .banner-cont aside {
	width: 100%;
	/*max-width: 520px;*/
	    max-width: 950px;
	float: left;
	padding: 0 0 100px 0;
}

.banner-inner .banner-cont .aside2 {
	max-width: 680px;
}

@media only screen and (max-width: 979px) {
.banner-inner .banner-cont h1 {
	padding: 34px 0 20px 0;
}

.banner-inner .banner-cont aside {
	padding: 0 0 70px 0;
}
}

@media only screen and (max-width: 767px) {
.banner-inner .banner-cont h1 {
	padding: 22px 0 12px 0;
}

.banner-inner .banner-cont h1:before {
	width: 24px;
	height: 2px;
}

.banner-inner .banner-cont p {
	color: #ffffff;
	padding: 0 0 14px 0;
}

.banner-inner .banner-cont .sml-txt {
	font-size: 18px;
	line-height: 20px;
	padding: 0 0 15px 0;
}

.banner-inner .banner-cont .btn-out {
	padding: 10px 0 0 0;
}

.banner-inner .banner-cont aside {
	max-width: 480px;
	padding: 0 0 50px 0;
}

.banner-inner .banner-cont .aside2 {
	max-width: 480px;
}
}

.banner-inner .banner-cont aside {
    padding: 0 0 100px 65px;
		}
	
	.banner-inner figure {
    max-height: 850px;
}
	
	@media (max-width: 980px) {
	
	.banner-inner .banner-cont aside {
    padding: 0 0 100px 50px;
}
	}
	
	
	@media (max-width: 767px) {
	.banner-inner .banner-cont aside {
    padding: 0 0 100px 40px;
		padding: 0 0 100px 0px;
}
	}


/* Banner - Inner */
.banner-inner-single {
	width: 100%;
	float: left;
	position: relative;
	overflow: hidden;
}

.banner-inner-single figure {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
}

.banner-inner-single figure img {
	width: 100%;
	min-width: 900px;
	margin: 0 -450px;
}


.cause_label_title {
    max-width: 227px;
    margin-bottom: 25px;
}

/* Content - Txt */
.content-txt {
	width: 100%;
	float: left;
	overflow: hidden;
	padding: 80px 0;
}

.content-txt .container {
	max-width: 840px;
	    max-width: 1280px;
    padding: 0 25px;
}


.content-txt aside h4 {
	color: #009ac7;
	padding: 0 0 8px 0;
}

.content-txt aside h4:last-child {
	padding-bottom: 0;
}

.content-txt aside,
.careers-list aside{
	width: 100%;
	float: left;
	display: none;
	padding: 0 0 26px 0;
}

.content-txt aside .txt {
	width: 100%;
	float: left;
	padding: 0 0 33px 0;
}

.content-txt aside .txt:last-child {
	padding-bottom: 0;
}

.content-txt aside .list-out {
	width: 100%;
	float: left;
	padding: 0 0 33px 0;
}

.content-txt aside .list-out:last-child {
	padding-bottom: 0;
}

.content-txt aside .list-bg {
	width: 44.90%;
	float: left;
}

.content-txt aside .list-bg:nth-child(even) {
	float: right;
}

.content-txt aside .list-bg h4 {
	padding: 0 0 14px 0;
}

.content-txt .aside-out {
	width: 100%;
	float: left;
	padding: 0 0 24px 0;
	position: relative;
}

.content-txt .read-more {
	width: 100%;
	float: left;
	background: #ffffff;
	position: absolute;
	bottom: 0;
	left: 0
}

.content-txt .read-more .more {
	display: block;
}

.content-txt .read-more .close {
	display: none;
}

.content-txt .read-more.active .more {
	display: none;
}

.content-txt .read-more.active .close {
	display: block;
}

@media only screen and (max-width: 979px) {
.content-txt {
	padding: 60px 0;
}
}

@media only screen and (max-width: 767px) {
.content-txt {
	padding: 50px 0;
}

.content-txt aside .list-bg {
	width: 100%;
	padding: 0 0 33px 0;
}

.content-txt aside .list-bg:last-child {
	padding-bottom: 0;
}
}


/* Split - Cont */
.split-cont {
	width: 100%;
	float: left;
	background: #f0efef;
	overflow: hidden;
	padding: 130px 0 150px 0;
}

.split-cont .heading-txt {
	width: 100%;
	float: left;
	padding: 0 0 40px 0;
}

.split-cont .heading-txt h2:last-child {
	margin: 0;
}

.split-cont aside {
	width: 100%;
	height: 230px;
	float: left;
	text-align: center;
	position: relative;
}

.split-cont aside h3 {
	letter-spacing: .5px;
	width: 100%;
	float: left;
	color: #ffffff;
	text-align: center;
	padding: 10px 30px 17px 30px;
	margin: 0 0 10px 0;
}

.split-cont aside h3:last-child {
	margin: 0;
}

.split-cont aside h3:before {
	width: 26px;
	height: 2px;
	background: #ffffff;
	left: 50%;
	margin: 0 0 0 -13px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.split-cont aside h3.gray-txt {
	color: #7b7b7b;
}

.split-cont aside h3.gray-txt:before {
	background: #f47a20;
}

.split-cont aside.fifty {
	width: 50%;
}

.split-cont aside.fifty-right {
	width: 50%;
	float: right;
}

.split-cont aside.full-hight {
	height: auto;
}

.split-cont aside figure {
	width: 100%;
	height: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
}

.split-cont aside figure img {
	width: 100%;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}

.split-cont .title {
	width: 100%;
	float: left;
	font-family: "roboto-medium", Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 17px;
	text-align: left;
	color: rgba(255, 255, 255, 0.8);
	margin: 0;
	padding: 16px 16px 0 16px;
	position: absolute;
	top: 0;
	left: 0;
}

.split-cont .middle-cont {
	width: 100%;
	height: 100%;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.split-cont aside:hover figure img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.split-cont aside:hover h3:before {
	width: 140px;
    margin: 0 0 0 -70px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.split-cont aside.type-2:hover .middle-cont {
	/* padding: 0 0 70px 0; */
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.split-cont .left-cont {
	width: 50%;
	float: left;
}

.split-cont .right-cont {
	width: 50%;
	float: right;
}

@media only screen and (max-width: 979px) {
.split-cont {
	padding: 100px 0;
}

.split-cont aside.full-hight figure {
	height: 350px;
}

.split-cont aside.full-hight figure img {
	min-width: 500px;
	margin: 0 -250px;
}

.split-cont .left-cont {
	width: 100%;
}

.split-cont .right-cont {
	width: 100%;
}
}

@media only screen and (max-width: 767px) {
.split-cont {
	padding: 0;
}

.split-cont .container {
	padding: 0;
}

.split-cont .heading-txt {
	padding: 0 30px 40px 30px;
}

.split-cont .heading-txt h2 {
	background: none;
	padding: 0 0 15px 0;
	margin: 0 0 22px 0;
}

.split-cont .heading-txt h2:before {
	left: 0;
}

.split-cont .heading-txt p {
	font-family: "robotoregular", Arial, Helvetica, sans-serif;
	line-height: 28px;
}

.split-cont aside {
	width: 100%;
	height: 150px;
	float: left;
	text-align: center;
	position: relative;
}

.split-cont aside h3 {
	padding: 0 30px 17px 30px;
}

.split-cont aside h3 br {
	display: none;
}

.split-cont aside.fifty {
	width: 100%;
}

.split-cont aside.fifty-right {
	width: 100%;
}

.split-cont aside.full-hight figure {
	height: auto;
}

.split-cont aside.full-hight figure img {
	min-width: inherit;
	margin: 0;
}

.split-cont aside.type-2:hover .middle-cont {
	padding: 0;
}
}

@media only screen and (max-width: 374px) {
.split-cont .heading-txt {
	padding: 0 6% 40px 6%;
}

.split-cont .heading-txt {
	padding-bottom: 30px;
}

.split-cont .heading-txt h2 {
	margin-bottom: 0;
}

.split-cont aside h3 {
	padding: 0 6% 17px 6%;
}

.split-cont .title {
	padding: 16px 6% 0 6%;
}
}


/* Split - Cont 2 */
.split-cont2 {
	padding: 150px 0 180px 0;
}

@media only screen and (max-width: 979px) {
.split-cont2 {
	padding: 100px 0;
}
}

@media only screen and (max-width: 767px) {
.split-cont2 {
	background: #ffffff;
	padding: 30px 0 0 0;
}

.split-cont2 aside figure {
	height: 150px;
}

.split-cont2 aside figure img {
	min-width: 500px;
	margin: -20% -250px 0 -250px;
}

.split-cont2 aside.full-hight figure {
	height: 150px;
}

.split-cont2 aside.full-hight figure img {
	min-width: 500px;
	margin: -20% -250px 0 -250px;
}
}


/* Split - Cont 3 */
.split-cont3 {
	padding: 85px 0 120px 0;
}

.split-cont3 aside.blue-bg {
	width: 50%;
}

.split-cont3 aside .logo-icon img {
	max-width: 67px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.split-cont3 aside:hover .logo-icon img {
	max-width: 77px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

@media only screen and (max-width: 767px) {
.split-cont3 {
	padding: 0;
}

.split-cont3 aside.blue-bg {
	width: 100%;
}
}


/* Split - Cont 4 */
.split-cont4 {
	padding: 80px 0 165px 0;
}

.split-cont4 .heading-txt {
	padding-bottom: 30px;
}

.split-cont4 .heading-txt h2 {
	margin: 0 0 15px 0;
}

.split-cont4 .heading-txt .btn {
	float: right;
}

.btn-blue:hover {
	color: #ffffff;
	text-decoration: none;
	
}

a.btn:hover, a.btn:focus, a.btn:active {text-decoration: none; color: #f47a20; }



.split-cont4 aside p {
	width: 100%;
	float: left;
	font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #7b7b7b;
	line-height: 34px;
	text-align: left;
	padding: 0 30px
}

.split-cont4 aside p span {
	color: #f47a20;
}

.split-cont4 aside .title {
	color: #7b7b7b;
	padding: 28px 0 0 28px;
	display: none;
}

.split-cont4 aside.type-3 {
	position: relative;
}

.split-cont4 aside.type-3:before {
	content: "";
	width: 0;
	height: 0;
	float: right;
	border-left: 21px solid transparent;
	border-right: 21px solid transparent;
	border-bottom: 25px solid #ffffff;
	position: absolute;
	top: -25px;
	left: 50%;
	margin: 0 0 0 -21px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.split-cont4 aside.type-3:hover:before {
	border-left: 31px solid transparent;
	border-right: 31px solid transparent;
	border-bottom: 35px solid #ffffff;
	top: -34px;
	margin: 0 0 0 -31px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.split-cont4 aside.testimonial {
	float: left;
	height: auto;
	position: relative;
}

.split-cont4 aside.testimonial:before {
	content: "";
	width: 0;
	height: 0;
	float: right;
	border-top: 21px solid transparent;
	border-bottom: 21px solid transparent;
	border-left: 25px solid #ffffff;
	position: absolute;
	top: 65px;
	right: -25px;
	margin: 0 0 0 -21px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.split-cont4 aside.testimonial:hover:before {
	border-top: 31px solid transparent;
	border-bottom: 31px solid transparent;
	border-left: 35px solid #ffffff;
	top: 55px;
	right: -34px;
	margin: 0 0 0 -21px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.split-cont4 aside.testimonial p {
	position: relative;
	padding: 10px 30px 0 60px;
}

.split-cont4 aside.testimonial p:before {
	content: "";
	width: 40px;
	height: 40px;
	float: left;
	background: url(../images/blue-quotemarks.svg) no-repeat center center;
	background-size: 40px auto;
	position: absolute;
	top: -10px;
	left: 10px;
}

.split-cont4 aside.testimonial .author-txt {
	width: 100%;
	float: left;
	font-family: "robotoitalic", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #009ac7;
	text-align: left;
	line-height: 17px;
	/*padding: 15px 30px 0 60px;*/
	    padding: 15px 30px 0 81px;
}

.split-cont4 aside.testimonial .title {
	padding: 28px 0 0 15px;
}

.split-cont4 aside.type-4 {
	position: relative;
}

.split-cont4 aside.type-4:before {
	content: "";
	width: 0;
	height: 0;
	float: right;
	border-top: 21px solid transparent;
	border-bottom: 21px solid transparent;
	border-right: 25px solid #ffffff;
	position: absolute;
	top: 90px;
	left: -25px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.split-cont4 aside.type-4:hover:before {
	border-top: 31px solid transparent;
	border-bottom: 31px solid transparent;
	border-right: 35px solid #ffffff;
	position: absolute;
	top: 80px;
	left: -33px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

@media only screen and (max-width: 979px) {
.split-cont4 {
	padding: 70px 0 100px 0;
}

.split-cont4 aside.testimonial {
	height: 400px;
}

.split-cont4 aside.testimonial:before {
	border-left: 21px solid transparent;
	border-right: 21px solid transparent;
	border-bottom: 25px solid #ffffff;
	position: absolute;
	top: -46px;
	left: 50%;
	margin: 0 0 0 -21px;
	z-index: 20
}

.split-cont4 aside.testimonial:hover:before {
	border-left: 31px solid transparent;
	border-right: 31px solid transparent;
	border-bottom: 35px solid #ffffff;
	top: -65px;
	margin: 0 0 0 -31px;
}

.split-cont4 aside.type-4:before {
	border-left: 21px solid transparent;
	border-right: 21px solid transparent;
	border-bottom: 25px solid #ffffff;
	position: absolute;
	top: -46px;
	left: 50%;
	margin: 0 0 0 -21px;
	z-index: 20
}

.split-cont4 aside.type-4:hover:before {
	border-left: 31px solid transparent;
	border-right: 31px solid transparent;
	border-bottom: 35px solid #ffffff;
	top: -65px;
	left: 50%;
	margin: 0 0 0 -31px;
}
}

@media only screen and (max-width: 767px) {
.split-cont4 {
	padding: 35px 0 70px 0;
}

.split-cont4 .heading-txt {
	padding-bottom: 40px;
}

.split-cont4 .heading-txt h2 {
	padding: 0 0 10px 0;
	margin: 0 0 30px 0;
}

.split-cont4 .heading-txt .btn {
	float: left;
}

.split-cont4 aside p {
	font-size: 24px;
	line-height: 28px;
	text-align: left;
	padding: 13px 30px 0 30px;
}

.split-cont4 aside figure {
	height: 150px;
}

.split-cont4 aside figure img {
	min-width: 500px;
	margin: -20% -250px 0 -250px;
}

.split-cont4 aside.full-hight figure {
	height: 150px;
}

.split-cont4 aside.full-hight figure img {
	/*min-width: 500px;
	margin: -20% -250px 0 -250px;*/
	min-width: 200px;
    margin: 0;
}

.split-cont4 aside .title {
	padding: 14px 0 0 28px;
}

.split-cont4 aside.type-3:before {
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #ffffff;
	position: absolute;
	top: -15px;
	margin: 0 0 0 -15px;
}

.split-cont4 aside.type-3:hover:before {
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 25px solid #ffffff;
	position: absolute;
	top: -25px;
	margin: 0 0 0 -25px;
}

.split-cont4 aside.testimonial {
	height: auto;
}

.split-cont4 aside.testimonial figure {
	height: 360px;
}

.split-cont4 aside.testimonial p {
	padding: 60px 30px 0 30px;
}
	
	

.split-cont4 aside.testimonial p:before {
	width: 30px;
	height: 30px;
	background-size: 30px auto;
	position: absolute;
	top: 25px;
	left: 30px;
}

.split-cont4 aside.testimonial .author-txt {
	padding: 15px 30px 0 30px;
}

.split-cont4 aside.testimonial:before {
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #ffffff;
	position: absolute;
	top: -36px;
	right: auto;
	left: 50%;
	margin: 0 0 0 -15px;
}

.split-cont4 aside.testimonial:hover:before {
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 25px solid #ffffff;
	position: absolute;
	top: -54px;
	margin: 0 0 0 -25px;
}

.split-cont4 aside.testimonial .title {
	padding: 28px 0 0 30px;
}

.split-cont4 aside.type-4:before {
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #ffffff;
	position: absolute;
	top: -36px;
	right: auto;
	left: 50%;
	margin: 0 0 0 -15px;
}

.split-cont4 aside.type-4:hover:before {
	border-left: 25px solid transparent;
	border-right: 25px solid transparent;
	border-bottom: 25px solid #ffffff;
	position: absolute;
	top: -54px;
	margin: 0 0 0 -25px;
}
}

@media only screen and (max-width: 374px) {
.split-cont4 aside p {
	padding: 13px 6% 0 6%;
}

.split-cont4 aside .title {
	padding: 14px 6% 0 6%;
}
}


/* Split - Cont 5 */
.split-cont5 {
	padding: 80px 0 170px 0;
}

.split-cont5 .heading-txt h2 {
	padding: 0 0 21px 0;
	margin: 0 0 25px 0;
}

.split-cont5 aside.video a {
	width: 100%;
	float: left;
	position: relative;
}

.split-cont5 aside.video a:before {
	content: "";
	width: 100%;
	height: 100%;
	float: left;
	background: url(../images/video-play-01.svg) no-repeat center center;
	position: absolute;
	top: 0;
	left: 0;
	background-size: 60px auto;
	z-index: 20;
}

@media only screen and (max-width: 979px) {
.split-cont5 {
	padding: 60px 0 100px 0;
}
}

@media only screen and (max-width: 767px) {
.split-cont5 {
	padding: 40px 0 0 0;
}

.split-cont5 .heading-txt h2 {
	padding: 0 0 10px 0;
	margin: 0 0 22px 0;
}

.split-cont5 aside figure {
	height: 150px;
}

.split-cont5 aside figure img {
	min-width: 500px;
	margin: -20% -250px 0 -250px;
}

.split-cont5 aside.full-hight figure {
	height: 150px;
}

.split-cont5 aside.full-hight figure img {
	min-width: 500px;
	margin: -20% -250px 0 -250px;
}

.split-cont5 aside.video figure {
	height: auto
}

.split-cont5 aside.video a:before {
	background-size: 50px auto;
}
}


.form-block .gform_confirmation_message {color: #ffffff !Important;}

/* 
 5.) About 
-------------------------------------------------*/

/* Section - Team */
.section-team {
	width: 100%;
	float: left;
}

.section-team .container p strong {
	 font-family: 'robotobold';
}


.cont-txt {
	width: 100%;
	float: left;
	background: #009ac7;
	background: -moz-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #009ac7), color-stop(160%, #7fdaf9));
	background: -webkit-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -o-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -ms-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: linear-gradient(to right, #009ac7 0%, #7fdaf9 160%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#7fdaf9', GradientType=1 );
	padding: 60px 0 0 0;
	position: relative;
}

.cont-txt .container {
	max-width: 840px;
}

.cont-txt aside {
	width: 100%;
	float: left;
	padding: 0 0 60px 0;
}

.cont-txt aside h2 {
	color: #20cbf4;
	color: #ffffff;
}

.cont-txt aside h2:before {
	background: #20cbf4;
}

.cont-txt aside p {
	color: #ffffff;
}

.cont-txt .downarrow {
	width: 100%;
	float: left;
	text-align: center;
	margin: 0 0 20px 0;
}

.cont-txt .downarrow a {
	width: 56px;
	height: 22px;
	float: none;
	display: inline-block;
	vertical-align: top;
	text-indent: -9999px;
	background: url(../images/downarrow.svg) no-repeat top center;
	background-size: 56px auto;
	margin: 0;
}

@media only screen and (max-width: 767px) {
.cont-txt {
	background: #009ac7;
	background: -moz-linear-gradient(top, #009ac7 0%, #99ddf9 100%, #009ac7 100%, #99ddf9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ac7), color-stop(100%, #99ddf9), color-stop(100%, #009ac7), color-stop(100%, #99ddf9));
	background: -webkit-linear-gradient(top, #009ac7 0%, #99ddf9 100%, #009ac7 100%, #99ddf9 100%);
	background: -o-linear-gradient(top, #009ac7 0%, #99ddf9 100%, #009ac7 100%, #99ddf9 100%);
	background: -ms-linear-gradient(top, #009ac7 0%, #99ddf9 100%, #009ac7 100%, #99ddf9 100%);
	background: linear-gradient(to bottom, #009ac7 0%, #99ddf9 100%, #009ac7 100%, #99ddf9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#99ddf9', GradientType=0 );
	padding: 40px 0 0 0;
}

.cont-txt aside {
	padding: 0 0 40px 0;
}

.cont-txt .downarrow {
	margin: 0 0 15px 0;
}

.cont-txt .downarrow a {
	width: 44px;
	height: 18px;
	background-size: 44px auto;
}
}


/* Team - Info */
.team-info {
	width: 100%;
	float: left;
}

.team-info article {
	/*width: 25%;*/
		width: 33.33%;
	float: left;
	position: relative;
	overflow: hidden;
}

.team-info article a {
	width: 100%;
	float: left;
	text-decoration: none;
}

.team-info article h3 {
	font-size: 28px;
	color: #ffffff;
	padding: 0 0 15px 0;
	margin: 0 0 16px 0;
}

.team-info article h3:before {
	background: #ffffff;
	margin: 0 0 0 -20px;
	left: 50%;
}

.team-info article p {
	font-size: 16px;
	color: #ffffff;
	line-height: 24px;
	letter-spacing: 0.02em;
	padding: 0;
}

.team-info article figure {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
}

.team-info article figure img {
	width: 100%;
}

.team-info article aside {
	width: 100%;
	height: 100%;
	float: left;
	text-align: center;
	background: rgba(0, 154, 199, 0.50);
	position: absolute;
	bottom: 0;
	left: -100%;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.team-info article:hover aside {
	bottom: 0;
	left: 0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

@media only screen and (max-width: 979px) {
.team-info article {
	width: 33.33%;
}

.team-info article h3 {
	font-size: 24px;
}
}

@media only screen and (max-width: 767px) {
.team-info article {
	width: 50%;
}

.team-info article h3 {
	font-size: 21px;
	padding: 0 0 6px 0;
	margin: 0 0 10px 0;
}

.team-info article h3:before {
	margin: 0 0 0 -12px;
}

.team-info article p {
	font-size: 13px;
	line-height: 19px;
}
}


/* Partner - Logo */
.partner-logos {
	width: 100%;
	float: left;
	padding: 80px 0;
}

.partner-logos .container {
    max-width: 1280px;
    padding: 0 25px;
}

.partner-logos h4 {
	font-size: 16px;
	letter-spacing: 0.02em;
	padding: 0 0 20px 0;
	margin: 0;
}

.partner-logos .content-txt {
	padding: 0;
	    margin-top: 30px;
}

.partner-logos .content-txt:last-child {
	padding-bottom: 0;
}

.partner-logos .content-txt .read-more {
	background: none;
	position: static;
}

.partner-logos {
	padding: 60px 0;
}

@media only screen and (max-width: 767px) {
.partner-logos {
	padding: 50px 0;
}
}


/* Filter - Links */
.filter-out {
	width: 100%;
	float: left;
	background: #ffffff;
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding: 40px 0 0 0;
}

.filter-link {
	width: 100%;
	float: left;
}

.filter-link:last-child {
	padding-bottom: 0;
}

.filter-link h4 {
	font-size: 16px;
	letter-spacing: 0.02em;
	padding: 0 0 20px 0;
	margin: 0;
}

.filter-link .filter-bar {
	width: 101.20%;
	float: left;
	    text-align: left;
	padding: 0;
	margin: 0 -0.60% -14px -0.60%;
}

.filter-link .filter-bar .button {
	width: 18.30%;
	height: 40px;
	float: none;
	display: inline-block;
	vertical-align: top;
	font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #7b7b7b;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	background: none;
	border: none;
	box-shadow:inset #7b7b7b 0 0 0 2px;
	padding: 0;
	margin: 0 0.60% 14px 0.60%;
	position: relative;
	outline: 0;
	cursor: pointer;
	text-transform: uppercase;
}

.filter-link .filter-bar .button:hover,
.filter-link .filter-bar .button.is-checked {
	color: #ffffff;
	background: #f47a20;
	box-shadow:inset #f47a20 0 0 0 2px;
}

@media only screen and (max-width: 767px) {
.filter-link .filter-bar {
	width: 100%;
	margin: 0 0 -10px 0;
}

.filter-link .filter-bar .button {
	width: auto;
	height: 40px;
	line-height: 38px;
	text-align: center;
	padding: 0 20px;
	margin: 0 3px 10px 3px;
}
}


/* Client - Logos */
.client-logos {
	width: 100%;
	float: left;
	text-align: center;
	padding: 60px 0 0 0;
}

.client-logos ul {
	width: 110%;
	float: left;
	padding: 0;
	margin: 0 -5% -30px -5%;
}

.client-logos ul li {
	width: 15%;
	height: 102px;
	float: left;
	padding: 0;
	margin: 0 5% 30px 5%;
}

.client-logos ul li img {
	max-width: 100%;
}

.client-logos ul li:before {
	display: none;
}

@media only screen and (max-width: 767px) {
.client-logos {
	padding: 30px 0 0 0;
}

.client-logos ul {
	width: 100%;
	margin: 0 0 -20px 0;
}

.client-logos ul li {
	width: 50%;
	padding: 0 30px;
	margin: 0 -2px 20px -2px;
}
}


/* Testimonials - Blue */
.testimonials-blue {
	background: #009ac7;
	background: -moz-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #009ac7), color-stop(160%, #7fdaf9));
	background: -webkit-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -o-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -ms-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: linear-gradient(to right, #009ac7 0%, #7fdaf9 160%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#7fdaf9', GradientType=1 );
	padding: 50px 0;
}

.testimonials-blue .container {
	max-width: 840px;
}

.testimonials-blue aside {
	max-width: 100%;
	padding: 25px 0 0 0;
	position: relative;
}

.testimonials-blue aside:before {
	background: url(../images/blue-quotemarks.svg) no-repeat top center;
	background-size: 65px auto;
	left: -80px;
}

@media only screen and (max-width: 979px) {
.testimonials-blue aside {
	padding: 25px 0 0 80px;
}

.testimonials-blue aside:before {
	background: url(../images/blue-quotemarks.svg) no-repeat top center;
	background-size: 65px auto;
	left: 0;
}
}

@media only screen and (max-width: 767px) {
.testimonials-blue {
	background: #009ac7;
	background: -moz-linear-gradient(top, #009ac7 0%, #99ddf9 100%, #009ac7 100%, #99ddf9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ac7), color-stop(100%, #99ddf9), color-stop(100%, #009ac7), color-stop(100%, #99ddf9));
	background: -webkit-linear-gradient(top, #009ac7 0%, #99ddf9 100%, #009ac7 100%, #99ddf9 100%);
	background: -o-linear-gradient(top, #009ac7 0%, #99ddf9 100%, #009ac7 100%, #99ddf9 100%);
	background: -ms-linear-gradient(top, #009ac7 0%, #99ddf9 100%, #009ac7 100%, #99ddf9 100%);
	background: linear-gradient(to bottom, #009ac7 0%, #99ddf9 100%, #009ac7 100%, #99ddf9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#99ddf9', GradientType=0 );
	padding: 50px 0;
}

.testimonials-blue aside {
	max-width: 100%;
	padding: 64px 0 0 0;
	position: relative;
}

.testimonials-blue aside:before {
	background-size: 50px auto;
}
}


/* Awards */
.awards-details {
	width: 100%;
	float: left;
	padding: 80px 0;
}

.awards-details .container {
	max-width: 840px;
}

.awards-details .heading-txt {
	width: 100%;
	float: left;
	padding: 0 0 45px 0;
}

.awards-details .heading-txt:last-child {
	padding-bottom: 0;
}

.awards-details article {
	width: 41%;
	float: left;
	    margin-bottom: 30px;
}

.awards-details article:nth-child(3) {
	clear: both;
}


.awards-details article:nth-child(even) {
	float: right;
}

.awards-details article h3 {
	color: #009ac7;
	line-height: 1.1em;
	padding: 0 0 18px 0;
	margin: 0;
}

.awards-details article h3:before {
	display: none;
}

.awards-details article p {
	font-size: 16px;
	line-height: 20px;
	padding: 0 0 17px 0;
}

.awards-details article p:last-child {
	padding-bottom: 0;
}

.awards-details article p em {
	font-family: "robotomediumitalic", Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.awards-details article aside {
	width: 100%;
	float: left;
	padding: 0 0 55px 0;
}

.awards-details article aside:last-child {
	padding-bottom: 0;
}

.awards-details article .year {
	width: 100%;
	float: left;
	font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #7b7b7b;
	line-height: 20px;
	letter-spacing: 0.04em;
	padding: 0 0 25px 0;
	margin: 0;
}

.awards-details .article-bg {
	width: 100%;
	float: left;
}

@media only screen and (max-width: 979px) {
.awards-details {
	padding: 60px 0;
}

.awards-details article aside {
	padding: 0 0 40px 0;
}
}

@media only screen and (max-width: 767px) {
.awards-details {
	padding: 50px 0;
}

.awards-details .heading-txt {
	padding: 0 0 40px 0;
}

.awards-details article {
	width: 100%;
	padding: 0 0 35px 0;
}

.awards-details article:last-child {
	padding-bottom: 0;
}

.awards-details article aside {
	padding: 0 0 35px 0;
}
}


/* Careers - List */
.careers-list {
	    width: 100%;
    float: left;
       background: #ffffff;
    padding: 80px 0;
    clear: both;
    display: inline-block;
    float: none;
}

.careers-list .container {
    max-width: 1280px;
    padding: 0 25px;
}

.careers-list h2 {
	margin: 0 0 30px 0;
}

.careers-list h3 {
	padding: 0;
	margin: 0 0 36px 0;
}

.careers-list h3:before {
	display: none;
}

.careers-list ul {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
}

.careers-list ul li {
	width: 100%;
	float: left;
	padding: 0 0 30px 28px;
	margin: 0;
}

.careers-list ul li:last-child {
	padding-bottom: 0;
}

.careers-list ul li:before {
	content: "";
	width: 0;
	height: 0;
	float: left;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 10px solid #f47a20;
	border-radius: 0;
	background: none;
	position: absolute;
	top: 6px;
	left: 0;
}

.careers-list ul li a {
	color: #7b7b7b;
	text-decoration: none;
}

.careers-list ul li a:hover {
	color: #f47a20;
}

.careers-list ul li a.active {
	color: #f47a20;
}

@media only screen and (max-width: 979px) {
.careers-list {
	padding: 60px 0;
}

.careers-list ul li {
	padding: 0 0 25px 28px;
}
}

@media only screen and (max-width: 767px) {
.careers-list {
	padding: 50px 0;
}

.careers-list h2 {
	margin: 0 0 28px 0;
}

.careers-list h3 {
	margin: 0 0 45px 0;
}

.careers-list ul li {
	padding: 0 0 20px 28px;
}
}


/* 
 6.) Bio - Details 
-------------------------------------------------*/

.bio-details {
	width: 100%;
	float: left;
	overflow: hidden;
	padding: 80px 0;
}

.bio-details aside {
	width: 58.70%;
	float: left;
	padding: 0;
}

.bio-details aside h2 {
	color: #f47a20;
}

.bio-details aside h3 {
	padding: 0;
}

.bio-details aside h3:before {
	display: none;
}

.bio-details aside .email {
	width: 100%;
	float: left;
	font-size: 21px;
	color: #7b7b7b;
	line-height: 26px;
	padding: 12px 0 0 0;
}

.bio-details aside .email a {
	width: 100%;
	float: left;
	color: #7b7b7b;
	text-decoration: none;
	background: url(../images/email-con.svg) no-repeat left center;
	background-size: 35px auto;
	padding: 5px 0 5px 50px;
	position: relative;
}

.bio-details aside .email a:hover {
	background: url(../images/BioDetail_Email_Icon_Rollover.svg) no-repeat left center;
	    background-size: 35px auto;
	
}

.bio-details aside .email a:hover {
	color: #f47a20;
}

.bio-details aside .email a.active {
	color: #f47a20;
}

/* twitter */

.bio-details aside .twitter_link {
	width: 100%;
	float: left;
	font-size: 21px;
	color: #7b7b7b;
	line-height: 26px;
	padding: 12px 0 0 0;
}

.bio-details aside .twitter_link a {
	width: 100%;
	float: left;
	color: #7b7b7b;
	text-decoration: none;
	background: url(../images/Twitter_Icon.svg) no-repeat left center;
	background-size: 35px auto;
	padding: 5px 0 5px 50px;
	position: relative;
}

.bio-details aside .twitter_link a:hover {

	background: url(../images/Twiitter_Icon_Rollover.svg) no-repeat left center;
	    background-size: 35px auto;
}

.bio-details aside .twitter_link a:hover {
	color: #f47a20;
}

.bio-details aside .twitter_link a.active {
	color: #f47a20;
}



/* linkedin */

.bio-details aside .linkedinlink {
	width: 100%;
	float: left;
	font-size: 21px;
	color: #7b7b7b;
	line-height: 26px;
	padding: 12px 0 0 0;
}

.bio-details aside .linkedinlink a {
	width: 100%;
	float: left;
	color: #7b7b7b;
	text-decoration: none;
	background: url(../images/LinkedIn_Icon.svg) no-repeat left center;
	background-size: 35px auto;
	padding: 5px 0 5px 50px;
	position: relative;
}

.bio-details aside .linkedinlink a:hover {
	background: url(../images/LinkedIn_Icon_Rollover.svg) no-repeat left center;
	    background-size: 35px auto;
}

.bio-details aside .linkedinlink a:hover {
	color: #f47a20;
}

.bio-details aside .linkedinlink a.active {
	color: #f47a20;
}


.bio-details .team-members {
	width: 34.80%;
	float: right;
	margin: 142px 0 0 0;
}

.bio-details .team-members ul {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0 0 19px 0;
}

.bio-details .team-members ul li {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
}

.bio-details .team-members ul li img {
	width: 100%;
}

.bio-details .team-members ul li:before {
	display: none;
}

.bio-details .team-members .nav-txt {
	   width: 80%;
    float: left;
    font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.04em;
    text-align: right;
    margin-top: 17px;
    padding: 0 0px 0 0;
    display: inline-block;
}

.nav-txt-arrows {
    /* float: left; */
    width: 32px;
    float: right;
    font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.04em;
    text-align: right;
    padding: 0 0px 0 0;
    margin-top: 17px;
    display: inline-block;
}

@media only screen and (max-width: 979px) {
.bio-details {
	padding: 60px 0;
}

.bio-details .team-members {
	margin: 132px 0 0 0;
}
}

@media only screen and (max-width: 767px) {
	
	.bio-details .team-members figure img {
    width: 100%;
}
	
	.bio-details .team-members .nav-txt {
	  display: none;
}

.bio-details .team-members  .nav-txt-arrows {
   display: none;
}
	
	
.bio-details {
	padding: 0 0 45px 0;
}

.bio-details .container {
	padding: 0;
}

.bio-details aside {
	width: 100%;
	padding: 0 30px;
}

.bio-details aside h2 {
	padding-bottom: 10px;
	margin-bottom: 13px;
}

.bio-details aside h3 {
	font-size: 21px;
	margin-bottom: 28px;
}

.bio-details .team-members {
	width: 100%;
	margin: 0 0 30px 0;
}

.bio-details .team-members ul {
	padding: 0;
	margin: 0;
}

.bio-details .team-members .nav-txt {
	display: none;
	padding: 0;
}
}

@media only screen and (max-width: 374px) {
.bio-details aside {
	padding: 0 6%;
}
}


/* Banner - Cta */
.banner-cta {
	width: 100%;
	float: left;
	overflow: hidden;
}

.banner-cta figure {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
}

.banner-cta figure img {
	width: 100%;
	min-width: 1000px;
	margin: 0 -500px;
}

.banner-cta2 figure img {
	width: 100%;
	min-width: 660px;
	margin: 0 -330px;
}


/* Btm - Section */
.btm-section {
	width: 100%;
	float: left;
	background: #009ac7;
	background: -moz-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ac7), color-stop(100%, #20cbf4), color-stop(100%, #009ac7), color-stop(100%, #20cbf4));
	background: -webkit-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: -o-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: -ms-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: linear-gradient(to bottom, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#20cbf4', GradientType=0 );
	overflow: hidden;
	padding: 60px 0;
}

.btm-section h3 {
	width: 190px;
	float: left;
	color: #ffffff;
	padding: 0 20px 17px 0;
	margin: 0 -190px 0 0;
	position: relative;
	z-index: 50;
}

.btm-section h3:before {
	background: #ffffff;
}

.btm-section aside {
	width: 100%;
	float: left;
	padding: 0 0 0 190px;
	margin: -3px 0 0 0;
}

.btm-section aside p {
	color: #ffffff;
	padding: 0 0 54px 0;
}

.btm-section aside .btn {
	padding: 10px 25px;
}

.btm-section aside .btn-out {
	text-align: right;
}

@media only screen and (max-width: 767px) {
.btm-section {
	padding: 50px 0;
}

.btm-section h3 {
	width: 100%;
	font-size: 26px;
	padding: 0 0 15px 0;
	margin: 0 0 30px 0;
}

.btm-section aside {
	padding: 0;
	margin: 0;
}

.btm-section aside p {
	padding: 0 0 44px 0;
}

.btm-section aside .btn-out {
	text-align: left;
}
}


/* 
 7.) Careers - Details 
-------------------------------------------------*/

.careers-details {
	width: 100%;
	float: left;
	overflow: hidden;
	padding: 80px 0;
}

.careers-details .container {
	max-width: 840px;
}

.careers-details h2 {
	margin-bottom: 42px;
}

.careers-details h3 {
	color: #009ac7;
	padding: 0 0 13px 0;
	margin: 0;
}

.careers-details h3:before {
	display: none;
}

.careers-details h4 {
	color: #009ac7;
	padding: 0 0 30px 0;
	margin: 0;
}

.careers-details .btn {
	width: 210px;
	padding-left: 0;
	padding-right: 0;
}

.careers-details .btn-out {
	padding: 18px 0 0 0;
}

.careers-details aside {
	width: 100%;
	float: left;
	padding: 0 0 33px 0;
}

.careers-details aside:last-child {
	padding-bottom: 0;
}

@media only screen and (max-width: 979px) {
.careers-details {
	padding: 60px 0;
}
}

@media only screen and (max-width: 767px) {
.careers-details {
	padding: 50px 0;
}

.careers-details h2 {
	margin-bottom: 30px;
}
}


/* 
 8.) Insights Newsletter Archive - Page
-------------------------------------------------*/

/* Archive - List */
.archive-list {
	width: 100%;
	float: left;
	padding: 75px 0 115px 0;
}

.archive-list h2 {
	margin: 0 0 70px 0;
}

.archive-list ul {
	width: 102%;
	float: left;
	text-align: center;
	list-style: none;
	padding: 0 0 65px 0;
	margin: 0 -1% -23px -1%;
}

.archive-list ul li {
	width: 31.4%;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 0 0.7% 23px 0.7%;
}

.archive-list ul li:before {
	display: none;
}

.archive-list ul li a {
	width: 100%;
	float: left;
	font-size: 14px;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 16px;
	padding: 11px 10px;
    border: 2px solid #009ac7;
	background: #009ac7;
	    font-weight: normal;
    font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.04em;
}

.archive-list ul li a:hover {
	text-decoration: none;
	color: #009ac7;
	background: none;
}

@media only screen and (max-width: 979px) {
.archive-list {
	padding: 60px 0 80px 0;
}

.archive-list h2 {
	margin: 0 0 50px 0;
}

.archive-list ul {
	padding: 0 0 45px 0;
	margin: 0 -1% -18px -1%;
}

.archive-list ul li {
	width: 31.3%;
	margin: 0 0.7% 18px 0.7%;
}
}

@media only screen and (max-width: 767px) {
.archive-list {
	padding: 50px 0 65px 0;
}

.archive-list h2 {
	margin: 0 0 45px 0;
}

.archive-list ul {
	width: 104%;
	padding: 0 0 40px 0;
	margin: 0 -2% -17px -2%;
}

.archive-list ul li {
	width: 46%;
	margin: 0 1.5% 17px 1.5%;
}
}


/* 
 9.) Insights - Page 
-------------------------------------------------*/

/* Article - List */
.article-list {
	width: 100%;
	float: left;
	overflow: hidden;
	padding: 100px 0 120px 0;
}

.article-list h3 {
	width: 100%;
	float: left;
	font-size: 40px;
	line-height: 1.2em;
	position: relative;
	padding: 0 0 15px 0;
	margin: 0 0 35px 0;
}

.article-list h3 a {
	color: #7b7b7b;
}

.article-list h3 a:hover {
	text-decoration: none;
	color: #f47a20;
}

.article-list figure {
	width: 162.8%;
	float: left;
	text-align: center;
	background: #b5b6b8;
	padding: 1px;
	margin: 25px -62.8% 50px 0;
}

.article-list figure img {
	width: 100%;
}

.article-list aside {
	width: 61.40%;
	float: left;
}

.article-list aside p.lrg-txt {
	font-family: "robotobold", Arial, Helvetica, sans-serif;
	font-size: 27px;
	line-height: 34px;
}

.article-list aside p {
	font-family: "robotoregular", Arial, Helvetica, sans-serif;
	padding: 0 0 20px 0;
}

.article-list aside p:last-child {
	padding: 0;
}

.article-list .date-txt {
	width: 23%;
	float: right;
	padding: 0 23px 0 26px;
}

.article-list .date-txt p.lrg-txt {
	font-family: "robotocondensed_italic", Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 22px;
	padding: 0 0 30px 0;
}

.article-list .date-txt .month {
	font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
	font-size: 19px;
	text-transform: uppercase;
	line-height: 22px;
	position: relative;
	padding: 0 0 13px 0;
}

.article-list .date-txt .month:before {
	content: "";
	width: 0;
	height: 0;
	float: left;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 8px solid #009ac7;
	position: absolute;
	top: 5px;
	left: -30px;
}

.article-list .social-links p {
	letter-spacing: .5px;
	text-align: left;
	padding: 0 0 13px 0;
	    font-family: "roboto_cnbold", Arial, Helvetica, sans-serif;
    font-size: 16px;
    position: relative;
    text-align: left;
    padding: 0 18px 8px 0px;
}

.article-list .social-links ul li.linkedin a {
	background-image: url(../images/linkedin-icon2.svg);
}

.article-list .social-links ul li.linkedin a:hover {
	background-image: url(../images/linkedin-icon2-hover.svg);
}

.article-list .social-links ul li.facebook a {
	background-image: url(../images/facebook-icon2.svg);
}

.article-list .social-links ul li.facebook a:hover {
	background-image: url(../images/facebook-icon2-hover.svg);
}

.article-list .social-links ul li.twitter a {
	background-image: url(../images/twitter-icon2.svg);
}

.article-list .social-links ul li.twitter a:hover {
	background-image: url(../images/twitter-icon2-hover.svg);
}

.article-list article {
	width: 100%;
	float: left;
	border-bottom: 1px solid #95989a;
	padding: 0 0 53px 0;
	margin: 0 0 63px 0;
}

.article-list article:last-child {
	border: none;
	padding: 0;
	margin: 0;
}

.article-list .article-bg {
	width: 100%;
	float: left;
	overflow: hidden;
	padding: 0 0 80px 0;
}

.article-list .read-more.active {
	display: none;
}

.article-list .accord-btn {
	position: relative;
	padding: 0 0 0 23px;
}

.article-list .accord-btn:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 10px solid #f47a20;
	position: absolute;
	top: 4px;
	left: 0;
	display: block;
}

.article-list .close-btn:before {
	content: "";
	width: 0;
	height: 0;
	    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 10px solid #f47a20;
	position: absolute;
	top: 4px;
	left: 0;
	display: block;
}

.article-list .close-btn {
position: relative;
    padding: 0 0 0 23px;
}

.article-list .accord-cont {
	width: 100%;
	float: left;
	padding: 20px 0;
	display: none;
}

.article-list .btn {
	width: 180px;
	padding-left: 0;
	padding-right: 0;
}

@media only screen and (max-width: 979px) {
.article-list {
	padding: 70px 0 90px 0;
}

.article-list h3 {
	font-size: 34px;
}

.article-list aside p.lrg-txt {
	font-size: 23px;

	line-height: 28px;
}

.article-list .date-txt {
	width: 30%;
}

.article-list .article-bg {
	padding: 0 0 50px 0;
}
}

@media only screen and (max-width: 767px) {
.article-list {
	border-top: 1px solid #b7b7b7;
	padding: 60px 0 80px 0;
}

.article-list h3 {
	font-size: 30px;
	padding: 0 0 10px 0;
	margin: 0 0 19px 0;
}

.article-list h3:before {
	display: none;
}

.article-list figure {
	width: 100%;
	margin: 25px 0 50px 0;
}

.article-list aside {
	width: 100%;
	padding: 0;
}

.article-list .date-txt {
	width: 100%;
	padding: 0 0 30px 0;
}

.article-list .date-txt p.lrg-txt {
	font-size: 18px;
	line-height: 20px;
	padding: 0;
}

.article-list .date-txt .month {
	font-size: 18px;
	line-height: 20px;
	padding: 0 0 10px 0;
}

.article-list .date-txt .month:before {
	display: none;
}

.article-list .social-links {
	padding: 20px 0 0 0;
	display: none;
}

.article-list .article-bg {
	padding: 0 0 40px 0;
}

.article-list .btn {
	width: 190px;
}
}


/* 
 10.) Case Study - Page
-------------------------------------------------*/

.testimonials2 {
	padding: 50px 0;
}

.testimonials2 aside {
	max-width: 100%;
}

.case-study-out {
	width: 100%;
	float: left;
	padding: 80px 0;
}

.case-study {
	width: 100%;
	float: left;
	padding: 0 0 80px 0;
}

.case-study:last-child {
	padding-bottom: 0;
}

.case-study aside {
	width: 100%;
	float: left;
	     padding: 17px 80px 90px 80px;
	position: relative;
}

.case-study aside:last-child {
	padding-bottom: 0;
}

.case-study aside:before {
	content: "";
	width: 40px;
	height: 3px;
	float: left;
	background: #f47a20;
	position: absolute;
	top: 0;
	left: 80px;
}

.case-study figure {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
	margin: 0 0 57px 0;
}

.case-study figure:last-child {
	margin-bottom: 0;
}

.case-study figure img {
	width: 100%;
}

.case-study .list-out {
	width: 100%;
	float: left;
}

.case-study .list-out h3 {
	color: #009ac7;
	padding: 0 0 22px 0;
	margin: 0;
}

.case-study .list-out h3:before {
	display: none;
}

.case-study .list {
	width: 100%;
	float: left;
}

.case-study .list ul {
	width: 45.65%;
	float: left;
	padding: 0;
	margin: 0;
}

.case-study .list ul:nth-child(even) {
	float: right;
}

.case-study .list ul li {
	width: 100%;
	float: left;
	font-family: "roboto_cnregular", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #7b7b7b;
	line-height: 24px;
	letter-spacing: 0.02em;
	padding: 0 0 15px 20px;
	margin: 0;
}

.case-study .list ul li:last-child {
	padding-bottom: 0;
}

.case-study .list ul li:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 7px solid #009ac7;
	background: none;
	border-radius: 0;
	position: absolute;
	top: 5px;
	left: 0;
}

.case-study .list ul li a {
	color: #7b7b7b;
	text-decoration: none;
}

.case-study .list ul li a:hover {
	color: #009ac7;
}

.case-study .list ul li a.active {
	color: #009ac7;
}

@media only screen and (max-width: 979px) {
.case-study-out {
	padding: 60px 0;
}

.case-study {
	padding: 0 0 60px 0;
}

.case-study aside {
	padding: 33px 0 52px 80px;
}
}

@media only screen and (max-width: 767px) {
.case-study-out {
	padding: 50px 0;
}

.case-study {
	padding: 0 0 50px 0;
}

.case-study .container {
	padding: 0;
}

.case-study aside {
	padding: 22px 30px 48px 30px;
}

.case-study aside:before {
	width: 24px;
	height: 2px;
	left: 30px;
}

.case-study figure {
	margin: 0 0 43px 0;
}

.case-study figure img {
	min-width: 900px;
	margin: 0 -450px;
}

.case-study .list-out {
	padding: 0 30px;
}

.case-study .list-out h3 {
	font-size: 26px;
	padding: 0 0 24px 0;
}

.case-study .list ul {
	width: 100%;
	padding: 0 0 15px 0;
}

.case-study .list ul:last-child {
	padding-bottom: 0;
}

.case-study .list ul li {
	padding: 0 0 15px 20px;
}
}

@media only screen and (max-width: 374px) {
.case-study aside {
	padding: 22px 6% 48px 6%;
}

.case-study aside:before {
	left: 6%;
}

.case-study .list-out {
	padding: 0 6%;
}
}


.bottom-logos {
	width: 100%;
	float: left;
}

.bottom-logos .coll-out {
	width: 100%;
	float: left;
	padding: 0 0 80px 0;
}

.bottom-logos .coll-out:last-child {
	padding-bottom: 0;
}

.bottom-logos .coll-out p {
	font-family: "robotomediumitalic", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	padding: 0;
}

.bottom-logos .left-cl {
	width: 58.70%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0 30px 0 0;
	margin: 0 -2px;
}

.bottom-logos .left-cl .logo {
	width: 100%;
	float: left;
	margin: 0 0 42px 0;
}

.bottom-logos .left-cl .logo img {
	max-width: 400px;
}

.bottom-logos .right-cl {
	width: 41.30%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	padding: 0 30px;
	margin: 0 -2px;
}

.bottom-logos .right-cl .logo {
	width: 100%;
	float: left;
	margin: 0 0 43px 0;
}

.bottom-logos .right-cl .logo img {
	max-width: 300px;
}

.bottom-logos .btn {
	padding-left: 25px;
	padding-right: 25px;
}

@media only screen and (max-width: 979px) {
.bottom-logos .coll-out {
	padding: 0 0 60px 0;
}

.bottom-logos .left-cl .logo {
	margin: 0 0 32px 0;
}

.bottom-logos .left-cl .logo img {
	max-width: 300px;
}

.bottom-logos .right-cl .logo {
	margin: 0 0 33px 0;
}

.bottom-logos .right-cl .logo img {
	max-width: 255px;
}
}

@media only screen and (max-width: 767px) {
.bottom-logos .coll-out {
	text-align: center;
	padding: 20px 0 80px 0;
}

.bottom-logos .left-cl {
	width: 100%;
	padding: 0;
	margin: 0 0 45px 0;
}

.bottom-logos .left-cl .logo {
	margin: 0 0 22px 0;
}

.bottom-logos .left-cl .logo img {
	max-width: 300px;
}

.bottom-logos .right-cl {
	width: 100%;
	padding: 0;
	margin: 0;
}

.bottom-logos .right-cl .logo {
	margin: 0 0 23px 0;
}

.bottom-logos .right-cl .logo img {
	max-width: 255px;
}
}

@media only screen and (max-width: 374px) {
.bottom-logos .left-cl .logo img {
	max-width: 260px;
}

.bottom-logos .right-cl .logo img {
	max-width: 240px;
}
}


/* 
 11.) Contact - Page 
-------------------------------------------------*/

/* Section - Address */
.section-address {
	width: 100%;
	float: left;
	text-align: center;
	padding: 80px 0;
}

.section-address aside {
	width: 50%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	padding: 0 0 0 10px;
	margin: 0 -2px;
}

.section-address aside p {
	text-transform: uppercase;
}

.section-address aside .mail {
	float: right;
	padding: 0 0 0 50px;
}

.section-address aside .mail a {
	font-family: "roboto-medium", Arial, Helvetica, sans-serif;
	color: #7b7b7b;
	text-transform: none;
}

.section-address aside .mail a:hover {
	color: #f47a20;
}

.section-address aside .mail a span {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 0 55px;
	margin: 0 -2px;
}

.section-address aside .mail a span.envelope {
	width: 35px;
	height: 35px;
	float: none;
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	color: #f47a20;
	text-align: center;
	background: url(../images/email-icon-01.svg) no-repeat;
	background-size: 35px auto;
	padding: 0;
	margin: 0 -35px 0 0;
}

.section-address aside .mail a:hover span.envelope {
	background: url(../images/BioDetail_Email_Icon_Rollover.svg) no-repeat;
}




.section-address article {
	width: 100%;
	max-width: 745px;
	float: none;
	display: inline-block;
}

@media only screen and (max-width: 979px) {
.section-address {
	padding: 70px 0;
}
}

@media only screen and (max-width: 767px) {
.section-address {
	padding: 30px 0 60px 0;
}

.section-address aside {
	width: 100%;
	float: left;
	padding: 0 0 30px 0;
	margin: 0;
}

.section-address aside p {
	line-height: 28px;

	padding: 0;
}

.section-address aside:last-child {
	padding: 0;
}

.section-address aside .mail {
	float: left;
	padding: 0;
}
}


/* Section - Map */
.section-map {
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
	z-index: 10;
	overflow: hidden;
}

.section-map .map {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
}

.section-map #map {
	width: 100%;
	height: 455px;
	display: inline-block;
	vertical-align: top;
	margin: 0 -50%;
}

@media only screen and (max-width: 767px) {
.section-map #map {
	height: 300px;
}
}



/* 
 12.) General - Page 
-------------------------------------------------*/

/* Content - Inner */
.content-inner {
	width: 100%;
	float: left;
	padding: 80px 0;
}

.content-inner h2 {
	font-size: 46px;
	line-height: 1.2em;
	padding: 0 0 12px 0;
	margin: 0 0 30px 0;
}

@media only screen and (max-width: 979px) {
.content-inner {
	padding: 60px 0;
}

.content-inner h2 {
	font-size: 40px;
}
}

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

.content-inner {
	padding: 50px 0;
}

.content-inner h2 {
	font-size: 30px;
}

.content-inner h2 br {
	display: none;
}
}


/* Left - Cont */
.left-content {
	width: 100%;
	float: left;
	padding: 0 220px 0 0;
}

.left-content h3 {
	color: #f47a20;
	line-height: 1.2em;
	padding: 0 0 19px 0;
	margin: 0;
}

.left-content h3:before {
	display: none;
}

.left-content ul {
	width: 100%;
	float: left;
	padding: 0 0 30px 0;
}

.left-content ul:last-child {
	padding: 0;
}

.left-content ul li {
	width: 100%;
	float: left;
}

.left-content ul li:before {
	background: #f47a20;
}

.left-content ol {
	width: 100%;
	float: left;
	padding: 0 20px 70px 0;
}

.left-content ol li {
	width: 100%;
	float: left;
}

.left-content .video {
	width: 100%;
	float: left;
	background: #878b8d;
	padding: 2px;
	position: relative;
}

.left-content .video figure {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
}

.left-content .video figure img {
	width: 100%;
	min-width: 700px;
	margin: 0 -350px;
}

.left-content .video figure a {
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
}

.left-content .video figure a:before {
	content: "";
	width: 100%;
	height: 100%;
	float: left;
	background: url(../images/video-play-02.png) no-repeat center center;
	background-size: 85px auto;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

.left-content .video figure a:hover:before {
	background-size: 95px auto;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

@media only screen and (max-width: 767px) {
.left-content ol {
	padding: 0 20px 60px 0;
}

.left-content .video figure a:before {
	background-size: 55px auto;
}

.left-content .video figure a:hover:before {
	background-size: 65px auto;
}

.left-content .video .drop-box {
	bottom: 10px;
	right: 0;
}
}

@media only screen and (max-width: 767px) {
.left-content {
	width: 100%;
	padding: 0 0 45px 0;
}

.left-content h3 {
	padding: 0 0 18px 0;
}

.left-content ol {
	padding: 0 0 40px 0;
}

.left-content .video figure img {
	min-width: 100%;
	margin: 0;
}

.left-content .video figure a:before {
	background-size: 50px auto;
}

.left-content .video figure a:hover:before {
	background-size: 60px auto;
}
}


/* Side - Bar */
.side-bar {
	width: 180px;
	float: right;
	margin: 5px 0 0 -180px;
}

.side-bar h4 {
	font-size: 16px;
	position: relative;
	text-align: left;
	padding: 0 18px 8px 18px;
	letter-spacing: .5px;
}

.side-bar h4:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 8px solid #f47a20;
	position: absolute;
	top: 3px;
	left: 0;
}

.side-bar p {
	width: 100%;
	float: left;
	font-family: "robotocondensed_italic", Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 18px;
	padding: 0 18px 22px 18px;
}

.side-bar p a {
	font-family: "robotocondensed_italic", Arial, Helvetica, sans-serif;
	color: #7b7b7b;
}

.side-bar p a:hover {
	color: #009ac7;
}

.side-bar p:last-child {
	padding-bottom: 0;
}

.side-bar aside {
	width: 100%;
	float: left;
	padding: 0 0 40px 0;
}

.side-bar aside:last-child {
	padding: 0;
}

.side-bar .btn {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	margin: 0 0 12px 0;
}

.side-bar .btn:last-child {
	margin: 0;
}

.side-bar .social-links {
	padding: 0 0 25px 0;
}

.side-bar .social-links ul {
	padding: 10px 18px 0 18px;
	margin: 0 -5px -5px 0;
}

.side-bar .social-links ul li {
	float: none;
	display: inline-block;
	margin: 0 5px 5px 0;
}

.side-bar .social-links ul li.facebook a {
	background-image: url(../images/facebook-icon2.svg);
}

.side-bar .social-links ul li.facebook a:hover {
	background-image: url(../images/facebook-icon2-hover.svg);
}

.side-bar .social-links ul li.twitter a {
	background-image: url(../images/twitter-icon2.svg);
}

.side-bar .social-links ul li.twitter a:hover {
	background-image: url(../images/twitter-icon2-hover.svg);
}

.side-bar .social-links ul li.envelope a {
	background-image: url(../images/email-icon2.svg);
}

.side-bar .social-links ul li.envelope a:hover {
	background-image: url(../images/email-icon2-hover.svg);
}

.side-bar .resources {
	width: 100%;
	float: left;
	position: relative;
}

.side-bar .resources:hover .drop-box {
	display: block;
}

.side-bar .drop-box {
	width: 275px;
	float: right;
	background: #0097c6;
	background: -moz-linear-gradient(left, #0097c6 0%, #18bfe9 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #0097c6), color-stop(100%, #18bfe9));
	background: -webkit-linear-gradient(left, #0097c6 0%, #18bfe9 100%);
	background: -o-linear-gradient(left, #0097c6 0%, #18bfe9 100%);
	background: -ms-linear-gradient(left, #0097c6 0%, #18bfe9 100%);
	background: linear-gradient(to right, #0097c6 0%, #18bfe9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0097c6', endColorstr='#18bfe9', GradientType=1 );
	box-shadow: rgba(0, 0, 0, 0.3) 0 0 6px;
	position: absolute;
	bottom: -118px;
	right: 0;
	padding: 34px 35px;
	z-index: 50;
	display: none;
}

.side-bar .drop-box ul {
	width: 100%;
	float: left;
	padding: 0;
}

.side-bar .drop-box ul li {
	width: 100%;
	float: left;
	font-size: 15px;
	text-transform: none !important;
	line-height: 17px;
	text-transform: uppercase;
	border-bottom: 2px solid #ffffff;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

.side-bar .drop-box ul li:before {
	display: none;
}

.side-bar .drop-box ul li:last-child {
	border: none;
	padding: 0;
	margin: 0;
}

.side-bar .drop-box ul li a {
	color: #ffffff;
}

@media only screen and (max-width: 767px) {
.side-bar {
	width: 100%;
	float: left;
	margin: 0;
}

.side-bar .drop-box {
	padding: 25px 35px;
	right: auto;
	left: 0;
	bottom: -102px;
}
}


/* Bottom - Link */
.bottom-link {
	width: 100%;
	float: left;
	position: relative;
	padding: 0 0 0 25px;
}

.bottom-link:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 10px solid #f47a20;
	position: absolute;
	top: 4px;
	left: 0;
}

.bottom-link  a {
	position: relative;
	padding: 0 0 5px 0;
}

.bottom-link p a {font-family: 'robotobold'; color: #f47a20;}


/*.bottom-link p a:hover:before {
	content: "";
	width: 100%;
	height: 2px;
	float: left;
	background: #f79d5b;
	position: absolute;
	bottom: 0;
	left: 0;
}
*/

.bottom-link p a:hover {
	color: #f47a20;
	text-decoration: underline
}


/* 
 13.) Communications - Toolkit,
 14.) Partner - Project
-------------------------------------------------*/

/* Cta - Info */
.cta-info {
	width: 100%;
	float: left;
	background: #b2bb1e;
	background: -moz-linear-gradient(left, #b2bb1e 0%, #dedc3e 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b2bb1e), color-stop(100%, #dedc3e));
	background: -webkit-linear-gradient(left, #b2bb1e 0%, #dedc3e 100%);
	background: -o-linear-gradient(left, #b2bb1e 0%, #dedc3e 100%);
	background: -ms-linear-gradient(left, #b2bb1e 0%, #dedc3e 100%);
	background: linear-gradient(to right, #b2bb1e 0%, #dedc3e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2bb1e', endColorstr='#dedc3e', GradientType=1 );
	padding: 80px 0;
}

.cta-info .container {
	max-width: 840px;
}

.cta-info h2 {
	font-family: "cabinsketchbold", Arial, Helvetica, sans-serif;
	font-size: 42px;
	color: #ffffff;
	text-transform: none;
	padding-bottom: 16px;
	margin: 0 0 25px 0;
}

.cta-info h2:before {
	background: #ffffff;
}

.cta-info p {
	color: #ffffff;
}

.cta-info p a {
	color: #ffffff;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: #ffffff;
}

.cta-info p a:hover {
	color: #ffffff;
	text-decoration: none;
}

.cta-info p a.active {
	color: #ffffff;
	text-decoration: none;
}

.cta-info ul {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
}

.cta-info ul li {
	width: 100%;
	float: left;
	font-family: "robotoregular", Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 0 0 14px 18px;
}

.cta-info ul li:last-child {
	padding-bottom: 0;
}

.cta-info ul li:before {
	background: #ffffff;
}

.cta-info ul li:after {
	content: "\f101";
	width: auto;
	height: 0;
	font-family: "FontAwesome";
	font-size: 14px;
	color: #ffffff;
	line-height: 26px;
	padding: 0;
	margin: 0 0 0 6px;
}

.cta-info ul li a {
	font-family: "robotoregular", Arial, Helvetica, sans-serif;
	color: #ffffff;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-color: transparent;
}

.cta-info ul li a:hover {
	color: #ffffff;
	text-decoration: none;
	border-bottom-color: #ffffff;
}

.cta-info ul li a.active {
	color: #ffffff;
}

@media only screen and (max-width: 979px) {
.cta-info {
	padding: 60px 0;
}

.cta-info h2 {
	font-size: 36px;
}
}

@media only screen and (max-width: 767px) {
.cta-info {
	background: #b2bb1e; /* Old browsers */
	background: -moz-linear-gradient(top, #b2bb1e 0%, #e0de40 100%, #b2bb1e 100%, #e0de40 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b2bb1e), color-stop(100%, #e0de40), color-stop(100%, #b2bb1e), color-stop(100%, #e0de40)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #b2bb1e 0%, #e0de40 100%, #b2bb1e 100%, #e0de40 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #b2bb1e 0%, #e0de40 100%, #b2bb1e 100%, #e0de40 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #b2bb1e 0%, #e0de40 100%, #b2bb1e 100%, #e0de40 100%); /* IE10+ */
	background: linear-gradient(to bottom, #b2bb1e 0%, #e0de40 100%, #b2bb1e 100%, #e0de40 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2bb1e', endColorstr='#e0de40', GradientType=0 ); /* IE6-9 */
	padding: 50px 0;
}

.cta-info h2 {
	font-size: 30px;
	padding-bottom: 12px;
}
}


/* Section - Article */
.section-article {
	width: 100%;
	float: left;
	padding: 100px 0;
}

.section-article .container {
	max-width: 840px;
}

.section-article h2 {
	font-size: 40px;
	color: #f47a20;
	line-height: 1.1em;
	text-transform: none;
	padding-bottom: 16px;
}

.section-article article {
	width: 100%;
	float: left;
	margin: 0 0 80px 0;
}

.section-article article:last-child {
	margin-bottom: 0;
}

.section-article aside {
	width: 100%;
	float: left;
	padding: 0 0 53px 0;
}

.section-article aside:last-child {
	padding-bottom: 0;
}

.section-article .figure-bg {
	width: 100%;
	max-width: 730px;
	float: left;
	margin: 0 0 44px 0;
}

.section-article .figure-bg:last-child {
	margin-bottom: 0;
}

.section-article .figure-bg figure {
	width: 38.10%;
	float: left;
}

.section-article .figure-bg figure img {
	max-width: 100%;
}

.section-article .figure-bg .figure2 {
	width: 57.20%;
	float: right;
}

.section-article .figure-out {
	width: 100%;
	float: left;
	margin: 0 0 44px 0;
}

.section-article .figure-out:last-child {
	margin-bottom: 0;
}

.section-article .figure-out figure {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
	padding: 0 180px 0 0;
}

.section-article .figure-out figure img {
	max-width: 100%;
}

.section-article .figure-out {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.section-article .figure-out .btn {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.section-article .figure-out .btn-out {
	width: 180px;
	float: left;
	margin: 2px 0 0 -180px;
}

.section-article .list-out {
	width: 100%;
	float: left;
}

.section-article .list-out p {
	padding-bottom: 14px;
}

.section-article .list-out ul li:before {
	background: #f47a20;
}

@media only screen and (max-width: 979px) {
.section-article {
	padding: 70px 0;
}

.section-article h2 {
	font-size: 36px;
}

.section-article article {
	margin: 0 0 50px 0;
}

.section-article aside {
	padding: 0 0 43px 0;
}

.section-article .figure-bg {
	margin: 0 0 34px 0;
}

.section-article .figure-out {
	margin: 0 0 34px 0;
}
}

@media only screen and (max-width: 767px) {
	
	.footer-main .newsletter .btn-search, input#gform_submit_button_2 {
    top: 84px;
	}
	
.section-article {
	padding: 50px 0;
}

.section-article h2 {
	font-size: 28px;
	line-height: 1.2em;
	padding-bottom: 12px;
	margin: 0 0 23px 0;
}

.section-article article {
	margin: 0 0 35px 0;
}

.section-article .figure-bg figure {
	width: 100%;
	text-align: center;
	margin: 0 0 25px 0;
}

.section-article .figure-bg figure img {
	width: 100%;
	max-width: 235px;
}

.section-article .figure-bg figure:last-child {
	margin-bottom: 0;
}

.section-article .figure-bg .figure2 {
	width: 100%;
}

.section-article .figure-bg .figure2 img {
	width: 100%;
	max-width: 330px;
}

.section-article .figure-out figure {
	padding: 0;
	margin: 0 0 35px 0;
}

.section-article .figure-out figure:last-child {
	margin-bottom: 0;
}

.section-article .figure-out .btn-out {
	width: 100%;
	margin: 0;
}
}


/* 
 15.) Navigator - Diagram
-------------------------------------------------*/

.navigator-diagram {
	width: 100%;
	float: left;
	padding: 0 0 80px 0;
	position: relative;
	z-index: 200;
}
.navigator-diagram .container {
	max-width: 1040px; padding: 0px;}

.navigator-diagram figure {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
}

.navigator-diagram figure img {
	width: 100%;
}

@media only screen and (max-width: 979px) {
.navigator-diagram {
	padding: 0 0 60px 0;
}
}

@media only screen and (max-width: 767px) {
.navigator-diagram {
	padding: 0 0 50px 0;
}
}


/* 
 16.) Bite-Size Courses - Page 
-------------------------------------------------*/

.courses-filters {
	width: 100%;
	float: left;
	background: #f0efef;
	position: relative;
	overflow: hidden;
	padding: 45px 0 80px 0;
}

.courses-filters h2 {
	width: 100%;
	float: left;
	font-family: "cabinsketchbold", Arial, Helvetica, sans-serif;
	font-size: 43px;
	color: #009ac7;
	text-transform: none;
	padding: 0;
	margin: 0 0 25px 0;
}

.courses-filters h2:before {
	display: none;
}

.courses-filters .filter-link {
	padding: 0;
	margin: 0 0 45px 0;
}

.courses-filters .filter-link .button {
	width: 15%;
}

.courses-filters .filter-link .filter-bar .button:hover, .courses-filters .filter-link .filter-bar .button.is-checked {
	background: #009ac7;
	box-shadow: inset #009ac7 0 0 0 2px;
}

@media only screen and (max-width: 979px) {
.courses-filters .filter-link .button {
	width: 20%;
}
}

@media only screen and (max-width: 767px) {
.courses-filters {
	padding: 35px 0 60px 0;
}

.courses-filters h2 {
	font-size: 30px;
	margin-bottom: 20px;
}

.courses-filters .filter-link {
	padding: 0;
	margin: 0 0 25px 0;
}

.courses-filters .filter-link .button {
	width: auto;
}
}

.courses-filters .article-bg {
	width: 102.5%;
	float: left;
	margin: 0 -2.5% -2.5% 0;
}

.courses-filters .article-bg article {
	width: 47.5%;
	height: 450px;
	float: left;
	background: #ffffff;
	overflow: hidden;
	cursor: pointer;
	padding: 0 35px;
	margin: 0 2.5% 2.5% 0;
}

.courses-filters .article-bg article figure {
	width: 100%;
	height: 230px;
	float: left;
	line-height: 220px;
	text-align: center;
	margin: 0;
}

.courses-filters .article-bg article figure img {
	max-width: 100%;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

.courses-filters .article-bg article aside {
	width: 100%;
	float: left;
	padding: 0 3.5% 0 0;
}

.courses-filters .article-bg article aside h3 {
	min-height: 63px;
	line-height: 1.2em;
	background: none;
	padding: 0;
	margin: 0 0 13px 0;
}

.courses-filters .article-bg article aside h3:before {
	display: none;
}

.courses-filters .article-bg article aside p {
	font-family: "robotoregular", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #7b7b7b;
	line-height: 22px;
	padding: 0;
	margin: 0;
}

.courses-filters .article-bg article aside p a {
	color: #7b7b7b;
}

.courses-filters .article-bg article aside p span {
	font-family: "roboto-medium", Arial, Helvetica, sans-serif;
}

.courses-filters .article-bg article:hover {
	box-shadow: rgba(0, 0, 0, .10) 0 0 10px;
}

.courses-filters .article-bg article:hover figure img {
	-webkit-animation-name: tada;
	animation-name: tada;
}

.courses-filters .article-bg article:hover aside p span {
	color: #f47a20;
	text-decoration: underline;
}

@media only screen and (max-width: 979px) {
.courses-filters .article-bg article {
	height: 500px;
	padding: 0 20px 0 30px;
}

.courses-filters .article-bg article aside {
	padding: 0;
}

.courses-filters .article-bg article aside p {
	font-size: 14px;
	line-height: 22px;
}
}

@media only screen and (max-width: 739px) {
.courses-filters .article-bg {
	width: 100%;
	margin: 0 0 -20px 0;
}

.courses-filters .article-bg article {
	width: 100%;
	height: auto;
	padding: 6%;
	margin: 0 0 20px 0;
}

.courses-filters .article-bg article figure {
	height: auto;
	line-height: normal;
	margin: 0 0 25px 0;
}

.courses-filters .article-bg article aside h3 {
	min-height: inherit;
}
}

.cta-info2 {
	background: #009ac7;
	background: -moz-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #009ac7), color-stop(160%, #7fdaf9));
	background: -webkit-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -o-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -ms-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: linear-gradient(to right, #009ac7 0%, #7fdaf9 160%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#7fdaf9', GradientType=1 );
	padding: 50px 0;
}

.cta-info2 .container {
	max-width: 980px;
}

.cta-info2 h2 {
	width: 100%;
	float: left;
	font-size: 33px;
	padding-bottom: 12px;
	margin: 0 0 49px 0;
}

.cta-info2 h3 {
	width: 100%;
	float: left;
	color: #ffffff;
	padding: 0;
	margin: 0 0 25px 0;
}

.cta-info2 h3:before {
	display: none;
}

.cta-info2 .article-bg {
	width: 100%;
	float: left;
	margin: 0 0 -40px 0;
}

.cta-info2 .article-bg h4 {
	width: 100%;
	float: left;
	color: #20cbf4;
	text-transform: none;
	padding: 0;
	margin: 0 0 9px 0;
}

.cta-info2 .article-bg ul {
	padding: 0;
	margin: 0;
}

.cta-info2 .article-bg ul li {
	font-family: "roboto_cnregular", Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0 0 3px 0;
}

.cta-info2 .article-bg ul li a {
	font-family: "roboto_cnregular", Arial, Helvetica, sans-serif;
}

.cta-info2 .article-bg ul li:before {
	display: none;
}

.cta-info2 .article-bg article {
	width: 100%;
	float: left;
	margin: 0 0 35px 0;
}

.cta-info2 .article-bg .article-left {
	width: 45%;
	float: left;
}

.cta-info2 .article-bg .article-right {
	width: 47%;
	float: right;
}

@media only screen and (max-width: 767px) {
.cta-info2 {
	background: #009ac7;
	background: -moz-linear-gradient(top, #009ac7 0%, #009ac7 100%, #009ac7 100%, #009ac7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ac7), color-stop(100%, #009ac7), color-stop(100%, #009ac7), color-stop(100%, #009ac7));
	background: -webkit-linear-gradient(top, #009ac7 0%, #009ac7 100%, #009ac7 100%, #009ac7 100%);
	background: -o-linear-gradient(top, #009ac7 0%, #009ac7 100%, #009ac7 100%, #009ac7 100%);
	background: -ms-linear-gradient(top, #009ac7 0%, #009ac7 100%, #009ac7 100%, #009ac7 100%);
	background: linear-gradient(to bottom, #009ac7 0%, #009ac7 100%, #009ac7 100%, #009ac7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#009ac7', GradientType=0);
}

.cta-info h2 {
	font-size: 30px;
	padding-bottom: 0;
	margin: 0 0 49px 0;
}

.cta-info2 h2:before {
	display: none;
}
	
		.cta-info h2 {
    padding-bottom: 5px;
			    margin: 0 0 30px 0;
}

.cta-info2 .article-bg .article-left {
	width: 100%;
}

.cta-info2 .article-bg .article-right {
	width: 100%;
}
}


/* 
 17.) BiteSize Courses - Detail
-------------------------------------------------*/

.cont-txt2 {
	width: 100%;
	float: left;
	background: #f0efef;
	padding: 50px 0;
}

.cont-txt2 .container {
	max-width: 840px;
}

.cont-txt2 h2 {
	font-size: 40px;
	color: #f47a20;
	line-height: 1.1em;
	text-transform: none;
	padding: 0 0 16px 0;
	margin: 0 0 27px 0;
}

.cont-txt2 figure {
	width: 100%;
	float: left;
	margin: 0 0 28px 0;
}

.cont-txt2 figure img {
	max-width: 260px;
}

.cont-txt2 .btn {
	width: 180px;
	padding-left: 0;
	padding-right: 0;
}

.cont-txt2 .btn-out {
	padding: 18px 0 0 0;
}

@media only screen and (max-width: 979px) {
.cont-txt2 h2 {
	font-size: 36px;
}
}

@media only screen and (max-width: 767px) {
.cont-txt2 h2 {
	font-size: 30px;
}

.cont-txt2 figure {
	text-align: center;
}

.cont-txt2 figure img {
	max-width: 210px;
}

.cont-txt2 .btn {
	width: 100%;
}
}


.cont-txt3 {
	width: 100%;
	float: left;
	padding: 80px 0;
}

.cont-txt3 .container {
	max-width: 840px;
}

.cont-txt3 h3 {
	color: #009ac7;
	text-transform: uppercase;
	padding: 0 0 20px 0;
	margin: 0;
}

.cont-txt3 h3:before {
	display: none;
}

.cont-txt3 h4 {
	width: 100%;
	float: left;
	font-family: "robotobold", Arial, Helvetica, sans-serif;
	line-height: 26px;
	text-transform: none;
	padding: 0 0 12px 0;
	margin: 0;
}

.cont-txt3 h4:last-child {
	padding-bottom: 0;
}

.cont-txt3 h4 span {
	width: 100%;
	float: left;
	position: relative;
	padding: 0 0 0 20px;
}

.cont-txt3 h4 span:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 8px solid #f47a20;
	position: absolute;
	top: 8px;
	left: 0;
}

.cont-txt3 h4 a {
	font-family: "robotobold", Arial, Helvetica, sans-serif;
	color: #7b7b7b;
	text-decoration: none;
	border-bottom: 1px solid #f47a20;
}

.cont-txt3 h4 a:hover {
	color: #f47a20;
}

.cont-txt3 h4 a.active {
	color: #f47a20;
}

.cont-txt3 p {
	font-family: "robotoregular", Arial, Helvetica, sans-serif;
	padding: 0 0 31px 0;
}

.cont-txt3 p:last-child {
	padding-bottom: 0;
}

.cont-txt3 ol {
	width: 100%;
	float: left;
	padding: 14px 0 0 0;
	margin: 0;
}

.cont-txt3 ol li {
	width: 100%;
	float: left;
	font-family: "robotoregular", Arial, Helvetica, sans-serif;
	padding: 0 0 31px 0;
	position: relative;
}

.cont-txt3 ol li:before {
	width: auto;
	font-family: "robotoregular", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #7b7b7b;
	line-height: 26px;
	text-align: left;
	margin: 0 5px 0 0;
	position: static;
}

.cont-txt3 ol li:last-child {
	padding-bottom: 0;
}

.cont-txt3 ol li a {
	font-family: "roboto-medium", Arial, Helvetica, sans-serif;
	color: #009ac7;
}

.cont-txt3 aside {
	width: 100%;
	float: left;
	padding: 0 0 80px 0;
}

.cont-txt3 aside:last-child {
	padding-bottom: 0;
}

@media only screen and (max-width: 979px) {
.cont-txt3 {
	padding: 60px 0;
}

.cont-txt3 aside {
	padding: 0 0 60px 0;
}
}

@media only screen and (max-width: 979px) {
.cont-txt3 {
	padding: 50px 0;
}

.cont-txt3 aside {
	padding: 0 0 50px 0;
}
}


/* 
 18.) Tools - By - Subject
-------------------------------------------------*/

.section-tools {
	width: 100%;
	float: left;
	background: #f0efef;
	overflow: hidden;
	padding: 90px 0 50px 0;
}

.section-tools h2 {
	margin: 0 0 40px 0;
}

.section-tools .figure-bg {
	width: 50%;
	height: 100%;
	float: right;
	background: #ffffff;
	display: table;
}

.section-tools figure {
	width: 100%;
	height: 100%;
	float: none;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	display: table-cell;
	padding: 50px 14px 38px 30px;
	overflow: hidden;
}

.section-tools figure img {
	width: 100%;
}

.section-tools .aside-bg {
	width: 50%;
	float: left;
	background: #14b8e3;
	background: -moz-linear-gradient(left, #14b8e3 0%, #009ac7 100%);
	background: -webkit-gradient(linear, top left, bottom right, color-stop(0%, #14b8e3), color-stop(100%, #009ac7));
	background: -webkit-linear-gradient(left, #14b8e3 0%, #009ac7 100%);
	background: -o-linear-gradient(left, #14b8e3 0%, #009ac7 100%);
	background: -ms-linear-gradient(left, #14b8e3 0%, #009ac7 100%);
	background: linear-gradient(to bottom, #14b8e3 0%, #009ac7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14b8e3', endColorstr='#009ac7', GradientType=1 );
}

.section-tools aside {
	width: 100%;
	float: left;
	padding: 62px 40px 90px 50px;
}

.section-tools aside h3 {
	color: #ffffff;
	margin: 0 0 15px 0;
}

.section-tools aside h3:before {
	width: 25px;
	background: #ffffff;
}

.section-tools aside p {
	color: #ffffff;
}

.section-tools .btn {
	width: 180px;
	padding-left: 0;
	padding-right: 0;
}

.section-tools .btn-out {
	width: 100%;
	float: left;
	padding: 21px 0 0 0;
}

.section-tools article {
	width: 100%;
	float: left;
}

@media only screen and (max-width: 979px) {
.section-tools {
	padding: 70px 0 50px 0;
}

.section-tools .figure-bg {
	width: 100%;
	height: auto;
}

.section-tools .aside-bg {
	width: 100%;
	float: left;
}
}

@media only screen and (max-width: 767px) {
.section-tools {
	background: #ffffff;
	padding: 35px 0 0 0;
}

.section-tools .container {
	padding: 0;
}

.section-tools h2 {
	padding: 0 30px 12px 30px;
	margin: 0
}

.section-tools h2:before {
	left: 30px;
}

.section-tools figure {
	padding: 36px 23px 30px 30px;
}

.section-tools aside {
	padding: 35px 30px 55px 30px;
}

.section-tools .btn-out {
	padding: 0;
}
}

@media only screen and (max-width: 374px) {
.section-tools h2 {
	padding: 0 5% 12px 5%;
}

.section-tools h2:before {
	left: 5%;
}

.section-tools figure {
	padding: 36px 6% 30px 6%;
}

.section-tools aside {
	padding: 35px 5% 55px 5%;
}
}


/* Section - Resources */
.section-resourcs {
	width: 100%;
	float: left;
	padding: 65px 0 100px 0;
}

.section-resourcs h3 {
	color: #009ac7;
	position: relative;
	padding: 0 0 14px 0;
	margin: 0;
	pointer-events: none;
}

.section-resourcs h3:before {
	content: "";
	width: 30px;
	height: 30px;
	float: left;
	background: url(../images/blueyellow-arrow-01.png) no-repeat 0 0;
	background-size: 30px auto;
	position: absolute;
	top: 0;
	left: -40px;
}

.section-resourcs aside {
	width: 100%;
	float: left;
}

.section-resourcs aside p {
	padding: 0 0 8px 0;
}

.section-resourcs aside ul {
	width: 100%;
	float: left;
	padding: 0 18px 8px 18px;
}

.section-resourcs aside ul:last-child {
	padding-bottom: 0;
}

.section-resourcs aside ul li {
	width: 100%;
	float: left;
	    padding-left: 18px;
}

.section-resourcs aside ul li:before {
	width: 6px;
	height: 6px;
	float: left;
	background: #f47a20;
	top: 11px;
}

.section-resourcs aside ul li a {
	 font-family: 'robotoregular';
	color: #7b7b7b;
}

.section-resourcs aside ul li a:hover {
	color: #f47a20;
}

.section-resourcs article {
	width: 45%;
	float: left;
	overflow: hidden;
	padding: 0 0 0 40px;
	margin: 0 5% 60px 0;
}

.section-resourcs .article-bg {
	width: 105%;
	float: left;
	overflow: hidden;
	margin: 0 -5% 40px 0;
}

.section-resourcs .article-bg:last-child {
	padding: 0;
}

.section-resourcs .top-txt {
	width: 100%;
	float: left;
	padding: 0 0 50px 0;
}

.section-resourcs .top-txt:last-child {
	padding: 0;
}

.section-resourcs .btn {
	width: 180px;
	padding-left: 0;
	padding-right: 0;
}

@media only screen and (max-width: 979px) {
.section-resourcs {
	padding: 55px 0 70px 0;
}
}

@media only screen and (min-width: 768px) {
.section-resourcs aside {
	height: auto!important;
	overflow: visible!important;
	display: block!important;
}
}

@media only screen and (max-width: 767px) {
.section-resourcs {
	padding: 40px 0 55px 0;
}

.section-resourcs aside ul {
	padding: 0 10px 8px 10px;
}

.section-resourcs aside ul li {
	font-family: "robotoregular", Arial, Helvetica, sans-serif;
	padding-left: 17px;
}

.section-resourcs aside p {
	font-family: "robotoregular", Arial, Helvetica, sans-serif;
}

.section-resourcs article {
	width: 100%;
	height: auto!important;
	position: relative!important;
	top: 0!important;
	left: 0!important;
	padding: 0;
	margin-bottom: 30px;
}

.section-resourcs .btn {
	width: 100%;
}

.section-resourcs .article-bg {
	width: 100%;
	height: auto!important;
	position: relative!important;
	top: 0!important;
	left: 0!important;
	padding: 0 0 50px 0;
	margin: 0 0 -30px 0;
}

.section-resourcs .top-txt {
	padding: 0 0 25px 0;
}

.section-resourcs h3 {
	letter-spacing: 0.02em;
	position: relative;
	cursor: pointer;
	padding: 0 40px;
	margin: 0;
	pointer-events: auto;
}

.section-resourcs h3:before {
	left: 0;
}

.section-resourcs h3.accord-btn:after {
	content: "";
	width: 0;
	height: 0;
	float: right;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 9px solid #009ac7;
	position: absolute;
	top: 10px;
	right: 15px;
}

.section-resourcs h3.accord-btn.active:after {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 9px solid #009ac7;
	border-top: 0;
}

.section-resourcs .accord-btn:hover {
	text-decoration: none;
}

.section-resourcs .accord-cont {
	width: 100%;
	float: left;
	padding: 30px 0 0 0;
	display: none;
}

.section-resourcs .accord-cont.active {
	display: block;
}
}


/* 
 19.) Tools - Communication - Page
-------------------------------------------------*/

.left-cont-in {
	width: 100%;
	float: left;
	padding: 0 20px 0 0;
}

@media only screen and (max-width: 767px) {
.left-cont-in {
	padding: 0;
}
}


/* Cont - Txt 4 */
.cont-txt4 {
	width: 100%;
	float: left;
	background: #f0efef;
	padding: 45px 0 70px 0;
}

.cont-txt4 .container {
	max-width: 790px;
}

.cont-txt4 h2 {
	font-size: 40px;
	color: #f47a20;
	line-height: 1.1em;
	text-transform: none;
	padding: 0 0 20px 0;
	margin: 0 0 27px 0;
}

.cont-txt4 figure {
	width: 100%;
	float: left;
	margin: 0 0 28px 0;
}

.cont-txt4 figure img {
	max-width: 170px;
}

.cont-txt4 .btn {
	width: 180px;
	padding-left: 0;
	padding-right: 0;
}

.cont-txt4 .btn-out {
	padding: 8px 0 30px 0;
}

.cont-txt4 .results-txt {
	width: 100%;
	float: left;
	font-size: 15px;
	line-height: 18px;
	color: #7b7b7b;
}

.cont-txt4 .results-txt a {
	font-family: "roboto-medium", Arial, Helvetica, sans-serif;
	color: #7b7b7b;
}

.cont-txt4 .results-txt a:hover {
	color: #f47a20;
	text-decoration: none;
}

@media only screen and (max-width: 979px) {
.cont-txt4 h2 {
	font-size: 36px;
}
}

@media only screen and (max-width: 767px) {
.cont-txt4 {
	padding: 45px 0 60px 0;
}

.cont-txt4 h2 {
	font-size: 30px;
}

.cont-txt4 figure {
	text-align: center;
}

.cont-txt4 .btn {
	width: 100%;
}
}


/* Cont - Txt 5 */
.cont-txt5 {
	width: 100%;
	float: left;
	background: #009ac7;
	background: -moz-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #009ac7), color-stop(160%, #7fdaf9));
	background: -webkit-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -o-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -ms-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: linear-gradient(to right, #009ac7 0%, #7fdaf9 160%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#7fdaf9', GradientType=1 );
	padding: 55px 0 70px 0;
}

.cont-txt5 .container {
	max-width: 790px;
}

.cont-txt5 h2 {
	font-family: "cabinsketchbold", Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #ffffff;
	line-height: 1.1em;
	text-transform: none;
	padding: 0 0 20px 0;
	margin: 0 0 45px 0;
}

.cont-txt5 h2:before {
	background: #ffffff;
}

.cont-txt5 ul {
	width: 100%;
	max-width: 590px;
	float: left;
}

.cont-txt5 ul li {
	width: 100%;
	float: left;
	color: #ffffff;
	padding: 0 0 30px 48px;
}

.cont-txt5 ul li:last-child {
	padding-bottom: 0;
}

.cont-txt5 ul li:before {
	content: "";
	width: 30px;
	height: 30px;
	float: left;
	background: url(../images/blueyellow-arrow-01.png) no-repeat 0 0;
	background-size: 30px auto;
	position: absolute;
	top: 0;
	left: 0;
}

@media only screen and (max-width: 979px) {
.cont-txt5 h2 {
	font-size: 36px;
}
}

@media only screen and (max-width: 767px) {
.cont-txt5 {
	background: #009ac7;
	background: -moz-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ac7), color-stop(100%, #20cbf4), color-stop(100%, #009ac7), color-stop(100%, #20cbf4));
	background: -webkit-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: -o-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: -ms-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: linear-gradient(to bottom, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#20cbf4', GradientType=0 );
}
	
.cont-txt5 h2 {
	font-size: 30px;
	margin: 0 0 35px 0;
}

.cont-txt5 ul li {
	padding: 0 0 26px 39px;
}

.cont-txt5 ul li:before {
	background-size: 25px auto
}
}


/* Cont - Txt 6 */
.cont-txt6 {
	width: 100%;
	float: left;
	padding: 55px 0 70px 0;
}

.cont-txt6 .container {
	max-width: 790px;
}

.cont-txt6 h2 {
	font-size: 40px;
	color: #f47a20;
	text-transform: none;
	padding: 0 0 20px 0;
}

.cont-txt6 h2:before {
	background: #f47a20;
}

@media only screen and (max-width: 979px) {
.cont-txt6 h2 {
	font-size: 36px;
}
}

@media only screen and (max-width: 767px) {
.cont-txt6 h2 {
	font-size: 30px;
	margin: 0 0 35px 0;
	    padding: 0 0 10px 0;
}
	
	
	.cont-txt5 h2 {
    padding: 0 0 10px 0;

}
	
	.cont-txt4 h2 {
    padding: 0 0 10px 0;
}
	
}



/* 
0.) Popup
-------------------------------------------------*/

.popup-bg {
	width: 920px;
	margin: 0 auto;
}

.popup {
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
	background: -moz-linear-gradient(left, #009ac7 0%, #66c7e9 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #009ac7), color-stop(100%, #66c7e9));
	background: -webkit-linear-gradient(left, #009ac7 0%, #66c7e9 100%);
	background: -o-linear-gradient(left, #009ac7 0%, #66c7e9 100%);
	background: -ms-linear-gradient(left, #009ac7 0%, #66c7e9 100%);
	background: linear-gradient(to bottom, #009ac7 0%, #66c7e9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#66c7e9', GradientType=1 );
	padding: 60px 30px 115px 30px;
}

.popup h3 {
	font-size: 34px;
	color: #ffffff;
	padding: 0 0 20px 0;
	margin: 0;
}

.popup h3:before {
	display: none;
}

.popup p {
    color: #ffffff;
    max-width: 700px;
    margin: 0 auto;
}

.popup aside {
	width: 100%;
	max-width: 700px;
	float: none;
	display: inline-block;
	padding: 0 0 50px 0;
}

.popup .social-links {
	padding: 0 0 45px 0;
}

.popup .social-links h3 {
	padding: 0 0 28px 0;
}

.popup .social-links ul {
	width: 100%;
	padding: 0;
	margin: 0;
}

.popup .social-links ul li {
	float: none;
	display: inline-block;
	padding: 0;
	margin: 0 8px 10px 8px;
}

.popup .social-links ul li a {
	width: 45px;
	height: 45px;
	background-size: 45px auto!important;
}

.popup .social-links ul li.linkedin a {
	background-image: url(../images/linkedin-icon-hover.svg);
}

.popup .social-links ul li.facebook a {
	background-image: url(../images/facebook-icon-hover.svg);
}

.popup .social-links ul li.twitter a {
	background-image: url(../images/twitter-icon-hover.svg);
}

.popup .form-block {
	width: 100%;
	max-width: 445px;
	float: none;
	display: inline-block;
}

.popup .form-block h3 {
	padding: 0 0 42px 0;
}

.popup .form-block ul {
	width: 100%;
	float: left;
	padding: 0 0 40px 0;
	margin: 0;
}

.popup .form-block ul li {
	width: 100%;
	float: left;
	padding: 0 0 30px 0;
}

.popup .form-block ul li:before {
	display: none;
}

.popup .form-block ul li:last-child {
	padding: 0;
}

.popup .form-block .btn, .popup-bg input[type="submit"] {
	width: 180px;
	float: left;
	padding-left: 0;
	padding-right: 0;
}

input, .popup .form-block .btn, input[type=submit] {
    -webkit-appearance: none;  border-radius: 0;  -webkit-border-radius: 0;
}

.popup .icon-close {
	width: 21px;
	height: 22px;
	float: right;
	text-decoration: none;
	text-indent: -9999px;
	line-height: 26px;
	background: url(../images/close-01.png) no-repeat 0 0;
	background-size: 21px auto;
	position: absolute;
	top: 25px;
	right: 31px;
}

.popup2 {
	background: -moz-linear-gradient(left, #b2bb1e 0%, #d5d537 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #b2bb1e), color-stop(100%, #d5d537));
	background: -webkit-linear-gradient(left, #b2bb1e 0%, #d5d537 100%);
	background: -o-linear-gradient(left, #b2bb1e 0%, #d5d537 100%);
	background: -ms-linear-gradient(left, #b2bb1e 0%, #d5d537 100%);
	background: linear-gradient(to bottom, #b2bb1e 0%, #d5d537 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2bb1e', endColorstr='#d5d537', GradientType=1 );
	padding: 60px 30px;
}

.popup3 {
	background: -moz-linear-gradient(left, #f47a20 0%, #f78b3b 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #f47a20), color-stop(100%, #f78b3b));
	background: -webkit-linear-gradient(left, #f47a20 0%, #f78b3b 100%);
	background: -o-linear-gradient(left, #f47a20 0%, #f78b3b 100%);
	background: -ms-linear-gradient(left, #f47a20 0%, #f78b3b 100%);
	background: linear-gradient(to bottom, #f47a20 0%, #f78b3b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f47a20', endColorstr='#f78b3b', GradientType=1 );
	padding: 55px 30px 125px 30px;
}

@media only screen and (max-width: 939px) {
.popup-bg {
	width: 100%;
}
}

@media only screen and (max-width: 767px) {
.popup {
	padding: 60px 30px;
}

.popup h3 {
	font-size: 26px;
	padding: 0 0 20px 0;
}

.popup p {
	font-family: "robotoregular", Arial, Helvetica, sans-serif;
	text-align: left;
}

.popup aside {
	max-width: 445px;
	padding: 0 0 40px 0;
}

.popup .social-links {
	padding: 0 0 25px 0;
}

.popup .social-links ul li {
	margin: 0 7px 10px 7px;
}

.popup .social-links ul li a {
	width: 40px;
	height: 40px;
	background-size: 40px auto!important;
}

.popup .form-block ul li {
	padding: 0 0 65px 0;
}

.popup .icon-close {
	width: 16px;
	background-size: 16px auto;
	top: 13px;
	right: 15px;
}

.popup2 {
	padding: 60px 30px;
}

.popup3 {
	padding: 60px 30px;
}
}

@media only screen and (max-width: 374px) {
.popup {
	padding: 60px 6%;
}

.popup2 {
	padding: 60px 6%;
}

.popup3 {
	padding: 60px 6%;
}
}



/*= #Fancybox
=======================================================*/

.popupcont {
	display: none;
}

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 0!important;
	margin: 0;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer,
.fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
	overflow: hidden !important;
	width: auto;
}

.fancybox-lock body {
	overflow: hidden !important;
}

.fancybox-lock-test {
	overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: rgba(0, 0, 0, .50);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

@media only screen and (max-width: 767px) {
.fancybox-skin {
	padding: 0!important;
	margin: 0!important;
}
}


/* Backgrounds */
.bg-blue {
	width: 100%;
	float: left;
	background: #009ac7;
	background: -moz-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #009ac7), color-stop(160%, #7fdaf9));
	background: -webkit-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -o-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: -ms-linear-gradient(left, #009ac7 0%, #7fdaf9 160%);
	background: linear-gradient(to right, #009ac7 0%, #7fdaf9 160%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#7fdaf9', GradientType=1 );
}

.bg-green {
	width: 100%;
	float: left;
	background: #b2bb1e;
	background: -moz-linear-gradient(left, #b2bb1e 0%, #dedc3e 160%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b2bb1e), color-stop(160%, #dedc3e));
	background: -webkit-linear-gradient(left, #b2bb1e 0%, #dedc3e 160%);
	background: -o-linear-gradient(left, #b2bb1e 0%, #dedc3e 160%);
	background: -ms-linear-gradient(left, #b2bb1e 0%, #dedc3e 160%);
	background: linear-gradient(to right, #b2bb1e 0%, #dedc3e 160%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2bb1e', endColorstr='#dedc3e', GradientType=1 );
}

@media only screen and (max-width: 767px) {
.bg-blue {
	background: #009ac7;
	background: -moz-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ac7), color-stop(100%, #20cbf4), color-stop(100%, #009ac7), color-stop(100%, #20cbf4));
	background: -webkit-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: -o-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: -ms-linear-gradient(top, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	background: linear-gradient(to bottom, #009ac7 0%, #20cbf4 100%, #009ac7 100%, #20cbf4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ac7', endColorstr='#20cbf4', GradientType=0 );
}

.bg-green {
	background: #b2bb1e;
	background: -moz-linear-gradient(top, #b2bb1e 0%, #e0de40 100%, #b2bb1e 100%, #e0de40 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b2bb1e), color-stop(100%, #e0de40), color-stop(100%, #b2bb1e), color-stop(100%, #e0de40));
	background: -webkit-linear-gradient(top, #b2bb1e 0%, #e0de40 100%, #b2bb1e 100%, #e0de40 100%);
	background: -o-linear-gradient(top, #b2bb1e 0%, #e0de40 100%, #b2bb1e 100%, #e0de40 100%);
	background: -ms-linear-gradient(top, #b2bb1e 0%, #e0de40 100%, #b2bb1e 100%, #e0de40 100%);
	background: linear-gradient(to bottom, #b2bb1e 0%, #e0de40 100%, #b2bb1e 100%, #e0de40 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2bb1e', endColorstr='#e0de40', GradientType=0 );
}
}


li.gfield_error  input::-webkit-input-placeholder, 
 li.gfield_error  textarea::-webkit-input-placeholder {
	color:#000000 !important;

}

 li.gfield_error  input::-moz-placeholder, li.gfield_error textarea::-moz-placeholder {
	color:#000000 !important;

}

form[id*=give-form] .give-donation-amount #give-amount, form[id*=give-form] .give-donation-amount #give-amount-text {
    color: #5f5f5f;
}

form[id*=give-form] input[type=checkbox] {
    width: 20px;
    /* border: solid 1px red; */
    height: 20px;
    -webkit-appearance: checkbox;
}

body.page-template-page-login-php .um-misc-img {
    display: none;
}

img.alignleft {
    float: left;
    margin: 0 2% 2% 0;
}

.um { opacity:  1 !important;}


article.hide_mobile.year_2015 {
    clear: both;
}

li.joinmenulink a {color: #703F2A !important;}

.nav-bar nav ul li.joinmenulink:hover > a:after, .nav-bar nav ul li.active > a:after {
    background: #703F2A;
}


article.hide_mobile.year_2017 {
    clear: none;
}

article.hide_mobile.year_2016 {
    clear: both;
}


article.hide_mobile.year_2015 {
    clear: none !important;
}


.download_course_pdf span.ginput_address_country select {
    height: 40px;
    width: 100%;
}


li#field_31_10 {
    width: 100%;
}

li#field_31_11 {
    width: 100%;
}

  select#input_31_8_6 {
    width: 100%;
    height: 42px;
}

.download_course_pdf_form #field_31_10  label.gfield_label.gfield_label_before_complex, .download_course_pdf_form label.gfield_label {
    display: block !important;
}

.download_course_pdf .gform_footer {
    clear: both;
}