
/*
Table Of Contents

1.)  Typography
2.)  Container - Main
3.)  Header
4.)  Content - Main
5.)  Footer
6.)  SubPage
7.)  News Article

===============================================*/


/*
 1.) Typography
----------------------------------------*/

@import url("foundation-8.css") all;
@import url("motion-ui-8.css") all;
@import url("brands.min-22.css") all;
@import url("light.min-22.css") all;
@import url("regular.min-22.css") all;
@import url("solid.min-22.css") all;
@import url("duotone.min-18.css") all;
@import url("fontawesome.min-22.css") all;

@font-face {
    font-family: 'ESRebondGrotesque';
    src: url('../eot/esrebondgrotesquelight.eot');
    src: url('../eot/esrebondgrotesquelight.eot') format('embedded-opentype'),
         url('../woff2/esrebondgrotesquelight.woff2') format('woff2'),
         url('../woff/esrebondgrotesquelight.woff') format('woff'),
         url('../ttf/esrebondgrotesquelight.ttf') format('truetype'),
         url('../svg/esrebondgrotesquelight.svg#ESRebondGrotesque') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ESRebondGrotesque';
    src: url('../eot/esrebondgrotesquelightitalic.eot');
    src: url('../eot/esrebondgrotesquelightitalic.eot') format('embedded-opentype'),
         url('../woff2/esrebondgrotesquelightitalic.woff2') format('woff2'),
         url('../woff/esrebondgrotesquelightitalic.woff') format('woff'),
         url('../ttf/esrebondgrotesquelightitalic.ttf') format('truetype'),
         url('../svg/esrebondgrotesquelightitalic.svg#ESRebondGrotesque') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'ESRebondGrotesque';
    src: url('../eot/esrebondgrotesqueregular.eot');
    src: url('../eot/esrebondgrotesqueregular.eot') format('embedded-opentype'),
         url('../woff2/esrebondgrotesqueregular.woff2') format('woff2'),
         url('../woff/esrebondgrotesqueregular.woff') format('woff'),
         url('../ttf/esrebondgrotesqueregular.ttf') format('truetype'),
         url('../svg/esrebondgrotesqueregular.svg#ESRebondGrotesque') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ESRebondGrotesque';
    src: url('../eot/esrebondgrotesqueitalic.eot');
    src: url('../eot/esrebondgrotesqueitalic.eot') format('embedded-opentype'),
         url('../woff2/esrebondgrotesqueitalic.woff2') format('woff2'),
         url('../woff/esrebondgrotesqueitalic.woff') format('woff'),
         url('../ttf/esrebondgrotesqueitalic.ttf') format('truetype'),
         url('../svg/esrebondgrotesqueitalic.svg#ESRebondGrotesque') format('svg');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'ESRebondGrotesque';
    src: url('../eot/esrebondgrotesquebolditalic.eot');
    src: url('../eot/esrebondgrotesquebolditalic.eot') format('embedded-opentype'),
         url('../woff2/esrebondgrotesquebolditalic.woff2') format('woff2'),
         url('../woff/esrebondgrotesquebolditalic.woff') format('woff'),
         url('../ttf/esrebondgrotesquebolditalic.ttf') format('truetype'),
         url('../svg/esrebondgrotesquebolditalic.svg#ESRebondGrotesque') format('svg');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'ESRebondGrotesque';
    src: url('../eot/esrebondgrotesquemedium.eot');
    src: url('../eot/esrebondgrotesquemedium.eot') format('embedded-opentype'),
         url('../woff2/esrebondgrotesquemedium.woff2') format('woff2'),
         url('../woff/esrebondgrotesquemedium.woff') format('woff'),
         url('../ttf/esrebondgrotesquemedium.ttf') format('truetype'),
         url('../svg/esrebondgrotesquemedium.svg#ESRebondGrotesque') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ESRebondGrotesque';
    src: url('../eot/esrebondgrotesquemediumitalic.eot');
    src: url('../eot/esrebondgrotesquemediumitalic.eot') format('embedded-opentype'),
         url('../woff2/esrebondgrotesquemediumitalic.woff2') format('woff2'),
         url('../woff/esrebondgrotesquemediumitalic.woff') format('woff'),
         url('../ttf/esrebondgrotesquemediumitalic.ttf') format('truetype'),
         url('../svg/esrebondgrotesquemediumitalic.svg#ESRebondGrotesque') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'ESRebondGrotesque';
    src: url('../eot/esrebondgrotesquebold.eot');
    src: url('../eot/esrebondgrotesquebold.eot') format('embedded-opentype'),
         url('../woff2/esrebondgrotesquebold.woff2') format('woff2'),
         url('../woff/esrebondgrotesquebold.woff') format('woff'),
         url('../ttf/esrebondgrotesquebold.ttf') format('truetype'),
         url('../svg/esrebondgrotesquebold.svg#ESRebondGrotesque') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

h1, h2, h3, h4, h5, h6, dl, ol, p, ul, li {
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
	padding: 0;
	margin: 0;
}
 

/* #Basic Styles
================================================== */

body {
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	font-family: "ESRebondGrotesque", serif; 
	font-weight: 300; 
	font-style: normal;
	font-size: 1.125rem;
	color: #000000;
	line-height: 1.5rem;
	background: #162340;
	margin: 0;
	padding: 0;
}

@media print, screen and (min-width: 48rem) {
body {
	font-size: 1.25rem;
	line-height: 1.6875rem;
}
}

@media print, screen and (min-width: 75rem) {
body {
	font-size: 1.5rem;
}
}


/* #Links
================================================== */

a {
	color: #000000;
	text-decoration: underline;
	cursor: pointer;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}

a:hover,
a:focus {
	color: #e3403c;
	text-decoration: underline;
}

a:focus {
	text-decoration: none;
}

a:visited {
	outline: 0;
}

a[href^="tel:"], 
a[href^="fax:"] {
	color: #000000;
	text-decoration: underline;
}

a:hover[href^="tel:"], 
a:hover[href^="fax:"] {
	color: #e3403c;
	text-decoration: underline;
}

a:focus[href^="tel:"], 
a:focus[href^="fax:"] {
	color: #e3403c;
	text-decoration: none;
}


/* #Heading H1, H2, H3, H4, H5, H6, P
================================================== */

h1, 
.h1, 
h2, 
.h2, 
h3, 
.h3, 
h4, 
.h4, 
h5, 
.h5,
h6, 
.h6 { 
	font-family:"ESRebondGrotesque", sans-serif;
	font-weight: 700; 
	color:#162340;
	padding-bottom: 25px;
}

h1,
.h1{
	font-size: 3.125rem;
	line-height: 3.125rem; 
	letter-spacing: -1.5px;
}

h2,
.h2 {
	font-size: 2.5rem;
	line-height: 3.125rem;
}

h3,
.h3 {
	font-size: 1.875rem;
	line-height: 2.25rem;
}

h4,
.h4 {	
	font-size: 1.625rem;
	line-height: 1.875rem;
}

h5,
.h5,
h6,
.h6 {	
	font-size: 1.5rem;
	line-height: 1.875rem;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	font-weight: inherit;
	font-style: inherit;
	color: inherit; 
	text-decoration: none;
}

h1 a:hover,
h1 a:focus,
h2 a:hover,
h2 a:focus,
h3 a:hover,
h3 a:focus,
h4 a:hover,
h4 a:focus,
h5 a:hover,
h5 a:focus,
h6 a:hover,
h6 a:focus {
	color: #e3403c;
	text-decoration: none;
}

h1:last-child,
.h1:last-child,
h2:last-child,
.h2:last-child,
h3:last-child,
.h3:last-child,
h4:last-child,
.h4:last-child,
h5:last-child,
.h5:last-child,
h6:last-child,
.h6:last-child {
	padding-bottom: 0;
}

p {
	padding-bottom: 22px;
}

p:last-child {
	padding-bottom: 0;
}

em {
	font-style: italic; 
}

em.fal,
em.far,
em.fas,
em.fab {
	font-style: normal; 
}

strong {
	font-weight: 500; 
}

@media print, screen and (min-width: 48rem) {
h1, 
.h1, 
h2, 
.h2, 
h3, 
.h3, 
h4, 
.h4, 
h5, 
.h5,
h6, 
.h6 {
	padding-bottom: 30px;
}

h1,
.h1{
	font-size: 5rem;
	line-height: 5rem; 
	letter-spacing: -2px;
}

h2,
.h2 {
	font-size: 3.125rem;
	line-height: 3.4375rem;
}

h3,
.h3 {
	font-size: 2.5rem;
	line-height: 3.125rem;
}

h4,
.h4 {	
	font-size: 1.875rem;
	line-height: 2.125rem;
}

h5,
.h5,
h6,
.h6 {	
	font-size: 1.625rem;
	line-height: 2rem;
}

p {
	padding-bottom: 27px;
}
}

@media print, screen and (min-width: 75rem) {
h1, 
.h1, 
h2, 
.h2, 
h3, 
.h3, 
h4, 
.h4, 
h5, 
.h5,
h6, 
.h6 {
	padding-bottom: 40px;
}

h1,
.h1{
	font-size: 7.5rem;
	line-height: 6.875rem; 
	letter-spacing: -2.4px;
}

h2,
.h2 {
	font-size: 3.75rem;
	line-height: 4.375rem; 
}

h3,
.h3 {
	font-size: 3.125rem;
	line-height: 3.4375rem;
}

h4,
.h4 {	
	font-size: 2.5rem;
	line-height: 2.8125rem;
}

h5,
.h5,
h6,
.h6 {	
	font-size: 1.875rem;
	line-height: 2.5rem;
}
}


/* #Unorder Styles
================================================= */

ul,
ol {
	list-style: none; 
}

li {
	position: relative; 
	padding-bottom: 6px;
	padding-left: 16px;
}

li:last-child {
	padding-bottom: 22px;
}

ul li ul,
ol li ol {
	padding: 10px 0 0 0;
}

ul:last-child li:last-child,
ol:last-child li:last-child {
	padding-bottom: 0;
}

ul li::before {
	content: ""; 
	width: 5px; 
	height: 5px; 
	float: left; 
	background: #000000; 
	border-radius: 100%;
	position: absolute;
	top: 11px;
	left: 0;
}

@media print, screen and (min-width: 48rem) {
li {
	padding-left: 22px;
}

li:last-child {
	padding-bottom: 27px;
}

ul li::before {
	width: 6px; 
	height: 6px; 
	top: 12px;
}
}

@media print, screen and (min-width: 75rem) {
ul li::before {
	top: 11px; 
}
}


/* #Order Styles
================================================= */
ol {
	counter-reset: item;
}

ol > li {
	counter-increment: item;	
	padding-left: 26px;
}

ol > li::before {
	content: counter(item)".";
	font-weight: 400;
	position: absolute;
	top: 1px;
	left: 0;
	padding: 0;
	margin: 0;
}

@media print, screen and (min-width: 48rem) {
ol > li {
	padding-left: 28px;
}
}

@media print, screen and (min-width: 75rem) {
ol > li {
	padding-left: 32px;
}
}


/* #Input
================================================= */
textarea, 
select, 
input[type="text"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input {
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: 0;
}

input, 
textarea, 
select {
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

label {
	width: 100%;
	font-family: "ESRebondGrotesque", serif; 
	font-weight: 500;
	font-size: 1.125rem;
	color: #162340;
	line-height: 1.5rem;
	padding: 0 0 10px 0;
	margin: 0;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	width: 100%;
	height: 50px;	
	font-family: "ESRebondGrotesque", serif; 
	font-weight: 400;
	font-size: 1.125rem;
	color: #000000;
	line-height: 1.5rem;
	white-space: nowrap;
	text-overflow: ellipsis;	
	background: #ffffff;
	box-shadow: none;
	border: 1px solid #162340;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	overflow: hidden;
	position: relative;
	padding: 12px 20px;
	margin: 0;
}

textarea {
	height: 220px;
	white-space: normal;
	outline: none;
	resize: none;
	padding-top: 15px;
	padding-bottom: 15px;
}

select {
	background-image: url(../svg/arrow-down-6.svg);
	background-size: 15px auto;
	background-repeat: no-repeat;
	background-position: top 19px right 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-top: 0;
	padding-right: 55px;
	padding-bottom: 0;
}

select::-ms-expand {
	display:none;
}

select.colorize option:not([disabled]) {
	color: #000000;
}

select.colorize option.def:not([disabled]),
select.colorize.empty:not([disabled]) {
	color: #000000;
}

::-webkit-input-placeholder,
::-webkit-textarea-placeholder {
	color: #000000;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #000000;
}

::-moz-placeholder {
	color: #000000;
}

::-ms-input-placeholder {
	color: #000000;
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	outline: 0;
	border-color: #e3403c;
	box-shadow: none;
}

@media print, screen and (min-width: 48rem) {
label {
	font-size: 1.25rem;
	line-height: 1.6875rem;
}

select,
textarea,
input[type="text"],    
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	font-size: 1.25rem;
	line-height: 1.6875rem;
	padding: 15px 30px;
}

textarea {
	height: 240px;
}

select {
	background-size: 18px auto;
	background-position: top 23px right 25px;
	padding-right: 65px;
}
}

@media print, screen and (min-width: 75rem) {
label {
	font-size: 1.25rem;
	font-size: 1.5rem;
}

select,
textarea,
input[type="text"],    
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	height: 60px;
	font-size: 1.5rem;
}

textarea {
	height: 289px;
	padding-top: 20px;
	padding-bottom: 20px;
}
}



/* #Button
================================================== */
.button {
	font-family: "ESRebondGrotesque", sans-serif; 
	font-weight: 700;
	font-size: 1.125rem;	
	color: #ffffff;
	line-height: 1.375rem; 
	letter-spacing: 0.44px;
	text-align: center;
	text-decoration: none; 
	text-transform: none;
	background: #2e2e2e;
	border-radius: 360px;
	box-shadow: none;
	border: none;
	position: relative;
	overflow: hidden;
	padding: 14px 40px;
	margin: 0;
}

.button:hover,
.button:focus {
	background: #e3403c;
	box-shadow: none;
}

.btn-out {
	padding: 10px 0 0 0;
}

@media print, screen and (min-width: 48rem) {
.button {
	font-size: 1.25rem;	
	line-height: 1.5rem; 
}
}

@media print, screen and (min-width: 75rem) {
.button {
	font-size: 1.375rem;	
	line-height: 1.625rem; 
}

.btn-out {
	padding: 15px 0 0 0;
}
}

/* 
 2.) Container - Main
----------------------------------------*/

.container-main {
	width: 100%;
	float: left; 
	display: flex;
	flex-direction: column;
	background: #ffffff;
	position: relative;
	overflow: hidden; 
}

.grid-container {
	max-width: 100%;
	padding-right: 20px;
	padding-left: 20px;
}

.grid-container.full {
	max-width: 100%;
	padding-right: 0;
	padding-left: 0;
}

@media print, screen and (min-width: 48rem) {
.grid-container {
	max-width: 1280px;
	padding-right: 40px;
	padding-left: 40px;	 
}

.grid-container.full {
	max-width: 1280px;
	padding-right: 40px;
	padding-left: 40px;
}
}


/* 
 3.) Header
----------------------------------------*/

.header-main {
	width: 100%;
	height: 122px; 
	float: left;
	background: #162340;
	position: relative;
	z-index: 50;
}

.header-main .logo {
	float: left;
	height: 65px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 25px;
}

.header-main .logo img {
	max-height: 65px;
}

.header-main .nav-bar {
	float: right;
}

.header-main .contact-us {
	float: left;
	margin-right: 30px;
}

.header-main .contact-us a {
	height: 122px;
	font-weight: 500;
	font-size: 1.375rem;
	color: #ffffff;
	line-height: 122px;
	text-decoration: none;
}

.header-main .contact-us a:hover,
.header-main .contact-us a:focus {
	color: #e3403c;
}

.overlay {
	width: 100%;
	height: 100%;
	float: left;
	background: rgba(0, 0, 0, 0.5);
	-webkit-transition: top .15s ease-out;
	-moz-transition: top .15s ease-out;
	transition: top .15s ease-out;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
}

.overlay.show {
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity .2s ease-out;
	-moz-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
}

.header-main .navigation-dropdown {
	width: 800px;
	height: 100%;
	float: left;
	display: none;
	background: #2da0ac;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 5001;
	overflow: auto;
}

.header-main .navigation-dropdown .box {
	width: 100%;
	height: 100%;
	float: left;
	display: flex;
	flex-direction: column;
	padding: 150px 130px 75px 130px;
}

.header-main .navigation-dropdown .box .aside {
	width: 100%;
	float: left;
	flex: 1 0 auto;
	margin-bottom: 75px;
}

.header-main .navigation-dropdown .box .aside ul {
	padding: 0;
	margin: 0;
}

.header-main .navigation-dropdown .box .aside ul li {
	padding: 0 0 15px 0;
	margin: 0;
}

.header-main .navigation-dropdown .box .aside ul li:last-child {
	padding-bottom: 0;
}

.header-main .navigation-dropdown .box .aside ul li:before {
	display: none;
}

.header-main .navigation-dropdown .box .aside ul li a {
	font-weight: 700;
	font-size: 2.5rem;
	color: #2e2e2e;
	line-height: 3.125rem;
	text-decoration: none;
}

.header-main .navigation-dropdown .box .aside ul li a:hover,
.header-main .navigation-dropdown .box .aside ul li a:focus,
.header-main .navigation-dropdown .box .aside ul li.active a {
	color: #ffffff;
}

.header-main .navigation-dropdown .box .social-links {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top;
	flex-shrink: 0;
}

.header-main .navigation-dropdown .box .social-links ul {
	padding: 0;
	margin: 0;
}

.header-main .navigation-dropdown .box .social-links ul li {
	padding: 0;
	margin: 0 0 15px 0;
}

.header-main .navigation-dropdown .box .social-links ul li:last-child {
	margin-bottom: 0;
}

.header-main .navigation-dropdown .box .social-links ul li:before {
	display: none;
}

.header-main .navigation-dropdown .box .social-links ul li a {
	font-size: 1.375rem;
	color: #2e2e2e;
	line-height: 1.5625rem;
}

.header-main .navigation-dropdown .box .social-links ul li a:hover,
.header-main .navigation-dropdown .box .social-links ul li a:focus,
.header-main .navigation-dropdown .box .social-links ul li.active a {
	color: #ffffff;
}

.header-main .menu-btn {
	width: 34px;
	height: 31px;
	float: left;
	cursor: pointer;
	position: relative;
	top: 45px;
	z-index: 10001;
}

.header-main .menu-btn .icon-bar {
	width: 34px;
	height: 31px;
	float: right;
	text-decoration: none;
	position: relative;
}

.header-main .menu-btn .icon-bar span {
	width: 25px;
	height: 5px;
	float: right;
	background: #ffffff;
	border-radius: 360px;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	position: relative;
	margin: 13px 0 0 0;
}

.header-main .menu-btn .icon-bar span:before {
	content: "";
	width: 34px;
	height: 5px;
	float: left;
	background: #ffffff;
	border-radius: 360px;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	position: absolute;
	top: -13px;
	right: 0;
}

.header-main .menu-btn .icon-bar span:after {
	content: "";
	width: 34px;
	height: 5px;
	float: left;
	background: #ffffff;
	border-radius: 360px;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	position: absolute;
	top: 13px;
	right: 0;
}

.header-main .menu-btn.active {
	color: #2e2e2e;
}

.header-main .menu-btn.active .hide-txt {
	display: inline-block;
}

.header-main .menu-btn.active .show-txt {
	display: none;
}

.header-main .menu-btn.active .icon-bar span {
	background: none;
}

.header-main .menu-btn.active .icon-bar span:before {
	height: 4px;
	top: 0;
	background: #2e2e2e;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
}

.header-main .menu-btn.active .icon-bar span:after {
	height: 4px;
	top: 0;
	background: #2e2e2e;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
}

.header-main.alt-yellow-bg {
	background: #ffc36d;
}

.header-main.alt-yellow-bg .contact-us a {
	color: #162340;
}

.header-main.alt-yellow-bg .contact-us a:hover,
.header-main.alt-yellow-bg .contact-us a:focus {
	color: #e3403c;
}

@media only screen and (max-width: 74.9375rem) {
.header-main {
	height: 100px;
}

.header-main .logo {
	height: 50px;
	margin-top: 18px;
}

.header-main .logo img {
	max-height: 50px;
}

.header-main .contact-us a {
	height: 100px;
	font-size: 1.25rem;
	line-height: 100px;
}

.header-main .navigation-dropdown {
	width: 450px;
}

.header-main .navigation-dropdown .box {
	padding: 100px 60px 60px 60px;
}

.header-main .navigation-dropdown .box .aside {
	margin-bottom: 60px;
}

.header-main .navigation-dropdown .box .aside ul {
	padding: 0;
	margin: 0;
}

.header-main .navigation-dropdown .box .aside ul li {
	padding: 0 0 15px 0;
	margin: 0;
}

.header-main .navigation-dropdown .box .aside ul li:last-child {
	padding-bottom: 0;
}

.header-main .navigation-dropdown .box .aside ul li:before {
	display: none;
}

.header-main .navigation-dropdown .box .aside ul li a {
	font-size: 1.875rem;
	line-height: 2.5rem;
}

.header-main .navigation-dropdown .box .aside ul li a:hover,
.header-main .navigation-dropdown .box .aside ul li a:focus,
.header-main .navigation-dropdown .box .aside ul li.active a {
	color: #ffffff;
}

.header-main .navigation-dropdown .box .social-links ul li a {
	font-size: 1.25rem;
	line-height: 1.5rem;
}

.header-main .menu-btn {
	top: 35px;
}

.header-main .menu-btn .icon-bar span {
	height: 4px;
}

.header-main .menu-btn .icon-bar span:before {
	height: 4px;
}

.header-main .menu-btn .icon-bar span:after {
	height: 4px;
}
}

@media only screen and (max-width: 47.9375rem) {
.header-main {
	height: 80px;
}

.header-main .logo {
	height: 30px;
	margin-top: 20px;
}

.header-main .logo img {
	max-height: 30px;
}

.header-main .contact-us {
	margin-right: 20px;
}

.header-main .contact-us a {
	height: 80px;
	font-size: 1.125rem;
	line-height: 80px;
}

.header-main .navigation-dropdown {
	width: 300px;
}

.header-main .navigation-dropdown .box {
	padding: 75px 30px 50px 30px;
}

.header-main .navigation-dropdown .box .aside {
	margin-bottom: 50px;
}

.header-main .navigation-dropdown .box .aside ul li a {
	font-size: 1.625rem;
	line-height: 2rem;
}

.header-main .navigation-dropdown .box .social-links ul li a {
	font-size: 1.125rem;
	line-height: 1.375rem;
}

.header-main .menu-btn {
	width: 30px;
	height: 24px;
	top: 28px;
}

.header-main .menu-btn .icon-bar {
	width: 30px;
	height: 24px;
}

.header-main .menu-btn .icon-bar span {
	width: 22px;
	height: 3px;
	margin: 10px 0 0 0;
}

.header-main .menu-btn .icon-bar span:before {
	width: 30px;
	height: 3px;
	top: -10px;
}

.header-main .menu-btn .icon-bar span:after {
	width: 30px;
	height: 3px;
	top: 10px;
}

.header-main .menu-btn.active .icon-bar span:before {
	height: 3px;
}


.header-main .menu-btn.active .icon-bar span:after {
	height: 3px;
}
}


/* 
 4.) Content - Main
----------------------------------------*/

.content-main {
	width: 100%;
	float: left;
	flex: 1 0 auto;
}


/* Banner - Main */
.banner-main {
	width: 100%; 
	overflow: hidden;
	background: #ffc36d;
	padding: 60px 0;
}

.banner-main .aside {
	width: 100%; 
	overflow: hidden;
	font-size: 1.25rem;
	line-height: 1.625rem;
}

.banner-main .aside p {
	padding-bottom: 25px;
}

.banner-main .aside p:last-child {
	padding-bottom: 0;
}

.banner-main .aside .bottm-txt {
	width: 100%; 
	overflow: hidden;
	font-weight: 700;
	font-size: 1.625rem;
	color: #2da0ac;
	line-height: 2.25rem;
}

@media print, screen and (min-width: 48rem) {
.banner-main {
	padding: 80px 0;
}

.banner-main .aside {
	font-size: 1.5rem;
	line-height: 1.875rem;
}

.banner-main .aside p {
	padding-bottom: 30px;
}

.banner-main .aside .bottm-txt {
	font-size: 1.875rem;
	line-height: 2.5rem;
}
}

@media print, screen and (min-width: 75rem) {
.banner-main {
	padding: 100px 0;
}

.banner-main .aside {
	max-width: 980px;
	font-size: 1.75rem;
	line-height: 2rem;
}

.banner-main .aside p {
	padding-bottom: 35px;
}

.banner-main .aside .bottm-txt {
	font-size: 2.5rem;
	line-height: 3.125rem;
}
}


/* Banner - Single */
.banner-single {
	width: 100%; 
	text-align: center; 
	overflow: hidden;
}

.banner-single img {
	width: 100%;
}


/* Split - Content3 */
.split-cont3 {
	width: 100%;
	color: #ffffff;
	background: #162340 url(../png/section-bg.png) no-repeat bottom right;
	background-size: 100% auto;
	overflow: hidden;
	padding: 100px 0;
}

.split-cont3 .aside {
	width: 100%;
	max-width: 450px;
}

.split-cont3 .aside h1, 
.split-cont3 .aside .h1, 
.split-cont3 .aside h2, 
.split-cont3 .aside .h2, 
.split-cont3 .aside h3, 
.split-cont3 .aside .h3, 
.split-cont3 .aside h4, 
.split-cont3 .aside .h4, 
.split-cont3 .aside h5, 
.split-cont3 .aside .h5,
.split-cont3 .aside h6, 
.split-cont3 .aside .h6 { 
	color: inherit;
}

.split-cont3 .aside p {
	padding-bottom: 40px; 
}

.split-cont3 .aside p:last-child {
	padding-bottom: 0; 
}

.split-cont3 .aside .btn-out {
	padding-top: 0;
}

.split-cont3 .aside .button { 
	min-width: 216px;
	color: #162340;
	background: #ffffff;
}

.split-cont3 .aside .button:hover,
.split-cont3 .aside .button:focus {
	color: #ffffff;
	background: #e3403c;
}

@media only screen and (min-width: 48rem) {
.split-cont3 {
	background-size: auto 100%;
	background-position: center;
	padding: 150px 0; 
}

.split-cont3 .aside p {
	padding-bottom: 55px; 
}
}

@media only screen and (min-width: 75rem) {
.split-cont3 {
	padding: 200px 0;
}

.split-cont3 .aside {
	max-width: 585px;
}

.split-cont3 .aside p {
	padding-bottom: 65px; 
}
}

@media only screen and (min-width: 100rem) {
.split-cont3 {
	background-size: auto 100%;
	background-position: bottom right;
}
}


/* Split - Content */
.split-cont {
	width: 100%; 
	overflow: hidden;
	color: #162340;
	background: #2da0ac;
	padding: 60px 0;
}

.split-cont .figure {
	width: 100%;
	text-align: center;
	overflow: hidden;
}

.split-cont .figure img {
	width: 100%;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
}

.split-cont .figure:hover img,
.split-cont .figure:focus img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}

