/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

   html {
	color: #222;
	font-size: 1em;
	line-height: 1.4;
	width: 100%;
	height: 100%;
	/* Smoothing */
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

body {
	position: relative;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 1em; /* currently ems cause chrome bug misinterpreting rems on body element */
	line-height: 1.4;
	font-family: "Lato", sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #222;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}

html input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
	-moz-appearance: button;
}

a,
a div,
a span,
button,
button div,
button span,
input,
textarea,
.touch-action {
	-ms-touch-action: auto;
	touch-action: auto; /*disable the delay of click events caused by support for the double-tap to zoom gesture. */
}


.grabbing,
body.grabbing,
html.grabbing {
	cursor: move;
	cursor:grabbing;
	cursor:-webkit-grabbing;
	cursor:-moz-grabbing;
}

/**
 * Force Hand Cursor over Clickable Items
 */
a[href],
input[type='submit'],
input[type='image'],
label[for],
select,
button,
.pointer,
.clickable,
.tappable {
	cursor: pointer;
}

/*
 * A better looking default horizontal rule
 */

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
	resize: vertical;
}

ul,
li {
	font-weight: 300;
	font-size: 22px;
	line-height: 31px;
	color: #294997;
}


/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
.em-container {
	position: relative;
	padding-right: 15px;
	padding-left: 15px;
	margin-left: auto;
	margin-right: auto;
}

.em-container {
	max-width: 1670px;
}

.em-container > .navbar-header,
.em-container > .navbar-collapse {
	margin-right: -15px;
	margin-left: -15px;
}

@media (min-width: 768px) {
	.em-container > .navbar-header,
	.em-container > .navbar-collapse {
		margin-right: 0;
		margin-left: 0;
	}
	.navbar > .em-container .navbar-brand{
		margin-left: -15px;
	}

}

.em-container:before,
.em-container:after {
	content: " ";
	display: table;
}

.em-container:after {
	clear: both;
}

@media (min-width: 768px) {
	.em-container {
		width: 750px;
	}
}

@media (min-width: 992px) {
	.em-container {
		width: 970px;
	}
}

@media (min-width: 1200px) {
	.em-container {
		width: 1170px;
	}
}
@media (min-width: 1300px) {
	.em-container {
		width: 1270px;
	}
}

@media (min-width: 1530px) {
	.em-container {
		width: 1500px;
	}
}

@media (min-width: 1700px) {
	.em-container {
		width: 1670px;
	}
}

/*Same height Column*/
.inside-full-height{height:100%}
.row-height{display:table;table-layout:fixed;height:100%;width:100%}
.col-height{display:table-cell;float:none;height:100%}
.col-top{vertical-align:top}
.col-middle{vertical-align:middle}
.col-bottom{vertical-align:bottom}
@media (min-width: 480px) {
	.row-xs-height{display:table;table-layout:fixed;height:100%;width:100%}
	.col-xs-height{display:table-cell;float:none;height:100%}
	.col-xs-top{vertical-align:top}
	.col-xs-middle{vertical-align:middle}
	.col-xs-bottom{vertical-align:bottom}
}
@media (min-width: 768px) {
	.row-sm-height{display:table;table-layout:fixed;height:100%;width:100%}
	.col-sm-height{display:table-cell;float:none;height:100%}
	.col-sm-top{vertical-align:top}
	.col-sm-middle{vertical-align:middle}
	.col-sm-bottom{vertical-align:bottom}
}
@media (min-width: 992px) {
	.row-md-height{display:table;table-layout:fixed;height:100%;width:100%}
	.col-md-height{display:table-cell;float:none;height:100%}
	.col-md-top{vertical-align:top}
	.col-md-middle{vertical-align:middle}
	.col-md-bottom{vertical-align:bottom}
}
@media (min-width: 1200px) {
	.row-lg-height{display:table;table-layout:fixed;height:100%;width:100%}
	.col-lg-height{display:table-cell;float:none;height:100%}
	.col-lg-top{vertical-align:top}
	.col-lg-middle{vertical-align:middle}
	.col-lg-bottom{vertical-align:bottom}
}

/*
* only these properties benefit from harduare accelerator
* transform
* opacity
* filter
*/
.gpu-accelerated {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;

	-webkit-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
}

.grayscale {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}

.blur {
	-webkit-filter: blur(5px);
	-moz-filter: blur(5px);
	-ms-filter: blur(5px);
	-o-filter: blur(5px);
	filter: blur(5px);
}

.transform {
	-webkit-transform: scale(0.8);
	-moz-transform:    scale(0.8);
	-ms-transform:     scale(0.8);
	-o-transform:      scale(0.8);
	transform:         scale(0.8);
}

.drop-shadow-bottom {
	background-color:#fff;
	border-color:#fff;
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 5px 15px rgba(0,0,0,0.25);
	box-shadow: 0 5px 15px rgba(0,0,0,0.25);
	z-index: 8;
}

.center-element-vertical {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-khtml-transform: translateY(-50%);
}

.radius {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-khtml-border-radius: 50%; /* for old Konqueror browsers */
}

