@import url(fonts/fonts.css);
@keyframes softFadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 0.7;
    }
}

@keyframes animateLine {
    0% {
        max-width: 0;
    }
    100% {
        max-width: 100%;
    }
}

/* RESET */
*,*:after,*:before,*::after,*::before{box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0);}
html,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,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
img{-ms-interpolation-mode: bicubic;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select,td{vertical-align:middle}

strong { font-weight: 800; }
#main ul {
    padding-left: 20px;
    margin: 10px;
}

* {
    box-sizing: border-box;
    outline: none;
}

html, body {
    font-family: "Montserrat", arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.6
}

body {
    color: #434343
}

.mobile {
    display: none!important;
}

video[poster] {
    object-fit: cover;
}

a,.faux-link {
    transition: all 0.2s ease-in-out;
    color: #013e72;
}

a:hover,.faux-link:hover {
    color: #434343
}

a:focus {
    color: inherit
}

h1 {
    font-size: 55px;
    font-weight: 900;
    color: #013e72;
}

h2 {
    font-size: 48px;
    font-weight: 900;
    color: #013e72;
}

h3 {
    font-size: 34px;
    font-weight: 900;
    color: #013e72;
}

input:not(button):not([type="checkbox"]):not([type="radio"]):not([type="submit"]), select, textarea, .select {
    width: 100%;
    border: 1px solid rgba(0,0,0,0.08);
    background: #FFF;
    outline: 0;
    padding: 20px 20px;
    font-size: 15px;
    display: inline-block;
}

textarea {
    min-height: 130px
}

label.checkbox {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    align-items: center;
    cursor: pointer;
    margin: 0
}

label.checkbox input {
    display: none
}

label.checkbox div {
    padding-left: 20px;
    font-size: 12px;
    color: #9c9c9c;
    text-transform: none;
    flex: 1
}

label.checkbox input + span {
    display: inline-block;
    border: 1px solid rgba(0,0,0,0.08);
    background: #FFF;
    width: 60px;
    height: 60px;
    border-radius: 10px;
    position: relative;
}

label.checkbox input:checked + span:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    color: #013e72;
    margin-left: 8px;
    font-size: 45px;
    font-weight: 900;
    line-height: 63px
}

.select {
    padding: 0;
    position: relative
}

.select:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    color: #a0a0a0;
    font-weight: 900;
    position: absolute;
    z-index: 1;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.select select {
    margin: 0;
    border: 0;
    background: 0;
    cursor: pointer;
    z-index: 10;
    width: 100%;
    max-width: 100%;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-right: 40px
}

.select select::-ms-expand {
    display: none;
}

label.toggle {
    text-transform: uppercase;
    font-size: 12px;
    color: #656565;
    font-weight: bold;
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    white-space: nowrap;
}

label.toggle input {
    display: none
}

label.toggle span {
    display: inline-block;
    padding-right: 20px
}

label.toggle input + span {
    padding: 0;
    display: inline-block;
    height: 40px;
    width: 85px;
    background: #f3f7fa;
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 20px;
    position: relative;
}

label.toggle input + span:after {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: #1c4a79;
    opacity: 0.6;
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
}

label.toggle input:checked + span:after {
    left: auto;
    right: 5px;
    opacity: 1
}

.button, .button.filled:hover {
    text-decoration: none;
    cursor: pointer;
    color: #013e72;
    background: transparent;
    display: inline-block;
    padding: 20px 60px;
    text-transform: uppercase;
    font-weight: bold;
    border: 1px solid #013e72;
    border-radius: 8px;
    transition: all 0.2s ease-in-out;
    position: relative;
    overflow: hidden;
    z-index: 10
}

.button:before {
    content: "";
    background: #013e72;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    z-index: -1;
    transition: width 0.1s ease-in-out;
}

.button:hover, .button.filled {
    /*background: #013e72;*/
    color: white;
    text-decoration: none;
    position: relative
}

.button.filled {
    background: #013e72;
}

.button:hover:before, .button.filled:before {
    background: #013e72;
    width: 100%
}

.button.filled:before {
    display: none
}


.button.inverted, .button.inverted.filled:hover {
    color: white;
    border-color: white;
    text-decoration: none
}

.button.inverted:hover, .button.inverted.filled{
    /*background: white;*/
    color: #013e72;
    text-decoration: none
}

.button.inverted.filled{
    background: white;
}

.button.inverted:before {
    background: white;
}

.button.inverted:hover:before, .button.inverted.filled:before {
    width: 100%;
}

.button.arrow:after, .arrow-link:after {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color: inherit;
    margin-left: 8px;
    font-size: 14px;
    font-weight: 900;
}

.arrow-link {
    color: #013e72;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
}
.arrow-link:after {
    color: #848484;
}

.arrow-link:hover {
    color: #434343
}

.wrapper {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px
}

.hero .wrapper, footer .wrapper {
    max-width: 1400px;
}

header {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    background: transparent;
    padding: 20px 20px;
    position: fixed;
    z-index: 9999;
    width: 100%;
    transition: background-color 0.2s ease-in-out;
}

body.scrolled header, body.no-hero header, body.menubar-solid header {
    background: rgba(1, 62, 114, 1);
}

header > * {
    max-height: 40px;
}

header .logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
	margin-right: auto;
}

header .logo img {
    max-height: 100%;
    width: auto;
    line-height: 40px;
}

header #main-nav {
    flex: 1;
    border-right: 1px solid rgba(255, 255, 255, 0.3)
}

header a {
    color: white;
    text-decoration: none;
}

header a:hover {
    color: #bcebff;
    text-decoration: none;
}

header a:after {
    transition: transform 0.2s ease;
}

header #menu-main-menu > li:hover > a {
    color: #bcebff!important;
    text-decoration: none;
}

header #menu-main-menu > li:hover > a:after, header li.has-children:hover > a:after {
    transform: rotate(180deg);
}
ul.menu, ul.menu ul {
    margin: 0;
    padding: 0
}
header #main-nav #menu-main-menu {
    text-align: right;
}

header #main-nav .close-nav, header #main-nav .mobile-logo {
    display: none
}

header #main-nav #menu-main-menu > li {
    display: inline-block;
    margin-right: 25px;
    line-height: 40px
}

header #main-nav #menu-main-menu > li a, header #main-nav #menu-main-menu > li a:focus {
    text-transform: uppercase;
    font-weight: bold;
    color: #FFF
}
header #main-nav #menu-main-menu > li a:hover {
    color: #bcebff
}
header #main-nav #menu-main-menu > li.menu-item-has-children {
    position: relative
}

header #main-nav #menu-main-menu > li.menu-item-has-children > a:after,
header #icon-nav li.has-children > a:after {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color: #bcebff;
    margin-left: 8px;
    font-size: 14px;
    font-weight: 900;
}

header #main-nav #menu-main-menu > li.menu-item-has-children .sub-menu {
    position: absolute;
    z-index: 100;
    background: #fff;
	box-shadow: 0 2px 32px 0 rgba(0, 0, 0, 0.15);
    top: 100%;
    min-width: 250px;
    height: 0;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

header #main-nav #menu-main-menu > li.menu-item-has-children:hover .sub-menu {
    height: auto;
    max-height: 400px;
}

header #main-nav #menu-main-menu > li.menu-item-has-children .sub-menu li:hover {
	background: #013e72;
}

header #main-nav #menu-main-menu > li.menu-item-has-children .sub-menu li:hover a, header #main-nav #menu-main-menu > li.menu-item-has-children .sub-menu li a:hover {
	color: #bcebff
}

header #main-nav #menu-main-menu > li.menu-item-has-children .sub-menu li a {
    display: block;
    padding: 15px 20px;
    text-align: left;
    color: #013e72;
    line-height: 1;
    white-space: nowrap;
    border-bottom: 1px solid #eee;
}

header #icon-nav {
    margin-left: auto;
    line-height: 40px;
    padding-left: 25px;
}

header #icon-nav .sandwich {
    display: none
}

header #icon-nav li {
    display: inline-block;
    margin-right: 20px;
	vertical-align: middle;
}

header #icon-nav li:last-child {
    margin-right: 0
}

header #icon-nav li a {
    font-size: 22px;
	display: inline-block;
	text-align: center;
}

header #icon-nav li a:focus {
    color:#FFF
}

header #icon-nav li a i {
    display: block;
}
header #icon-nav li a span.label {
    display: block;
	text-transform: uppercase;
	text-align: center;
	font-size: 12px;
	padding: 4px 0 0 0;
	line-height: 1;
}

header nav li.search-nav {
    position: relative;
}

header nav li.search-nav a {
    position: relative;
    z-index: 2;
}

body.search-on header nav li.search-nav a {
    color: #337ab7
}

body.search-on header nav li.search-nav a:active, body.search-on header nav li.search-nav a:focus {
    color: #337ab7!important
}

body:not(.search-on) header nav li.search-nav .search-input {
    display: none!important;
}

.page-template-default .site-main {
	background: #fff !important;
}

body.search-on header nav li.search-nav .search-input {
    display: block;
    position: absolute;
    line-height: 1;
    top: 0;
    bottom: 0;
    right: -20px;
    z-index: 1;
    width: 400px;
    max-width: calc(100vw - 200px);
    border-radius: 5px
}

body.search-on header #menu-main-menu {
    opacity: 0;
    pointer-events: none;
}

.mobile #search-form {
    position: relative;
    border: 0;
}

.mobile #search-form button {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    font-size: 24px;
    border: 0;
    background: transparent;
    cursor: pointer;
    outline: 0;
    z-index: 10
}

.mobile #search-form .search-input {
    padding: 10px 20px
}


#main {
    min-height: 100vh;
}

body.no-hero #main, body.menubar-solid #main {
    padding-top: 80px
}


/* HERO */
.hero {
    position: relative;
    background-color: #013e72;
    color: white;
    background-position: center center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-flow: wrap;
    min-height: 50vh;
    background-repeat: no-repeat;
}

.hero .hero-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	background: #013e72;
	opacity: 0.6;
	z-index: 4;
}

.hero > .wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: inherit;
    width: 100%;
    padding-top: 96px;
    padding-bottom: 96px;
	position: relative;
    z-index: 5;
	margin: 0;
}

.hero h1 {
    font-size: 55px;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 1;
    padding-bottom: 50px;
    margin-bottom: 50px;
    position: relative;
    color: #FFF
}

.hero h1:after {
    content: "";
    display: block;
    height: 4px;
    width: 200px;
    border-radius: 4px;
    background: #bcebff;
    position: absolute;
    left: 0;
    bottom: 0;
}

.hero:hover h1:after, .hero:hover h2:after, .hero.image_content_blocks:hover > .wrapper > .content .h:after {
    animation-duration: 1s;
    animation-name: animateLine;
    animation-timing-function: ease-in-out;
}

.hero h2 {
    font-size: 38px;
    text-transform: uppercase;
    font-weight: normal;
    font-style: italic;
    color: #bcebff;
    line-height: 1
}

.hero .description {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 50px
}

.hero.default {
    min-height: max(500px, calc(100vh - 200px));
}

.hero.normal {
    min-height: 535px;
    padding-top: 80px
}

.hero.normal .content h1 {
    font-size: 45px;
    padding: 0;
    margin-bottom: 10px
}
.hero.normal .content h1:after {
    display: none
}

.hero.normal .content h2 {
    font-size: 25px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative
}

.hero.normal .content h2:after {
    content: "";
    display: block;
    height: 4px;
    width: 200px;
    border-radius: 4px;
    background: #bcebff;
    position: absolute;
    left: 0;
    bottom: 0;
}

.hero.normal .content .description {
    font-size: 17px
}

.hero.image_content_blocks {
    background: #f3f7fa;
    padding-bottom: 50px;
    padding-top: 0
}

.hero.image_content_blocks > .wrapper {
    flex-direction: column;
    text-align: center;
    max-width: 100%;
    padding: 0;
}

.hero.image_content_blocks > .wrapper > .content {
    width: 100%;
    flex-direction: column;
    text-align: center;
    padding-top: 180px;
    padding-bottom: 230px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#346291+0,1c4a79+100 */
    background: #346291; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #346291 0%, #1c4a79 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  #346291 0%,#1c4a79 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  #346291 0%,#1c4a79 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#346291', endColorstr='#1c4a79',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.hero.image_content_blocks > .wrapper > .content h1 {
    padding-bottom: 0;
    margin: 0 0 10px 0
}

.hero.image_content_blocks > .wrapper > .content h1:after {
    display: none
}

.hero.image_content_blocks > .wrapper > .content .h {
    position: relative;
    padding-bottom: 40px;
    margin-bottom: 40px
}

.hero.image_content_blocks > .wrapper > .content .h:after {
    content: "";
    display: block;
    height: 4px;
    width: 200px;
    border-radius: 4px;
    background: #bcebff;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.hero.image_content_blocks > .wrapper > .content h2 {
    font-size: 28px
}

.hero.image_content_blocks > .wrapper > .content .description {
    font-size: 22px;
    line-height: 1.7
}



.hero.image_content_blocks > .wrapper > .content .wrapper {
    flex-direction: column;
    text-align: center;
}

.hero.image_content_blocks > .wrapper .image-contents {
    width: 100%;
    margin-top: -195px;
}

.hero.image_content_blocks > .wrapper .image-contents > .wrapper {
    display: flex;
    padding-top: 0;
    justify-content: space-between;
    flex-wrap: wrap;
}

.hero.image_content_blocks > .wrapper .image-contents > .wrapper > * {/* section of img cont */
    display: block;
    width: calc(25% - 20px);
    background: #FFF;
    min-height: 510px
}

.hero.image_content_blocks > .wrapper .image-contents > .wrapper .wrapper {
    display: block;
    padding: 0;
}

.hero.image_content_blocks > .wrapper .image-contents > .wrapper .wrapper img {
    max-width: 100%
}

.hero.image_content_blocks > .wrapper .image-contents > .wrapper .wrapper .h {
    justify-content: center;
}

.hero.covered .wrapper {
    padding-bottom: 80px;
    min-height: 500px;
    max-width: 1140px
}

.hero.covered .content {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}

.hero.covered .content .left {
    padding-right: 20px;
    max-width: 400px
}