.split-cont .aside {
	width: 100%; 
	overflow: hidden;
}

.split-cont .aside p {
	color: #162340;
}

.split-cont .aside .button {
	min-width: 216px;
}

.split-cont .grid-margin-y {
	margin-top: -1.5625rem;
	margin-bottom: -1.5625rem;
}

.split-cont .grid-margin-y>.cell {
	margin-top: 1.5625rem;
	margin-bottom: 1.5625rem;
}

@media print, screen and (min-width: 48rem) {
.split-cont {
	padding: 80px 0;
}

.split-cont .grid-x {
	align-items: center;
}

.split-cont .grid-margin-x>.cell {
	width: calc(50% - 2.25rem);
	margin-left: 1.125rem;
	margin-right: 1.125rem;
}

.split-cont .grid-margin-x {
	margin-right: -1.125rem;
	margin-left: -1.125rem;
}
}

@media print, screen and (min-width: 75rem) {
.split-cont {
	padding: 100px 0;
}

.split-cont .aside {
	padding-right: 25px;
}
}


/* Split - Content */
.split-cont2 {
	width: 100%; 
	overflow: hidden;
	color: #ffffff;
	background: #e3403c;
	padding: 60px 0;
}

.split-cont2 .figure {
	width: 100%;
	text-align: center;
	overflow: hidden;
}

