/* =CSS Reset
--------------------------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;
}
/* Tell the browser to render HTML 5 elements as block */  
header, footer, aside, nav, article, section, figure, hgroup { display: block; }  

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
   img,object,embed {max-width: 100%;}

   /* force a vertical scrollbar to prevent a jumpy page */

/* we use a lot of ULs that aren't bulleted. 
don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

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

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

/* Accessible focus treatment people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active, a:focus {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

/* Micro Clearfix Hack */
.cf:before, .cf:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.cf:after { clear: both; }  
.cf { zoom: 1; }  

img {
	image-rendering: -webkit-optimize-contrast;
}

body {
    font-family: "Albert Sans", sans-serif;
}

input, textarea, select, button, input[type="submit"] {
    font-family: "Albert Sans", sans-serif;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/* End CSS Reset
--------------------------------------------------------------------------------------------------*/

/* Start Basic CSS
--------------------------------------------------------------------------------------------------*/
input,
textarea,
button,
select,
a,
span,
div {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

img {
    height: auto;
}

body {
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	color: #386795;
	font-family: "Albert Sans", serif;
    background: #ececec;
}

html {
	height: 100%;
}

body {
	height: 100%;
}

.wrapper {
	position: relative;
	width: 100%;
	min-height: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
}

select, input, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

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

.container-small {
	max-width: 1024px;
	width: 100%;
	margin: 0 auto;
	padding: 0px 15px;
}

.btn {
	display: inline-block;
	outline: none;
	text-decoration: none;
}

main section {
    display: block !important;
}

/* End Basic CSS
--------------------------------------------------------------------------------------------------*/

/* Start homepage CSS
--------------------------------------------------------------------------------------------------*/
.page-logo {
    display: block;
    padding: 150px 0px 200px;
    text-align: center;
}

.starting-section {
    position: relative;
    height: 100%;
    background: #386795;
}

.intro-section {
    text-align: center;
    color: #ececec;
}

.intro-section h1 {
    font-size: 32px;
    line-height: 42px;
    font-weight: 400;
}

.intro-section strong {
    display: block;
    margin-bottom: 40px;
    font-size: 42px;
    line-height: 52px;
    text-transform: uppercase;
    font-weight: 400;
}

.image-left-section {
    position: relative;
    height: 100%;
}

.image-left-content {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
}

.image-left-content .image {
    position: relative;
    height: 100%;
    width: 600px;
    background-size: cover !important;
}

.image-left-text {
    width: calc(100% - 600px);
    padding: 0px 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.image-left-text p,
.image-left-text ul {
    margin-bottom: 40px;
}

.image-left-text ul li {
    position: relative;
    padding-left: 15px;
}

.image-left-text ul li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: #386795;
}

.image-left-text h2 {
    margin-bottom: 30px;
    font-size: 32px;
    line-height: 42px;
    font-weight: 600;
}

.image-left-text hr {
    display: block;
    max-width: 60%;
    background: #386795;
    height: 2px;
    margin: 50px 0;
}

.large-container {
    max-width: 1600px;
    height: 100%;
    width: 100%;
    margin: 0 auto;
}

.logo-img {
    display: block;
    position: absolute;
    top: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.cards-list-wrapper {
    position: relative;
    height: 100%;
    background-size: cover !important;
    width: 100%;
    flex-wrap: wrap;
    align-items: end;
}

.cards-section {
    height: 100%;
}

.card-inner {
    display: flex;
}

.cards-list {
    position: absolute;
    bottom: 50px;
    left: 50px;
    right: 50px;
}

.cards-list .card {
    background: #F5F4F4;
}

.cards-list .card:first-child {
    margin-bottom: 30px;
}

.card-title {
    width: 30%;
    padding: 20px 30px;
    background: #386795;
    color: #ececec;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.card-title h2 {
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}

.card-text {
    width: 70%;
    padding: 20px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.card-text ul li {
    position: relative;
    padding-left: 15px;
}

.card-text ul li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: #386795;
}

.imagebig-left-section {
    position: relative;
    height: 100%;
}

.imagebig-left-content {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
}

.imagebig-left-content .imagebig {
    position: relative;
    height: 100%;
    
    width: calc(100% - 600px);
    background-size: cover !important;
}

.imagebig-left-text {
    width: 600px;
    padding: 0px 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.imagebig-left-text p,
.imagebig-left-text ul {
    margin-bottom: 40px;
}

.imagebig-left-text ul li {
    position: relative;
    padding-left: 15px;
}

.imagebig-left-text ul li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 11px;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: #386795;
}

.imagebig-left-text h2 {
    margin-bottom: 30px;
    font-size: 32px;
    line-height: 42px;
    font-weight: 600;
}

.image-left-text hr {
    display: block;
    max-width: 60%;
    background: #386795;
    height: 2px;
    margin: 50px 0;
}

.logos-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
}

.logos-text {
    width: 400px;
}

.logos-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: calc(100% - 400px);
    padding: 50px 100px;
    background: #9CB3CA;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.logos-text h2 {
    margin-bottom: 50px;
    font-size: 32px;
    line-height: 42px;
    font-weight: 600;
}

.logos-list li {
    width: calc(100% / 3);
}

.logos-list li img {
    display: block;
    width: 80%;
    height: auto;
}

.contact-wrapper {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-items: center;
}

.contact-logo {
    width: 400px;
}

.contact-list {
    width: calc(100% - 400px);
    padding: 50px 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.contact-list h2 {
    margin-bottom: 50px;
    font-size: 32px;
    line-height: 42px;
    font-weight: 600;
}

.contact-list ul {
    display: flex;
    flex-wrap: wrap;
}

.contact-list ul li {
    width: 50%;
    margin-bottom: 50px;
}

.contact-list ul li span {
    display: block;
}

.contact-list ul li p {
    margin-top: 20px;
}

.contact-list ul li p a {
    text-decoration: none;
    color: #386795;
}

.contact-name {
    font-weight: 600;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
    background: #d6a476;
}

.copyright {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    font-size: 14px;
    text-align: center;
}

.copyright a {
    text-decoration: none;
    color: #386795;
}

.image-left-text-inner p img {
    display: inline-block;
    width: 160px;
    vertical-align: middle;
    margin: 0px 15px;
}

.fp-watermark {
    display: none !important;
}
/* End homepage CSS
--------------------------------------------------------------------------------------------------*/