.hero.covered .content .right {
    flex: 1 1 auto;
    width: 60%;
    min-width: 50%;
    text-align: right;
    max-width: 650px
}

.hero.covered:after {
    content: "";
    display: block;
    position: absolute;
    background: #346291;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
	z-index: 1;
}

.hero.covered h1 {
    font-size: 40px;
    margin: 0 0 5px 0;
    padding: 0;
    line-height: 1
}

.hero.covered h1:after {
    display: none
}

.hero.covered h2 {
    font-size: 24px
}

.hero.covered + section {
	position: relative;
    margin-top: -150px;
    z-index: 10;
}


.hero.image_content_blocks .image-content-wrapper {
    /*height: 100%*/
}

.hero.image_content_blocks .image-content-wrapper .h h3 {
    font-weight: normal;
}

.hero.image_content_blocks .image-content-wrapper .h h4 {
    font-weight: 900;
}

.hero.blocks {
    background-size: initial;
    background-position: top right;
}


.hero.blocks > .wrapper {
    flex-flow: wrap;
    padding-top: 170px
}

.hero.blocks .content-boxes {
    width: 100%;
    display: flex;
    flex-flow: wrap;
}

.hero.blocks .content-wrapper .wrapper {
    padding: 0
}

.hero.blocks h1 {
    font-size: 40px;
    padding: 0;
    line-height: 1;
    margin-bottom: 20px
}

.hero.blocks h1:after {
    display: none
}

.hero.blocks > .wrapper > .content > .description {
    max-width: 600px;
    font-size: 16px
}

.hero.blocks .content-boxes {
    border-top: 1px solid rgba(188, 235, 255, 0.15);
}
.hero.blocks .content-boxes .content-wrapper {
    position: relative;
    width: 25%
}

.hero.blocks .content-boxes .content-wrapper .wrapper {
    border-right: 1px solid rgba(188, 235, 255, 0.15);
    border-bottom: 1px solid rgba(188, 235, 255, 0.15);
    margin: 0;
    padding: 30px 30px 55px;
    height: 100%;
    position: initial;
}

.hero.blocks .content-boxes .content-wrapper:nth-child(4n) .wrapper {
    border-right: 0
}

.hero.blocks .content-boxes .content-wrapper:first-child .wrapper {
    padding-left: 0
}

.hero.blocks .content-boxes .content-wrapper .wrapper h3 {
    font-size: 18px;
    line-height: 1.5;
    color: white
}

.hero.blocks .content-boxes .content-wrapper .wrapper h4 {
    font-size: 18px;
    line-height: 1;
    color: white;
    font-weight: 500;
    margin-bottom: 15px
}

.hero.blocks .content-boxes .content-wrapper .wrapper .description {
    font-size: 13px;
    line-height: 1.5;
    color: #e9e9e9;
    margin: 0
}

.hero.blocks .content-boxes .content-wrapper .arrow-link {
    color: white
}

.hero.blocks .content-boxes .content-wrapper .arrow-link:after {
    color: #bcebff
}

.hero.blocks .content-boxes .content-wrapper .description .arrow-link {
    position: absolute;
    bottom: 20px
}

.hero.map {
    background-position: top center
}

.hero.map .wrapper {
    position: relative
}

.hero.map .content {
    background: #FFF;
    color: #434343;
    padding: 30px;
    width: 100%;
    max-width: 315px;
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translate(-50%, -50%);
    -webkit-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.1);
}

.hero.light_right_image {
    min-height: 0;
    background-position: top right;
    background-color: #FFF;
    padding: 50px 0
}

.hero.light_right_image > .wrapper > .content {
    width: 50%;
    color: #434343
}

.hero.light_right_image > .wrapper > .content h1 {
    color: #1c4a79;
    font-size: 40px;
    padding: 0;
    margin-bottom: 10px
}

.hero.light_right_image > .wrapper > .content h1:after {
    display: none
}

.hero.light_right_image > .wrapper > .content h2 {
    color: #858585;
    font-size: 24px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    position: relative
}

.hero.light_right_image > .wrapper > .content h2:after {
    content: "";
    display: block;
    height: 4px;
    width: 200px;
    border-radius: 4px;
    background: #1c4a79;
    position: absolute;
    left: 0;
    bottom: 0;
}


.hero.savings {
    background: url(../assets/savings-hero-bg.png) no-repeat left center #295581;
    background-size: cover;
}

.hero.savings .wrapper {
    padding: 180px 20px 100px
}

.hero.savings .wrapper > * {
    flex: 1
}

.hero.savings .wrapper h2 {
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 5px
}

.hero.savings .wrapper h1 {
    font-size: 40px;
    padding: 0
}

.hero.savings .wrapper .description {
    font-size: 16px
}

.hero.savings .wrapper h1:after {
    display: none
}

.hero.savings .wrapper .savings {
    padding-left: 50px;
    display: flex;
    flex-direction: row;
    flex-flow: wrap
}

.hero.savings .wrapper .content {
    padding-right: 50px;
}

.hero.savings .wrapper .savings .saving {
    width: 50%;
    text-align: center;
    padding: 0 30px
}
.hero.savings .wrapper .savings .saving .saving-top {
    display: inline-block;
    width: 180px;
    height: 180px;
    border: 2px solid #17426d;
    border-radius: 100%;
    position: relative;
    margin-bottom: 20px
}

.hero.savings .wrapper .savings .saving .saving-top:before {
    content: "";
    display: block;
    width: 165px;
    height: 165px;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    z-index: 1;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,479abe+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #479abe 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#479abe 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#479abe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#479abe',GradientType=0 ); /* IE6-9 */
}

.hero.savings .wrapper .savings .saving .saving-top:after {
    content: "";
    display: block;
    width: 159px;
    height: 159px;
    position: absolute;
    top: 8px;
    left: 8px;
    background: #295581;
    border-radius: 100%;
    z-index: 2
}

.hero.savings .wrapper .savings .saving .saving-top .inner {
    position: relative;
    z-index: 3;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px
}

.hero.savings .wrapper .savings .saving .saving-top .inner .perc {
    font-size: 36px;
    color: #bcebff;
    font-weight: 900;
    line-height: 1;
}

.hero.savings .wrapper .savings .saving .saving-top .inner .descr {
    font-size: 13px;
    text-transform: uppercase;
}
.hero.savings .wrapper .savings .saving .saving-bottom {
    color: #bcebff;
    font-size: 13px
}

a.image-content-wrapper {
    text-decoration: none;
}

.image-content-wrapper .img-wrap {
    max-width: 100%;
    height: 195px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.image-content-wrapper {
    background: #FFF
}


.image-content-wrapper .content {
    padding: 25px 40px
}

.image-content-wrapper .h h3, .image-content-wrapper .h h4 {
    font-size: 18px;
    color: #434343;
    line-height: 1;
    font-weight: 900;
}

.image-content-wrapper .h h3 {
    margin-bottom: 5px
}

.image-content-wrapper .h h4 {
    font-weight: normal;
}

.image-content-wrapper .h {
    margin-bottom: 30px;
}
.image-content-wrapper .h .i {
    padding-right: 20px
}
.image-content-wrapper .h .i img {
    max-height: 45px;
    max-width: 45px;
}

.image-content-wrapper .description {
    margin: 0;
    color: #7d7d7d;
    font-size: 15px;
    line-height: 1.7
}

.image-content-wrapper .description .arrow-link {
    display: inline-block;
    margin-top: 30px;
}

.image-content-wrapper.triple {
    background: #F3F7FA
}

.image-content-wrapper.triple > .wrapper {
    max-width: 100%;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-flow: nowrap;
}

.image-content-wrapper.triple .img-wrap {
    flex: 1;
    height: auto
}


.image-content-wrapper.triple.image-top .img-wrap {
    min-height: 400px;
}

.image-content-wrapper.triple.image-top > .wrapper > .content {
    padding-top: 0
}

.image-content-wrapper.triple.image-top > .wrapper > .content .inner {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto
}

.image-content-wrapper.triple > .wrapper > .content {
    flex: 1;
    padding: 50px 30px;
}

.image-content-wrapper.triple > .wrapper > .content .inner {
    max-width: 700px;
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    justify-content: space-between;
}

.image-content-wrapper.triple > .wrapper > .content .inner > .content-wrapper  {
    width: calc(50% - 20px);
    padding: 50px 0
}

.image-content-wrapper.triple > .wrapper > .content .inner > .content-wrapper .wrapper {
    padding: 0
}

.image-content-wrapper.triple > .wrapper > .content .inner > .content-wrapper:first-child {
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.08);
}

.image-content-wrapper.triple > .wrapper > .content .inner > .content-wrapper .h {
    margin-bottom: 10px
}

.image-content-wrapper.triple > .wrapper > .content .inner > .content-wrapper .h h3  {
    color: #346291;
    line-height: 1.3
}

.image-content-wrapper.triple > .wrapper > .content .wrapper {

}

.image-content-wrapper.solid_blue > .wrapper {
    padding: 0;
    max-width: 100%;
    display: flex;
    flex-direction: row;
}

.image-content-wrapper.solid_blue > .wrapper > * {
    flex: 1;
    height: auto
}

.image-content-wrapper.solid_blue > .wrapper > .content {
    background: #1c4a79;
    color: white;
    padding-top: 80px;
    padding-bottom: 80px;
}

.image-content-wrapper.solid_blue > .wrapper > .content .wrapper {
    max-width: calc(((100vw / 2 ) - ((100vw - 1400px) / 2)) - 40px);
    margin: 0
}

.image-content-wrapper.solid_blue > .wrapper > .content .wrapper {
    padding: 0
}

.image-content-wrapper.solid_blue .content-wrapper .h{
    margin-bottom: 45px
}

.image-content-wrapper.solid_blue .content-wrapper .h .t {
    color: white;
}
.image-content-wrapper .content-wrapper .h .t h4, .image-content-wrapper .content-wrapper .h .t h3 {
    text-transform: uppercase;
}
.image-content-wrapper.solid_blue .content-wrapper .h .t h4 {
    order: 1;
    color: #bcebff;
    text-transform: uppercase;
    font-size: 18px;
    font-style: italic;
    font-weight: 300;
    margin-bottom: 15px
}

.image-content-wrapper.solid_blue .content-wrapper .h .t h3 {
    order: 2;
    color: white;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 800
}

.image-content-wrapper.solid_blue .content-wrapper .description {
    color: #FFF
}

.image-content-wrapper.solid_blue .content-wrapper .description p {
    margin-bottom: 20px
}

.image-content-wrapper.solid_blue .content-wrapper a, .image-content-wrapper.solid_blue .content-wrapper a:after,
.image-content-wrapper.solid_blue .content-wrapper .faux-link, .image-content-wrapper.solid_blue .content-wrapper .faux-link:after{
    color: #bcebff
}


.image-content-wrapper.image-left  > .wrapper, .image-content-wrapper.image-right  > .wrapper {
    display: flex;
    flex-direction: row;
    height: 100%;
}

.image-content-wrapper.image-left  > .wrapper > *, .image-content-wrapper.image-right  > .wrapper > * {
    flex: 1;
}

.image-content-wrapper.image-left  > .wrapper .img-wrap {
    position: relative;
}

.image-content-wrapper.image-right  > .wrapper .img-wrap {
    order: 2;
    position: relative;
}

.image-content-wrapper.image-top  > .wrapper, .image-content-wrapper.image-bottom  > .wrapper {
    display: flex;
    flex-direction: column
}



.image-contents-wrapper {
    background: #F3F7FA;
    padding-bottom: 50px
}

.image-contents-wrapper > .wrapper > .content {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    justify-content: space-between;
}

.image-contents-wrapper .content section, .image-contents-wrapper .content .wrapper {
    padding: 0;
    margin: 0
}

.image-contents-wrapper .image-content-wrapper {
    width: calc(50% - 15px);
    position: relative;
    margin-bottom: 30px!important
}

.image-contents-wrapper .image-content-wrapper .img-wrap {
    height: 100%;
    min-height: 300px;
    width: 100%;
    z-index: 10;
    top: 0
}

.image-contents-wrapper .image-content-wrapper {
    background: #FFF;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);
}


.tabs-wrapper {
    padding: 80px 20px
}

.tabs {
    position: relative;
}
.tabs .tab-head {
    margin-bottom: -1px;
    display: flex
}
.tabs a.tab-tab {
    display: inline-flex;
    text-decoration: none;
    color: #434343;
    font-weight: 800;
    padding: 20px 40px;
    background: #f3f7fa;
    border: 1px solid #e5ecf1;
    border-right-color: transparent;
    position: relative;
    float: left;
    cursor: pointer;
    line-height: 1;
    align-items: center;
    text-transform: uppercase;
}

.tabs.accordion a.tab-tab {
    padding-left: 20px;
}

.tabs a.tab-tab:hover {
    color: #013e72
}

.tabs a.tab-tab:last-child {
    border-right-color: #e5ecf1;
}

.tabs a.tab-tab.active {
    color: #013e72;
    background: #FFF;
    border-bottom-color: transparent;
}

.tabs .tab-head:after {
    content: "";
    display: block;
    clear: both
}

.tabs a.tab-tab:before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    width: 0;
    height: 5px;
    background: #013e72;
    transition: width 0.2s ease-in-out;
}

.tabs a.tab-tab.active:before {
    width: calc(100% + 2px);
}
.tabs a.tab-tab .icon {
    width: 35px;
    margin-right: 20px;
    float: left;
}
.tabs a.tab-tab img {
     max-width: 100%;
     max-height: 35px;
 }

.tabs .tabs-content, .tabs .tab-tab + .tab-content {
    border: 1px solid #e5ecf1;
}

.tabs .tab-content {
    padding: 50px 40px;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 40% auto;
    overflow: auto;
    /*min-height: 480px*/
}

.tabs .tab-content:not(.active){
    display: none
}

.tabs .tab-content h2 {
    color: #013e72;
}

.tabs .tab-content h3 {
    color: #848484;
    font-size: 30px;
    font-style: italic;
    font-weight: 400;
}

.tabs .tab-content h3 + h2 {
    margin-top: 80px
}

.tabs .tab-content small {
    font-size: .7em
}
.tabs .tab-content p {
    margin: 20px 0;
    line-height: 1.8;
    font-size: 16px;
    max-width: 600px
}