.split-cont2 .figure img {
	width: 100%;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
}

.split-cont2 .figure:hover img,
.split-cont2 .figure:focus img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}

.split-cont2 .aside {
	width: 100%;
	overflow: hidden;
}

.split-cont2 .aside h3,
.split-cont2 .aside .h3 {
	color: #ffffff;
}

.split-cont2 .aside .button {
	min-width: 216px;
}

.split-cont2 .aside .button:hover,
.split-cont2 .aside .button:focus {
	background: #162340;
}

.split-cont2 .grid-margin-y {
	margin-top: -1.5625rem;
	margin-bottom: -1.5625rem;
}

.split-cont2 .grid-margin-y>.cell {
	margin-top: 1.5625rem;
	margin-bottom: 1.5625rem;
}

@media print, screen and (min-width: 48rem) {
.split-cont2 {
	padding: 80px 0;
}

.split-cont2 .grid-x {
	align-items: center;
}

.split-cont2 .grid-margin-x>.cell {
	width: calc(50% - 2.375rem);
	margin-left: 1.1875rem;
	margin-right: 1.1875rem;
}

.split-cont2 .grid-margin-x {
	margin-right: -1.1875rem;
	margin-left: -1.1875rem;
}
}

@media print, screen and (min-width: 75rem) {
.split-cont2 {
	padding: 110px 0;
}
}


