/* 
	Table of Contents

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     03. Fonts ------------------------------------
	         Tecna ------------------------------------
	         Lato -------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         Grid -------------------------------------
	         Responsive Helpers -----------------------
	II.  Regions --------------------------------------
	     01. Container --------------------------------
	     02. Content ----------------------------------
	     03. Footer -----------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     04. Header -----------------------------------
	         Mobile -----------------------------------
	     05. Main -------------------------------------
	         Mobile -----------------------------------
	     06. Shell ------------------------------------
	     07. Sidebar ----------------------------------
	     08. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Article ----------------------------------
	     02. Banner -----------------------------------
	         Mobile -----------------------------------
	     03. Button -----------------------------------
	         Button Block -----------------------------
	         Mobile -----------------------------------
	     04. Form Elements ----------------------------
	     05. Form Login -------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     06. List -------------------------------------
	     07. List Icons -------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     08. Logo -------------------------------------
	     09. Nav Utilities ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     10. Nav Primary ------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     11. Nav Secondary ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     12. Nav Footer -------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     13. Section CTA ------------------------------
	         Mobile -----------------------------------
	     14. Section Primary --------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     15. Section Secondary ------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     16. Slider -----------------------------------
	     17. Slider Main ------------------------------
	         Mobile -----------------------------------
	     18. Table ------------------------------------
	     19. Widget -----------------------------------
	     20. Widget Trust -----------------------------
	         Mobile -----------------------------------
	     21. Widget Video -----------------------------
	         Mobile -----------------------------------
	     22. Widget Nav -------------------------------
	         Mobile -----------------------------------
	IV.  Themes ---------------------------------------
	     01. Theme Magnific ---------------------------
 */