.tabs.simple .tab-head {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.tabs.simple.tabs-2 .tab-head {
    justify-content: flex-start;
}

.tabs.simple .tab-head:after {
    display: none
}

.tabs.simple .tab-head a {
    background: transparent;
    padding: 10px 20px;
    border: 0;
}

.tabs.simple.tabs-2 .tab-head a:first-child {
    margin-right: 30px
}

.tabs.simple .tabs-content {
    border: 0;
    border-top: 1px solid #e5ecf1;

}

.tabs.simple:not(.accordion) a.tab-tab:before {
    bottom: 0;
    top: auto
}

.tabs.simple .tab-content {
    padding-left: 20px;
    padding-right: 20px
}

.tabs .tab-content table {
    width: 100%!important;
}

.tabs .tab-content ul {
    padding: 0;
    list-style: none;
}
.tabs .tab-content ul li {
    margin-bottom: 8px
}

.tabs .tab-content ul li:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 10px;
    border-radius: 3px;
    background: #013e72;
}

.tabs .tab-content.has-gallery.active {
    display: flex;
    flex-flow: wrap
}
.tabs .tab-content.has-gallery .content {
    flex: 1 1 0;
    padding-right: 20px
}

.tabs .tab-content.has-gallery .content p, .tabs .tab-content:not(.has-background) .content p {
    max-width: 100%
}

.tabs .tab-content.has-gallery .tab-gallery {
    width: 30%;
    max-width: 400px;
    text-align: right
}

.tabs .tab-content.has-gallery:not(.images-1) .tab-gallery {
    width: 50%;
    flex: 1;
    max-width: 50%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
    padding-left: 10px
}

.tabs .tab-content.has-gallery .tab-gallery img {
    max-width: 100%;
    display: inline-block;
    border-radius: 8px
}

.tabs .tab-content.has-gallery:not(.images-1) .tab-gallery .img {
    width: calc(50% - 10px);
    max-width: calc(50% - 10px);
    height: auto;
    margin-bottom: 20px
}

.tabs .tab-content.has-gallery .tab-foot {
    width: 100%
}

.tabs.accordion > * {
    width: 100%;
    position: relative;
    float: none!important
}

.tabs.accordion .tab-tab {
    border-right: 1px solid #e5ecf1;
    border-bottom: 0;
    text-transform: uppercase;
    color: #013e72
}

.tabs.accordion .tab-tab:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-size: 1.5em;
    font-weight: 900;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #1c4a79;
}

.tabs.accordion .tab-tab.active:after {
    content: "\f077"
}

.tabs.accordion .tab-content.active + .tab-tab {
    border-top: 0
}

.tabs.accordion .tab-tab:last-of-type:not(.active) {
    border-bottom: 1px solid #e5ecf1;
}

.tabs.accordion .tab-content {
    background-color: #FFF
}

.tabs.accordion.simple .tab-content {
    padding: 40px 20px;
    background-color: #FFF
}

.tab-image-contents-wrapper .content {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    justify-content: space-between;
}

.tab-image-contents-wrapper .content .img-content {
    width: calc(50% -  20px);
    margin-bottom: 40px
}

.tab-image-contents-wrapper .content .img-content .cont {
    display: flex;
    flex-flow: wrap;
    flex-direction: row;
    justify-content: space-between;
}

.tab-image-contents-wrapper .content .img-content .cont > * {
    width: calc(50% - 10px);
    max-width: calc(50% - 10px);
}

.tab-image-contents-wrapper .content .img-content .cont img {
    max-width: 100%;
    height: auto;
    border-radius: 8px
}

.page-marine-propulsion .tabs-content .content h2 {
    font-size: 20px;
    margin-bottom: 20px
}

.tab-image-contents-wrapper .content .img-content h4, .tabs-content .content h4 {
    font-size: 18px;
    color: #1c4a79;
    font-weight: 800;
    margin-bottom: 20px
}

.tab-image-contents-wrapper .content .img-content .descr {
    padding-top: 20px
}


.industries-wrapper {
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #013e72;
    padding: 60px 0;
    margin-bottom: 50px;

}

.industries {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    justify-content: flex-end;
    color: white
}

.industries-wrapper .titles {
    margin-bottom: 50px;
    padding-left: 40px;
}

.industries-wrapper h3 {
    color: white;
    line-height: 1;
    text-transform: uppercase;
}

.industries-wrapper .titles h4 {
    color: #FFF;
    text-transform: uppercase;
    font-size: 21px
}

.industries .industry {
    width: 33.33%;
    padding: 50px 40px;
    border-right: 1px solid rgba(188, 235, 255, 0.5);
    border-bottom: 1px solid rgba(188, 235, 255, 0.5)
}

.industries .industry .h {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 20px
}
.industries .industry .h img {
    max-width: 50px;
    max-height: 50px;
    margin-right: 20px;
}

.industries .industry .h h4 {
    font-size: 18px;
    font-weight: 900
}

.industries .industry .h h5 {
    font-size: 18px;
    font-weight: 500
}

.industries .industry .d {
    line-height: 1.5em;
    font-size: 13px
}

.industries .industry:nth-child(3), .industries .industry:nth-child(6) {
     border-right: 0
 }

.industries .industry:nth-child(4), .industries .industry:nth-child(5), .industries .industry:nth-child(6) {
    border-bottom: 0
}

.industries .industry.graphic {
    position: relative;
}

.industries .industry.graphic img {
    position: absolute;
    right: 40px;
    bottom: -100px;
    max-width: 200%;
    max-height: calc( 100% - 20px)
}

.heading-wrapper {
    padding: 50px 0;
	padding-bottom: 20px;
    text-align: center
}


.heading-wrapper .description {
    max-width: 800px;
    margin: 30px auto 10px;
    font-size: 15px;
    line-height: 1.8
}

.heading-wrapper.left_right {
    padding-bottom: 0
}

.heading-wrapper.left_right .wrapper {
    border-bottom: 1px solid rgba(0,0,0,0.08);
    padding-bottom: 50px
}

.heading-wrapper.image_right .wrapper, .heading-wrapper.left_right .wrapper {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    justify-content: space-between;
}

.heading-wrapper.image_right .wrapper > *, .heading-wrapper.left_right .wrapper > * {
    width: calc(50% - 15px)
}

.heading-wrapper.image_right .left, .heading-wrapper.left_right .left {
    text-align: left
}

.heading-wrapper.image_right .right, .heading-wrapper.left_right .right {
    text-align: right
}

.heading-wrapper.image_right .right img, .heading-wrapper.left_right .right img, .heading-wrapper.image_right .right video {
    max-width: 100%;
}

.heading-wrapper.image_right h3, .heading-wrapper.left_right h3  {
    font-size: 40px;
    line-height: 1;
}

.heading-wrapper.image_right h4, .heading-wrapper.left_right h4 {
    font-weight: bold;
    color: #848484;
    margin-bottom: 5px;
    line-height: 1
}


.map-wrapper {
    padding: 50px 0
}

.map-wrapper .wrapper {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    justify-content: space-between;
}

.map-wrapper .wrapper .map {
    width: calc(100% - 470px);
    position: relative;
}

.map-wrapper .wrapper .map .pin {
    position: absolute;
    z-index: 20;
    background: url(../assets/pin-bg.png) no-repeat bottom center;
    background-size: auto 100%;
    width: 35.2px;
    height: 48px;
    display: block;
    cursor: pointer;
    transform: translate(-50%, -100%);
    text-decoration: none;
    transition: top 0.5s ease-in-out;
}

.map-wrapper .wrapper .map .pin.active:not(.mtu):not(.hq) {
    background-image: url(../assets/pin-bg-hover.png)
}

.map-wrapper .wrapper .map .pin.mtu {
    background-image: url(../assets/pin-2.png);
	color: #1c4a79;
}

.map-wrapper .wrapper .map .pin.hq {
    background-image: url(../assets/pin-1.png);
}

.map-wrapper .wrapper .map .pin:not(.default) {
    width: 74px;
    height: 90px
}

.pin.hq:before, .pin.mtu:before {
    content: "HQ";
    font-size: 20px;
    font-weight: 800;
    width: 100%;
    display: block;
    padding-top: 25px;
    text-align: center;
    text-indent: -2px;
	color: #fff;
}

.pin.mtu:before {
    content: "MTU";
    font-size: 15px;
    font-weight: 900;
	color: #1c4a79;
}

.pin.default:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    color: #bcebff;
    background: #18326a;
    font-size: 10px;
    font-weight: 900;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    text-align: center;
    line-height: 18px;
    margin-top: 8px;
    margin-left: 8px
}

.map-wrapper .wrapper .details {
    width: 380px;
    max-width: 100%;
}

.map-wrapper .wrapper .map .map-image {
    width: 100%;
    height: auto
}

.pin-detail:not(.active){
   display: none
}

.pin-detail h4 {
    font-size: 22px;
    font-weight: 900;
    color: #5f5f5f;
    line-height: 1;
    margin-bottom: 20px
}

.pin-detail .pin-image{
	width: 100%;
	padding-bottom: 20px;
}

.pin-detail p {
    color: #434343;
    line-height: 1.8;
    margin-bottom: 25px
}

.pin-detail .info {
    padding: 25px 0;
    border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    margin-bottom: 40px;
    display: flex;
    flex-direction: row
}

.pin-detail .info > div {
    flex: 1;
    padding: 0 20px;
    text-align: center
}

.pin-detail .info h4 {
    font-size: 30px;
    margin-bottom: 10px;
    line-height: 1;
    color: #1c4a79
}

.pin-detail .info h5 {
    font-weight: normal;
    font-size: 15px;
    color: #434343;
    line-height: 1.5;
}

.info-boxes-wrap {
    padding: 50px 0
}

.info-boxes {
    display: flex;
    flex-direction: row;
}

.info-boxes .box {
    flex: 1;
    padding: 35px;
    color: #FFF;
    background: #1c4a79;
    border-right: 1px solid white;
    position: relative;
}

.info-boxes .box:last-child {
    border: 0
}

.info-boxes .box:nth-child(even){
    background: #2c5d8f
}

.info-boxes .box:not(:last-child):after {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    right: -3px;
    bottom: 20px;
    top: 0;
    z-index: 10;
    background: white
}

.info-boxes .box h4 {
    font-size: 18px;
    font-weight: 900;
    margin-bottom: 30px
}

.info-boxes .box .nums {
    font-size: 36px;
    font-weight: 900;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: #bcebff;
    position: relative;
}

.info-boxes .box .nums small {
    font-size: 17px;
    font-weight: 300;
    font-style: italic;
    color: white;
    display: inline-block;
}

.info-boxes .box .nums:after {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 88px;
    max-width: 100%;
    background: #bcebff
}

.info-boxes .box:hover .nums:after {
    animation-duration: 1s;
    animation-name: animateLine;
    animation-timing-function: ease-in-out;
}

.info-boxes .box .description {
    line-height: 1.8
}

.info-boxes-wrap .slick-track, .info-boxes-wrap .slick-list {
    display: flex
}

.info-boxes-wrap .slick-track .slick-slide {
    float: none;
    height: 100%!important
}