/* Articles - List */
.articles-list {
	width: 100%;
	overflow: hidden;
	padding: 60px 0;
}

.articles-list h2,
.articles-list .h2 {
	padding-bottom: 35px;
}

.articles-list .box {
	width: 100%;
	height: 100%;
	float: left;
	font-weight: inherit;
	color: inherit;
	text-decoration: none;
}

.articles-list .box .figure {
	width: 100%;
	text-align: center;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}

.articles-list .box .figure img {
	width: 100%;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
}

.articles-list .box .aside {
	width: 100%;
	float: left;
	padding: 0 0 0 20px;
}

.articles-list .box .aside p {
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}

.articles-list .box:hover .figure img,
.articles-list .box:focus .figure img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}

.articles-list .box:hover p,
.articles-list .box:focus p {
	color: #e3403c;
}

.articles-list .btn-out {
	text-align: center;
	padding: 0;
}

.articles-list .grid-x {
	padding-bottom: 40px;
}

.articles-list .grid-x:last-child {
	padding-bottom: 0;
}

.articles-list .grid-margin-y {
	margin-top: -1.25rem;
	margin-bottom: -1.25rem;
}

.articles-list .grid-margin-y>.cell {
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
}

@media print, screen and (min-width: 48rem) {
.articles-list {
	padding: 80px 0;
}

.articles-list h2,
.articles-list .h2 {
	padding-bottom: 40px;
}

.articles-list .box .figure {
	margin-bottom: 25px;
}

.articles-list .grid-x {
	padding-bottom: 50px;
}

.articles-list .grid-margin-x>.cell {
	width: calc(33.33% - 1rem);
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}

.articles-list .grid-margin-x {
	margin-right: -0.5rem;
	margin-left: -0.5rem;
}

.articles-list .grid-margin-y {
	margin-top: -1.5625rem;
	margin-bottom: -1.5625rem;
}

.articles-list .grid-margin-y>.cell {
	margin-top: 1.5625rem;
	margin-bottom: 1.5625rem;
}
}

