/*
@base	: ThemeNio @v1.1 @iO
@for	: !JPWEarth!
@vers	: 1.1.0 #210126
@update	: 170126#iO
@revs	: 00.00.01
*/
/* ## Base style @v1.0 ## */
* {margin:0;padding:0;border:0;vertical-align:baseline} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block} table {border-collapse:collapse;border-spacing:0} strong,dfn,b {font-weight:bold} em,dfn{font-style:italic} sup,sub {line-height:0;font-size:.6em} sup {vertical-align:super} sub {vertical-align:sub} address{margin:0 0 1.5em;font-style:italic} pre{margin:1.5em 0;white-space:pre} pre,code,tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5} ol,ul {list-style: none} input,select,img {vertical-align:middle} small{font-size:0.75em}
.sec {width:100%;clear:both;float:left;box-sizing:border-box} .row {clear:both;margin-left:-10px;margin-right:-10px} .row:after, .sec:after, .cols:after, .main:after, .afterfix:after {clear:both;content:"";display:table} .icontent, .isidebar {min-height: 1px}

/* ### OnGrid @v1.1 ### */
.g0,.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12, .g0c,.g1c,.g2c,.g3c,.g4c,.g5c,.g6c, .g0s,.g1s,.g2s,.g3s,.g4s,.g5s,.g6s,.g7s,.g8s,.g9s,.g10s,.g11s,.g12s, .g0m,.g1m,.g2m,.g3m,.g4m,.g5m,.g6m,.g7m,.g8m,.g9m,.g10m,.g11m,.g12m, .g20,.g40,.g60,.g80 {padding-left:10px;padding-right:10px;box-sizing:border-box;float:left;width:100%}
.g1s {width:8.33333333%} .g2s {width:16.66666667%} .g3s {width:25%} .g4s {width:33.33333333%} .g5s {width:41.66666667%} .g6s {width:50%} .g7s {width:58.33333333%} .g8s {width:66.66666667%} .g9s {width:75%} .g10s {width:83.33333333%} .g11s {width:91.66666667%} .g12s, .g0s {width:100%} .c0x0,.c1x2,.c1x3,.c2x3,.c1x4,.c2x4,.c3x4,.c1x6, .c2x6,.c3x6,.c4x6,.c5x6 {width:100%;margin-right:0}
.main {width:100%;padding-left:20px;padding-right:20px;min-width:300px} .main.fluid {width:100%;max-width:100%;padding-left:20px;padding-right:20px} 
.c1x5,.c2x5,.c3x5,.c4x5 {width:100%;margin-right:0} .g0s, .g12s {width:100%}

@media (min-width: 480px) {
	.c1x2, .c1x3, .c2x3 {width:100%;padding-right:0} .c1x6 {width:49%}
}
@media (min-width: 768px) {
	.row {margin-left:-15px;margin-right:-15px} .main.fluid {padding-left:30px;padding-right:30px} .main {margin:0 auto; width:710px; padding-left:0;padding-right:0;} 
	/* ## OnGrid @v1.0 ## */
	.g0,.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12, .g0c,.g1c,.g2c,.g3c,.g4c,.g5c,.g6c, .g0s,.g1s,.g2s,.g3s,.g4s,.g5s,.g6s,.g7s,.g8s,.g9s,.g10s,.g11s,.g12s, .g0m,.g1m,.g2m,.g3m,.g4m,.g5m,.g6m,.g7m,.g8m,.g9m,.g10m,.g11m,.g12m, .g20,.g40,.g60,.g80 {padding-left:15px;padding-right:15px;} .g1 {width:8.33333333%} .g2,.g6c {width:16.66666667%} .g3,.g4c {width:25%} .g4,.g3c {width:33.33333333%} .g5 {width:41.66666667%} .g6,.g2c {width:50%} .g7 {width:58.33333333%} .g8 {width:66.66666667%} .g9 {width:75%} .g10 {width:83.33333333%} .g11 {width:91.66666667%} .g12,.g0,.g0c,.g1c {width:100%} .g20,.g5c {width:20%} .g40 {width:40%} .g60 {width:60%} .g80 {width:80%} .g1o {margin-left:8.33333333%} .g2o {margin-left:16.66666667%} .g3o {margin-left:25%} .g4o {margin-left:33.33333333%} .g5o {margin-left:41.66666667%} .g6o {margin-left:50%} .g7o {margin-left:58.33333333%} .g8o {margin-left:66.66666667%} .g9o {margin-left:83.33333333%} .g10o {margin-left:83.33333333%} .g11o {margin-left:91.66666667%} .c0x0,.c1x2,.c1x3,.c2x3,.c1x4,.c2x4,.c3x4,.c1x5,.c2x5,.c3x5,.c4x5,.c1x6,.c2x6,.c3x6,.c4x6,.c5x6 {float:left;width:98%;margin-right:2%;box-sizing:border-box} .c0x0 {width:100%;margin-right:0} .cols {clear:both} .c0x0.last, .c1x2.last, .c1x3.last, .c2x3.last, .c1x4.last, .c2x4.last, .c3x4.last, .c1x5.last, .c2x5.last, .c3x5.last, .c4x5.last, .c1x6.last, .c2x6.last, .c3x6.last, .c4x6.last, .c5x6.last {margin-right:0} .c1x2, .c2x4, .c3x6 {width:49%} .c1x3, .c2x6 {width:32%} .c2x3, .c4x6 {width:66%} .c1x4 {width:23.50%} .c3x4 {width:74.50%} .c1x5 {width:18.40%} .c2x5 {width:38.80%} .c3x5 {width:59.20%} .c4x5 {width:79.60%} .c1x6 {width:15%} .c5x6 {width:83%}
}
@media (min-width: 993px) {.main {width:930px}}
@media (min-width: 1281px) {
	.main {width:1186px} .main.md {max-width: 930px} .main.sm {max-width: 710px} .main.lg {max-width: 1186px} .main.xl {max-width: 1410px}
}
/* ### OnGrid @v1.1 --End ### */