.product-spotlight-wrapper {
    background: url(../assets/spotlight-bg.png) no-repeat top center #f3f7fa;
    background-size: 100% auto;
    padding: 50px 0;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.product-spotlight-wrapper .heading {
    display: flex;
    flex-flow: wrap;
    flex-direction: row;
    margin-bottom: 50px;
    line-height: 1;
    justify-content: space-between;
}

.product-spotlight-wrapper .heading .l {
    width: 40%;
    max-width: 400px
}
.product-spotlight-wrapper .description {
    padding-top: 50px;
    font-size: 15px;
    line-height: 1.8;
    text-align: right;
    flex: 1 1 0;
    max-width: 580px
}

.product-spotlight-wrapper .heading h5 {
    font-size: 14px;
    color: #848484;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.product-spotlight-wrapper .heading h3 {
    font-size: 40px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.product-spotlight-wrapper .heading h4 {
    font-size: 30px;
    color: #848484;
    font-weight: 300;
    font-style: italic;
    text-transform: uppercase;
}

.product-spotlight-wrapper .gallery {
    /*max-width: 960px;*/
    margin: 0 auto
}

.product-spotlight-wrapper .gallery .slick-slide {
    text-align: center
}

.product-spotlight-wrapper .gallery .slick-slide img, .product-spotlight-wrapper .gallery .slick-slide video {
    display: inline-block;
    max-width: calc(100% - 40px);
    max-height: 378px;
}

.product-spotlight-wrapper .button-wrap {
    margin: 20px 0 50px;
    text-align: center
}

.slick-slider .slick-arrow {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
    border: 0;
    font-size: 28px;
    cursor: pointer;
    outline: 0;
    color: #1c4a79;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100
}

.slick-slider .slick-arrow.slick-next {
    right: 0
}

.slick-slider .slick-arrow.slick-prev {
    left: 0
}

.product-spotlight-wrapper .tabs-wrapper {
    padding: 0;
    margin-top: 20px
}

.product-spotlight-wrapper .tabs-wrapper .tabs-content > div {
    padding-bottom: 0;
    min-height: 0
}

.latest-news-wrapper {
    padding: 50px 0;
}

.latest-news-wrapper .wrapper {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
}

.latest-news-wrapper .wrapper .story-column {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	min-height: 560px;
}

.latest-news-wrapper .wrapper .post-container {
	padding: 5px;
	width: 100%;
}
.latest-news-wrapper .wrapper .story-column.left .post-container,
.latest-news-wrapper .wrapper .story-column.right .post-container,
.latest-news-wrapper .wrapper .story-column.left .post-container .post,
.latest-news-wrapper .wrapper .story-column.right .post-container .post {
	height: 100%;
}

.latest-news-wrapper .wrapper .story-column.middle .post-container {
	flex: 1;
}

.latest-news-wrapper .wrapper .post {
	width: 100%;
	height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px;
    position: relative;
    color: white;
    cursor: pointer;
	overflow: hidden;
}

.latest-news-wrapper .wrapper .post p {
    line-height: 1.6
}

.latest-news-wrapper .wrapper .post a {
    color: #bcebff;
    margin-top: auto
}

.latest-news-wrapper .wrapper .post a:after {
    color: #fff
}

.latest-news-wrapper .wrapper .post:before {
    content: "";
    display: block;
    background: #1c4a79;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    opacity: 0.5
}

.latest-news-wrapper .wrapper .post .inner {
    z-index: 10;
    position: relative;
    width: 100%;
    left: 0;
    bottom: 0;
    top: 0;
    display: flex;
    flex-direction: column !important;
	height: 100%;
}

.latest-news-wrapper .wrapper .post h4 {
    font-size: 16px;
    line-height: 1.6
}

.latest-news-wrapper .wrapper .post.main-post {
    background-image: url(../assets/ellipse.png)
}

.latest-news-wrapper .wrapper .post.main-post:before {
    opacity: 0.9
}

.latest-news-wrapper .wrapper .post.main-post {
    text-align: center;
}

.latest-news-wrapper .wrapper .post.main-post h4 {
    text-align: center;
    font-size: 20px;
    font-weight: 900;
    padding-bottom: 15px;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}

.latest-news-wrapper .wrapper .post.main-post h4:after {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    background-color: #bcebff;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

.latest-news-wrapper .wrapper .post.main-post a {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px
}

.button-cta-wrapper {
    padding: 80px 0;
    text-align: center;
	max-width: 100%;
	overflow: hidden;
}

.button-cta-wrapper .wrapper > img {
    margin-bottom: 20px
}

.button-cta-wrapper h3 {
    margin-bottom: 10px;
    line-height: 1;
    text-transform: uppercase;
}

.button-cta-wrapper h4 {
    font-size: 26px;
    color: #848484;
    margin-bottom: 40px;
    font-weight: 300;
    font-style: italic;
}

.button-cta-wrapper .description {
    font-size: 18px;
    color: #848484;
    margin-bottom: 40px;
    font-weight: 300;
    font-style: italic;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.button-cta-wrapper.simple .description {
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    max-width: 100%
}

.button-cta-wrapper.simple  .btn-wrap .button {
    width: 100%;
    max-width: 360px
}

.button-cta-wrapper .wrapper .btn-wrap .button-descr {
    margin-top: 10px
}

.button-cta-wrapper.blue {
    background: #1c4a79;
    background-position: right 100px center;
    background-size: auto 100%;
    color: white;
    padding: 0!important
}

.button-cta-wrapper.blue .wrapper {
    display: flex;
    flex-direction: row
}

.button-cta-wrapper.blue h3 {
    color: #FFF;
    text-align: left
}

.button-cta-wrapper.blue h4 {
    margin: 0;
    color: #bcebff !important;
    text-align: left;	
    font-size: 24px  !important;
    font-weight: 200  !important;
}

.button-cta-wrapper.blue .description {
    margin-top: 15px
}

.button-cta-wrapper.blue .wrapper > * {
    flex: 1;
    padding: 50px 0
}

.button-cta-wrapper.blue .wrapper .btn-wrap {
    background: url(../assets/ellipse-bg.png) no-repeat center center;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 60px;
    padding-right: 30px
}

.button-cta-wrapper.blue .wrapper .btn-wrap .button {
    width: 100%;
    max-width: 400px
}

.button-cta-wrapper.blue .wrapper .btn-wrap .button-descr {
    color: #bcebff;
}

.button-cta-wrapper .media-wrap {
    margin-bottom: 20px
}

.button-cta-wrapper .media-wrap > *  {
    width: 100%;
    max-width: 800px
}

.commitment-wrapper {
    padding: 50px 0;
    background-repeat: no-repeat;
    background-position: top center
}

.commitment-wrapper.slider {
    background-size: cover
}

.commitment-wrapper > .wrapper > .content {
    max-width: 50%;
    padding: 50px 0
}

.commitment-wrapper h3, .commitment-wrapper h4 {
    text-transform: uppercase
}

.commitment-wrapper > .wrapper > .content h3 {
    margin-bottom: 20px
}

.commitment-wrapper > .wrapper > .content .description {
    line-height: 1.6
}

.commitment-wrapper .info-boxes-wrap .wrapper {
    padding: 0
}

.commitment-wrapper .icon-info {
    margin: 50px 0 0;
    display: flex;
    flex-direction: row;
}

.commitment-wrapper .icon-info .icon-wrap {
    padding-right: 25px;
    border-right: 1px solid rgba(0,0,0,0.1)
}

.commitment-wrapper .icon-info .icon-cont {
    padding-left: 25px;
}

.commitment-wrapper .icon-info .icon-cont h4 {
    font-size: 22px;
    color: #1c4a79;
    font-weight: 900
}

.commitment-wrapper .button-wrap {
    text-align: center
}

.commitment-wrapper.slider .icon-info {
    justify-content: center
}

.commitment-wrapper.slider .content {
    max-width: 100%;
    padding: 0
}

.commitment-wrapper.slider .h {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    padding: 0 0 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid rgba(0,0,0,0.08)
}

.commitment-wrapper.slider .h img {
    max-width: 232px
}

.commitment-wrapper.slider .h .text {
    padding-left: 100px;
    flex: 1 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.commitment-wrapper.slider .h .text .description {
    color: #1c4a79;
    font-size: 16px;
    line-height: 1.8
}

.commitment-wrapper.slider .tabs-content .tab-content:not(.active){
    display: none
}

.commitment-wrapper.slider .info-boxes .box {
    cursor: pointer
}

.commitment-wrapper.slider .info-boxes .box.active:before {
    content: "";
    display: block;
    border-top: 0;
    border-bottom: 30px solid #1c4a79;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%)
}

.commitment-wrapper.slider .info-boxes .box:nth-child(even).active:before {
    border-bottom-color: #2c5d8f
}

.commitment-wrapper.slider .info-boxes .box:after {
    bottom: 0
}

.commitment-wrapper.slider .info-boxes .box .description {
    display: none
}

.commitment-wrapper.slider .info-boxes .box .nums {
    padding: 0;
    margin: 0;
    font-size: 27px
}

.commitment-wrapper.slider .info-boxes .box .nums small {
    font-size: 13px;
    white-space: nowrap;
}

.commitment-wrapper.slider .info-boxes .box .nums:after {
    display: none
}

.commitment-wrapper.slider .info-boxes .box h4 {
    padding-bottom: 15px;
    margin-bottom: 10px;
    position: relative;
    font-size: 15px
}

.commitment-wrapper.slider .info-boxes .box h4:after {
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 88px;
    max-width: 100%;
    background: #bcebff;
}

.commitment-wrapper.slider .tab-content {
    padding: 30px 0 50px;
    display: flex;
    flex-direction: row
}

.commitment-wrapper.slider .accordion .tab-content:not(.active) {
    display: none
}

.commitment-wrapper.slider .tabs-wrapper {
    padding: 0
}

.commitment-wrapper.slider .tab-content > * {
    flex: 1;
    padding: 0 20px
}

.commitment-wrapper.slider .tab-content .main-cont h4 {
    font-size: 30px;
    color: #1c4a79;
    font-weight: 900;
    text-transform: uppercase;
    padding-bottom: 10px;
    padding-left: 20px;
    margin-bottom: 20px;
    position: relative
}
.commitment-wrapper.slider .tab-content .main-cont h4 div {
    z-index: 2;
    position: relative
}

.commitment-wrapper.slider .tab-content .main-cont h4:before {
    content: attr(data-num);
    display: block;
    font-size: 95px;
    color: #d6e2e9;
    position: absolute;
    top: -30px;
    left: 0;
    line-height: 1;
    z-index: 1;
    font-style: italic;
}

.commitment-wrapper.slider .tab-content .main-cont .description {
    color: #797979;
    font-size: 15px
}

.commitment-wrapper.slider .tab-content .images {
    display: flex;
    flex-flow: wrap;
    flex-direction: row;
}
.commitment-wrapper.slider .tab-content .images div.img-wrap {
    width: 50%;
    text-align: center;
    padding: 30px;
    border: 1px solid rgba(0,0,0,0.08);
    border-bottom: 0;
    border-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.commitment-wrapper.slider .tab-content .images div img {
    max-width: 100%
}

.commitment-wrapper.slider .tab-content .images div:nth-child(-n+2) {
    border-top: 0
}

.commitment-wrapper.slider .tab-content .images div:nth-child(even) {
    border-right: 0
}


.commitment-wrapper.slider .info-boxes .box .inner:before {
    content: attr(data-num);
    display: block;
    font-size: 95px;
    color: #d6e2e9;
    position: absolute;
    right: 5px;
    bottom: -12px;
    line-height: 1;
    font-style: italic;
    z-index: 0;
    font-weight: 900;
    opacity: 0.1
}

.commitment-wrapper.slider .info-boxes-wrap {
    padding-bottom: 0
}


.featured-success-story-wrapper {
    padding: 50px 0;
    background: #F3F7FA;
}

.featured-success-story-wrapper .btn-wrap {
    text-align: center;
    margin-top: 50px
}

.featured-success-story-wrapper.inverted {
    background: #FFF
}

.succ-story.inverted .succ-info .inner {
    background: url(../assets/swoosh.png) no-repeat right center #1e4777;
    background-size: auto 100%;
    color: #FFF;
    box-shadow: none;

}

.succ-story.inverted .succ-info h3 {
    color: #FFF;
}

.succ-story.inverted .succ-info h4 {
    color: #bcebff
}
.succ-story.inverted .succ-info a {
    color: #bcebff
}
.succ-story.inverted .succ-info a:after {
    color: #FFF
}

.succ-story {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
}

.succ-story .image-wrapper {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    max-height: 450px
}

.succ-story .image-wrapper:after {
    content: "";
    display: block;
    padding-top: 100%;
}
.succ-story .image-wrapper, .succ-story .succ-info {
    flex: 1
}

.succ-story .succ-info {
    padding: 30px 10px 30px 0;
    overflow: hidden;
}

.succ-story .succ-info .inner {
    padding: 50px 30px;
    background: #FFF;
    -webkit-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.1);
}

.succ-story .succ-info h4 {
    padding-bottom: 10px;
    text-transform: uppercase;
}

.succ-story .succ-info h3 {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 30px;
}

.succ-story .succ-info .foot {
    margin-top: 80px
}

.informal-section-wrapper {
    background-color: #013e72;
    color: #FFF;
    padding: 70px 0;
}

.informal-section-wrapper.show-background {
    background-image: url(../assets/info-bg.png);
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
}

.informal-section-wrapper.show-background.light {
    background-image: url(../assets/info-bg2.png);
    background-position: bottom center;
}

.informal-section-wrapper section, .informal-section-wrapper .wrapper .wrapper {
    padding: 0
}

.informal-section-wrapper h3 {
    color: white;
    text-align: center;
    margin-bottom: 50px;
    font-size: 22px;
    font-weight: 600

}

.informal-section-wrapper a {
    color: #bcebff
}

.informal-section-wrapper a:hover {
    color: white
}

.informal-section-wrapper a:after {
    color: #bcebff
}

.informal-section-wrapper.light {
    background-color: #FFF
}

.informal-section-wrapper.light h3 {
    color: #1c4a79;
    font-weight: 800;
    font-size: 28px;
    margin-bottom: 15px
}

.informal-section-wrapper.light > .wrapper > .description {
    color: #434343;
    max-width: 700px;
    margin: 0 auto 80px;
    text-align: center
}

.informal-section-wrapper.light .icon-infos h4 {
    color: #434343
}

.informal-section-wrapper.light .icon-infos h5 {
    color: #848484
}

.informal-section-wrapper.light .icon-infos a {
    color: #1c4a79;
    text-decoration: none;
}

.icon-infos {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.icon-infos .icon-info {
    padding: 20px 40px;
    text-align: center;
    border-right: 0.5px solid rgba(229, 236, 241, 0.3);
    max-width: 350px
}

.icon-infos .icon-info:last-child {
    border-right: 0
}

.icon-infos .icon-info .h img {
    margin-bottom: 10px;
    max-width: 50px;
    max-height: 50px
}

.icon-infos .icon-info h4 {
    font-weight: 900;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 3px;
    text-transform: uppercase;
}

.informal-section-wrapper .icon-infos .icon-info h4 {
	color: #fff !important;
}

.icon-infos .icon-info h5 {
    font-weight: 500;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.success-stories-wrapper {
    padding: 50px 0
}

.success-stories-wrapper .heading-wrapper h3 {
    line-height: 1;
    text-transform: uppercase;
}

.success-stories-wrapper .heading-wrapper h4 {
    font-size: 26px;
    color: #848484;
    font-weight: 300;
    font-style: italic;
    line-height: 1;
    text-transform: uppercase;
}

.success-stories-slider {
    position: relative;
}

.success-stories-slider .slider {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    justify-content: space-between;
    position: relative;
}

.success-stories-slider .slide {
    width: calc(25% - 8px);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 40px 20px;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: left;
    position: relative;
    text-decoration: none;
}

.success-stories-slider .slide h3 {
    color: white;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 15px
}

.success-stories-slider .slide .descr {
    margin-bottom: 15px
}

.success-stories-slider .slide .succ-info {
    z-index: 10
}

.success-stories-slider .slide.active {
    width: 50%;
    text-align: center;
    padding-top: 300px
}

.success-stories-slider .slide.active + .slide {
    text-align: right
}

.success-stories-slider .slide:not(.active) .inner > :not(h3), .success-stories-slider.slicked .slide:not(.slick-active) .inner > :not(h3) {
    /* display: none */
}

.success-stories-slider .slide:not(.active) h3, .success-stories-slider.slicked .slide:not(.slick-active) h3 {
    margin: 0;
    font-size: 16px
}

.success-stories-slider .slide:not(.active):after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #013e72;
    z-index: 1;
    opacity: 0.7
}

.success-stories-slider .slide:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
    z-index: 2;
    opacity: 0.7;
}

.success-stories-slider .slide.active:before {
    top: 25%
}

.success-stories-slider .slide .arrow-link {
    color: #bcebff;
    font-weight: 900;
    font-size: 15px;
}

.success-stories-slider .slide .arrow-link:after {
    color: white;
}

.success-stories-slider .slick-slider .slick-track {
	overflow: visible !important;
}

.success-stories-slider .nav {
    position: absolute;
    top: 20px;
    z-index: 10;
    color: white;
    font-size: 18px;
    font-weight: 800;
    left: 20px;
    line-height: 1.2;
    text-decoration: none;
}

.success-stories-slider .nav small{
    display: block;
    font-weight: 300;
    font-style: italic;
    color: #bcebff
}

.success-stories-slider .nav.next {
    left: auto;
    right: 20px;
    text-align: right
}

.success-stories-slider.slicked .nav {
    display: none
}

.success-stories-slider .slick-slide {
    height: 100%;
    min-height: 400px;
    padding-top: 120px!important;
    margin: 0 10px;
    box-sizing: border-box;
}

.success-stories-slider .slick-slider .succ-info {
    text-align: center
}

.success-stories-slider .slick-slider .slide:not(.slick-active):after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #013e72;
    z-index: 1;
    opacity: 0.7
}

.success-stories-slider .slick-slider .slide.slick-active:after {
    display: none
}

.success-stories-slider .slick-slider {
    margin: -20px
}

.success-stories-slider.slicked .slide.slick-active .inner > * {
    display: block
}


.subscription-form-wrapper {
    padding: 100px 0;
    background: #F3F7FA;
    text-align: center
}

.subscription-form-wrapper .description {
    margin-bottom: 30px
}

.subscription-form-wrapper h3 {
    margin-bottom: 30px;
    line-height: 1
}

form .button {
    font-weight: 900!important
}

form label {
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 500
}

label.checkbox {
    margin: 0
}

form table tr:last-child td {
    padding-bottom: 0
}

form table {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    text-align: left
}

form table tr td {
    width: 50%;
    padding: 15px 20px
}



form table label {
    display: block
}

form table tr td input:not(button):not([type="checkbox"]):not([type="radio"]), form table tr td .select {
    width: 100%;
    max-width: 100%;
}

form table tr td textarea {
    max-width: 100%
}

.image-content-split-wrapper {
    padding: 10px 0px;
}

.image-content-split-wrapper .images {
    display: flex;
    margin-bottom: 40px
}

.image-content-split-wrapper .images > div {
    min-width: 50%;
    max-width: 100%;
    width: 100%;
    height: 400px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.image-content-split-wrapper .images > div:first-child {
    border-right: 1px solid white
}

.image-content-split-wrapper h3 {
    margin-bottom: 15px;
    text-transform: uppercase;
}

.image-content-split-wrapper .contents {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap
}

.image-content-split-wrapper .contents > div {
    width: calc(50% - 30px)
}

.image-content-split-wrapper .certification {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 30px
}

.image-content-split-wrapper .certification div {
    flex-grow: 1;
    padding-left: 15px;
}

.image-content-split-wrapper.no-contents .wrapper > h3 {
    width: 50%;
    float: left
}

.image-content-split-wrapper.no-contents .left {
    display: none
}

.image-content-split-wrapper.no-contents .right {
    width: 100%
}

.image-content-split-wrapper.no-contents .certification {
    margin-top: 0
}

.image-content-split-wrapper.no-contents:after {
    content: "";
    display: block;
    clear: both;
}

.spec-table {
    border-collapse: collapse;
    width: 100%;
    max-width: 960px;
    margin: 0 auto
}

.spec-table tr td {
    padding: 10px 20px;
    border-bottom: 1px solid rgba(0,0,0,0.08)
}

/*.spec-table tr td:nth-child(3){
    font-size: 12px;
    text-align: right
}*/

.posts-wrapper {
    padding: 100px 0;
}

.posts a {
    cursor: pointer;
    text-decoration: none;
}

.posts {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    justify-content: space-between;
}

.posts .post {
    width: calc(50% - 2.5px);
    margin-bottom: 5px;
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #1c4a79;
    padding: 30px;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
}

.posts .post h3 {
    color: white;
    font-size: 16px;
    font-weight: 800;
    width: 80%;
    margin-bottom: 0
}

.posts .post .excerpt {
    color: #d8d8d8;
    height: 0;
    min-height: 0;
    padding: 0;
    overflow: hidden;
    transition: min-height 0.1s ease-in;
}

.posts .post:hover .excerpt {
    padding-bottom: 20px;
    display: block;
    min-height: 80px;
    height: auto;
}

.posts .post:hover .arrow-link, .posts .post:hover .excerpt {
    display: block;
}

.posts .post > * {
    z-index: 5
}

.posts .post .post-date {
    position: absolute;
    right: 30px;
    bottom: 30px;
    z-index: 10;
    font-size: 12px;
    font-style: italic;
    font-weight: bold
}

.posts .post .arrow-link {
    color: #bcebff;
    display: none;
}

.posts .post .arrow-link:after {
    color: #FFF
}
.posts .post:after {
    content: "";
    display: block;
    position: absolute;
    top: 25%;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
    z-index: 1;
    opacity: 0.7;
}

.posts .post:hover:after {
    top: 0;
    background: #1c4a79;
    animation-duration: 0.2s;
    animation-name: softFadeIn;
}

.posts .post:hover h3 {
    margin-bottom: 15px
}

.pagination {
    text-align: center;
    margin: 100px 0 0;
    width: 100%
}

.pagination > * {
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 15px;
    margin: 0 5px;
    line-height: 1;
    border-radius: 4px
}

.pagination > .current {
    background: #1c4a79;
    color: white
}

.pagination > :not(.current):hover {
    background: rgba(0,0,0,0.3);
    color: white
}

.page-heading {
    padding: 50px 0
}

.page-heading h3 {
    line-height: 1;
    text-transform: uppercase;
    font-size: 40px;
    margin-bottom: 30px
}

.page-heading h4 {
    color: #848484;
    margin-bottom: 10px;
    line-height: 1;
}

.page-heading .heading-description {
    font-size: 14px;
    color: #848484;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
}

.page-heading .heading-description .right {
    margin-left: auto
}

.single-post .featured-image {
    margin-bottom: 40px;
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

.single-post .featured-image img {
    max-width: 100%;
    display: none
}

.post-content {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    justify-content: space-between;
    padding-bottom: 100px
}

.post-content > main {
    width: calc(60% - 100px);
}

.post-content > aside {
    width: calc(40% + 20px);
}

.aside-widget {
    margin-bottom: 50px;
}
.aside-widget:after {
    content: "";
    display: block;
    clear: both
}

.aside-widget h4 {
    text-transform: uppercase;
    color: #1c4a79;
    font-weight: 900;
    padding: 0 15px 20px;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    font-size: 20px;
    margin-bottom: 25px;
    line-height: 1
}

.aside-widget ul {
    list-style-type: none;
    padding: 0 20px
}

.aside-widget h5 {
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height: 1.2;
    font-weight: bold
}

.aside-widget h5 a {
    text-decoration: none;
}

.aside-widget .arrow-link {
    font-size: 12px
}

.aside-widget .excerpt {
    margin-bottom: 10px
}

.aside-widget li.has-image .img-wrap img {
    display: none;
}

.aside-widget li.has-image .img-wrap {
    display: inline-block;
    position: relative;
    float: left;
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 10px
}

.aside-widget li.has-image .info-wrap {
    margin-left: 120px
}

.aside-widget li img {
    float: left;
    margin-bottom: 20px;
    max-width: 100px;
    height: auto
}

.contact-form-wrapper {
    padding: 80px 0 80px!important;
    background: #F3F7FA
}

.row-group {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    justify-content: space-between;
}

.row-group main {
    width: calc(60% - 40px);
}

.row-group aside {
    width: calc(40% - 40px);
}

.contact-form-wrapper table {
    max-width: 100%;
    margin-top: 50px
}

.contact-form-wrapper table tr td:first-child {
padding-left: 0
}

.contact-form-wrapper table tr td:last-child {
    padding-right: 0
}

.contact-form-wrapper h3 {
    line-height: 1;
    margin-bottom: 30px
}

.contact-form-wrapper h4 {
    color: #013e72;
    font-size: 22px;
    font-weight: 800
}

.contact-form-wrapper ul.phone-list {
    list-style-type: none
}

.contact-form-wrapper ul.phone-list li {
    line-height: 1.8;
    font-size: 15px;
    padding: 30px 10px;
    border-bottom: 1px solid rgba(0,0,0,0.08)
}

.contact-form-wrapper ul.phone-list li:last-child {
    border-bottom: 0
}

.contact-form-wrapper ul.phone-list li i {
    color: #013e72;
    margin-right: 10px
}

.contact-form-wrapper aside .inner {
    border-left: 1px solid rgba(0,0,0,0.08);
    padding-left: 32px
}

.world-class-wrapper {
    padding: 50px 0 50px!important;
    background: url(../assets/world-class-bg.png) no-repeat left center #2c5c8d;
    background-size: cover;
    color: #FFF
}

.world-class-wrapper > .wrapper {
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    justify-content: space-between;
}

.world-class-wrapper .info, .world-class-wrapper .graphic {
    width: 50%
}

.world-class-wrapper .icon-infos-wrapper {
    width: 100%;
    border-top: 0.5px solid rgba(229, 236, 241, 0.5);
}

.world-class-wrapper .icon-infos-wrapper .icon-info {
    border-color: rgba(229, 236, 241, 0.5);
    text-align: left;
    padding: 30px 40px
}

.world-class-wrapper .icon-infos-wrapper .icon-info:first-child {
    padding-left: 0
}
.world-class-wrapper .icon-infos-wrapper .icon-info:last-child {
    padding-right: 0
}

.world-class-wrapper .icon-infos-wrapper .icon-info .description {
    color: #e9e9e9;
    font-size: 13px
}

.world-class-wrapper .icon-infos-wrapper .icon-info .description a {
    color: #e9e9e9;
    font-weight: bold;
    text-decoration: none;
}

.world-class-wrapper .icon-infos-wrapper .icon-info .description a:hover {
    text-decoration: underline;
}

.world-class-wrapper .icon-infos-wrapper .icon-info .h {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 5px
}

.world-class-wrapper .icon-infos-wrapper .icon-info .h img {
    max-width: 50px;
    max-height: 50px;
    margin-right: 20px;
}


.world-class-wrapper .graphic {
    padding: 20px;
    display: flex;
    flex-flow: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.world-class-wrapper .graphic img {
    max-width: 100%
}

.world-class-wrapper .info {
    padding-bottom: 10px;
    position: relative
}

.world-class-wrapper .info h3 {
    color: #FFF;
    line-height: 1
}

.world-class-wrapper .info h4 {
    font-style: italic;
    font-size: 22px;
    font-weight: 400;
    color: #bcebff;
    margin-bottom: 30px
}

.world-class-wrapper .info .description {
    margin-bottom: 35px;
    line-height: 1.7;
    font-size: 16px
}

.world-class-wrapper h5.solutions-title {
    font-size: 16px;
    font-weight: 800;
    font-style: italic;
    margin-bottom: 50px;
}

ul.bullets {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    flex-flow: wrap;
    max-width: 450px;
    margin-bottom: 50px
}

ul.bullets li {
    width: 50%;
    padding: 5px 0
}

ul.bullets li i {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    float: left;
    margin-right: 10px;

}


.careers-section-wrapper {
    padding: 100px 0 250px;
    min-height: 800px;
    background: url(../assets/careers-people.png), url(../assets/careers-swoosh.png), #1c4a79; /* Old browsers */
    background: url(../assets/careers-people.png), url(../assets/careers-swoosh.png), -moz-radial-gradient(center, ellipse cover,  #3f76ae 0%, #1c4a79 100%);
    background: url(../assets/careers-people.png), url(../assets/careers-swoosh.png), -webkit-radial-gradient(center, ellipse cover,  #3f76ae 0%,#1c4a79 100%);
    background: url(../assets/careers-people.png), url(../assets/careers-swoosh.png), radial-gradient(ellipse at center,  #3f76ae 0%,#1c4a79 100%);
    background-repeat: no-repeat;
    background-size: 100% auto, auto 100%, auto;
    background-position: bottom -2px center, left center, center center;
}

.careers-section-wrapper .heading {
    display: flex;
    flex-direction: row;
    flex-flow: wrap
}

.careers-section-wrapper .heading .left {
    width:30%
}

.careers-section-wrapper .heading .right {
    flex: 1 1 0;
    text-align: right;
    color: #FFF
}

.careers-section-wrapper .heading h3 {
    color: #FFF;
    line-height: 1.3;
    font-size: 28px;
}

.careers-section-wrapper .heading h4 {
    font-style: italic;
    font-size: 22px;
    color: #bcebff;
    font-weight: normal;
    line-height: 1;
}

.careers-section-wrapper .buttons {
    margin-left: auto;
    text-align: right;
    padding-top: 150px
}

.careers-section-wrapper .buttons .button {
    min-width: 358px;
    margin-bottom: 40px;
    text-align: center
}

.upcoming-events-wrapper {
    padding: 80px 0;
    background: #F3F7FA
}

.upcoming-events-wrapper .event .inner {
    background: #FFF;
    border: 1px solid rgba(0,0,0,0.08);
    padding: 30px;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
    position: relative;
    height: 100%
}
.upcoming-events-wrapper .event.has-blue-box .inner {
    padding-top: 56px;
}

.upcoming-events-wrapper .event .inner .l {
    width: calc(100% - 250px);
}

.upcoming-events-wrapper .event .inner .r {
    width: 200px;
    text-align: right
}

.upcoming-events-wrapper .event .inner .r img {
	width: auto;
	height: auto;
    max-width: 100%;
	max-height: 104px;
}

.upcoming-events-wrapper .event h4 {
    color: #1c4a79;
    font-size: 18px;
    font-weight: 800
}

.upcoming-events-wrapper .event .date {
    color: #a5a5a5;
    margin-bottom: 10px
}

.upcoming-events-wrapper .event a {
    color: #1c4a79;
    font-weight: bold;
    text-decoration: none;
}

.upcoming-events-wrapper .event a:hover {
    text-decoration: underline;
}

.upcoming-events-wrapper .foot {
    padding: 20px 0 0;
    text-align: center
}

.upcoming-events-wrapper .intro {
    background: #1c4a79;
    color: white;
    padding: 30px;
    width: 365px
}

.upcoming-events-wrapper .intro h3 {
    color: white;
    font-size: 23px;
    line-height: 1;
    margin-bottom: 20px
}

.upcoming-events-wrapper .intro h4 {
    font-style: italic;
    font-weight: normal;
    font-size: 20px;
    color: #bcebff
}

.upcoming-events-wrapper .top-section {
    display: flex;
    flex-direction: row;
    margin-bottom: 40px;
    flex-flow: wrap;
    justify-content: space-between;
}

.upcoming-events-wrapper .top-section .event .inner {
    margin: 0;
    height: 100%
}

.upcoming-events-wrapper .top-section .event {
    width: calc(100% - 400px)
}

.upcoming-events-wrapper .event.next-event .inner {
    padding-top: 50px;
}

.upcoming-events-wrapper .event.next-event .inner:before {
    content: "NEXT EVENT";
    display: block;
    padding: 5px 20px;
    font-size: 13px;
    color: white;
    font-style: italic;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background:  #1c4a79;
    font-weight: bold
}

.event .inner .blue-box {
    display: block;
    padding: 5px 20px;
    font-size: 13px;
    color: white;
    font-style: italic;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background:  #1c4a79;
    font-weight: bold
}

.upcoming-events-wrapper .slick-slide.event {
    margin: 0 15px;
}

.upcoming-events-wrapper .slick-list {
    margin: 0 -15px;
}

.upcoming-events-wrapper .slick-slide.event .inner {
    margin: 0;
    height: 100%
}

.upcoming-events-wrapper .slick-arrow {
    padding: 5px;
    background: 0;
    box-shadow: none;
    width: 50px;
    height: 50px;
    line-height: 40px;
    color: #9b9b9b
}
.upcoming-events-wrapper .slick-arrow.slick-next {
    right: -50px
}

.upcoming-events-wrapper .slick-arrow.slick-prev {
    left: -50px
}

body:not(.is_ie) .upcoming-events-wrapper .slick-list, body:not(.is_ie) .upcoming-events-wrapper .slick-track {
    display: flex
}

.error404 #main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.error404 #main .four-o-four {
    font-size: 100px;
    color: rgba(0,0,0,0.1);
    font-weight: 900;
    text-align: center;
    line-height: 1;
}

.error404 #main .four-o-four small {
    font-size: 50px;
    font-weight: 600;
    font-style: italic;
}

.archive-item {
    display: flex;
    flex-flow: wrap;
    padding: 20px;
    border-top: 1px solid #F2F2F2;
    border-bottom: 1px solid #F2F2F2;
}

.archive-item:nth-child(even) {
    background: rgba(0,0,0,0.05);
}

.archive-item .image {
    width: 100px;
    padding-right: 20px;
}

.archive-item .image img {
    width: 100%;
}

.archive-item .details {
    flex: 1
}

.people-wrapper {
    padding: 80px 0;
    text-align: center;
    background: #F3F7FA
}

.people-wrapper h3 {
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 10px
}

.people-wrapper .description {
    margin-bottom: 80px;
    line-height: 1.7
}

.people {
    display: flex;
    flex-direction: row;
	align-items: stretch;
    justify-content: space-between;
    flex-flow: wrap;
}

.people .person {
    width: calc(50% - 20px);
    margin-bottom: 40px;
    background: #FFF;
    border: 1px solid rgba(0,0,0,0.08);
}

.people .person .img {
    height: 380px;
    background-color: rgba(0,0,0,0.1);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center
}

.people .person .cont {
    padding: 30px;
    flex: 1 1;
    /* display: flex;
    flex-direction: column; */
	display: block;
}

.people .person h4 {
    color: #1c4a79;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 800
}

.people .person h5 {
    font-size: 16px;
    color: #848484;
    font-style: italic;
    font-weight: normal;
}

.people .person .h {
    padding: 20px;
    margin-bottom: 25px;
    position: relative;
}

.people .person .h:after {
    content: "";
    display: block;
    height: 5px;
    width: 135px;
    max-width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    background: #1c4a79;
    border-radius: 5px
}

.people .person .bio {
    flex: 1;
    margin-bottom: 20px;
    line-height: 1.8
}

.people .person .contact {
    margin-top: auto;
    padding: 20px 0 0;
    border-top: 1px solid rgba(0,0,0,0.08);
}

.people .person .contact a {
    font-size: 20px;
    margin: 0 20px;
    color: #acacac
}

.people .person .contact a:hover {
    color: #1c4a79;
}

.savings-calculator-wrapper {
    padding: 50px 0
}

.savings-calculator-wrapper .wrapper {
    max-width: 1200px
}

.savings-calculator-wrapper .h {
    display: flex;
    flex-direction: row;
    margin-bottom: 50px
}
.savings-calculator-wrapper .h .toggle {
    margin-left: auto
}

.savings-calculator-wrapper .h h3 {
    text-transform: uppercase;
}

.savings-calculator-wrapper table {
    max-width: 100%
}

.savings-calculator-wrapper table tr td:first-child {
    padding-left: 0
}

.savings-calculator-wrapper table tr td:last-child {
    padding-right: 0
}

.savings-calculator-wrapper form input {
    background: #f3f7fa!important
}


.info-tooltip {
    display: inline-block;
    background: #f3f7fa;
    border: 1px solid rgba(0,0,0,0.08);
    border-radius: 100%;
    font-size: 12px;
    font-weight: 300;
    min-width: 20px;
    text-align: center;
    margin-left: 10px
}

.tooltip {
    font-family: inherit;
}

.tooltip .tooltip-inner {
    background: #1c4a79;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #1c4a79;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #1c4a79;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #1c4a79;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #1c4a79;
}

.filter-success-stories-wrapper {
    padding: 40px 0;
    background: #f3f7fa
}

.filter-success-stories-wrapper h3 {
    color: #434343;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.inputs-row {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
}

.inputs-row > * {
    flex: 1;
    padding: 0 15px
}

.search-inputs {
    display: flex
}

.search-inputs .button, .search-inputs .button:hover{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.search-results .archive-item h4 {
    font-size: 18px;
    margin-bottom: 10px
}
.search-results .archive-item h4 small {
    display: block
}
.search .page-heading .heading-description {
    font-size: 18px
}
.search-none .msg {
    margin-bottom: 50px
}

.message {
    margin: 20px 0;
    padding: 20px;
}

.message ul {
    padding-left: 20px
}

.message.error {
    background: #fdd5d5;
    color: red;
}

.message.success {
    background: #cfeac2;
    color: green;
    font-size: 18px;
    font-weight: bold
}


/* Module Image-Text-Split */
.image-text-split {
	display: flex;
	flex-direction: row;
	width: 100%;
	align-items: center;
}
.image-text-split .image-wrapper {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	width: 100%;
	max-height: 450px
}
.image-text-split.image-right .image-wrapper {
	order: 1;
}
.image-text-split .image-wrapper:after {
	content: "";
	display: block;
	padding-top: 100%;
}
.image-text-split .image-wrapper,
.image-text-split .text-info {
	flex: 1
}
.image-text-split .text-info {
	padding: 30px 10px 30px 0;
	overflow: hidden;
}
.image-text-split.image-right .text-info {
	padding-left: 10px;
	padding-right: 0;
	overflow: hidden;
}
.image-text-split .text-info .inner {
	padding: 50px 30px;
	background: #FFF;
	-webkit-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.1);
}
.image-text-split .text-info h4 {
	padding-bottom: 10px;
	text-transform: uppercase;
}
.image-text-split .text-info h3 {
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 30px;
}
.image-text-split .text-info .foot {
	margin-top: 80px
}
.image-text-split .text-info .inner {
	background: url(../assets/swoosh.png) no-repeat right center #1e4777;
	background-size: auto 100%;
	color: #FFF;
	box-shadow: none;
}
.image-text-split .text-info h3 {
	color: #FFF;
}
.image-text-split .text-info h4 {
	color: #bcebff
}
.image-text-split .text-info a {
	color: #bcebff
}
.image-text-split .text-info a:after {
	color: #FFF
}



/* FOOTER */

footer {
    background: #092037;
    color: #e3e3e3;
    padding: 80px 0 0;
    line-height: 40px
}

footer .wrapper {
    display: flex;
    flex-direction: row
}

footer .wrapper .left, footer .wrapper .right {
    flex: 1;
    padding: 10px
}

footer .wrapper .middle {
    flex: 2;
}

footer nav > ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-flow: wrap;
    align-items: flex-start;
}
footer nav li {
    display: inline-block;
    width: calc(50% - 10px);
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1
}

footer nav li ul {
    display: none
}

footer nav li a {
    color: #e3e3e3;
    text-decoration: none;
    text-transform: uppercase;
}

footer nav li a:hover {
    color: #bcebff
}

.icon-lead > * {
    padding-left: 25px;
    position: relative;
}

footer h4 {
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 10px
}

footer .right h4 i {
    line-height: 1;
    top: -3px
}

footer .right p {
    line-height: 2;
    margin-bottom: 5px
}

footer a {
    color: #e3e3e3
}

footer a:hover {
    color: #bcebff
}

.icon-lead i {
    position: absolute;
    left: 0;
    line-height: 40px;
    font-weight: 900;
    font-size: 1.2em;
    color: #bcebff
}

footer .wrapper .left {
    text-align: center;
}

footer .logo {
    margin-bottom: 50px;
    display: inline-block
}

footer .social a {
    color: #bcebff;
    text-decoration: none;
    font-size: 22px;
    margin: 10px 20px
}

footer .copyright {
    margin-top: 50px;
    padding: 20px 0;
    background: #071A2D
}
footer .copyright .wrapper {
    flex-flow: wrap
}
footer .copyright .wrapper .left {
    display: block;
    text-align: left;
    flex: 1 0 auto;
}

footer .copyright .left span {
    display: inline-block;
    padding: 0 5px;
    line-height: 1.2
}

footer .copyright .right {
    text-align: right;
    white-space: nowrap;
}

body.search .pagination {
    margin-bottom: 80px;
}

.product-group {
	margin: 48px 0;
}

.product-group h3 {
    font-size: 34px;
	line-height: 1.3;
    color: #1c4a79;
    font-weight: 900;
    margin-bottom: 20px
}

.product-repeater {
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.product-repeater .img img {
	max-width: 150px;
}

.product-repeater .prod-box {
	width: 25%;
	box-sizing: border-box;
	display: flex;
    justify-content: flex-start;
    align-items: center;
	cursor: pointer;
	border-radius: 8px;
	padding: 12px;
	transition: all .2s;
}

.product-repeater .prod-box:hover {
	background: #f3f7fa;
}

.product-group .prod-link {
	text-transform: uppercase;
}

.product-repeater .prod-box .img {
	width: 100%;
}

.product-repeater .prod-box .prod-content {
	margin-left: 24px;
}

.product-repeater .prod-box .prod-content .title {
	color: #013e72;
	font-weight: bold;
	font-size: 18px;
}

.product-repeater .prod-box .prod-content .link {
	color: #013e72;
	font-weight: bold;
}

.product-repeater .prod-box .prod-content .link:after {
	content: "\f105";
    font-family: "Font Awesome 5 Free";
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color: inherit;
    margin-left: 8px;
    font-size: 14px;
    font-weight: 900;
}

body.error404 #main > * {
    width: 100%!important;
}

.image-content-split-wrapper + .button-cta-wrapper {
    margin-top: 40px;
}


/* Timeline */
section.timeline {
	padding: 72px 0;
}
.timeline .events {
	position: relative;
}
.timeline .events:not(:first-child) {
	margin: 48px 0;
}
.timeline .events::before {
	content: " ";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 6px;
	height: 100%;
	background: #013e72;
	z-index: 2;
}
.timeline .events::after {
	content: " ";
	display: table;
	width: 100%;
	clear: both;
}
.timeline .events .event {
	display: block;
	max-width: 50%;
	padding: 16px 48px;
	border-top: 1px solid #ccc;
	width: 100%;
	position: relative;
	z-index: 1;
}
.timeline .events .event:nth-child(1),
.timeline .events .event:nth-child(2) {
	border-top: none;
	padding-top: 0;
}
.timeline .events .event:nth-child(even) {
	float: right;
	text-align: left;
	margin-right: auto;
	top: 24px;
}
.timeline .events .event:nth-child(odd) {
	float: left;
	text-align: right;
	margin-left: auto;
}
.timeline .events .year {
	font-weight: 700;
	color: #013e72;
}


/* Media Queries */
@media all and (max-width: 1200px) {
	.product-repeater {
		flex-wrap: wrap;
	}
	.product-repeater .prod-box {
		width: 50%;
		margin: 24px 0;
		justify-content: flex-start;
		padding: 8px;
	}
}

@media all and (max-width: 720px) {

	.product-repeater .prod-box {
		width: 50%;
		margin: 24px 0;
		justify-content: flex-start;
		flex-wrap: wrap;
		text-align: center;
	}
	.product-repeater .img img {
		max-width: 80%;
	}
	.product-repeater .prod-box .prod-content {
		margin-left: 0px;
		text-align: left;
	}
}

@media all and (max-width: 1300px) {

    body.menu-open {
        overflow: hidden;
    }

    body.menu-open header #main-nav {
        display: block;
        left: 0;
        z-index: 100;
    }

    header #main-nav {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        width: 100%;
        left: -110%;
        background: #1c4a79;
        padding: 120px 20px;
        max-height: 100%;
        overflow: auto;
        transition: left 0.3s ease-in-out;
    }

    header #main-nav #menu-main-menu li {
        display: block;
        text-align: left;
        margin-right: 0;
    }

    header #main-nav #menu-main-menu li a {
        display: block;
        border-bottom: 1px solid rgba(188,235,255, 0.1);
        padding: 10px 10px
    }

    header #main-nav #menu-main-menu > li.menu-item-has-children .sub-menu {
        display: block;
        background: 0;
        position: relative;
        margin: 0 10px;
        color:#FFF;
        height: auto;
        max-height: none;
    }

    header #main-nav #menu-main-menu > li.menu-item-has-children .sub-menu li a {
        border-bottom: 1px solid rgba(188,235,255, 0.1);
        color: #FFF; font-weight: normal
    }

	header #main-nav #menu-main-menu > li.menu-item-has-children > a:after, header #icon-nav li.has-children > a:after {
		display: none;
	}

    header #main-nav .close-nav {
        display: block;
        cursor: pointer;
        position: absolute;
        top: 58px;
        right: 35px;
        font-size: 20px;
        width: 15px;
        height: 15px;
        background: url(../assets/close.svg) no-repeat center center;
        background-size: 100%;
    }

    header #main-nav .close-nav i {
        display: none;
    }

    header #main-nav .mobile-logo {
        display: block;
        cursor: pointer;
        position: absolute;
        top: 60px;
        left: 20px;
        width: 150px;
        height: 50px;
    }
    header #main-nav .mobile-logo img {
        max-width: 100%;
    }
    header #main-nav .close-nav:focus {
        color: #bcebff;
    }

    header #icon-nav .sandwich {
        display: inline-block
    }

    .filter-success-stories-wrapper .inputs-row .button {
        padding-left: 30px;
        padding-right: 30px;
    }

    header .mobile {
        display: block!important;
    }
}