@media print, screen and (min-width: 75rem) {
.articles-list {
	padding: 100px 0;
}

.articles-list h2,
.articles-list .h2 {
	padding-bottom: 45px;
}

.articles-list .grid-x {
	padding-bottom: 60px;
}

.articles-list .grid-margin-x>.cell {
	width: calc(25% - 1rem);
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}

.articles-list .grid-margin-x {
	margin-right: -0.5rem;
	margin-left: -0.5rem;
}

.articles-list .grid-margin-y {
	margin-top: -1.875rem;
	margin-bottom: -1.875rem;
}

.articles-list .grid-margin-y>.cell {
	margin-top: 1.875rem;
	margin-bottom: 1.875rem;
}
}


/* Contact - Form */
.contact-form {
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 60px 0;
}

.contact-form .box {
	width: 100%;
	float: left;
	background: #ffffff;
	box-shadow: 0px 3px 26px #00000017;
	border-radius: 5px;
	position: relative;
	z-index: 1;
	padding: 30px 20px;
}

.contact-form .box h2,
.contact-form .box .h2 {
	padding-bottom: 25px;
}

.contact-form .box h2:last-child,
.contact-form .box .h2:last-child {
	padding-bottom: 0;
}

.contact-form .box ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 0 30px 0;
	margin: 0 0 -20px 0;
}