/* ## Common Style @v1.0 ## */
.clr, .clear {clear:both;display:block} .clr {line-height:0;height:0} .oh {overflow:hidden} .ohw {overflow:hidden;width:100%} .fls {float:left} .frs {float:right} .pa {position:absolute} .pr {position:relative} .ac, .center {text-align:center} .ar {text-align:right} .aj {text-align:justify} .al {text-align:left} .pad {padding:15px;box-sizing:border-box} .nopd, .nopad {padding-left:0;padding-right:0} .nomg, .nomgn {margin-left:0;margin-right:0} .animated {visibility:hidden} .translate {transition:transform 450ms} .show {display:block} .hide, .ui-tabs-hide, .ui-helper-hidden-accessible{display:none}

/* ## Color Presets ## */
:root {
	/* ### Fonts ### */
	--font-body: "Rubik", Arial, Helvetica, sans-serif;
	--font-heading: "Rubik", sans-serif;
	--font-button: "Space Grotesk", sans-serif;
	--font-link: "Space Grotesk", sans-serif;

	/* ### Base Colors ### */
	--color-primary: #091C3A;
	--color-secondary: #0761B9;
	--color-accent: #091C3A;
	--color-accent-2: #1FB6EF;

	/* ### Text Colors ### */
	--color-light: #FFFFFF;
	--color-dark: #000000;
	--color-grey: #737373;
	--color-grey-dark: #0C0C0C;
	--color-sky: #6CCBFF;

	/* ### Background Colors ### */
	--bg-primary: #091C3A;
	--bg-secondary: #0761B9;
	--bg-accent: #091C3A;
	--bg-accent-2: #1FB6EF;
	--bg-white: #FFFFFF;
	--bg-grey: #D7D7D7;
	--bg-grey-light: #132A4E;
	--bg-dark: #000000;
	--bg-body: #FFFFFF;
	--bg-transparent: transparent;

	/* ### Text Sizes, Line-heights Weights ### */
	--font-size-base: 16px;
	--line-height-base: 1.4;

	--font-weight-base: 400;
	--font-weight-h1: 700;
	--font-weight-h2: 700;
	--font-weight-h3: 700;
	--font-weight-h4: 700;
	--font-weight-h5: 700;
	--font-weight-h6: 700;

	/* ### Decorations ### */
	--letter-spacing: 0px;
	--text-transform: capitalize;
	--text-decoration: none;
	--image-radius: 0px;

	--heading-transform: capitalize;
	--heading-line-height: 1.4;

	/* ### Buttons ### */
	--button-radius: 0;
	--button-letter-spacing: 0;
	--border-light: #ffffff;
	--border-dark: #000000;
	--border-primary: #091C3A;
	--border-secondary: #0761B9;
	--border-accent: #091C3A;
	--border-accent-2: #0761B9;
	--border-grey: #D7D7D7;
	--border-grey-dark: #313131;
    --border-sky: #6CCBFF;

	/* ### Sections Gap ### */
	--padding-top-sm: 25px;
	--padding-bottom-sm: 25px;
	--padding-top-rg: 50px;
	--padding-bottom-rg: 50px;
	--padding-top-lg: 75px;
	--padding-bottom-lg: 75px;
	--padding-top-xl: 100px;
	--padding-bottom-xl: 100px;
	--padding-top-xxl: 150px;
	--padding-bottom-xxl: 150px;
}