@media all and (max-width: 960px) {

    html body #main > section:not(.triple) {
        padding: 35px 0
    }

    .tabs-wrapper {
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .industries-wrapper .industries {
        margin-left: -20px;
        margin-right: -20px;
    }
    .industries-wrapper .industries .industry {
        width: 50%;
        border-bottom: 1px solid rgba(188, 235, 255, 0.5);
        border-right: 1px solid rgba(188, 235, 255, 0.5);
        padding: 30px 25px
     }

    .industries-wrapper .industries .industry:last-child {
        width: 100%;
        border-right: 0
    }

    .industries-wrapper .industries .industry:nth-child(2), .industries-wrapper .industries .industry:nth-child(5){
        border-right: 0
    }

    .industries-wrapper .industries .industry.graphic {
        width: 100%;
        order: 8;
        height: 150px;
        border-bottom: 0;
        border-right: 0
    }

    .industries-wrapper .industries .industry.graphic img {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        max-height: 150%;
        max-width: 80%
    }

    .hero h1 {
        font-size: 43px;
        padding-bottom: 12px;
        margin-bottom: 43px
    }

    h2 {
        font-size: 26px
    }

    h3 {
        font-size: 28px
    }

    .hero .description {
        font-size: 20px
    }

    .hero h2 {
        font-size: 26px
    }

    .tabs .tab-content h3 {
        font-size: 17px
    }
    .tabs .tab-content h3 + h2 {
        margin-top: 28px
    }
    .tabs .tab-content {
        background-size: 25% auto
    }
    .tabs .tab-content.has-background .content {
        max-width: 80%;
    }

    .heading-wrapper .description {
        margin-top: 20px
    }

    .heading-wrapper {
        padding: 35px 0
    }

    .map-wrapper .wrapper {
        flex-direction: column
    }

    .map-wrapper .wrapper .details, .map-wrapper .wrapper .map {
        width: 100%;
		height: auto;
		flex: none;
    }
    .map-wrapper .wrapper .map {
        margin-bottom: 20px
    }

    .map-wrapper {
        padding: 35px 0
    }

    .info-boxes-wrap {
        padding: 35px 0;
    }

    .info-boxes-wrap > .wrapper {
        padding: 0
    }

	.is_ie .info-boxes {
		flex-wrap: wrap;
	}
	.is_ie .info-boxes .box {
		flex: 0 0 100%;
	}

    .slick-slider .slick-arrow {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 18px
    }

    .product-spotlight-wrapper {
        padding: 35px 0
    }
    .product-spotlight-wrapper {
        padding-top: 0!important;
        background-image: none
    }

    .product-spotlight-wrapper .heading {
        flex-direction: column;
        padding: 35px 20px 30px;
        margin: 0 -20px;
        background: #FFF;
    }

    .product-spotlight-wrapper .heading .l {
        width: 100%;
        max-width: 100%;
        text-align: center
    }

    .product-spotlight-wrapper .description {
        text-align: center;
        width: 100%;
        margin: 0 auto
    }

    .product-spotlight-wrapper .heading h5, .product-spotlight-wrapper .heading h3 {
        margin-bottom: 0
    }

    .product-spotlight-wrapper .description {
        padding-top: 22px
    }

    .product-spotlight-wrapper .gallery {
        margin: 0 -20px;
        background: url(../assets/spotlight-bg.png) no-repeat top center #f3f7fa;
        background-size: 100% auto
    }

    .product-spotlight-wrapper .gallery .slick-slide img {
        max-width: calc(100% - 80px);
        height: auto
    }

    .tabs.accordion.simple .tab-content {
        background-color: #FFF
    }

    .tabs.accordion .tab-content p {
        font-size: 15px
    }

    .tabs.accordion .tab-content .content p:first-child {
        margin-top: 0
    }

    .tabs.accordion .tab-content.has-gallery {
        flex-direction: column;
    }

    .tabs.accordion .tab-content.has-gallery > *, .tabs .tab-content.has-gallery .tab-gallery {
        width: 100%!important;
        max-width: 100%!important;
		min-width: 0 !important;
    }
    .tabs .tab-content.has-gallery .tab-gallery {
        margin-top: 30px;
        padding-left: 0!important
    }
    .tabs.accordion .tab-content.has-gallery .tab-gallery, .tabs .tab-content.has-gallery .tab-foot {
        text-align: center
    }

	.latest-news-wrapper .wrapper {
	    flex: 0 0 100%;
		height: auto;
	}
	.latest-news-wrapper .wrapper .story-column {
		display: block;
		flex: 0 0 100%;
		height: auto;
		min-height: 0;
	}
	.latest-news-wrapper .wrapper .story-column.left,
	.latest-news-wrapper .wrapper .story-column.middle,
	.latest-news-wrapper .wrapper .story-column.right {
		float: none;
	}
	.latest-news-wrapper .wrapper .story-column.middle {
		order: -1;
	}
	.latest-news-wrapper .wrapper .story-column.left .post-container,
	.latest-news-wrapper .wrapper .story-column.right .post-container,
	.latest-news-wrapper .wrapper .story-column.left .post-container .post,
	.latest-news-wrapper .wrapper .story-column.right .post-container .post {
		flex: 0 0 100%;
		height: auto;
	}

    .button-cta-wrapper h4 {
        font-size: 20px
    }

    footer {
        padding: 50px 0 0
    }

    footer .copyright {
        padding-bottom: 50px
    }

    footer .wrapper {
		flex-wrap: wrap;
    }
	footer .wrapper .left, footer .wrapper .center, footer .wrapper .right {
		flex: 0 0 100%;
	}
    footer .wrapper .left {
        display: flex;
        margin-bottom: 20px
    }
    footer .wrapper .left .social {
        margin-left: auto
    }
    footer .logo {
        margin: 0
    }

    footer .middle {
        margin-bottom: 50px
    }

    footer .icon-lead p {
        line-height: 1.3;
        margin-top: 10px;
        margin-bottom: 15px
    }

    footer .icon-lead div {
        margin-bottom: 8px
    }

    footer .copyright .wrapper > * {
        width: 100%;
        text-align: left;
        padding: 0;
        margin: 0
    }

    footer .copyright .wrapper > .left {
        margin-bottom: 10px;
        line-height: 2
    }


    .hero.blocks h1 {
        padding-bottom: 20px;
        position: relative;
    }

    .hero.blocks h1:after {
        content: "";
        display: block;
        height: 4px;
        width: 120px;
        border-radius: 4px;
        background: #bcebff;
        position: absolute;
        left: 0;
        bottom: 0;
    }


    .hero.light_right_image {
        position: relative;
    }

    .hero.light_right_image:after {
        content: "";
        display: block;
        position: absolute;
        background: #FFF;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0.8
    }

    .hero.light_right_image > .wrapper > .content {
        width: 100%
    }

    .icon-infos-wrapper {
        border: 0!important;
    }

    .icon-infos-wrapper .wrapper {
        padding: 0;
        margin: 0 -20px
    }

    .icon-infos {
        flex-flow: wrap
    }

    .icon-infos .icon-info {
        max-width: 100%;
        width: 50%;
        flex: initial;
        border-top: 0.5px solid rgba(229, 236, 241, 0.3);
        padding: 30px 40px!important;
    }

    .icon-infos .icon-info:nth-child(even){
       border-right: 0
    }

    .icon-infos .icon-info:first-child, .icon-infos .icon-info:nth-child(2){
        border-top: 0
    }

    .world-class-wrapper .info h4 {
        font-size: 18px
    }

    .careers-section-wrapper {
        min-height: 0;
        background-size: 0px, auto 100%, auto;
    }

    .careers-section-wrapper .heading {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .careers-section-wrapper .heading .left {
        margin-bottom: 20px
    }

    .careers-section-wrapper .heading .right {
        text-align: center
    }

    .careers-section-wrapper .buttons {
        text-align: center;
        margin: 60px 0 0;
        padding: 0
    }

    .upcoming-events-wrapper .event .inner {
        flex-direction: column;
    }

    .upcoming-events-wrapper .event .inner .l, .upcoming-events-wrapper .event .inner .r {
        width: 100%;
    }

    .upcoming-events-wrapper .event .inner .l {
        order: 2
    }

    .upcoming-events-wrapper .event .inner .r {
        text-align: left;
        order: 1;
        margin-bottom: 20px
    }

    .upcoming-events-wrapper .top-section .event {
        display: none
    }

    .upcoming-events-wrapper .intro {
        width: 100%
    }

    .hero.savings .wrapper {
        padding-top: 150px;
        display: block
    }

    .hero.savings .wrapper > .content, .hero.savings .wrapper > .savings {
        width: 100%;
        padding: 0;
    }

    .hero.savings .savings .saving:first-child {
        padding-left: 0;
        padding-right: 15px
    }
    .hero.savings .savings .saving:last-child {
        padding-right: 0;
        padding-left: 15px
    }

    .hero.savings .wrapper h1 {
        padding-bottom: 30px;
        margin-bottom: 30px;
        position: relative
    }

    .hero.savings .wrapper h1:after {
        content: "";
        display: block;
        height: 4px;
        width: 200px;
        border-radius: 4px;
        background: #bcebff;
        position: absolute;
        left: 0;
        bottom: 0
    }

    .hero.image_content_blocks > .wrapper .image-contents > .wrapper > * {
        width: calc(50% - 10px);
        margin-bottom: 40px
    }

    .hero.image_content_blocks > .wrapper > .content .inner.wrapper {
        text-align: left
    }

    .hero.image_content_blocks > .wrapper > .content .h {
        padding-top: 30px;
        margin-bottom: 30px;
    }

    .hero.image_content_blocks > .wrapper > .content .h:after {
        left: 0;
        transform: none;
    }

    .hero.image_content_blocks .image-content-wrapper .h {
        justify-content: center;
    }

    .commitment-wrapper.default {
        background: none;
        padding-top: 0!important
    }

    .commitment-wrapper.default > .wrapper > .content {
        max-width: initial;
        margin: 0 -20px;
        padding: 50px 20px 250px;
        background: url(../assets/honeycombs.png) no-repeat center center #f3f7fa;
        background-size: cover
    }

    .commitment-wrapper.default .info-boxes-wrap {
        margin: -200px -20px 0;
        padding-top: 0;
    }

    .commitment-wrapper.default .info-boxes-wrap .slick-track .slick-slide {
        margin: 10px
    }

    .commitment-wrapper.default .info-boxes-wrap .slick-track .slick-slide:after {
        display: none
    }

    .commitment-wrapper.default .info-boxes-wrap .slick-list {
        margin: 0 -10px
    }

    .hero.image_content_blocks {
        padding-bottom: 0
    }
    .filter-success-stories-wrapper {
        width: calc(100% - 40px);
        margin: -120px auto 0 auto;
        z-index: 100;
        position: relative;
    }
    .filter-success-stories-wrapper form .inputs-row {
        flex-flow: wrap;
    }

    .filter-success-stories-wrapper form .inputs-row > * {
        flex: 0 0 50%;
        margin: 10px 0
    }

    .filter-success-stories-wrapper form .inputs-row .button {
        width: 100%
    }

    .page-success-stories .hero > .wrapper {
        padding-bottom: 140px
    }


    .page-heading h3 {
        font-size: 28px
    }

    .post-content {
        flex-direction: column;
    }

    .post-content > main {
        width: 100%;
        margin-bottom: 50px
    }

    .post-content > aside {
        width: 100%
    }

    header .logo img {
        max-width: 150px
    }

    .industries-wrapper .titles {
        padding-left: 0
    }

    .map-wrapper .wrapper .map .pin:not(.default){
        width: 63px;
        height: 63px;
        z-index: 100
    }

    .map-wrapper .wrapper .map .pin:not(.default):before{
        padding-top: 15px;
        font-size: 10px;
    }

    .mobile {
        display: block!important;
    }

}


@media all and (max-width: 768px){
    .hero {
        padding-top: 80px;
    }
    .hero h1, .hero.covered h1 {
        font-size: 34px
    }
    .hero h2, .hero.covered h2 {
        font-size: 21px;
        position: relative
    }

    .hero.covered h2 {
        padding-bottom: 20px;
        margin-bottom: 20px;
        position: relative
    }
    .hero.covered h2:after {
        content: "";
        display: block;
        height: 4px;
        width: 120px;
        border-radius: 4px;
        background: #bcebff;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .hero .description {
        font-size: 16px
    }

    .hero.covered .content {
        flex-direction: column;
        text-align: left
    }

    .hero.covered .content .left {
        padding: 0
    }

    .hero.covered .content .right {
        text-align: left;
        padding: 0;
        width: 100%;
        max-width: 100%;
    }

    .image-contents-wrapper .image-content-wrapper {
        width: 100%
    }

    .hero.blocks > .wrapper {
        padding: 80px 0 0;
    }

    .hero.blocks > .wrapper > .content {
        padding: 0 30px
    }

    .hero.blocks .content-boxes {
        flex-flow: wrap;
        border: 0;
    }

    .hero.blocks .content-boxes > .content-wrapper {
        width: 50%;
        border: 1px solid rgba(188, 235, 255, 0.15);
        border-left: 0;
        border-bottom: 0;
    }

    .hero.blocks .content-boxes > .content-wrapper:nth-child(even){
        border-right: 0
    }

    .hero.blocks .content-boxes .content-wrapper:first-child .wrapper {
        padding-left: 30px
    }

    .hero.blocks .content-boxes > .content-wrapper .wrapper {
        border: 0
    }

    .image-content-wrapper.triple {
        padding-top: 0
    }

    .image-content-wrapper.triple > .wrapper {
        flex-direction: column;
        flex-flow: wrap
    }

    .image-content-wrapper.triple .img-wrap {
        height: 400px;
        width: 100%;
        flex: 0 0 100%
    }

    .image-content-wrapper.triple > .wrapper > .content {
        padding-top: 0;
        padding-bottom: 0;
    }

    .image-content-wrapper.triple .content .inner {
        padding: 0
    }

    .image-content-wrapper.triple > .wrapper > .content .inner > .content-wrapper:first-child .h h3 {
        font-size: 18px
    }

	.hero.covered + section {
		margin-top: 0;
	}

    form table tr td {
        display: block;
        width: 100%
    }

    form table tr td .button {
       width: 100%;
    }

    html body #main > .heading-wrapper {
        padding-top: 80px
    }

    #main > .heading-wrapper .wrapper > * {
        width: 100% !important;
		flex: 0 0 100% !important;
    }

    #main > .heading-wrapper .wrapper .left, .heading-wrapper .wrapper .right {
        width: 100%;
        text-align: left;
        margin-top: 20px
    }

    #main > .heading-wrapper .wrapper .right img {
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        height: auto;
        display: block
    }

    #main > .heading-wrapper .wrapper {
        padding-bottom: 0;
        border: 0
    }

    #main > .heading-wrapper:not(.hide-line) .wrapper h3 {
        padding-bottom: 25px;
        margin-bottom: 25px;
        position: relative;
    }

    #main > .heading-wrapper:not(.hide-line) .wrapper h3:after {
        content: "";
        display: block;
        height: 4px;
        width: 120px;
        border-radius: 4px;
        background: #013e72;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    #main > .heading-wrapper:not(.hide-line) .description {
        margin: 0
    }

    .posts {
        flex-direction: column;
    }

    .posts .post {
        width: 100%;
        margin-bottom: 3px
    }

    .heading-wrapper + .posts-wrapper {
        padding-top: 0!important
    }

    .image-content-split-wrapper .images > div {
        height: 200px
    }

    .image-content-split-wrapper .contents {
        flex-direction: column;
    }

    .image-content-split-wrapper .contents > div {
        width: 100%
    }

    .image-content-split-wrapper .contents > .right {
        margin-top: 20px
    }

    .image-content-split-wrapper.no-contents .contents > .right {
        margin-top: 0
    }

    .image-content-split-wrapper.no-contents .wrapper > h3 {
        float: none;
        width: 100%
    }

    .tab-image-contents-wrapper .content .img-content {
        width: 100%
    }

    .button-cta-wrapper.blue {
        background-image: url(../assets/ellipse-bg.png);
        background-repeat: no-repeat;
        background-position: left -100px center;
        background-size: 80% 100%;
    }

    .button-cta-wrapper.blue .wrapper {
        flex-wrap: wrap !important;
    }
    .button-cta-wrapper.blue .wrapper > * {
        flex: 0 0 100% !important;
		width: 100% !important;
    }
    .button-cta-wrapper.blue .wrapper > .btn-wrap {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .button-cta-wrapper.blue .wrapper > * {
        width: 100%;
        text-align: center;
        padding: 35px 0
    }

    .button-cta-wrapper.blue .wrapper .left {
        padding-bottom: 0
    }

    .button-cta-wrapper.blue .wrapper h3, .button-cta-wrapper.blue .wrapper h4 {
        text-align: center
    }

    .button-cta-wrapper.blue .wrapper .btn-wrap {
        background-image: none;
    }

    .world-class-wrapper .info, .world-class-wrapper .graphic {
        width: 100%
    }

    .commitment-wrapper.slider .h {
        display: block;
        margin: 0 -20px 40px;
        padding-left: 20px;
        padding-right: 20px
    }

    .commitment-wrapper.slider .h .img, .commitment-wrapper.slider .h .text {
        text-align: center
    }

    .commitment-wrapper.slider .h .img {
        margin-bottom: 20px
    }

    .commitment-wrapper.slider .h .text {
        padding: 0
    }

    .commitment-wrapper.slider .tab-content {
        flex-direction: column;
    }

    .commitment-wrapper.slider .tab-content > * {
        flex: 0 0 100%
    }

    .image-content-wrapper.solid_blue > .wrapper {
        display: block;
        position: relative
    }

    .image-content-wrapper.solid_blue > .wrapper .content {
        z-index: 10;
        position: relative;
        background: transparent;
        text-align: center
    }

    .image-content-wrapper.solid_blue > .wrapper .img-wrap {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1
    }
    .image-content-wrapper.solid_blue > .wrapper .img-wrap:after {
        content: "";
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #1c4a79;
        opacity: 0.8
    }
    .image-content-wrapper.solid_blue .content-wrapper .h .t {
        display: block;
        width: 100%
    }

    .image-content-wrapper.solid_blue .content-wrapper .h {
        margin-bottom: 10px
    }

    .people .person {
        width: 100%
    }

    .hero.map .content {
        bottom: 50px;
        top: auto;
        left: 50%;
        transform: translateX(-50%)
    }

    .contact-form-wrapper table tr td:last-child {
        padding-right: 20px
    }

    .contact-form-wrapper table tr td:first-child {
        padding-left: 20px
    }

    .row-group {
        display: block
    }

    .row-group main {
        width: 100%;
        margin-bottom: 50px
    }

    .row-group aside {
        width: 100%
    }

    .contact-form-wrapper aside .inner {
        padding: 0;
        border: 0;
        text-align: center
    }

    .informal-section-wrapper .icon-infos .icon-info {
        width: 100%;
    }

    .informal-section-wrapper.light > .wrapper > .description {
        margin-bottom: 30px
    }


    .hero.image_content_blocks > .wrapper > .content .description {
        font-size: 14px;
        margin-bottom: 10px
    }

    .hero.image_content_blocks > .wrapper > .content h2 {
        font-size: 26px
    }

    .featured-success-story-wrapper {
        background: #FFF
    }

    .succ-story,
    .image-text-split {
        display: block
    }

	.succ-story .image-wrapper,
	.image-text-split .image-wrapper {
        z-index: 10;
        margin-bottom: -25px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
        overflow: hidden;
        position: relative;
    }

    .succ-story .succ-info,
    .image-text-split .text-info {
        padding: 80px 30px 30px;
        background: url(../assets/swoosh.png) no-repeat right center #1C4A79;
        background-size: auto 100%;
        z-index: 1;
        position: relative
    }

    .succ-story .succ-info .inner,
    .image-text-split .text-info .inner {
        padding: 0;
        box-shadow: none;
        background: transparent!important;
        color: white
    }

    .succ-story .succ-info .inner h4,
    .image-text-split .text-info .inner h4 {
        color: #bcebff
    }

    .succ-story .succ-info .inner h3,
    .image-text-split .text-info .inner h3 {
        color: white
    }

    .succ-story .succ-info .inner .arrow-link,
    .image-text-split .text-info .inner .arrow-link {
        color: #bcebff
    }
    .succ-story .succ-info .inner .arrow-link:after,
    .image-text-split .text-info .inner .arrow-link:after {
        color: white
    }

    .informal-section-wrapper.default .icon-infos .icon-info:not(:first-child){
        border-top: 0.5px solid rgba(229, 236, 241, 0.3);
    }

    .success-stories-slider .slick-slide {
        height: calc(100vw - 300px);
        min-height: 350px;
    }

	.commitment-wrapper > .wrapper > .content h3 {
		font-size: 18px;
		text-align: left;
	}

	.commitment-wrapper.slider .h .text .description {
		text-align: left;
	}

	.world-class-wrapper .info h3 {
		font-size: 18px;
	}
}