.contact-form .box ul li {
	width: 100%;
	padding: 0 0 20px 0;
	margin: 0;
}

.contact-form .box ul li:before {
	display: none;
}

.contact-form .box .button {
	min-width: 198px;
}

.contact-form .box .btn-out {
	padding: 0;
}

.contact-form.alt:before {
	content: "";
	width: 100%;
	height: 300px;
	float: left;
	background: #ffc36d;
	position: absolute;
	bottom: 0;
	left: 0;
}

@media print, screen and (min-width: 48rem) {
.contact-form {
	padding: 80px 0;
}

.contact-form .box {
	padding: 40px 40px;
}

.contact-form .box h2,
.contact-form .box .h2 {
	padding-bottom: 30px;
}

.contact-form .box ul {
	padding: 0 0 40px 0;
	margin: 0 -19px -25px -19px;
}

.contact-form .box ul li {
	width: 50%;
	padding: 0 19px 25px 19px;
}

.contact-form .box ul li.full-width {
	width: 100%;
}

.contact-form.alt:before {
	height: 400px;
}
}

@media print, screen and (min-width: 75rem) {
.contact-form {
	padding: 100px 0;
}

.contact-form .box {
	padding: 45px 45px;
}

.contact-form .box h2,
.contact-form .box .h2 {
	padding-bottom: 35px;
}

.contact-form .box ul {
	padding: 0 0 50px 0;
}

.contact-form.alt:before {
	height: 560px;
}
}


/* 
 5.) Footer
----------------------------------------*/

.footer-main {
	width: 100%;
	float: none;
	display: inline-block;
	vertical-align: top; 
	flex-shrink: 0;
	background: #162340 url(../png/footer-bg-3.png) no-repeat bottom right;
	background-size: 100% auto;
	padding: 55px 0 60px 0;
}

.footer-main ul { 
	padding: 0; 
	margin: 0; 
}

.footer-main ul li { 
	padding: 0; 
	margin: 0 0 8px 0; 
}

.footer-main ul li:last-child { 
	margin-bottom: 0;
}

.footer-main ul li:before { 
	display: none;
}

.footer-main ul li a {
	font-size: 1.125rem; 
	color: #ffffff;
	line-height: 1.5rem;
	text-decoration: underline; 
}

.footer-main ul li a:hover,
.footer-main ul li a:focus,
.footer-main ul li.active a {
	color: #56bfe7;
}

.footer-main .logo {
	margin-bottom: 40px;
}

.footer-main .logo:last-child {
	margin-bottom: 0;
}

.footer-main .logo img {
	max-height: 45px;
}

.footer-main .foot-links { 
	margin-bottom: 40px;
}

.footer-main .foot-links:last-child {
	margin-bottom: 0;
}

.footer-main .social-links { 
	margin-bottom: 40px;
}

.footer-main .social-links:last-child {
	margin-bottom: 0;
}

@media only screen and (min-width: 48rem) {
.footer-main {
	background-size: auto 100%;
	background-position: center;
	padding: 64px 0 72px 0; 
}

.footer-main ul li a {
	font-size: 1.375rem; 
	line-height: 1.625rem;
}

.footer-main .logo {
	margin-bottom: 55px;
}

.footer-main .logo img {
	max-height: 65px;
}

.footer-main .foot-links { 
	margin-bottom: 55px;
}

.footer-main .social-links { 
	margin-bottom: 55px;
}
}

@media only screen and (min-width: 100rem) {
.footer-main {
	background-size: auto 100%;
	background-position: bottom right;
}
}


/*
 6.) SubPage
----------------------------------------*/

/* Banner - Main */
.banner-main.blue-bg {
	color: #ffffff;
	background: #162340;
}

.banner-main.blue-bg .aside h1,
.banner-main.blue-bg .aside .h1 {
	color: inherit;
}


/* Feature - List */
.feature-list {
	width: 100%;
	overflow: hidden;
	padding: 60px 0;
}

.feature-list .box {
	width: 100%;
	height: 100%;
	float: left;
	font-weight: inherit;
	color: #2e2e2e;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	background: #ffffff;
	box-shadow: 0px 3px 10px #00000029;
	padding: 30px 20px;
}