.ico-ac { background-image: url(images/sprite.png); background-position: 43.269230769230774% 99.56140350877193%; background-size: 860.9756097560976% 456.25%; width: 41px; height: 64px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-ar { background-image: url(images/sprite.png); background-position: 28.846153846153843% 99.56140350877193%; background-size: 860.9756097560976% 456.25%; width: 41px; height: 64px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-be { background-image: url(images/sprite.png); background-position: 87.17948717948718% 56.82819383259912%; background-size: 860.9756097560976% 449.2307692307692%; width: 41px; height: 65px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-diy { background-image: url(images/sprite.png); background-position: 57.692307692307686% 99.12663755458514%; background-size: 860.9756097560976% 463.49206349206355%; width: 41px; height: 63px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-fp { background-image: url(images/sprite.png); background-position: 0% 100%; background-size: 860.9756097560976% 449.2307692307692%; width: 41px; height: 65px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-gy { background-image: url(images/sprite.png); background-position: 14.423076923076922% 99.56140350877193%; background-size: 860.9756097560976% 456.25%; width: 41px; height: 64px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-in { background-image: url(images/sprite.png); background-position: 72.75641025641025% 56.82819383259912%; background-size: 860.9756097560976% 449.2307692307692%; width: 41px; height: 65px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-join { background-image: url(images/sprite.png); background-position: 99.37304075235109% 53.75%; background-size: 1038.235294117647% 561.5384615384615%; width: 34px; height: 52px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-learn-more { background-image: url(images/sprite.png); background-position: 100% 0%; background-size: 280.1587301587301% 233.6%; width: 126px; height: 125px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-logo-large { background-image: url(images/sprite.png); background-position: 0% 0%; background-size: 158.29596412556052% 130.94170403587444%; width: 223px; height: 223px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-st { background-image: url(images/sprite.png); background-position: 72.11538461538461% 99.12663755458514%; background-size: 860.9756097560976% 463.49206349206355%; width: 41px; height: 63px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-tel { background-image: url(images/sprite.png); background-position: 98.7460815047022% 94.58333333333333%; background-size: 1038.235294117647% 561.5384615384615%; width: 34px; height: 52px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-to { background-image: url(images/sprite.png); background-position: 86.53846153846155% 99.12663755458514%; background-size: 860.9756097560976% 463.49206349206355%; width: 41px; height: 63px; display: inline-block; vertical-align: middle; font-size: 0; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.ico-learn-more { background-image: url(images/sprite.@2x.png); background-position: 100% 0%; background-size: 280.1587301587301% 178.4%; width: 126px; height: 125px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-logo-large { background-image: url(images/sprite.@2x.png); background-position: 0% 0%; background-size: 158.29596412556052% 100%; width: 223px; height: 223px; display: inline-block; vertical-align: middle; font-size: 0; }}
.cols:after,
.footer .footer-content-inner:before,
.footer-info:after,
.header-content-inner:after,
.nav-footer:after,
.section-cta .section-inner:after,
.section-primary .section-inner:after,
.section-secondary .section-inner:after { content: ''; line-height: 0; display: table; clear: both; }
/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */
*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main { display: block; }
html { tap-highlight-color: rgba(0,0,0,0); }
body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }
img,
iframe,
video,
audio,
object { max-width: 100%; }
img,
iframe { border: 0 none; }
img { height: auto; display: inline-block; vertical-align: middle; }
b,
strong { font-weight: bold; }
address { font-style: normal; }
svg:not(:root) { overflow: hidden; }
a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }
a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }
button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
button,
select { text-transform: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
nav ul,
nav ol { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */
body { min-width: 320px; background: #fff; font-family: 'Lato', sans-serif; font-size: 17px; line-height: 1.4; color: #202020; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: none; }
a[href^="tel"] { text-decoration: none; }
h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.7em; font-family: 'Tecna', sans-serif; }
h1 { font-size: 86px; }
h2 { font-size: 37px; }
h3 { font-size: 27px; }
h4 { font-size: 22px; }
h5 { font-size: 20px; }
h6 { font-size: 10px; }
p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.4em; }
h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	h1 { font-size: 64px; }
}
/* Mobile */
@media (max-width: 767px) {
	h2 { font-size: 32px; }
	body { font-size: 14px; }
}
/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */
/*  Tecna  */
@font-face {
	font-family: 'Tecna';
	src: url('fonts/Tecna/TecnaExtralight.eot');
	src: url('fonts/Tecna/TecnaExtralight.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Tecna/TecnaExtralight.woff') format('woff'),
		 url('fonts/Tecna/TecnaExtralight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: 'Tecna';
	src: url('fonts/Tecna/TecnaLight.eot');
	src: url('fonts/Tecna/TecnaLight.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Tecna/TecnaLight.woff') format('woff'),
		 url('fonts/Tecna/TecnaLight.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Tecna';
	src: url('fonts/Tecna/Tecna.eot');
	src: url('fonts/Tecna/Tecna.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Tecna/Tecna.woff') format('woff'),
		 url('fonts/Tecna/Tecna.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Tecna';
	src: url('fonts/Tecna/TecnaDemibold.eot');
	src: url('fonts/Tecna/TecnaDemibold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Tecna/TecnaDemibold.woff') format('woff'),
		 url('fonts/Tecna/TecnaDemibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Tecna';
	src: url('fonts/Tecna/TecnaBold.eot');
	src: url('fonts/Tecna/TecnaBold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Tecna/TecnaBold.woff') format('woff'),
		 url('fonts/Tecna/TecnaBold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Tecna';
	src: url('fonts/Tecna/TecnaExtrabold.eot');
	src: url('fonts/Tecna/TecnaExtrabold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Tecna/TecnaExtrabold.woff') format('woff'),
		 url('fonts/Tecna/TecnaExtrabold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family: 'Tecna';
	src: url('fonts/Tecna/TecnaHeavy.eot');
	src: url('fonts/Tecna/TecnaHeavy.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Tecna/TecnaHeavy.woff') format('woff'),
		 url('fonts/Tecna/TecnaHeavy.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}
@font-face {
	font-family: 'Tecna';
	src: url('fonts/Tecna/TecnaBlack.eot');
	src: url('fonts/Tecna/TecnaBlack.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Tecna/TecnaBlack.woff') format('woff'),
		 url('fonts/Tecna/TecnaBlack.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}
/*  Lato  */
@font-face {
	font-family: 'Lato Hairline';
	src: url('fonts/Lato/Lato-Hairline.eot');
	src: url('fonts/Lato/Lato-Hairline.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Lato/Lato-Hairline.woff') format('woff'),
		 url('fonts/Lato/Lato-Hairline.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
}
@font-face {
	font-family: 'Lato Hairline';
	src: url('fonts/Lato/Lato-HairlineItalic.eot');
	src: url('fonts/Lato/Lato-HairlineItalic.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Lato/Lato-HairlineItalic.woff') format('woff'),
		 url('fonts/Lato/Lato-HairlineItalic.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato/Lato-Thin.eot');
	src: url('fonts/Lato/Lato-Thin.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Lato/Lato-Thin.woff') format('woff'),
		 url('fonts/Lato/Lato-Thin.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato/Lato-ThinItalic.eot');
	src: url('fonts/Lato/Lato-ThinItalic.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Lato/Lato-ThinItalic.woff') format('woff'),
		 url('fonts/Lato/Lato-ThinItalic.ttf') format('truetype');
	font-weight: 200;
	font-style: italic;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato/Lato-Light.eot');
	src: url('fonts/Lato/Lato-Light.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Lato/Lato-Light.woff') format('woff'),
		 url('fonts/Lato/Lato-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato/Lato-LightItalic.eot');
	src: url('fonts/Lato/Lato-LightItalic.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Lato/Lato-LightItalic.woff') format('woff'),
		 url('fonts/Lato/Lato-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato/Lato-Regular.eot');
	src: url('fonts/Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Lato/Lato-Regular.woff') format('woff'),
		 url('fonts/Lato/Lato-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato/Lato-Italic.eot');
	src: url('fonts/Lato/Lato-Italic.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Lato/Lato-Italic.woff') format('woff'),
		 url('fonts/Lato/Lato-Italic.ttf') format('truetype');
	font-weight: 400;
	font-style: italic;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato/Lato-Medium.eot');
	src: url('fonts/Lato/Lato-Medium.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Lato/Lato-Medium.woff') format('woff'),
		 url('fonts/Lato/Lato-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato/Lato-MediumItalic.eot');
	src: url('fonts/Lato/Lato-MediumItalic.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Lato/Lato-MediumItalic.woff') format('woff'),
		 url('fonts/Lato/Lato-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato/Lato-Semibold.eot');
	src: url('fonts/Lato/Lato-Semibold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Lato/Lato-Semibold.woff') format('woff'),
		 url('fonts/Lato/Lato-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato/Lato-SemiboldItalic.eot');
	src: url('fonts/Lato/Lato-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Lato/Lato-SemiboldItalic.woff') format('woff'),
		 url('fonts/Lato/Lato-SemiboldItalic.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato/Lato-Bold.eot');
	src: url('fonts/Lato/Lato-Bold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Lato/Lato-Bold.woff') format('woff'),
		 url('fonts/Lato/Lato-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato/Lato-BoldItalic.eot');
	src: url('fonts/Lato/Lato-BoldItalic.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Lato/Lato-BoldItalic.woff') format('woff'),
		 url('fonts/Lato/Lato-BoldItalic.ttf') format('truetype');
	font-weight: 700;
	font-style: italic;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato/Lato-Heavy.eot');
	src: url('fonts/Lato/Lato-Heavy.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Lato/Lato-Heavy.woff') format('woff'),
		 url('fonts/Lato/Lato-Heavy.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato/Lato-HeavyItalic.eot');
	src: url('fonts/Lato/Lato-HeavyItalic.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Lato/Lato-HeavyItalic.woff') format('woff'),
		 url('fonts/Lato/Lato-HeavyItalic.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato/Lato-Black.eot');
	src: url('fonts/Lato/Lato-Black.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Lato/Lato-Black.woff') format('woff'),
		 url('fonts/Lato/Lato-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('fonts/Lato/Lato-BlackItalic.eot');
	src: url('fonts/Lato/Lato-BlackItalic.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Lato/Lato-BlackItalic.woff') format('woff'),
		 url('fonts/Lato/Lato-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
}
/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */
/*  Clear  */
.clear:after { content: ''; line-height: 0; display: table; clear: both; }
/*  Notext  */
.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }
/*  Hidden  */
[hidden],
.hidden { display: none; }
/*  Alignleft  */
.alignleft { float: left; }
/*  Alignright  */
.alignright { float: right; }
/*  Disabled  */
[disabled],
.disabled { cursor: default; }
/*  Grid  */
.cols { margin: 0 -15px; }
.cols:after { }
.col { float: left; width: 100%; padding: 0 15px; }
.col-1of2 { width: 50%; }
/*  Responsive Helpers  */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }
@media (max-width: 767px) {
	.hidden-xs { display: none !important; }
	.visible-xs-block { display: block !important; }
	.visible-xs-inline { display: inline !important; }
	.visible-xs-inline-block { display: inline-block !important; }
}
@media (min-width: 768px) and (max-width: 1023px) {
	.hidden-sm { display: none !important; }
	.visible-sm-block { display: block !important; }
	.visible-sm-inline { display: inline !important; }
	.visible-sm-inline-block { display: inline-block !important; }
}
@media (min-width: 1024px) and (max-width: 1200px) {
	.hidden-md { display: none !important; }
	.visible-md-block { display: block !important; }
	.visible-md-inline { display: inline !important; }
	.visible-md-inline-block { display: inline-block !important; }
}
@media (min-width: 1201px) {
	.hidden-lg { display: none !important; }
	.visible-lg-block { display: block !important; }
	.visible-lg-inline { display: inline !important; }
	.visible-lg-inline-block { display: inline-block !important; }
}
/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */
.container {}
/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */
.content {}
/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer { position: relative; height: 317px; margin-top: -60px; padding-top: 57px; background: url(../css/images/footer-bg.png) no-repeat center top; z-index: 10; overflow: hidden; }
.footer .footer-content { padding-top: 79px; }
.footer .footer-content-inner { position: relative; }
.footer .footer-content-inner:before { }
.footer .logo { float: left; margin-left: 3px; }
.footer .nav-utilities { float: left; margin-left: 42px; margin-top: -7px; }
.footer .nav-utilities a { transition: opacity .4s ease; }
.footer .nav-utilities ul:not([class]) { display: block; list-style: none; margin: 0; padding: 8px 0 0; font-size: 0; }
.footer .nav-utilities ul:not([class]) li { display: inline-block; vertical-align: middle; }
.footer .nav-utilities ul:not([class]) li ~ li { position: relative; padding-left: 17px; }
.footer .nav-utilities ul:not([class]) li ~ li:before { content: '•'; font-size: 7px; color: #25645f; position: absolute; left: 7px; top: 4px; }
.footer .nav-utilities ul:not([class]) a { display: block; font-size: 12.5px; color: #191919; }
.footer .phone { position: absolute; right: 0; top: -20px; text-align: right; }
.footer .phone a { display: block; font-family: 'Tecna', sans-serif; font-weight: 400; font-size: 21px; color: #000; text-transform: uppercase; }
.footer .phone a span { color: #01423c; }
.footer .phone > span { display: block; font-size: 12.5px; padding-top: 1px; }
.footer-info { width: calc(100% - 126px); float: left; margin-top: 12px; position: relative; padding: 12px 0 10px 42px; background-color: rgba(157, 200, 191, .1); border-top: 1px solid rgba(157, 200, 191, .4); border-bottom: 1px solid rgba(157, 200, 191, .4); }
.footer-info:before { content: ''; width: 9999em; background-color: rgba(157, 200, 191, .1); border-top: 1px solid rgba(157, 200, 191, .4); border-bottom: 1px solid rgba(157, 200, 191, .4); position: absolute; left: 100%; top: -1px; bottom: -1px; }
.footer-info:after { }
.footer-info ul { list-style: none; margin: 0; padding: 0; font-size: 0; float: left; }
.footer-info ul li { display: inline-block; vertical-align: middle; }
.footer-info ul li ~ li { margin-left: 26px; position: relative; }
.footer-info ul li ~ li:before { content: ''; width: 2px; height: 12px; background-color: #fff; opacity: .3; position: absolute; left: -14px; top: 50%; margin-top: -5px; }
.footer-info ul a { display: block; font-weight: 700; font-size: 13px; color: #013d38; letter-spacing: .02em; }
.footer-info p { float: right; margin: 0; font-size: 12.5px; color: #191919; }
.footer-info p a { font-weight: 700; font-size: 15px; color: #013d38; letter-spacing: .05em; }
.footer-outro { clear: both; padding: 18px 0; overflow: hidden; }
.footer .copyright { float: left; margin: 0; font-size: 12px; opacity: .6; letter-spacing: .025em; }
.footer .credits { float: right; margin: 0; font-size: 12px; opacity: .7; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.footer { background-position: 49% top; }
	
	.footer .nav-utilities { margin: -3px; margin-left: 20px; }

	.footer .nav-utilities ul:not([class]) a { font-size: 11px; }

	.footer .phone { top: -12px; }

	.footer-info { padding: 12px 0 10px 20px; }
	
	.footer-info ul { padding-top: 1px; }
	.footer-info ul li ~ li { margin-left: 20px; }
	.footer-info ul li ~ li:before { left: -11px; }
	
	.footer-info ul a,
	.footer-info p { font-size: 11px; }

	.footer-info p a { font-size: 13px; }
}
/* Mobile */
@media (max-width: 767px) {
	.footer { height: auto; background: none; margin-top: 0; padding-top: 0; }
	.footer .footer-bar { background-color: #353535; }
	.footer .footer-content { background-color: #62a29d; padding: 10px 0; }

	.footer .logo { margin: 0; }
	.footer .logo img { width: 80px; height: auto; }

	.footer .phone { top: -5px; }

	.footer .nav-utilities { float: none; clear: both; text-align: left; margin: 0; padding: 10px 0; } 

	.footer .nav-utilities ul:not([class]) li { width: 50%; padding-left: 10px !important; position: relative; }
	.footer .nav-utilities ul:not([class]) li:before { content: '•'; font-size: 7px; color: #25645f; position: absolute; left: 0 !important; top: 4px; }

	.footer-info { width: 100%; background-color: transparent; border: 0; padding: 0; }
	.footer-info:before { display: none; }
	.footer-info p { float: none; padding-top: 5px; clear: both; }

	.footer .copyright,
	.footer .credits { float: none; opacity: .8; }

	.footer .credits { margin-top: 10px; }
}
/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header { background: url(../css/images/header-bg.png) no-repeat center top; position: relative; padding-bottom: 38px; z-index: 99; }
.header-content { overflow: hidden; }
.header-content-inner { padding-top: 72px; position: relative; z-index: 10; }
.header-content-inner:before { content: ''; width: 1530px; height: 87px; background: url(../css/images/header-top-line.png) no-repeat 0 0; position: absolute; right: -60px; top: 0; z-index: -1; }
.header-content-inner:after { }
.header .logo { float: left; margin-top: 7px; margin-left: 3px; }
.header .nav-primary,
.header .nav-utilities { float: right; clear: right; white-space: nowrap; }
.header .nav-primary { margin-top: 2px; }
.header .nav-secondary { margin-top: 6px; }
.header .header-bar { padding: 20px 0 12px; }
.header .header-bar-inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
/* Mobile */
@media (max-width: 767px) {
	.header { padding-bottom: 0; background: none; background-color: #62a29d; }

	.header-content { margin-bottom: 10px; }
	.header-content-inner { padding-top: 10px; }
	.header-content-inner:before { display: none; }

	.header .logo { margin: 0; }
	.header .logo img { width: 80px; height: auto; }

	.header .btn-nav { position: absolute; right: 0; top: 48px; }

	.header .header-bar { padding: 10px 0; background-color: #353535; }

	.header .nav-primary { float: none; clear: both; margin: 0; padding: 0; background-color: transparent; border: 0; }
	.header .nav-primary:after { display: none; }
}
/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */
.main { margin-top: -38px; }
/* Mobile */
@media (max-width: 767px) {
	.main { margin-top: 0; }
}
/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */
.shell { max-width: 960px; padding-left: 10px; padding-right: 10px; margin: auto; }
.shell-fluid { max-width: none; }
/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */
.sidebar {}
/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */
.wrapper { min-height: 100vh; overflow: hidden; }
/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Article
\* ------------------------------------------------------------ */
.article h2 { font-weight: 200; color: #2f2f2f; line-height: 1; text-transform: uppercase; margin: 0 0 27px -3px; }
.article h2 span { color: #006158; }
.article h5 { font-family: 'Lato', sans-serif; font-weight: 700; color: #02423c; margin: 37px 0 15px; }
.article strong { font-weight: 900; }
.article p { margin-bottom: 16px; }
/* ------------------------------------------------------------ *\
	Banner
\* ------------------------------------------------------------ */
.banner { position: relative; }
.banner .banner-image { height: 385px; overflow: hidden; overflow: hidden; }
.banner .banner-image img { position: absolute; left: 50%; top: 18%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: none; }
.banner .banner-content { width: 100%; line-height: 1; position: absolute; left: 0; bottom: 71px; z-index: 10; }
.banner .banner-content h3 { font-weight: 200; text-transform: uppercase; margin: 0 0 -4px; }
.banner .banner-content h1 { font-weight: 200; color: #005b52; text-transform: uppercase; margin: 0; letter-spacing: -.03em; margin-left: -7px; }
.banner .banner-content-inner { display: inline-block; position: relative; z-index: 10; }
.banner .banner-content-inner:before { content: ''; width: 821px; height: 435px; background: url(../css/images/banner-glow.png) no-repeat center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; }
.banner-tiles .banner-image img { top: 48%; }
.banner-locations .banner-image img { top: 52%; }
.banner-secondary .banner-content h3 { color: #fff; }
.banner-secondary .banner-content h1 { color: #60dfd5; }
.banner-secondary .banner-content-inner:before { background: url(../css/images/banner-glow-dark.png) no-repeat center; }
/* Mobile */
@media (max-width: 767px) {
	.banner .banner-image { height: 320px; }
	.banner .banner-content h3 { font-size: 21px; line-height: 1; }
	.banner .banner-content h1 { font-size: 36px; line-height: 1; margin-left: -3px; padding-top: 5px; }
}
/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */
.btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer;
	-webkit-appearance: none;
	   -moz-appearance: none;
	 		appearance: none;
}
/*  Button Block  */
.btn-block { display: block; padding-left: 0; padding-right: 0; }
.btn-green { height: 26px; padding: 5px 19px 4px; font-family: 'Tecna', sans-serif; font-weight: 600; font-size: 13px; color: #fff; text-transform: uppercase; letter-spacing: .1em; background-color: rgba(112, 193, 186, .45); border: 0; border-radius: 5px; transition: background-color .4s ease; }
.btn-green:hover { background-color: rgba(112, 193, 186, .6); }
.btn-nav { width: 32px; border: 0; }
.btn-nav:before { content: 'Menu'; font-family: 'Tecna', sans-serif; font-size: 12px; color: #000; text-transform: uppercase; position: absolute; right: 100%; top: 2px; margin-right: 10px; }
.btn-nav .bar { display: block; height: 2px; background-color: #000; opacity: .5; position: relative; top: 0; transition: all .4s ease; }
.btn-nav .bar ~ .bar { margin-top: 7px; }
.btn-nav.active:before { content: 'Close'; }
.btn-nav.active .bar:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 9px; }
.btn-nav.active .bar:nth-child(2) { opacity: 0; }
.btn-nav.active .bar:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: -9px; }
/* Mobile */
@media (max-width: 767px) {
	.btn-green { font-size: 11px; }
}
/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */
input::-webkit-input-placeholder { color: inherit; opacity: 1; }
input::-moz-placeholder { color: inherit; opacity: 1; }
input:-ms-input-placeholder { color: inherit; opacity: 1; }
input::placeholder { color: inherit; opacity: 1; }
textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }
textarea::-moz-placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }
input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; }
.field { height: 26px; padding: 4px 11px; font-size: 13px; color: #fff; background-color: #202020; border: 1px solid #404040; border-radius: 5px; }
.field::-webkit-input-placeholder { color: rgba(255, 255, 255, .6); }
.field::-moz-placeholder { color: rgba(255, 255, 255, .6); }
.field:-moz-placeholder { color: rgba(255, 255, 255, .6); }
.field:-ms-input-placeholder { color: rgba(255, 255, 255, .6); }
/* ------------------------------------------------------------ *\
	Form Login
\* ------------------------------------------------------------ */
.form-login form { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.form-login .form-head { margin-right: 18px; }
.form-login .form-head h6 { font-weight: 600; font-size: 14px; color: #70c1ba; text-transform: uppercase; letter-spacing: .025em; position: relative; top: 2px; }
.form-login .form-body { font-size: 0; }
.form-login .form-body .form-row { display: inline-block; vertical-align: middle; margin-right: 8px; }
.form-login .field { width: 156px; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.form-login { white-space: nowrap; }
	.form-login .field { width: 140px; }

	.form-login .form-head { margin-right: 10px; }
	.form-login .form-head h6 { font-size: 12px; }
}
/* Mobile */
@media (max-width: 767px) {
	.form-login { width: 100%; display: block; height: 0; overflow: hidden; position: relative; padding-top: 20px; transition: height .4s ease; }
	.form-login.active { height: 115px; }
	.form-login form { display: block; }
	
	.form-login .form-head { text-align: center; }
	.form-login .form-head h6 { width: 100%; height: 20px; text-align: center; position: absolute; left: 0; bottom: 100%; }

	.form-login .form-body .form-row { display: block; margin-right: 0; margin-bottom: 8px; text-align: center; }
	
	.form-login .form-actions { text-align: center; }
	.form-login .form-actions .btn { width: 140px; }
}
/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */
[class^="list-"] { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	List Icons
\* ------------------------------------------------------------ */
.list-icons { font-size: 0; margin: 0; padding: 0; }
.list-icons li { display: inline-block; vertical-align: middle; width: 38%; margin-bottom: 14px; }
.list-icons li:nth-child(3n+2) { width: 35%; }
.list-icons li:nth-child(3n+3) { width: 27%; }
.list-icons li i,
.list-icons li span { display: inline-block; vertical-align: middle; }
.list-icons li span { width: calc(100% - 41px); font-family: 'Tecna', sans-serif; font-weight: 600; font-size: 16px; color: #2f2f2f; line-height: 1.2; padding-left: 15px; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.list-icons li { width: 33.3333% !important; }
	.list-icons li span { font-size: 12px; padding: 0 10px; }
}
/* Mobile */
@media (max-width: 767px) {
	.list-icons li { width: 50% !important; }	
	.list-icons li span { font-size: 11px; }	
}
/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */
.logo {}
/* ------------------------------------------------------------ *\
	Nav Utilities
\* ------------------------------------------------------------ */
.nav-utilities { font-size: 0; }
.nav-utilities ul { display: inline-block; vertical-align: middle; list-style: none; margin: 0; padding: 0; }
.nav-utilities ul:first-child { position: relative; top: 5px; }
.nav-utilities ul a { transition: opacity .4s ease; }
.nav-utilities ul a:hover { opacity: .65; }
.nav-utilities ul li { display: inline-block; vertical-align: middle; }
.nav-utilities ul ~ ul { margin-left: 61px; }
.nav-utilities .list-links a { display: block; font-size: 12.5px; color: #000; letter-spacing: .025em; text-transform: uppercase; }
.nav-utilities .list-links li ~ li { position: relative; padding-left: 20px; }
.nav-utilities .list-links li ~ li:before { content: '•'; font-size: 8px; color: #1a6962; position: absolute; left: 8px; top: 2px; }
.nav-utilities .list-utility-links li ~ li { margin-left: 24px; }
.nav-utilities .list-utility-links a { display: block; font-family: 'Tecna', sans-serif; font-size: 19px; text-transform: uppercase; cursor: pointer; }
.nav-utilities .list-utility-links a > span { display: inline-block; vertical-align: middle; margin-left: 5px; }
.nav-utilities .list-utility-links a.link-join { color: #fce79d; letter-spacing: .015em; }
.nav-utilities .list-utility-links a.link-tel { font-size: 21px; color: #000; letter-spacing: -.01em; }
.nav-utilities .list-utility-links a.link-tel span:first-child { color: #01423c; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.nav-utilities ul:first-child { top: 0; }
	.nav-utilities ul ~ ul { margin-left: 20px; }

	.nav-utilities .list-links a { font-size: 11px; }
	.nav-utilities .list-links li ~ li { padding-left: 15px; }
	.nav-utilities .list-links li ~ li:before { left: 6px; }

	.nav-utilities .list-utility-links li ~ li { margin-left: 10px; }

	.nav-utilities .list-utility-links a,
	.nav-utilities .list-utility-links a.link-tel { font-size: 15px; }
}
/* Mobile */
@media (max-width: 767px) {
	.nav-utilities { text-align: right; }
	.nav-utilities ul ~ ul { margin-left: 0; margin-top: 10px; display: block; }

	.nav-utilities .list-utility-links { padding-right: 98px; }

	.nav-utilities .list-utility-links a,
	.nav-utilities .list-utility-links a.link-tel { font-size: 0; }

	.nav-utilities .list-links a { font-size: 9px; }
	.nav-utilities .list-links li ~ li { padding-left: 10px; }	
	.nav-utilities .list-links li ~ li:before { left: 3px; top: 0; }	
}
/* ------------------------------------------------------------ *\
	Nav Primary
\* ------------------------------------------------------------ */
.nav-primary { width: calc(100% - 126px); background-color: rgba(157, 200, 191, .1); border-top: 1px solid rgba(157, 200, 191, .4); border-bottom: 1px solid rgba(157, 200, 191, .4); padding: 10px 0 12px 41px; position: relative; }
.nav-primary:after { content: ''; width: 2000px; background-color: rgba(157, 200, 191, .1); border-top: 1px solid rgba(157, 200, 191, .4); border-bottom: 1px solid rgba(157, 200, 191, .4); position: absolute; left: 100%; top: -1px; bottom: -1px; }
.nav-primary ul { list-style: none; margin: 0; padding: 0; font-size: 0; }
.nav-primary li { display: inline-block; vertical-align: middle; }
.nav-primary li:nth-child(2) ~ li { margin-left: 19px; position: relative; }
.nav-primary li:nth-child(2) ~ li:nth-last-child(3) { margin-left: 21px; }
.nav-primary li:nth-child(2) ~ li:before { content: ''; width: 1px; height: 14px; background-color: #6cb4ae; position: absolute; left: -10px; top: 50%; margin-top: -7px; }
.nav-primary a { display: block; font-family: 'Tecna', sans-serif; font-weight: 200; font-size: 15px; color: #fff; text-transform: uppercase; letter-spacing: .028em; transition: color .4s ease; }
.nav-primary a:hover { color: #01423c; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.nav-primary { padding: 11px 0 11px 10px; }
	.nav-primary a { font-size: 11px; }
	.nav-primary li:nth-child(2) ~ li { margin-left: 20px; }
}
/* Mobile */
@media (max-width: 767px) {
	.nav-primary { width: 100%; max-height: 0; overflow: hidden; transition: max-height .4s ease; }
	.nav-primary.active { max-height: 200px; }
	.nav-primary ul { padding-top: 10px; }
	.nav-primary li { display: block; text-align: center; }
	.nav-primary li ~ li { margin-left: 0 !important; }
	.nav-primary li ~ li:before { display: none !important; }
	.nav-primary a { padding: 3px 0; }
}
/* ------------------------------------------------------------ *\
	Nav Secondary
\* ------------------------------------------------------------ */
.nav-secondary ul { list-style: none; margin: 0; padding: 0; font-size: 0; }
.nav-secondary li { display: inline-block; vertical-align: middle; position: relative; }
.nav-secondary li ~ li { margin-left: 32px; }
.nav-secondary li ~ li:before { content: ''; width: 1px; height: 10px; background-color: #8a8a8a; position: absolute; left: -16px; top: 50%; margin-top: -5px; }
.nav-secondary a { display: block; font-family: 'Tecna', sans-serif; font-weight: 200; font-size: 13px; color: #fff; text-transform: uppercase; letter-spacing: .05em; transition: opacity .4s ease; }
.nav-secondary a:hover { opacity: .75; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.nav-secondary { white-space: nowrap; }
	.nav-secondary a { font-size: 11px; }
	.nav-secondary li ~ li { margin-left: 20px; }
	.nav-secondary li ~ li:before { left: -11px; }
}
/* Mobile */
@media (max-width: 767px) {
	.nav-secondary { display: none; }
}
/* ------------------------------------------------------------ *\
	Nav Footer
\* ------------------------------------------------------------ */
.nav-footer:after { }
.nav-footer ul { float: left; list-style: none; margin: 0; padding: 0; font-size: 0; }
.nav-footer ul li { display: inline-block; vertical-align: middle; }
.nav-footer ul li ~ li { margin-left: 30px; position: relative; }
.nav-footer ul li ~ li:before { content: ''; width: 1px; height: 10px; background-color: #8a8a8a; position: absolute; left: -15px; top: 50%; margin-top: -5px; }
.nav-footer ul a { display: block; font-family: 'Tecna', sans-serif; font-weight: 200; font-size: 12px; color: #fff; text-transform: uppercase; letter-spacing: .03em; transition: opacity .4s ease; }
.nav-footer ul a:hover { opacity: .6; }
.nav-footer ul ~ ul { float: right; margin-right: -2px; }
.nav-footer ul ~ ul li:nth-child(2):before { display: none; }
.nav-footer ul ~ ul li:nth-child(2) ~ li { margin-left: 19px; }
.nav-footer ul ~ ul li:nth-child(2) ~ li:before { left: -10px; background-color: #6cb4ae; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.nav-footer ul a { font-size: 10px; }
	.nav-footer ul li ~ li { margin-left: 20px; }
	.nav-footer ul li ~ li:before { left: -11px; }

	.nav-footer ul ~ ul li:nth-child(2) { margin-left: 0; }
}
/* Mobile */
@media (max-width: 767px) {
	.nav-footer { padding: 10px 0; text-align: center; }
	.nav-footer ul ~ ul { float: none; margin: 0; }
	.nav-footer ul li { display: block; }
	.nav-footer ul a { padding: 3px 0; }
	.nav-footer ul li ~ li { margin-left: 0 !important; }
	.nav-footer ul li ~ li:before { display: none !important; }
}
/* ------------------------------------------------------------ *\
	Section CTA
\* ------------------------------------------------------------ */
.section-cta { height: 110px; background: url(../css/images/black-line.png) no-repeat center top; position: relative; z-index: 10; margin-top: -16px; margin-bottom: -37px; padding-top: 23px; }
.section-cta a { transition: opacity .4s ease; }
.section-cta a:hover { opacity: .65; }
.section-cta p { margin: 0; font-family: 'Tecna', sans-serif; font-weight: 400; font-size: 15px; color: #fff; text-transform: uppercase; letter-spacing: .05em; }
.section-cta p a { font-family: 'Lato', sans-serif; font-weight: 500; font-size: 13px; color: #91c6c1; text-transform: none; letter-spacing: .025em; }
.section-cta .section-inner:after { }
.section-cta .section-aside { float: left; }
.section-cta .section-aside > a { display: inline-block; font-family: 'Tecna', sans-serif; font-weight: 400; font-size: 15px; color: #fce095; text-transform: uppercase; letter-spacing: .05em; }
.section-cta .section-aside + .section-aside { float: right; padding-right: 9px; }
/* Mobile */
@media (max-width: 767px) {
	.section-cta p { font-size: 10px; }
	.section-cta p a { font-size: 11px; }

	.section-cta .section-aside { float: none; width: 100%; }
	.section-cta .section-aside > a { font-size: 13px; }
}
/* ------------------------------------------------------------ *\
	Section Primary
\* ------------------------------------------------------------ */
.section-primary { padding: 50px 0 100px; background: #fff url(../css/images/main-primary.jpg) no-repeat center top; position: relative; z-index: 1; }
.section-primary .section-inner:after { }
.section-primary .section-aside { float: left; width: 220px; padding-right: 63px; padding-top: 15px; position: relative; }
.section-primary .section-aside:after { content: ''; width: 10px; height: 735px; background: url(../css/images/separator-vertical.png) no-repeat 0 0; position: absolute; right: 5px; top: -60px; }
.section-primary .section-body { float: right; width: 684px; padding-top: 40px; }
.section-primary .section-body h2 { font-weight: 200; color: #2f2f2f; text-transform: uppercase; margin: 0 0 6px; }
.section-primary .section-body h2 span { color: #006158; }
.section-primary .section-body p { margin-bottom: 37px; letter-spacing: -.01em; }
.section-primary .section-body p.lead { margin-bottom: 68px; }
.section-primary .section-body p strong { font-weight: 900; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.section-primary .section-body { width: 500px; padding-top: 0; }
}
/* Mobile */
@media (max-width: 767px) {
	.section-primary { padding: 30px 0; }

	.section-primary .section-inner { display: table; }

	.section-primary .section-aside,
	.section-primary .section-body { float: none; width: 100%; padding: 0; }

	.section-primary .section-aside { display: table-footer-group; }
	.section-primary .section-aside:after { display: none; }

	.section-primary .section-body p.lead { margin-bottom: 30px; }
}
/* ------------------------------------------------------------ *\
	Section Secondary
\* ------------------------------------------------------------ */
.section-secondary { padding: 104px 0 186px; background: #fff url(../css/images/main-secondary.jpg) no-repeat center top; position: relative; z-index: 1; }
.section-secondary .section-inner:after { }
.section-secondary .section-aside { float: left; width: 203px; margin-left: -30px; }
.section-secondary .section-body { float: right; width: 684px; }
/* Tablet Portrait */
@media (max-width: 1023px) {
	.section-secondary { padding: 60px 0 100px; }

	.section-secondary .section-aside { margin-left: 0; }

	.section-secondary .section-body { width: 500px; }
}
/* Mobile */
@media (max-width: 767px) {
	.section-secondary { padding: 40px 0 30px; }

	.section-secondary .section-inner { display: table; }

	.section-secondary .section-aside,
	.section-secondary .section-body { float: none; width: 100%; padding: 0; }

	.section-secondary .section-body { margin-bottom: 30px; }

	.section-secondary .section-aside { display: table-footer-group; }
	.section-secondary .section-aside:after { display: none; }
}
/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */
.slider { position: relative; }
.slider .owl-item { -webkit-backface-visibility: visible; }
/* ------------------------------------------------------------ *\
	Slider Main
\* ------------------------------------------------------------ */
.slider-main .slide-image { height: 551px; overflow: hidden; position: relative; }
.slider-main .slide-image img { width: auto; position: absolute; left: 49.9%; top: 41.9%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: none; }
.slider-main .slide-content { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.slider-main .slide-content .shell { height: 100%; }
.slider-main .slide-content-inner { position: relative; height: 100%; }
.slider-main .slide-content-text { text-align: right; position: absolute; right: 0; top: 47%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; }
.slider-main .slide-content-text:before { content: ''; width: 1253px; height: 500px; background: url(../css/images/glow.png) no-repeat 0 0; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; }
.slider-main .slide-content-text h3 { font-weight: 200; text-transform: uppercase; color: #000; margin: 0; line-height: 1; letter-spacing: -.01em; }
.slider-main .slide-content-text h1 { font-weight: 200; text-transform: uppercase; color: #006158; margin: 0 0 10px; letter-spacing: -.035em; line-height: .9; }
.slider-main .slide-content-text p { margin: 0; letter-spacing: -.015em; }
.slider-main .slide-logo { position: absolute; left: -70px; top: 5px; z-index: 11; }
.slider-main .slide-logo.bottom { left: 0; bottom: 40px; top: auto; }
.slider-main .slide-logo.bottom img { width: 105px; height: auto; }
.slider-main .slide-logo span { font-family: 'Tecna', sans-serif; font-weight: 800; font-size: 45px; color: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.slider-main .link-more { position: absolute; right: -20px; bottom: 30px; z-index: 11; transition: opacity .4s ease; }
.slider-main .link-more:hover { opacity: .75; }
.slider-main .link-more span { font-family: 'Tecna', sans-serif; font-weight: 400; font-size: 16px; color: #fff; text-transform: uppercase; line-height: 1.2; text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
/* Mobile */
@media (max-width: 767px) {
	.slider-main .owl-item { overflow: hidden; }
	.slider-main .slide-image { height: 352px; }

	.slider-main .slide-content-text h3 { font-size: 21px; line-height: 1; }
	.slider-main .slide-content-text h1 { font-size: 36px; line-height: 1; }
	.slider-main .slide-content-text p { font-size: 12px; }
	.slider-main .slide-content-text p br { display: none; }

	.slider-main .slide-logo { display: none; }
	.slider-main .ico-learn-more { width: 94px; height: 94px; }

	.slider-main .link-more { right: -10px; bottom: 20px; }
	.slider-main .link-more span { font-size: 12px; }
}
/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */
.table {}
/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */
.widgets { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Widget Trust
\* ------------------------------------------------------------ */
.widget-trust { margin-bottom: 45px; }
.widget-trust .widget-head { margin-bottom: 21px; padding-left: 5px; }
.widget-trust .widget-head h6 { margin: 0; font-weight: 600; color: #000; text-transform: uppercase; letter-spacing: .18em; }
.widget-trust ul { list-style: none; margin: 0; padding: 0 26px 0 0; text-align: center; }
.widget-trust ul span { display: block; font-weight: 700; font-size: 8px; text-transform: uppercase; color: #545003; letter-spacing: .075em; padding-top: 9px; line-height: 1.3; }
.widget-trust ul li { position: relative; }
.widget-trust ul li:before { content: ''; width: 184px; height: 10px; background: url(../css/images/separator-horizontal.png) no-repeat 0 0; position: absolute; left: 50%; top: -20px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.widget-trust ul li ~ li { margin-top: 42px; }
.widget-trust ul li ~ li:before { top: -36px; }
/* Mobile */
@media (max-width: 767px) {
	.widget-trust ul { padding: 0; }
	.widget-trust .widget-head { text-align: center; }
}
/* ------------------------------------------------------------ *\
	Widget Video
\* ------------------------------------------------------------ */
.widget-video .widget-head { margin-bottom: 6px; margin-right: -20px; }
.widget-video .widget-head h5 { font-family: 'Tecna', sans-serif; font-weight: 400; font-size: 19px; color: #014741; letter-spacing: -.01em; margin: 0 0 7px; }
.widget-video .widget-head p { font-size: 14px; line-height: 1.45; margin: 0; }
.widget-video .video { display: block; margin-left: -10px; margin-right: -10px; }
/* Mobile */
@media (max-width: 767px) {
	.widget-video { text-align: center; }
	.widget-video .widget-head { margin-right: 0; }
}
/* ------------------------------------------------------------ *\
	Widget Nav
\* ------------------------------------------------------------ */
.widget-nav { position: relative; margin-bottom: 45px; }
.widget-nav:before { content: ''; width: 10px; height: 407px; background: url(../css/images/widget-border.png) no-repeat 0 0; position: absolute; left: 0; top: -70px; z-index: -1; }
.widget-nav .widget-head { margin-bottom: 6px; position: relative; z-index: 2; }
.widget-nav .widget-head:before { content: ''; width: 254px; height: 98px; background: url(../css/images/widget-head.png) no-repeat 0 0; position: absolute; left: 0; top: -11px; z-index: -1; }
.widget-nav .widget-head h5 { padding: 14px 10px 14px 21px; font-weight: 400; font-size: 19px; color: #fff; text-transform: uppercase; margin: 0; }
.widget-nav .widget-head h5 span { color: #84c3bd; }
.widget-nav .widget-body ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid #9ea0a3; }
.widget-nav .widget-body ul li { border-bottom: 1px solid #9ea0a3; }
.widget-nav .widget-body ul a { display: block; padding: 17px 0 14px 23px; font-family: 'Tecna', sans-serif; font-weight: 700; font-size: 13px; color: #2c2c2c; text-transform: uppercase; letter-spacing: .05em; transition: color .4s ease; }
.widget-nav .widget-body ul a:hover,
.widget-nav .widget-body ul .active a { color: #025f57; }
.widget-nav .widget-body ul .active a { font-weight: 900; font-size: 14px; }
/* Mobile */
@media (max-width: 767px) {
	.widget-nav { width: 204px; margin: 50px 0 70px; }
	.widget-nav:before { left: -1px; }
}
/* ------------------------------------------------------------ *\
	IV.  Themes
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Theme Magnific
\* ------------------------------------------------------------ */
.mfp-fade.mfp-bg { opacity: 0; transition: all .4s ease; }
.mfp-fade.mfp-bg.mfp-ready { opacity: .8; }
.mfp-fade.mfp-bg.mfp-removing { opacity: 0; }
.mfp-fade.mfp-wrap .mfp-content {  opacity: 0; transition: all .4s ease; }
.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }
.article-entry ul {padding-left: 25px;}
span.subtitle {color: #02423c; font-weight: 600;}

.videowrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videowrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

section.section-secondary article > div > table > tbody > tr:nth-child(1) > td:nth-child(1) {width:240px;}
@media (max-width: 440px) {section.section-secondary article > div > table > tbody > tr:nth-child(1) > td:nth-child(1) {width:210px;}}
@media (max-width: 400px) {section.section-secondary article > div > table > tbody > tr:nth-child(1) > td:nth-child(1) {width:140px;}}

.notice {text-align:center;background-color:#000;color:#fff; padding:10px;
animation-fill-mode: forwards; 
animation: .5s ease-out 0s 1 wait, 2s ease-out 1s 1 slideInFromLeft forwards;  opacity:0;
}

@keyframes wait {
    from { transform: translateY(20px); }
    to { transform: translateY(20px); }
}

@keyframes slideInFromLeft {
  0% {
    transform: translateX(-100%);
    opacity:0;
  }
  100% {
    transform: translateX(0);
    opacity:1;
  }
}


/* XMAS */
@media (max-width: 640px) {
    .xmas img {height: auto;position: relative; max-width: 280%; left:-89%;}
}


.form-actions .btn-green  {background-color: #01736B; font-size:17px; padding: 2px 12px 2px;}
.form-login .form-head > a {color:#fce095; text-shadow: 0px 0px 6px #000; font-weight: 700;}
.form-login .form-head span {color:#01736B; text-shadow: 0px 0px 5px #fff; }


/* SOCIAL MEDIA ICONS */

@media (max-width: 767px) {
    .header-bar {position:relative;}
    .desktopsocial {display:none !important;}
    .mobilesocial {display:block !important;}
    .header .header-bar {padding: 12px 0;}
}

@media (min-width: 767px) {

    .desktopsocial {display:block !important;}
    .mobilesocial {display:none !important;}
}