@media all and (max-width: 640px) {
	.timeline .events::before {
		display: none;
	}
	.timeline .events .event {
		display: block;
		width: 100%;
		max-width: 100%;
		margin: 0 !important;
		float: none !important;
		text-align: left !important;
		padding: 8px 0 !important;
		border: none !important;
		top: 0 !important;
	}
}

@media all and (max-width: 620px){
    .hero.savings .wrapper {
        padding-top: 80px
    }

    .savings-calculator-wrapper .h {
        flex-direction: column;
    }
    .savings-calculator-wrapper .h .toggle {
        margin-top: 10px
    }

    header #main-nav .close-nav {
        /*top: 50px;
        right: 40px*/
    }

    header #icon-nav {
        padding: 0;
    }

    header #icon-nav li {
        margin-right: 20px
    }

    .hero.image_content_blocks > .wrapper .image-contents > .wrapper > * {
        width: 100%
    }

    .filter-success-stories-wrapper form .inputs-row > * {
        flex: 0 0 100%;
    }

    .filter-success-stories-wrapper form .inputs-row .select {
        max-width: 100%;
    }

    .info-boxes-wrap.default .slick-slider .slick-slide h4 {
        margin-bottom: 10px
    }

    .info-boxes-wrap.default .slick-slider .slick-slide .nums {
        font-size: 24px;
        padding-bottom: 10px;
        margin-bottom: 15px;
        line-height: 1
    }

	.image-content-wrapper.triple > .wrapper > .content .inner > .content-wrapper {
		flex: 0 0 100%;
		width: 100%;
		padding: 24px 0;
	}
	.image-content-wrapper.triple > .wrapper > .content .inner > .content-wrapper:first-child {
		border: none;
	}
	.image-content-wrapper.triple > .wrapper > .content .inner > .content-wrapper .t h3 br {
        display: none;
    }

}