.feature-list .box .figure {
	width: 100%;
	text-align: center;
	overflow: hidden;
	position: relative;
	margin-bottom: 25px;
}

.feature-list .box .figure img {
	width: 100%;
}

.feature-list .box .aside {
	width: 100%;
	float: left;
	flex: 1 0 auto;
	padding: 0 0 30px 5px;
}

.feature-list .box .aside p:last-child {
	padding-bottom: 0;
}

.feature-list .box .heading-top {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 25px;
}

.feature-list .box .heading-top:last-child {
	margin-bottom: 0;
}

.feature-list .box .heading-top .icon {
	width: 80px;
	height: 80px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	z-index: 1;
	margin-right: -80px;
}

.feature-list .box .heading-top .icon img {
	max-height: 80px;
}


.feature-list .box .heading-top h4,
.feature-list .box .heading-top .h4 {
	width: 100%;
	font-weight: 500;
	word-break: break-all;
	padding: 0 0 0 100px;
}


.feature-list .button {
	min-width: 175px;
}

.feature-list .btn-out {
	flex-shrink: 0;
	padding: 0 0 0 5px;
}

.feature-list .grid-x {
	padding-bottom: 40px;
}

.feature-list .grid-x:last-child {
	padding-bottom: 0;
}

.feature-list .grid-margin-y {
	margin-top: -0.9375rem;
	margin-bottom: -0.9375rem;
}

.feature-list .grid-margin-y>.cell {
	margin-top: 0.9375rem;
	margin-bottom: 0.9375rem;
}

@media print, screen and (min-width: 48rem) {
.feature-list {
	padding: 80px 0;
}

.feature-list .box {
	padding: 30px 30px;
}

.feature-list .grid-x {
	padding-bottom: 50px;
}

.feature-list .grid-margin-x>.cell {
	width: calc(50% - 1.875rem);
	margin-left: 0.9375rem;
	margin-right: 0.9375rem;
}

.feature-list .grid-margin-x {
	margin-right: -0.9375rem;
	margin-left: -0.9375rem;
}

.feature-list .grid-margin-y {
	margin-top: -0.9375rem;
	margin-bottom: -0.9375rem;
}

.feature-list .grid-margin-y>.cell {
	margin-top: 0.9375rem;
	margin-bottom: 0.9375rem;
}
}

@media print, screen and (min-width: 75rem) {
.feature-list {
	padding: 100px 0;
}

.feature-list .box {
	padding: 30px 40px 40px 40px;
}

.feature-list .box .heading-top {
	margin-bottom: 32px;
}

.feature-list .box .heading-top .icon {
	width: 101px;
	height: 101px;
	margin-right: -101px;
}

.feature-list .box .heading-top .icon img {
	max-height: 101px;
}

.feature-list .box .heading-top h4,
.feature-list .box .heading-top .h4 {
	padding: 0 0 0 131px;
}

.feature-list .button {
	min-width: 216px;
}

.feature-list .grid-x {
	padding-bottom: 60px;
}

.feature-list .grid-margin-x>.cell {
	width: calc(50% - 2.375rem);
	margin-left: 1.1875rem;
	margin-right: 1.1875rem;
}

.feature-list .grid-margin-x {
	margin-right: -1.1875rem;
	margin-left: -1.1875rem;
}

.feature-list .grid-margin-y {
	margin-top: -1.1875rem;
	margin-bottom: -1.1875rem;
}

.feature-list .grid-margin-y>.cell {
	margin-top: 1.1875rem;
	margin-bottom: 1.1875rem;
}
}


/* Row - Cont */
.row-cont {
	width: 100%;
	overflow: hidden;
	padding: 60px 0;
}

.row-cont .figure {
	width: 100%;
	float: left;
	overflow: hidden;
	margin-bottom: 30px;
}

.row-cont .figure:last-child {
	margin-bottom: 0;
}

.row-cont .figure img {
	max-width: 100%;
}

.row-cont .aside {
	width: 100%;
	float: left;
	padding-bottom: 40px;
}

.row-cont .aside:last-child {
	padding-bottom: 0;
}

.row-cont .aside h1,
.row-cont .aside .h1 {
	font-size: 2.5rem;
	line-height: 2.5rem;
	letter-spacing: normal;
	padding-bottom: 25px;
}

.row-cont .aside h1:last-child,
.row-cont .aside .h1:last-child {
	padding-bottom: 0;
}

.row-cont .aside .tx-max {
	width: 100%;
	float: left;
}

.row-cont.alt-padding {
	padding-top: 0;
}

@media print, screen and (min-width: 48rem) {
.row-cont {
	padding: 80px 0;
}

.row-cont .figure {
	margin-bottom: 35px;
}

.row-cont .aside {
	padding-bottom: 50px;
}

.row-cont .aside h1,
.row-cont .aside .h1 {
	font-size: 3.125rem;
	line-height: 3.125rem;
}

.row-cont .aside .tx-max {
	max-width: 960px;
}
}

@media print, screen and (min-width: 75rem) {
.row-cont {
	padding: 100px 0;
}

.row-cont .figure {
	margin-bottom: 40px;
}

.row-cont .aside {
	padding-bottom: 60px;
}

.row-cont .aside h1,
.row-cont .aside .h1 {
	font-size: 4.375rem;
	line-height: 4.375rem;
	padding-bottom: 30px;
}
}


/* Two - Col - Articles */
.two-col-articles {
	width: 100%;
	overflow: hidden;
	padding: 60px 0;
}

.two-col-articles .figure {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
}

.two-col-articles .figure img {
	width: 100%;
}

.two-col-articles .figure img {
	width: 100%;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
}

.two-col-articles .figure:hover img,
.two-col-articles .figure:focus img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}

.two-col-articles .aside {
	width: 100%;
	float: left;
}

.two-col-articles .grid-x {
	padding-bottom: 30px;
}

.two-col-articles .grid-x:last-child {
	padding-bottom: 0;
}

.two-col-articles .grid-margin-y {
	margin-top: -0.9375rem;
	margin-bottom: -0.9375rem;
}

.two-col-articles .grid-margin-y>.cell {
	margin-top: 0.9375rem;
	margin-bottom: 0.9375rem;
}