/* ## General Style ## */
body {font-family: var(--font-body); font-size: var(--font-size-base, 16px); line-height: var(--line-height-base, 1.4); color: var(--color-primary, #000000); font-weight: var(--font-weight-base, 400); background: var(--bg-light); letter-spacing: var(--letter-spacing);}
h1, h2, h3, h4, h5, h6 {font-weight:700;line-height:var(--heading-line-height, 1.2);margin:0 0 15px;font-family: var(--font-heading);} 
h1, h2 {margin:0 0 25px} p {margin:0 0 16px;}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child {margin-bottom:0} .row-sc + p {margin-top: 16px}
h1 {font-size:2.5rem} h2 {font-size:2rem} h3 {font-size:1.875rem} h4 {font-size:1.5rem} h5 {font-size:1.375rem} h6 {font-size:1.15rem}
img {max-width:100%;height:auto} * {box-sizing: border-box;}

/* ## Links/Buttons ## */
a:link, a:visited {color: var(--color-primary);text-decoration:none;outline:0;transition:color 350ms}
a:focus, a:hover {color: var(--color-secondary);text-decoration:none;outline:0} a:active {color:#000}
a.button, a.btn {color: var(--color-light); font-size: 1rem; text-align: center; line-height:1.4;font-weight:500;padding: 10px 18px;margin:0;display:inline-block;position: relative;transition:all 400ms;box-sizing:border-box;text-decoration:none;border-radius: var(--button-radius); background-color: var(--bg-secondary); border: 1px solid var(--border-secondary);overflow: hidden;font-family: var(--font-button);letter-spacing: var(--button-letter-spacing); margin: 10px 10px 0 0;}
a.button:hover, a.btn:hover {color: var(--color-light); background-color: var(--bg-accent); border-color: var(--border-accent);}
a.button:last-of-type, a.btn:last-of-type {margin-right: 0;}
a.button.btn-large {padding: 18px 35px; font-size: 1em; min-width: 200px; margin-top: 15px}
a.btn-trans {background-color: transparent; border-color: transparent; color: var(--color-primary); padding: 0;}
a.btn-outline {background-color: transparent; border-color: var(--color-primary); color: var(--color-primary);}
.light a.btn-outline.btn-icon.btn-icon-phone {background-color: transparent; border-color: var(--border-light); color: var(--color-light);}
.light a.btn-trans {background-color: transparent; border-color: transparent; color: var(--color-accent-2); padding: 0;}
a.btn-trans.btn-lg{font-weight: 700; font-family: var(--font-body);}
/* a.btn-outline.btn-icon span::after {filter: brightness(1) invert(0);} */
a.btn-outline.btn-icon span::after {filter: brightness(0) saturate(100%) invert(8%) sepia(33%) saturate(3589%) hue-rotate(198deg) brightness(95%) contrast(97%);}
a.btn-trans.btn-icon span::after {filter: brightness(0) saturate(100%) invert(52%) sepia(81%) saturate(505%) hue-rotate(151deg) brightness(103%) contrast(88%);}
a.btn-outline:hover {background: var(--bg-secondary); border-color: var(--color-secondary); color: var(--color-light);}
a.btn-trans:hover {color: var(--color-secondary);}
.light a.btn-outline:hover {background: var(--bg-dark); border-color: var(--border-dark); color: var(--color-light);}
.light a.btn-trans:hover {color: var(--color-light);}
.light a.btn-outline.btn-icon span::after {filter: brightness(0) invert(1);}
.light a.btn-trans.btn-icon span::after {filter: brightness(0) saturate(100%) invert(52%) sepia(81%) saturate(505%) hue-rotate(151deg) brightness(103%) contrast(88%);}
/*.light a.btn-trans.btn-icon:hover span::after, .light a.btn-outline.btn-icon:hover span::after {filter: brightness(1) invert(0);}*/
a.btn-white, a.button.light, .light a.button:not(.btn-trans) {background-color: var(--bg-secondary); border-color:var(--border-secondary); color: var(--color-light);} 
a.btn-white span::after , a.button.light span::after, .light a.button:not(.btn-trans) span::after {filter: brightness(0) invert(1);}
a.btn-white:hover, a.button.light:hover, .light a.button:not(.btn-trans):hover {color: var(--color-primary); background-color:var(--bg-white); border-color: var(--border-light);}
a.btn-white:hover span::after , a.button.light:hover span::after, .light a.button:not(.btn-trans):hover span::after {filter: brightness(1) invert(0);}
a.btn-outline.btn-white {background-color:transparent; border-color: var(--border-light); color: var(--color-light);}
a.btn-outline.btn-white:hover {background-color: var(--bg-white); border-color: var(--border-light); color: var(--color-dark);}
a.link:not(.btn) {text-decoration: none !important; font-size: 18px;transition: all .4s;background: none;border: none;color: #000;min-width: auto;font-weight: 400;border-bottom: 1px solid;padding: 5px 0; margin: 40px 0 0;letter-spacing:0;} 
a.link:not(.btn):hover {color: var(--color-accent);}
a.button span, a.btn span, .site-body .gform_wrapper .gform_footer button.button span {z-index: 1; position: relative; display: block;}
a.btn-icon span {padding-right: 22px;}
a.btn-icon-left span {padding-left: 22px; padding-right: 0;}
a.btn-icon span::after {content: ''; display: block; position: absolute; right: 0; top: 50%; width: 16px; height: 16px; transform: translateY(-50%); background: url(images/btn-arrow.png) no-repeat 50% 50% / 16px auto; filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7428%) hue-rotate(124deg) brightness(115%) contrast(101%); transition: filter 400ms;}
a.btn-icon-left span::after {left: 0; right: inherit; background-image: url(images/btn-arrow-left.png);}
a.btn-icon-calendar span::after {background-image: url(images/icon-calendar-plus.png);}
a.btn-icon.btn-icon-phone span::after {background-image: url(images/icon-phone.png); filter: brightness(0) saturate(100%) invert(9%) sepia(31%) saturate(2465%) hue-rotate(189deg) brightness(97%) contrast(100%); right: auto; left: 0;}
a.btn-icon:hover span::after, a.btn-icon-phone:hover span::after, a.btn-trans.btn-icon:hover span::after, a.btn-outline.btn-icon:hover span::after {filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(0%) hue-rotate(206deg) brightness(111%) contrast(101%);}
a.button.btn-simple {background: none; padding: 5px 0; color: var(--color-secondary); border-radius: 0; border: 0 none; border-bottom: 1px solid transparent;}
a.button.btn-simple span::after {filter: brightness(1) invert(0);}
a.button.btn-simple:hover {background: none; border-bottom: 1px solid var(--border-secondary);}
a.button.btn-accent, .light a.button.btn-accent {color: var(--color-light); background-color:var(--bg-accent); border-color: var(--border-accent);}
a.button.btn-accent:hover {color: var(--color-light); background-color: var(--bg-dark); border-color: var(--border-dark);}
.light a.button.btn-accent:hover {background-color: var(--bg-white); border-color: var(--border-light);}

/* ## Form Fields ## */
button, input[type="button"], input[type="reset"], input[type="submit"] {border-radius:5px;vertical-align:top;box-sizing:border-box;-webkit-appearance:inherit;-moz-appearance:inherit;appearance:inherit;cursor:pointer;transition:all 400ms;padding:10px 25px;border: 1px solid var(--border-secondary);background: var(--bg-secondary);color: var(--color-light); font-size:1rem; font-weight:500; text-transform:capitalize; outline:none} 
input[type="reset"] {background: var(--bg-grey);border-color: var(--border-grey);} 
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {border-color: var(--border-accent);color: var(--color-light); background: var(--bg-accent);}
button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {border-color: var(--border-accent);background:var(--bg-accent)}
input[type="submit"].btn-trans {background-color:transparent;color: var(--color-secondary); border-color: var(--border-secondary);} 
input[type="submit"].btn-trans.btn-trans:hover, input[type="submit"].btn-trans.btn-trans:active, input[type="submit"].btn-trans.btn-trans:focus {border-color: var(--border-accent);color: var(--color-light); background: var(--bg-accent);}
input[type="text"], input[type="email"], input[type="url"],input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="date"], textarea, select {box-sizing:border-box;outline:none;border: 1px solid rgba(0,0,0,0.1);border-radius:4px;padding:17px 25px 18px;color: var(--color-secondary);font-size: var(--font-size-base);}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="date"]:focus, textarea:focus, select:focus {color: var(--color-secondary); border-color: var(--border-accent);}