@media all and (max-width: 480px){

    header .logo img {
        max-width: 120px
    }
    .hero {
        padding-top: 80px
    }

    .tabs .tab-content.has-background .content {
        max-width: 100%
    }
    .industries-wrapper .industries .industry {
        width: 100%;
        border-right: 0
    }

    .pin-detail .info {
		flex-wrap: wrap;
	}
    .pin-detail .info > div {
		flex: 0 0 100%;
		padding: 16px 0;
	}

    header #main-nav {
        padding-top: 100px
    }

    .button {
        padding: 10px 20px;
    }

    .hero.blocks .content-boxes > .content-wrapper {
        width: 100%;
    }

    .tab-image-contents-wrapper .content .img-content .cont {
        flex-direction: column;
    }
    .tab-image-contents-wrapper .content .img-content .cont > * {
        width: 100%
    }

    .icon-infos .icon-info {
        width: 100%;
        border-right: 0
    }

    .icon-infos .icon-info:not(:first-child) {
        border-top: 0.5px solid rgba(229, 236, 241, 0.3);
    }

    .hero.savings .wrapper .savings {
        flex-direction: column;
        align-items: center;
    }

    .hero.savings .savings .saving:first-child {
        padding: 0;
        margin-bottom: 40px
    }
    .hero.savings .savings .saving:last-child {
        padding: 0;
    }

    footer .logo {
        line-height: 20px
    }

    footer .logo img {
        max-width: 120px
    }
    footer .social {
        line-height: 20px
    }
    footer .social a {
        font-size: 18px;
        margin: 10px 10px;

    }

    footer nav li {
        width: 100%
    }

    body.search-on li.search-nav {
        position: absolute;
        left: 0;
        right: 0;
        margin-right: 0!important;
    }

    body.search-on li.search-nav > a {
        float: right;
        margin-right: 40px
    }

    body.search-on li.search-nav .search-input {
        right: 19px!important;
        left: 19px!important;
        max-width: calc(100% - 38px)!important;
        width: 100%!important;
    }

    .aside-widget ul {
        padding: 0
    }

    .aside-widget h4 {
        padding-left: 0;
        padding-right: 0
    }

    .aside-widget li img {
        float: none;
        max-width: 100%;
    }

    .aside-widget li.has-image .info-wrap {
        margin-left: 0
    }

    header #main-nav .mobile-logo {
        width: 130px
    }

    #icon-nav .my-account {
        display: none;
    }

    .search-results .archive-item {
        display: block;
    }

    .search-results .archive-item .image {
        width: 100%;
        height: 100px;
        padding: 0;
        margin-bottom: 15px
    }

    .search-results .archive-item .image img {
        width: auto;
        max-width: 100%;
        max-height: 100%;
    }

	header #icon-nav li a span.label {
		font-size: 8px;
	}
}