.flip {
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

.rotate {
	/* for firefox, safari, chrome, and any other gecko/webkit browser */
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	/* for ie */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=9);
	/* opera */
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.replace-title-logo {
   direction: ltr;
   text-indent:-9999px;
   margin:0 auto;
   width:400px;
   height:100px;
   background: transparent url("img/logo.jpg") no-repeat scroll;
}

.background-preview {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-origin: border-box;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: scroll;
	background-color: transparent;
	/*background-image: url('');*/
	background-position: center center;
	background-clip: border-box;
}

.flex {
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}

.section-title {
	font-size: 27px;
	height: 2px;
	margin: 0;
	margin-top: -1px;  /* subtract half the height */
	line-height: 0px;  /* centre the text on the base line */
	color: #fff;
	text-transform: uppercase;
	text-align: center;

   	position: absolute;
    top: 0;
    left: 25px;
    right: auto;
    z-index: 1;
    padding: 0;
	white-space: nowrap;

	-webkit-transform-origin: 0 50%;
	-moz-transform-origin: 0 50%;
	-ms-transform-origin: 0 50%;
	-o-transform-origin: 0 50%;
	transform-origin: 0 50%;
	/* Safari */
	-webkit-transform: rotate(-90deg) translate(-50%, 50%);
	/* Firefox */
	-moz-transform: rotate(-90deg) translate(-50%, 50%);
	/* IE */
	-ms-transform: rotate(-90deg) translate(-50%, 50%);
	/* Opera */
	-o-transform: rotate(-90deg) translate(-50%, 50%);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	/* WebKit browsers*/
	transform: rotate(-90deg) translate(-50%, 50%);
}

.section-title.right {
	left: auto;
	right: 25px;
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	/* Safari */
	-webkit-transform: rotate(-90deg) translate(50%, 50%);
	/* Firefox */
	-moz-transform: rotate(-90deg) translate(50%, 50%);
	/* IE */
	-ms-transform: rotate(-90deg) translate(50%, 50%);
	/* Opera */
	-o-transform: rotate(-90deg) translate(50%, 50%);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	/* WebKit browsers*/
	transform: rotate(-90deg) translate(50%, 50%);
}

/*Remove Padding*/
.remove-padding{padding:0}
.remove-padding-top{padding-top:0}
.remove-padding-right {padding-right:0}
.remove-padding-bottom{padding-bottom:0}
.remove-padding-left{padding-left:0}
/*Add padding*/
.add-padding-5{padding:5px}
.add-padding-top-5{padding-top:5px}
.add-padding-right-5{padding-right:5px}
.add-padding-bottom-5{padding-bottom:5px}
.add-padding-left-5{padding-left:5px}
/*Remove Margin*/
.remove-margin{margin:0}
.remove-margin-top{margin-top:0}
.remove-margin-right{margin-right:0}
.remove-margin-bottom{margin-bottom:0}
.remove-margin-left{margin-left:0}
/*Add Margin*/
.add-margin-5{margin:5px}
.add-margin-top-5{margin-top:5px}
.add-margin-right-5{margin-right:5px}
.add-margin-bottom-5{margin-bottom:5px}
.add-margin-left-5{margin-left:5px}
/*element float*/
.float-l{float:left}
.float-r{float:right}
.float-n{float:none}
/*text align*/
.text-l{text-align:left}
.text-r{text-align:right}
.text-c{text-align:center}
/*element border*/
.border-none{border:none}
.border-t-none{border-top:none}
.border-r-none{border-right:none}
.border-b-none{border-bottom:none}
.border-l-none{border-left:none}
/*element display*/
.display-inline-block{display:inline-block}
.display-inline{display:inline}
.display-block{display:block}
.display-none{display:none}
/*ovoerflow*/
.overflow-hidden { overflow: hidden;}
.overflow-auto { overflow: auto;}
.overflow-scroll { overflow: scroll;}
.overflow-x-hiden {overflow-x: hidden;}
.overflow-x-auto {overflow-x: auto;}
.overflow-x-scroll {overflow-x: scroll;}
.overflow-y-hiden {overflow-y: hidden;}
.overflow-y-auto {overflow: auto;}
.overflow-y-scroll {overflow: scroll;}
/*opacity*/
.opacity0{zoom: 0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0}
.opacity10{zoom: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";filter: alpha(opacity=10);-moz-opacity: 0.1;-khtml-opacity: 0.1;opacity: 0.1;}
.opacity20{zoom: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter: alpha(opacity=20);-moz-opacity: 0.2;-khtml-opacity: 0.2;opacity: 0.2;}
.opacity30{zoom: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";filter: alpha(opacity=30);-moz-opacity: 0.3;-khtml-opacity: 0.3;opacity: 0.3;}
.opacity40{zoom: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter: alpha(opacity=40);-moz-opacity: 0.4;-khtml-opacity: 0.4;opacity: 0.4;}
.opacity50{zoom: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter: alpha(opacity=50);-moz-opacity: 0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.opacity60{zoom: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6;opacity: 0.6;}
.opacity70{zoom: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);-moz-opacity: 0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.opacity80{zoom: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.opacity90{zoom: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter: alpha(opacity=90);-moz-opacity: 0.9;-khtml-opacity: 0.9;opacity: 0.9;}
.opacity100{zoom: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;  opacity: 1;  }

/*Social Icons Styling*/
.twitter, 
.facebook, 
.googleplus, 
.linkedin, 
.flickr, 
.pinterest, 
.tumblr, 
.vimeo, 
.youtube, 
.instagram {
	color: #fff
}

.twitter    {background-color:#00aced; border: 1px solid #00aced;}
.facebook   {background-color:#3b5998; border: 1px solid #3b5998;}
.googleplus {background-color:#dd4b39; border: 1px solid #dd4b39;}
.linkedin   {background-color:#007fb1; border: 1px solid #007fb1;}
.flickr     {background-color:#0063db; border: 1px solid #0063db;}
.pinterest  {background-color:#cb2128; border: 1px solid #cb2128;}
.tumblr     {background-color:#2c4762; border: 1px solid #2c4762;}
.vimeo      {background-color:#1ab7ea; border: 1px solid #1ab7ea;}
.youtube    {background-color:#ff3333; border: 1px solid #ff3333;}
.instagram  {background-color:#517fa4; border: 1px solid #517fa4;}


.seperator,
.seperator-xs,
.seperator-sm,
.seperator-md,
.seperator-lg,
.seperator-xl,
.seperator-10 {
	display: block;
	clear: both;
	overflow: hidden;
}
.seperator-10 {
	height: 10px;
}
.seperator {
	height: 15px;
}
.seperator-xs {
	height: 20px;
}

.seperator-sm {
	height: 25px;
}

.seperator-md {
	height: 30px;
}

.seperator-lg {
	height: 35px;
}

.seperator-xl {
	height: 40px;
}

/*vertical align container and elements*/
.va-container {
    display: table;
    position: relative;
}
.va-container-v {
    height: 100%
}
.va-container-h {
    width: 100%
}
.va-top,
.va-middle,
.va-bottom {
    display: table-cell;
}
.va-top {
    vertical-align: top;
}
.va-middle {
    vertical-align: middle;
}
.va-bottom {
    vertical-align: bottom;
}

/*colors*/
.mente {
	color: #37ddd9;
}

.overlay {
	color: #133270;
}

.blue {
	color: #2c55bd;
}

.light-blue {
	color: #4279ea;
}

.red {
	color: #f45d51;
}

.z-index-10 {
	z-index: 10;
}

/* ==========================================================================
	Custom CSS
   ========================================================================== */

.title {
	font-family: Lato;
	font-style: normal;
	font-weight: bold;
	font-size: 35px;
	line-height: 130px;
	color: #294997;
	text-transform: uppercase;
	margin-bottom: 0;
	margin-top: 0;
	letter-spacing: 0.005em;
}

.title--white {
	color: #fff;
}
@media only screen and (max-width : 767px) {
	.title {
	    font-size: 24px;
	    line-height: 120%;
	    margin-bottom: 20px;
	}
}

.hero-section {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
	padding: 15px;
	min-height: 220px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-origin: border-box;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url('../img/photo-header.jpg');
	background-position: top left;
	background-clip: border-box;
}

.hero-section::before {
	content: ' ';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(8, 15, 30, .39);
	z-index: 1;
}

.hero-section__color {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
	min-height: 220px;
	overflow: hidden;
	background-color: #427AEA;
	border-top: 4px solid #37DDD9;
	padding: 30px 15px;
}

.hero-section__title {
	position: relative;
	display: inline-block;
	align-self: center;
	color: #fff;
	font-size: 30px;
	line-height: 36px;
	letter-spacing: 0.05em;
	font-weight: bold;
	opacity: .65;
	padding: 0 35px;
	text-transform: uppercase;

}

.hero-section__title::before,
.hero-section__title::after {
	position: absolute;
	content: " ";
	top:  50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 1px;
	width: 30px;
	background-color: rgba(255,255,255, .65);

}

.hero-section__title::before {
	left: -15px;
}

.hero-section__title::after {
	right: -15px;
}

/*inner page styling*/
.inner-page-content {
	margin-top: 60px;
	margin-bottom: 60px;
}

.inner-page-content.inner-page-content--extrapadding {
	margin-top: 125px;
	margin-bottom: 125px;
}


.inner-page__smallsubtitle {
	font-weight: bold;
	font-size: 22px;
	line-height: 26px;
	letter-spacing: -0.011em;
	color: #294997;
}

.inner-page__description {
	font-size: 20px;
	line-height: 28px;
	font-weight: 300;
	color: #294997;
}
.inner-page__description:last-child {
	margin-bottom: 35px;
}

.inner-page__subtitle {
	position: relative;
	font-weight: bold;
	font-size: 28px;
	line-height: 36px;
	letter-spacing: -0.034em;
	padding-bottom: 30px;
	margin-top: 35px;
	margin-bottom: 35px;
	color: #294997;
	text-transform: uppercase;
}

.inner-page__subtitle::before {
	position: absolute;
	content: " ";
	bottom: 0;
	left: 0;
	width: 37px;
	height: 5px;
	background-color: #37DDD9;
}

.inner-page__subtitle--noborder {
	padding-bottom: 0;
	margin-top: 40px;
	margin-bottom: 40px;
}

.inner-page__subtitle--noborder::before {
	content: none;
}

.light {
	margin-top: 30px;
	color: #427AEA !important;
}

.document-list {
	list-style: none;
	padding-left: 0;
	margin-bottom: 20px;
}

.document-list li {
    position: relative;
    display: block;
    padding: 5px 15px 5px 50px;
    font-size: 22px;
    line-height: 40px;
    color: #427AEA;
    font-weight: 300;
}
.document-list li a {
	color: #427AEA;
	text-decoration: none;
	word-break: break-all;
}

.document-list li:before {
    content: '';
    width: 26px;
    height: 32px;
    position: absolute;
    background-image: url('../img/general/list.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.document-list li {
	font-size: 22px;
	line-height: 40px;
	color: #427AEA;
	font-weight: 300;
}




/* project table*/
.project-table {
	border: 1px solid #427AEA;
	margin-top: 20px;
}

.project-table > thead > tr > td, 
.project-table > thead > tr > th {
	font-size: 25px;
	line-height: 31px;
	color: #fff;
	font-weight: bold;
	background-color: #427AEA;
    border: 1px solid #427AEA;
    vertical-align: middle;
    border-bottom-width: 1px;
    text-transform: uppercase;
    padding: 15px 25px;
}

.project-table > tbody > tr > td {
	font-size: 22px;
	font-weight: normal;
	color: #294997;
	padding: 15px 25px;
	border: 1px solid #427AEA;
	vertical-align: middle;
}

.project-table > tbody > tr:nth-of-type(odd) {
	background-color: rgba(168,168,168,.14); 
}

.project-table > tbody > tr > td[rowspan] {
	background: #fff;
}

.project-table .table-links-header {
	font-weight: bold;
	font-size: 22px;
	line-height: 25px;
	color: #37DDD9;
	margin-bottom: 0;
	padding: 0 15px;
}

.project-table .table-links {
	list-style: none;
	padding: 0 15px;
}

.project-table .table-links > li > a {
	font-weight: normal;
	font-size: 22px;
	line-height: 32px;
	color: #294997;
}

.download-projects-btn {
	padding: 15px 25px;
	color: #fff;
	font-size: 21px;
	line-height: 31px;
	font-weight: bold;
	background-color: #427AEA;
	border-color: #427AEA;
	vertical-align: middle;
	margin-top: 25px;
	white-space: normal;
}

.download-projects-btn:hover {
	background-color: #37ddd9;
	border-color: #37ddd9;
}

.download-img-link {
	display: inline-block;
	margin-right: 17px;
}

.the-programme-map {
	display: inline-block;
}

@media screen and (max-width: 767px) {
	.inner-page-content {
		margin-top: 15px;
	}


	.hero-section__title {
		font-size: 22px;
		line-height: 28px;
	}

	.inner-page__subtitle {
		font-size: 22px;
		line-height: 28px;
	}
	.inner-page__smallsubtitle {
	    font-size: 20px;
	    line-height: 24px;
	}
	.inner-page__description {
		font-size: 18px;
		line-height: 26px;
	}

	.document-list li {
		line-height: 30px
	}

	.document-list li a {
		font-size: 16px;
	}


	.table-responsive {
		margin-top: 20px;
	}

	.table-responsive .project-table {
		margin-top: 0;
	}
}

/*main menu*/
.main-navbar {
	/*position: relative;*/
	background-color: #fff;
	border-color: #fff;
	margin-bottom: 0;
	border-radius: 0;
}

.main-navbar .navbar-header {
	position: relative;
}

.main-navbar .navbar-toggle {
	position: absolute;
	right: 15px;
	top: 50%;
	float: none;
	margin: 0;
	transform: translateY(-50%);
    border-radius: 0;
    border-color: #fff;
}

.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover {
    background-color: #fff;
}

.main-navbar .navbar-toggle .icon-bar {
    background-color: #2D56BE;
    width: 30px;
}

.main-navbar .navbar-toggle .icon-bar+.icon-bar {
    margin-top: 5px;
}


.main-navbar .navbar-brand {
	height: auto;
	padding: 0;
	vertical-align: middle;
}

.main-navbar .navbar-brand .logo {
	margin: 0;
	height: 95px;
	width: auto;
	display: inline-block;
}


.main-navbar .navbar-brand .logo--second {
	margin-left: 30px;
}

.main-navbar .menu-element {
	/*margin-top: 16px;*/
	margin: 17px 0;
}

.main-navbar .nav > li {
	margin: 0 5px;
}

.main-navbar .nav > li:first-child {
	margin-left: 0;
}

.main-navbar .nav > li:last-child {
	margin-right: 0;
}

.main-navbar .nav > li > a {
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	line-height: 60px;
	letter-spacing: 0.05em;
	color: #294997;
	padding: 0 10px;
}

.contact-search,
.language-switcher {
	margin: 0; 
	padding-left: 0;
	list-style: none;
}

.contact-search > li,
.language-switcher > li {
	float: left; 
}

.contact-search {
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	flex-direction: row;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content: center;
}

.contact-search > li {
	align-self: center;
}
.contact-search > li > a {
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	line-height: 60px;
	letter-spacing: 0.05em;
	color: #294997;
	padding: 0 10px;
	display: block;
	position: relative;
	text-decoration: none;
}

.contact-search > li > a.search-element > img {
	width: 24px;
	height: 23px;
	margin: 0 15px;
}

.contact-search > li > a.search-element:before {
	content: ' ';
	position: absolute;
	height: 25px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 8px;
	width: 1px;
	background-color: #294997;
}

.language-switcher > li {
	margin: 0 !important;
}
.language-switcher > li > a {
	position: relative;
	display: block;
	padding: 0 5px !important;
}

.language-switcher > li.active > a {
	font-weight: 900;
}

.language-switcher > .active > a,
.language-switcher > .active > a:hover,
.language-switcher > .active > a:focus {
	font-weight: 900;
	color: #294997;
	background-color: inherit;
}

.main-navbar li.menu-dropdown > .dropdown-menu {
	border-radius: 0;
	min-width: 240px;
	font-size: 18px;
	line-height: 22px;
	padding: 0;
	background-color: #427AEA;
	border: none;
	border-top: 4px solid #37DDD9;
	color: #fff;
}

.main-navbar li.menu-dropdown > .dropdown-menu > li > a {
	padding: 15px 20px;
	font-weight: normal;
	font-style: normal;
	color: #fff;
	line-height: 22px;
}

.main-navbar li.menu-dropdown > .dropdown-menu > li > a:focus, 
.main-navbar li.menu-dropdown > .dropdown-menu > li > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #e7eefc;
    background-color: rgba(231,238,252, .25);
}

@media screen and (max-width: 991px) {
/*	.main-navbar .navbar-brand .logo {
		height: 40px;
	}*/
}

@media screen and (max-width: 767px) {
	.main-navbar .menu-element {
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.main-navbar .navbar-brand .logo {
		float: left;
		margin: 5px 0;
	    height: 40px;
	}

	.main-navbar .nav > li {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.main-navbar .nav > li:last-child {
	    margin-bottom: 0;
	}

	.main-navbar .nav > li > a {
		font-size: 20px;
		line-height: 30px;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.main-navbar .navbar-collapse {
	    padding-right: 0; 
	    padding-left: 0; 
	}

	.main-navbar .navbar-nav .open .dropdown-menu>li>a {
	    color: #fff;
	}

	
	.contact-search {
		justify-content: flex-start;
	}

	.contact-search > li > a {
		font-size: 20px;
		line-height: 30px;
	}

	.language-switcher > li > a {
	    padding: 10px 15px !important;
	}

}

/*main slider*/
.featured.carousel {
    height: 85vh;
}

.featured.carousel .carousel-indicators li {
    margin: 0 11px 0 0;
    width: 16px;
    height: 16px;
    background-color: rgba(255,255,255, .46);
    border: 1px solid transparent;
}

.featured.carousel .carousel-indicators li:last-child {
	margin-right: 0;
}

.featured.carousel .carousel-indicators li.active {
    background-color: rgba(55,221,217, 1);
}

.featured.carousel .carousel-inner {
    height: 100%;
}

.featured.carousel .item {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.featured.carousel .carousel-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(8, 15, 30, .39);
	z-index: 0;
}

.featured.carousel .carousel-caption {
	position: absolute;
	z-index: 1;
	top: 50%;  
	bottom: auto;
	-webkit-transform: translate(0, -50%); 
	-ms-transform: translate(0, -50%); 
	transform: translate(0, -50%);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.featured.carousel .carousel-caption::before,
.featured.carousel .carousel-caption::after {
	pointer-events: none;
}

.featured.carousel .carousel-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.featured.carousel .caption-title {
	color: #fff;
	text-transform: uppercase;
	font-size: 54px;
	line-height: 60px;
	letter-spacing: 0.025em;
	font-weight: 900;
}

.featured.carousel .caption-description {
	color: #fff;
	font-size: 34px;
	line-height: 38px;
	letter-spacing: 0.025em;
	font-weight: normal;
	font-style: normal;
}

@media screen and (min-width: 768px) {
	.carousel-indicators {
		bottom: 32px;
	}

	.carousel-caption {
		right: 15%;
		left: 15%;
	}
}

@media screen and (max-width: 767px) {

	.featured.carousel .caption-title {
		font-size: 28px;
		line-height: 35px;
	}

	.featured.carousel .caption-description {
		font-size: 20px;
		line-height: 20px;
	}
}



/*OUR PROGRAM*/
.our-program {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 75px 0;
	background-repeat: no-repeat;
	background-origin: content-box;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url('../img/Asset21.png');
	background-position: center center;
}

.program-description {
	font-size: 30px;
	font-weight: 300;
	font-style: normal;
	line-height: 38px;
	letter-spacing: 0.005em;
	color: #294997;
	max-width: 860px;
	margin: 0 auto 50px;
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.our-program {
		background-size: 95% auto;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.program-description {
	    font-size: 22px;
	    line-height: 32px;
	    margin-bottom: 20px;
	}
}


/*themantic priorities*/
.thematic-priorities {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 60px 0 120px;
	
	background-repeat: no-repeat;
	background-origin: border-box;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url('../img/thematic/thematic-priorities.jpg');
	background-position: top left;
	background-clip: border-box;
}

.thematic-priorities::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(7, 25, 51, .76);
    z-index: auto;
}

.thematic-priorities-list {
	padding-left: 0;
	list-style: none;
	font-weight: 300;
	font-size: 22px;
	line-height: 31px;
	color: #294997;
}

.thematic-priority-list__el {
	font-weight: bold;
	color: #427AEA;
}

.priority {
	padding: 5px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	align-self: center;
	z-index: 10;
}

.thematic__icon {
	width: 215px;
	height: 215px;
	border-radius: 50%;
	background-color: #427AEA;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

.priority__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.priority__title {
	font-size: 27px;
	line-height: 30px;
	letter-spacing: 0.005em;
	font-weight: bold;
	color: #fff;
	margin: 35px auto
}

.priority__link {
	font-size: 27px;
	line-height: 37px;
	letter-spacing: 0.005em;
	color: #fff;
	border-bottom: 4px solid #427AEA;
}

.priority__link:hover {
	text-decoration: none;
	color: #fff;
}

.priority__link:focus {
    outline: 0;
    outline-offset: 0;
}

/* Small Devices, Tablets */
@media only screen and (max-width : 991px) {
	.thematic-priorities {
	    padding-bottom: 60px;
	}

	.priority {
		margin-bottom: 45px;
	}
}

@media only screen and (max-width : 767px) {
	.priority__title {
		font-size: 22px;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.priority__link {
	    font-size: 22px;
	    line-height: 30px;
	}

	.thematic__icon {
		width: 150px;
		height: 150px;
	}
}


/*Map section*/
.map-section {
	margin-top: 140px;
	margin-bottom: 60px;
}

.map-search-wrapper {
	background-color: #2D56BE;
}

.checkbox-list {
	padding: 90px 5px 90px 30px;
}

@media only screen and (min-width : 1200px) and (max-width : 1670px) {
	.checkbox-list {
		width: 30%;
	}
}

.map-filter-title {
	font-size: 28px;
	line-height: 30px;
	font-weight: bold;
	color: #fff;
	display: block;
	margin-top: 0;
}

/* google map infowindow styling*/
.infoTrending {
	position: relative;
	background-color:  #2D56BE !important;
}
.infoW {
	/*position: relative;*/
    padding: 10px;
}

.propTitle {
	font-size: 18px;
	color: #fff;
	padding-right: 5px;
}

.propSubtitle {
	font-size: 16px;
	color: #fff;
}

.mapMunicipalities {
	padding-left: 15px;
	margin-top: 20px;
	margin-bottom: 0;
}

.mapMunicipalities > li {
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	margin-bottom: 5px;
}

.mapMunicipalities > li + li {
	margin-bottom: 0;
}

.close-infoW {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 20px;
	color: #fff;
	z-index: 99;
}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 15px solid #2D56BE;
  position: absolute;
  bottom: -16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}


/*quick tabs on map*/
.quick-tab {
	margin: 60px auto;
}

.quick-tab__image {
	width: 51px;
	height: 64px;
	margin-top: 15px;
	margin-right: 15px;
}

.quick-tab__title {
	font-family: 'Lato';
	font-weight: normal;
	font-style: normal;
	color: #fff;
	font-size: 24px;
	line-height: 26px;
	margin-bottom: 0;
}

.quick-tab__description {
	font-family: 'Lato';
    font-weight: 300;
    font-style: italic;
	font-size: 22px;
	line-height: 24px;
	color: #fff;
}

.map-filter-info {
	font-weight: bold;
	font-size: 22px;
	color: #37DDD9;
	text-decoration: underline;
}

.map-filter-info:hover {
	color: #37DDD9;
}

/*map*/
.map-wrapper {
	padding-right: 0;
}

#map_holder {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 740px;
}

@media only screen and (max-width : 1200px) {
	.checkbox-list {
		padding: 60px 5px 90px 30px;
	}

	.quick-tab {
		margin: 45px auto;
	}

	#map_holder {
		min-height: 600px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.map-section {
	    margin-top: 0;
	    margin-bottom: 60px;
	}

	.checkbox-list {
		padding: 30px 15px;
	}

	.quick-tab {
	    margin: 30px auto;
	}

	.quick-tab__title {
	    font-size: 22px;
	    line-height: 120%;
	}

	.quick-tab__description {
	    font-size: 18px;
	    line-height: 20px;
	}

	.quick-tab__image {
	    width: 50px;
	    height: 67px;
	}

	.map-filter-info {
	    font-size: 16px;
	}

	#map_holder {
	    min-height: 460px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.map-search-wrapper {
		margin-left: -15px;
		margin-right: -15px;
	}
	.map-wrapper {
		padding-left: 0;
	}
}

.news-and-event-section {
	overflow-x: hidden;
	margin-bottom: 160px;
}

.news-and-event {
	margin-top: 40px;
}

.news {
	position: relative;
	overflow: hidden;
	padding: 22px;
	background: #F4F4F4;
	border-bottom: 7px solid #427AEA;
	transition: background-color .2s ease;
	cursor: pointer;
}

.news figcaption {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	padding-top: 10px;
	/*text-align: center;*/
}

.news figcaption::before,
.news figcaption::after {
	pointer-events: none;
}

.news__image {
	position: relative;
	display: block;
	width: 100%;
	height: 290px;
	object-fit: cover;
	object-position: center center;
}

.news__date {
	font-size: 16px;
	line-height: 27px;
	color: #878787;
}

.news_description {
	position: relative;
	font-size: 24px;
	line-height: 26px;
	color: #131313;
	display: block;
	margin: 0 0 10px;
	height: 52px;
	overflow: hidden;
	text-overflow: -o-ellipsis-lastline;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
}

/*.news_description:after {
  content: "";
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 70%;
  height: 27px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}*/

.news__view-more {
	z-index: 101;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;	
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.news_description:hover {
	text-decoration: none;
}

.news:hover {
	background-color: #427AEA;
}

.news:hover .news__date,
.news:hover .news_description {
	color: #fff;
}

/* homepage news and event owl carousel*/
.owl-nav .owl-prev,
.owl-nav .owl-next {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 18px;
	height: 42px;
}
.owl-nav .owl-prev {
	left: 0;
}
.owl-nav .owl-next {
	right: 0;
}

.news-list .news {
	margin-bottom: 30px;
}

.news-list [class*="col-"] {
	padding-right: 6px;
	padding-left: 6px;
}

.news-list__link {
	display: inline-block;
	font-weight: bold;
	font-size: 26px;
	line-height: 52px;
	letter-spacing: 0.05em;
	color: #427AEA;
	text-transform: uppercase;
	border-bottom: 7px solid #37DDD9;
	text-decoration: none;
}

.news-list__link:hover {
	text-decoration: none;
}


@media (min-width: 992px) {
	.owl-nav .owl-prev {
		left: -15px;
	}
	.owl-nav .owl-next {
		right: -15px;
	}
}

@media (min-width: 1024px) {
	.owl-nav .owl-prev {
		left: -15px;
	}
	.owl-nav .owl-next {
		right: -15px;
	}
}

@media (min-width: 1200px) {
	.owl-nav .owl-prev {
		left: -42px;
	}
	.owl-nav .owl-next {
		right: -42px;
	}
}

@media (min-width: 1670px) {
	.owl-nav .owl-prev {
		left: -58px;
	}
	.owl-nav .owl-next {
		right: -58px;
	}
}


@media only screen and (max-width : 991px) {
	.news-and-event .owl-nav {
		display: none;
	}
}


@media only screen and (max-width : 767px) {
	.news-list [class*="col-"] {
		padding-right: 15px;
		padding-left: 15px;
	}

	.news__date {
	    font-size: 14px;
	    line-height: 120%;
	}
	.news_description {
	    font-size: 20px;
	    line-height: 120%;
	}
	.news-and-event-section {
	    margin-bottom: 60px;
	}
	.news-and-event {
	    margin-top: 20px;
	}

	.news-list__link {
		font-size: 20px;
		line-height: 52px;
	}
}

/*single news and event page*/
.single-news {
	margin-bottom: 30px;
}

.single-news .inner-page__subtitle {
	margin-top: 0 !important;
}

.single-news-carousel.wrap {
	width: 50%;
	float: right;
	display: block;
	margin-left: 30px;
	margin-bottom: 30px;
}

.single-news-carousel figure {
	margin-left: 40px;
	margin-right: 40px;
}

.single-news-carousel .owl-nav .owl-prev {
	left: 0;
}
.single-news-carousel .owl-nav .owl-next {
	right: 0;
}

/* Small Devices, Tablets */
@media only screen and (max-width : 991px) {
	.single-news-carousel.wrap {
		width: 100%;
		float: none;
		display: block;
		margin-left: 0;
	}
}


/* projects  */
.projects {
	background-color: #f4f4f4;
	padding-top: 115px;
	padding-bottom: 105px;
}

.project {
	position: relative;
	overflow: hidden;
	height: 375px;
	background: #2d56be;
	text-align: center;
	cursor: pointer;
}


.project--margin-bottom {
	margin-bottom: 10px;
}

.project--margin-top {
	margin-top: 10px;
}

.project--margin-left {
	margin-left: -10px;
}

.project--margin-right {
	margin-right: -10px;
}

.project-overlay {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(41,73,151, .65);
}

.project__image {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

.project__caption {
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.project__caption::before,
.project__caption::after {
	pointer-events: none;
}

.project__icon {
	width: 154px;
	height: auto;
	display: inline-block;
	margin: 25px;
}

.project_number {
	font-size: 154px;
	line-height: 201px;
	letter-spacing: 0.005em;
	color: #37DDD9;
	font-weight: 900;
}

.project_link {
	z-index: 101;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;	
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.project:hover .project__image {
	opacity: 0.6;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.caption__main {
	display: block;
	text-transform: uppercase;
	color: #fff;
	font-size: 37px;
	line-height: 40px;
	letter-spacing: 0.005em;
	font-weight: 900;
	font-style: normal;
}

.caption__second {
	display: block;
	text-transform: uppercase;
	color: #fff;
	font-size: 26px;
	line-height: 31px;
	letter-spacing: 0.005em;
    font-weight: bold;
    font-style: normal;
    margin-bottom: 0;
}

.caption__second--light {
	font-weight: 300;
	font-style: italic;
}

/* Small Devices, Tablets */
@media only screen and (max-width : 991px) {
	.project--margin-left {
		margin-left: 0px;
	}

	.project--margin-right {
		margin-right: 0px;
	}
}

@media only screen and (max-width : 767px) {
	.projects {
	    padding-top: 60px;
	    padding-bottom: 60px;
	}

	.project__icon {
	    width: 120px;
	}

	.caption__main {
	    font-size: 30px;
	    line-height: 120%;
	}

	.project_number {
	    font-size: 120px;
	    line-height: 120%;
	}

	.caption__second {
	    font-size: 20px;
	    line-height: 120%;
	}
}


.quotes {
	position: relative;
	background-color: #2d56be;
	padding: 80px 0 110px;
	overflow: hidden;
	text-overflow: ellipsis;
	z-index: 0;
}

.quote-category {
	position: absolute;
	left: -30px;
	bottom: -2px;
	font-family: 'Superclarendon', 'Lato', sans-serif;
	font-size: 14vw;
	line-height: 0.79;
	color: #E5E5E5;
	opacity: .14;
	font-weight: bold;
	z-index: 1;
	text-transform: lowercase;
}

.quotes-mark {
	width: 40px;
	height: auto;
	display: inline-block;
}

.quote-text {
	font-size: 60px;
	line-height: 66px;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 20px;
}


/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.quotes {
	    padding: 25px 0;
	}

	.quotes-mark {
		width: 30px;
	    margin: 0;
	}

	.quote-text {
	    font-size: 26px;
	    line-height: 32px;
	    margin-top: 10px;
	}

	.quote-category {
		left: -15px;
		bottom: -1px;
	}
}



.services-wrapper {
	position: relative;
	background-color: #fff;
	padding: 64px 0;
}

.services {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
}

.services--add-margin-top {
	margin-top: 35px;
}

.services__item {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	width: 100%;
	max-width: 430px;
	height: 410px;
	padding: 5px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	background-color: #fff;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	-o-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
}

.services__item:hover {
	background-color: #f4f4f4;
}

.services__item img {
	display: inline-block;
	width: auto;
	height: 95px;
}

.services__item figcaption {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 10px;
	color: #294997;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.services__item figcaption::before,
.services__item figcaption::after {
	pointer-events: none;
}

.services__item--link {
	z-index: 101;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;	
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.newsletter {
	background-color: #427AEA;
	padding: 80px 60px;
	margin-top: 50px;
	margin-bottom: 30px;
}

.form-intro__row {
	font-size: 34px;
	line-height: 37px;
	color: #fff;
	font-weight: bold;
	font-style: normal;
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.form-intro__row--lighter {
	opacity: .61;
}

.newsletter-form {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.newsletter-form__email {
    width: 100%;
    height: auto;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #FFFFFF;
    border-radius: 0;
    font-size: 26px;
    font-weight: bold;
    line-height: 36px;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.newsletter-form__email:focus {
    border-color: inherit;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px solid #fff;
}

.newsletter-form__email::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #e6e5e5;
    opacity: 0.6;
    text-transform: uppercase;
}

.newsletter-form__email::-moz-placeholder { /* Firefox 19+ */
    color: #e6e5e5;
    opacity: 0.6;
    text-transform: uppercase;
}

.newsletter-form__email::-ms-input-placeholder { /* IE 10+ */
    color: #e6e5e5;
    opacity: 0.6;
    text-transform: uppercase;
}

.newsletter-form__email::-moz-placeholder { /* Firefox 18- */
    color: #e6e5e5;
    opacity: 0.6;
    text-transform: uppercase;
}

.newsletter-form__button {
	color: #fff;
	background-color: transparent;
	border: none;
	border-radius: 0;
	border-bottom: 4px solid #37DDD9;
	font-size: 26px;
	line-height: 36px;
	text-transform: uppercase;
	padding: 6px 30px;
	font-weight: bold;
	/*	margin-bottom: -3px;*/
	margin-left: 14px;

	-webkit-box-shadow: 0px 3px 0px 0px #37DDD9;
	-moz-box-shadow: 0px 3px 0px 0px #37DDD9;
	box-shadow: 0px 3px 0px 0px #37DDD9;
}

.newsletter-form__button:hover {
    color: #fff;
}

/* Small Devices, Tablets */
@media only screen and (max-width : 991px) {
	.services {
		flex-direction: column;
	}
}
@media only screen and (max-width : 767px) {
	.services-wrapper {
		padding: 60px 0 0;
	}

	.services__item {
		height: 220px;
		padding: 5px;
		justify-content: center;
		margin-bottom: 15px;
	}

	.services__item figcaption {
		margin-top: 20px;
		font-size: 18px;
	}

	.newsletter {
		padding: 30px 0px;
		margin-bottom: 0;
	}

	.form-intro__row {
		font-size: 22px;
		line-height: 28px;
	}

	.newsletter-form__email {
	    font-size: 18px;
	    line-height: 24px;
	    padding-left: 0;
	}

	.newsletter-form__button {
		border-bottom: 2px solid #37DDD9;
		font-size: 18px;
		line-height: 42px;
		padding: 3px 15px;
	}
}


/* inner page contact form*/
.contact-form label {
	font-weight: 300;
	font-size: 22px;
	line-height: 26px;
	letter-spacing: -0.011em;
	color: #294997;
}

.contact-form .form-control {
	background-color: #EFEFEF;
	border: 1px solid #EFEFEF;
	border-radius: 0;
	box-shadow: none;
	height: 64px;
	font-size: 22px;
	color: #294997;
}

.contact-form textarea.form-control {
    height: auto;
}

.contact-form .submit-btn {
	margin-top: 40px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 26px;
	line-height: 52px;
	letter-spacing: 0.05em;
	color: #427AEA;
	border: none;
	border-bottom: 4px solid #37DDD9;
	border-radius: 0;
	background: none;
	padding: 0 15px;
}

.social-links {
	padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}

.social-links li {
	float: left;
	margin-right: 15px;
}

.social-links li a {
	text-decoration: none;
	font-size: 22px;
	color: #fff; /* 37ddd9*/
}

.site-socials__intro {
	text-transform: uppercase;
	color: #fff;
	font-size: 18px;
	line-height: 150%;
} 



.footer {
	/*padding: 50px 0;*/
	border-top: 5px solid #37ddd9;
}

.footer-title {
	position: relative;
	font-size: 38px;
	line-height: 55px;
	text-transform: uppercase;
	color: #fff;
	padding: 50px 0;
}

.bussines {
	display: block;
	/*max-width: 295px;*/
	color: #fff;
	margin-top: 3px;
	margin-bottom: 26px;
}

.business__element {
	display: block;
	font-size: 20px;
	line-height: 29px;
	font-family: Lato;
	font-weight: 300;
	font-style: normal;
}

.business__element > a {
	color: #fff;
	word-break: break-all;
	text-decoration: none;
}

.business__element i {
	color: #37DDD9;
	font-weight: bold;
	font-style: normal;
}

.business--name {
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 25px;
	margin: 0;
}

.business--address {
	margin-bottom: 0;
}

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

.business--link a {
	color: #fff;
}

/*inverteed bussines cart for inner page*/
.bussiness--invert {
	max-width: 100%;
}

.bussiness--invert .business__element {
	font-size: 22px;
	line-height: 31px;
}

.bussiness--invert .business--name,
.bussiness--invert .business--address,
.bussiness--invert .business--phone,
.bussiness--invert .business--email,
.bussiness--invert .business--social,
.bussiness--invert .business--website {
	color: #294997;
}

.bussiness--invert  .business__element > a {
	color: #294997 !important;
	text-decoration: none;
}

.bussiness--invert .business--name {
	font-size: 26px;
	line-height: 35px;
}

.bussiness--invert .business__element i {
	color: #294997;
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {

	.bussiness--invert .business__element {
		font-size: 18px;
	}

	.bussiness--invert .business--name {
		font-size: 22px;
	}
}


.footer-bg {
	position: relative;
	display: block;
	overflow: hidden;
	background-repeat: no-repeat;
	background-origin: border-box;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url('../img/photo-header.jpg');
	background-position: center center;
	background-clip: border-box;
}

.footer-bg::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(19, 50, 122, .6);
    z-index: auto;
}

.copyright {
	font-size: 15px;
	line-height: 29px;
	color: #fff;
	opacity: .6;
	text-align: center;
	margin-bottom: 17px;
	padding-top: 17px;
}
/* Layout for search container */
.search {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: rgba(18, 23, 56, 0.95);
}

.js .search {
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
}

.search::before,
.search::after {
	content: '';
	position: absolute;
	width: calc(100% + 15px);
	height: calc(100% + 15px);
	pointer-events: none;
	border: 1.5em solid #2d56be;
}

.search::before {
	top: 0;
	left: 0;
	border-right-width: 0;
	border-bottom-width: 0;
}

.search::after {
	right: 0;
	bottom: 0;
	border-top-width: 0;
	border-left-width: 0;
}

.btn--search-close {
	font-size: 2em;
	position: absolute;
	top: 1.25em;
	right: 1.25em;
	display: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
	border: none;
	background: none;
	text-decoration: none;
	color: #37ddd9;
	outline: none;
}

.btn--search-close:hover {
	color: #2d56be;
}

.js .btn--search-close {
	display: block;
}

.search__form {
	margin: 5em 0;
}

/* Reset Search Input */
.search__input {
	border: 0;
	background: transparent;
	border-radius: 0;
	-webkit-appearance: none;
	font-family: inherit;
	font-size: 6vw;
	line-height: 1;
	display: inline-block;
	box-sizing: border-box;
	width: 75%;
	padding: 0.05em 0;
	color: #37ddd9;
	border-bottom: 2px solid;
}

.search__input::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	opacity: 0.6;
	color: #060919;
}

.search__input::-moz-placeholder {
	opacity: 0.6;
	/* Mozilla Firefox 19+ */
	color: #060919;
}

.search__input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	opacity: 0.6;
	color: #060919;
}

.search__input::-webkit-search-cancel-button,
.search__input::-webkit-search-decoration {
	-webkit-appearance: none;
	-moz-appearance: none;
}

.search__input::-ms-clear {
	display: none;
}

.search__input:focus {
	outline: none;
}

.search__info {
	font-size: 90%;
	font-weight: bold;
	display: block;
	width: 75%;
	margin: 0 auto;
	padding: 0.85em 0;
	text-align: right;
	color: #37ddd9;
}

.search__related {
	display: flex;
	width: 75%;
	pointer-events: none;
}

.search__suggestion {
	width: 33.33%;
	text-align: left;
	color: #a0a2ae;
}

.search__suggestion:nth-child(2) {
	margin: 0 3em;
}

.search__suggestion h3 {
	font-size: 1.35em;
	margin: 0;
}

.search__suggestion h3::before {
	content: '\21FE';
	display: inline-block;
	padding: 0 0.5em 0 0;
}

.search__suggestion p {
	font-size: 1.15em;
	line-height: 1.4;
	margin: 0.75em 0 0 0;
}

/************************/
/* Transitions 			*/
/************************/

.js .search {
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.5s;
}

.js .search--open {
	pointer-events: auto;
	opacity: 1;
}

/* Border */
.search::before,
.search::after {
	transition: transform 0.5s;
}

.search::before {
	transform: translate3d(-15px, -15px, 0);
}

.search::after {
	transform: translate3d(15px, 15px, 0);
}

.search--open::before,
.search--open::after {
	transform: translate3d(0, 0, 0);
}

/* Close button */
.btn--search-close {
	opacity: 0;
	transform: scale3d(0.8, 0.8, 1);
	transition: opacity 0.5s, transform 0.5s;
}

.search--open .btn--search-close {
	opacity: 1;
	transform: scale3d(1, 1, 1);
}

/* Search form with input and description */
.js .search__form {
	opacity: 0;
	transform: scale3d(0.8, 0.8, 1);
	transition: opacity 0.5s, transform 0.5s;
}

.js .search--open .search__form {
	opacity: 1;
	transform: scale3d(1, 1, 1);
}

.search__suggestion {
	opacity: 0;
	transform: translate3d(0, -30px, 0);
	transition: opacity 0.5s, transform 0.5s;
}

.search--open .search__suggestion {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

.search--open .search__suggestion:nth-child(2) {
	transition-delay: 0.1s;
}

.search--open .search__suggestion:nth-child(3) {
	transition-delay: 0.2s;
}

@media screen and (max-width:40em) {
	.search__form {
		margin: 5em 0 1em;
	}
	.btn--search-close {
		font-size: 1.25em;
		top: 1.5em;
		right: 1.5em;
	}
	.search__info {
		text-align: left;
	}
	.search__suggestion {
		font-size: 80%;
		width: 100%;
	}
	.search__suggestion:nth-child(2),
	.search__suggestion:nth-child(3) {
		display: none;
	}
}


/* Icons */
.btn--search-close .icon {
	display: block;
	width: 1.5em;
	height: 1.5em;
	margin: 0 auto;
	fill: currentColor;
}

.hidden-svg {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
}

.test--float {
	width: 50%;
	float: right;
	margin-left: 30px;
	margin-bottom: 30px;
}



/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}



/* ==========================================================================
	Helper classes
   ========================================================================== */
.screen-reader-response,
.wpcf7-response-output {
	display: none !important;
}


/*
 * Hide visually and from screen readers
 */

.hidden {
	display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
	white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
	visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

@media print,
	   (-webkit-min-device-pixel-ratio: 1.25),
	   (min-resolution: 1.25dppx),
	   (min-resolution: 120dpi) {
	/* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
	*,
	*:before,
	*:after {
		background: transparent !important;
		color: #000 !important; /* Black prints faster */
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " (" attr(href) ")";
	}

	abbr[title]:after {
		content: " (" attr(title) ")";
	}

	/*
	 * Don't show links that are fragment identifiers,
	 * or use the `javascript:` pseudo protocol
	 */

	a[href^="#"]:after,
	a[href^="javascript:"]:after {
		content: "";
	}

	pre {
		white-space: pre-wrap !important;
	}
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	/*
	 * Printing Tables:
	 * http://css-discuss.incutio.com/wiki/Printing_Tables
	 */

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}

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


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

[class^="icon-"], 
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-google:before {
  content: "\ea88";
}
.icon-google2:before {
  content: "\ea89";
}
.icon-google3:before {
  content: "\ea8a";
}
.icon-google-plus:before {
  content: "\ea8b";
}
.icon-google-plus2:before {
  content: "\ea8c";
}
.icon-google-plus3:before {
  content: "\ea8d";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-facebook2:before {
  content: "\ea91";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-tumblr:before {
  content: "\eab9";
}
.icon-tumblr2:before {
  content: "\eaba";
}
.icon-skype:before {
  content: "\eac5";
}
.icon-linkedin:before {
  content: "\eac9";
}
.icon-linkedin2:before {
  content: "\eaca";
}
.icon-pinterest:before {
  content: "\ead1";
}
.icon-pinterest2:before {
  content: "\ead2";
}