@media print, screen and (min-width: 48rem) {
.two-col-articles {
	padding: 80px 0;
}

.two-col-articles .grid-x {
	padding-bottom: 50px;
	align-items: center;
}

.two-col-articles .grid-margin-x>.cell {
	width: calc(50% - 2.25rem);
	position: relative;
	margin-left: 1.125rem;
	margin-right: 1.125rem;
}

.two-col-articles .grid-margin-x {
	margin-right: -1.125rem;
	margin-left: -1.125rem;
}

.two-col-articles .grid-margin-x:nth-child(odd)>.cell {
	left: 50%;
}

.two-col-articles .grid-margin-x:nth-child(odd)>.cell:nth-child(even) {
	left: auto;
	right: 50%;
}
}

@media print, screen and (min-width: 75rem) {
.two-col-articles {
	padding: 100px 0;
}

.two-col-articles .grid-x {
	padding-bottom: 70px;
}

.two-col-articles .grid-margin-x>.cell {
	width: calc(50% - 3.75rem);
	margin-left: 1.875rem;
	margin-right: 1.875rem;
}

.two-col-articles .grid-margin-x {
	margin-right: -1.875rem;
	margin-left: -1.875rem;
}
}


/* Row - Cont */
.row-cont.blue-bg {
	color: #ffffff;
	background: #1d4290;
}

.row-cont.blue-bg h1,
.row-cont.blue-bg .h1,
.row-cont.blue-bg h2,
.row-cont.blue-bg .h2,
.row-cont.blue-bg h3,
.row-cont.blue-bg .h3,
.row-cont.blue-bg h4,
.row-cont.blue-bg .h4 {
	color: inherit;
}


/* Contact Item */
.contact-list {
	width: 100%;
	overflow: hidden;
	padding: 60px 0 0 0;
}

.contact-item {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	font-size: 1.125rem;
	line-height: 1.625rem;
}

.contact-list .contact-item .figure {
	width: 120px;
	position: relative;
	z-index: 1;
	margin: 0 -120px 0 0;
}

.contact-list .contact-item .figure img {
	width: 100%;
	border-radius: 360px;
}

.contact-list .contact-item .aside {
	width: 100%;
	padding-left: 150px;
}

.contact-list .contact-item .aside h4,
.contact-list .contact-item .aside .h4 {
	font-size: 1.5rem;
	color: #000000;
	line-height: 1.875rem;
	padding-bottom: 0;
}

.contact-list .grid-margin-y {
	margin-top: -1.25rem;
	margin-bottom: -1.25rem;
}

.contact-list .grid-margin-y>.cell {
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
}

@media print, screen and (min-width: 48rem) {
.contact-list {
	padding: 80px 0 0 0;
}

.contact-list .contact-item {
	font-size: 1.25rem;
	line-height: 1.75rem;
}

.contact-list .contact-item .aside h4,
.contact-list .contact-item .aside .h4 {
	font-size: 1.625rem;
	line-height: 2rem;
}

.contact-list .grid-margin-x>.cell {
	width: calc(50% - 2.375rem);
	margin-left: 1.1875rem;
	margin-right: 1.1875rem;
}

.contact-list .grid-margin-x {
	margin-right: -1.1875rem;
	margin-left: -1.1875rem;
}
}

@media print, screen and (min-width: 75rem) {
.contact-list {
	padding: 100px 0 0 0;
}

.contact-list .contact-item {
	font-size: 1.375rem;
	line-height: 1.875rem;
}

.contact-list .contact-item .figure {
	width: 172px;
	margin: 0 -172px 0 0;
}

.contact-list .contact-item .aside {
	padding-left: 210px;
}

.contact-list .contact-item .aside h4,
.contact-list .contact-item .aside .h4 {
	font-size: 1.875rem;
	line-height: 2.5rem;
}
}



/* Split - Content */
.split-cont4 {
	width: 100%;
	overflow: hidden;
	color: #2e2e2e;
	padding: 60px 0;
}

.split-cont4 h1,
.split-cont4 .h1,
.split-cont4 h2,
.split-cont4 .h2,
.split-cont4 h3,
.split-cont4 .h3,
.split-cont4 h4,
.split-cont4 .h4 {
	color: inherit;
}

.split-cont4 .figure {
	width: 100%;
	float: left;
	text-align: center;
	overflow: hidden;
}

.split-cont4 .figure img {
	max-width: 100%;
}

.split-cont4 .aside {
	width: 100%;
	float: left;
}

.split-cont4 .aside .button {
	min-width: 216px;
}

.split-cont4 .grid-margin-y {
	margin-top: -1.5625rem;
	margin-bottom: -1.5625rem;
}

.split-cont4 .grid-margin-y>.cell {
	margin-top: 1.5625rem;
	margin-bottom: 1.5625rem;
}

@media print, screen and (min-width: 48rem) {
.split-cont4 {
	padding: 80px 0;
}

.split-cont4 .grid-x {
	align-items: center;
}

.split-cont4 .grid-margin-x>.cell {
	width: calc(50% - 2.25rem);
	margin-left: 1.125rem;
	margin-right: 1.125rem;
}

.split-cont4 .grid-margin-x {
	margin-right: -1.125rem;
	margin-left: -1.125rem;
}
}

@media print, screen and (min-width: 75rem) {
.split-cont4 {
	padding: 100px 0;
}

.split-cont4 .aside {
	padding-right: 25px;
}
}


/*
 7.) News Article
----------------------------------------*/

/* Banner - Inner */
.banner-inner {
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 40px 0;
}

.banner-inner:before {
	content: "";
	width: 100%;
	height: 150px;
	float: left;
	background: #ffc36d;
	position: absolute;
	top: 0;
	left: 0;
}

.banner-inner .figure {
	width: 100%;
	text-align: center;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.banner-inner .figure img {
	width: 100%;
}

@media print, screen and (min-width: 48rem) {
.banner-inner {
	padding: 50px 0 40px 0;
}

.banner-inner:before {
	height: 300px;
}
}

@media print, screen and (min-width: 75rem) {
.banner-inner {
	padding: 60px 0 50px 0;
}

.banner-inner:before {
	height: 500px;
}
}

@media print, screen and (min-width: 100rem) {
.banner-inner:before {
	height: 705px;
}
}


/* Colors */
.white {
	color: #ffffff !important;
}

.black {
	color: #000000 !important;
}

.blue {
	color: #162340 !important;
}

.red {
	color: #e3403c !important;
}