@media all and (max-width: 375px){
    .home .hero.default .button {
        font-size: 12px;
    }
    .success-stories-slider .slick-slide {
        min-height: 380px;
    }
}

@media all and (max-width: 320px){
    .home .hero.default .button {
        font-size: 11px;
    }
}

/* button fix */
@media (pointer:none), (pointer:coarse) {
    .button, .button:before {
        transition: none;
    }
}

@media only screen
and (max-device-width : 1024px)  {
    .button, .button:before {
        transition: none;
    }
}

@media all and (max-width: 768px){
  .pum-theme-11122 .pum-content, .pum-theme-default-theme .pum-content{
		padding-right: 20px !important;
	}
}

/* Download Form Styling */

.file-modal .wpcf7 form .wpcf7-response-output {
	margin: 0 auto;
}

.modal-close-btn {
	border-radius: 50%;
	width: 48px;
	height: 48px;
	border: 1px solid #fff;
	background: #013e72;
	color: #fff;
	font-size: 24px;
	position: absolute;
	top: -20px;
	right: -20px;
	padding: 0px;
	line-height: 48px;
}

.file-modal-back {
	background-color: #333;
	opacity: .6;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	z-index: 999;

}
.file-modal {
	position: fixed;
	top: 80px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow-y: scroll;
	z-index: 9999;
}
.file-modal .nf-response-msg {
	padding: 40px;
}
.file-form-holder {
	background: #fff;
	padding: 40px;
    text-align: center;
	position: relative;
	min-width: 800px;
}

.file-modal-back.hide, .file-modal.hide { display: none; }

input.gform_button:hover {
	background: #013e72;
}

@media(max-width: 640px){
	.modal-close-btn {
		top: 0px;
		right: 0px;
	}
	.file-modal {
		top: 20px;
	}
	.file-form-holder {
		padding: 20px;
		margin-top: 80px;
		padding-top: 60px;
		min-width: auto;
	}
}

/* End Download Form Styling */