@charset "utf-8";
/* CSS Document */

:root {
  --body-color: #333333;
  --bg-color: #3f6163;
  --accent-color: #d7a461;
  --dark-color: #0a3053;
  --darker-color: #020b13;
  --lt-color: #3fa3e4;
  --shade-color: #d8ecf9;
  --lt-shade-color: #f5f7fa;
  --shade-text-color: #3f6163;
  --link-color: #3fa3e4;
  --hover-color: #0a3053;
  --heading-color: #0a3054;
  --serif-font: "Playfair Display";
  --sansserif-font: "Poppins";
}

/* ====================
   Body
==================== */
body{font-family: var(--sansserif-font), Sans-Serif; font-size: 15px; font-weight:300; line-height: 1.55; color: var(--body-color); margin: 0 !important; background-color: var(--bg-color); font-weight:400; letter-spacing:.5px; }
a {color:var(--link-color)}
a:hover, a:focus {color:var(--hover-color)}

/* Content Background */
footer, body > div {background-color:#ffffff}

/* ====================
   Headings
==================== */
h1, h2, h3, h4, h5, h6 {font-family: "Poppins", Sans-Serif; color:var(--heading-color); line-height:1.15; margin:.5em 0 .5em 0;}
h1 {text-transform:uppercase; letter-spacing:.1em}
.default h1 {color:#ffffff; margin-top:70px}
h2 {}
h3 {}
h4 {}
.subtitle {font-size:.8em}
.script {font-family:'Playfair Display', serif; font-style:italic;}
.sansserif, .sanserif {font-family:var(--sansserif-font);}
.serif {font-family:var(--serif-font);}
.fontsize-14 {font-size:14px}
.fontsize-15 {font-size:15px}
.fontsize-20 {font-size:20px}
.fontsize-25 {font-size:25px}
.fontsize-30, .button.fontsize-30 {font-size:30px}
.fontsize-40 {font-size:40px}
.fontsize-50 {font-size:50px}
.fontsize-60 {font-size:60px}
.fontsize-70 {font-size:70px}
.fontsize-80 {font-size:80px}
.bold {font-weight:bold}
.expanded {letter-spacing:.05em}
.italic {font-style:italic}
.fontweight-normal {font-weight:normal}
.fontstyle-normal, .notitalic {font-style:normal}
.subtext {font-size:.75em}
.uppercase {text-transform:uppercase}

/* ====================
   Buttons
==================== */
.button, .button a, a.button, input[type="submit"] {background-color:transparent; border:2px solid var(--link-color); padding:.5em 1.2em; color:#ffffff; outline:0; font-size:16px; line-height:1.2em; text-transform:uppercase; letter-spacing:3px; font-weight:bold; letter-spacing:2px}
.button:focus, .button:hover, .button:focus a, input:hover[type="submit"]{background-color: var(--dark-color); border:2px solid var(--dark-color); color:#ffffff}
.button.cta {background-color:var(--link-color); }
.button.cta:hover {background-color:var(--dark-color);}
.button.cta2 {background-color:var(--shade-color); color:var(--heading-color); border:none}
.button.cta2:hover {background-color:var(--dark-color); color:#fff;}
.button.circle {border-radius:50%}
.button.alt {background-color:var(--accent-color); border:1px solid var(--accent-color)}
.button.alt:hover {background-color:var(--dark-color); border:1px solid var(--dark-color)}
.goback {font-weight:bold; text-transform:uppercase; letter-spacing:1px; font-size:14px}
.goback a::before {font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f30a";font-style: normal; font-variant: normal; text-rendering: auto; padding-right:5px}
.rounded {border-radius:9px}

.menu-button {display:inline-block; width: 30px; height: 2px; background: #ffffff; margin: 0 20px 10px 20px; padding-right:30px}
.menu-button:before {display: block;content: ""; width: 48px; height: 2px; box-shadow: 0 -11px 0 0 #ffffff, 0 11px 0 0 #ffffff;
}

/* ===================
Header
==================== */
.behind-header {position:absolute; top:0; z-index:0; width:100%}
.header-bg-wrap {position:relative}
.header-bg-wrap header {margin-bottom:550px}
header.shrinkHeader {background-color:rgba(255,255,255,1); box-shadow: 0 0 5px rgba(0,0,0,.5);}
#logo {background-image:url('/_assets/img/Inverted.svg'); height:80px; width:180px; background-size: 180px 80px; background-repeat:no-repeat; padding-bottom:20px}
.shrinkHeader #logo {background-image:url(/_assets/img/Primary.svg); }
/* #offcanvas-open-button-right i {color:#ffffff} 
.shrinkHeader #offcanvas-open-button-right i {color:var(--dark-color)}*/
.main-menu-grid {padding:60px 0}
.shrinkHeader .main-menu-grid {padding: 10px;}
.shrinkHeader #logo {height:60px; width:160px; background-size: 160px 60px;}
.shrinkHeader .button:not(.cta) {color:var(--link-color)}
.shrinkHeader .menu-button {background-color:var(--link-color); box-shadow-color:var(--link-color)}
.shrinkHeader .menu-button:before {box-shadow: 0 -11px 0 0 var(--link-color), 0 11px 0 0 var(--link-color);}
.cm-header-photos {position:absolute; height:400px; top:0; z-index:0; width:100%}
.cm-header-photos .headings {margin-top:250px; position:relative; z-index:2}
#top-default {position:relative; z-index: 1; height:400px; background-image: linear-gradient(to bottom, rgba(10,48,83, .7),  rgba(10,48,83,.4), rgba(10,48,83, 0))}

/* ===================
Page Content 
==================== */
.grid-container {max-width:1500px}
.home #content-wrap {margin-top: calc(100vh - 80px)}
.about-page {min-height:900px; flex-direction: column; display:flex; justify-content:center; padding-top:80px; overflow:hidden}

/* ====================
   HOME
==================== */
.home-slide {height:calc(100vh); min-height:900px; flex-direction: column; display:flex; justify-content:center; padding-top:80px; overflow:hidden}
.home-slide .grid-container {width:100%}
.behind-homeslider {height:100vh; position:absolute; z-index:1; max-width:100vw; max-height:100vh; top:0}
#afterSlider {position:absolute; top:101vh}
#buttonNext {height:0; display:block}
#homeslider {margin-bottom:0}

.cm-testimonial {margin-bottom:-60px}
.cm-testimonial-header {font-weight:bold; position:relative; text-transform:uppercase;  letter-spacing:2px; font-size:14px}
.cm-testimonial-header::before {content:""; border-bottom:2px solid var(--lt-color); width:90px; display:block; position:absolute; bottom:-10px; left:0}
.cm-testimonial-intro {font-size:26px; font-family:var(--serif-font); font-style:italic;margin:20px 0; line-height:1.2em}
.cm-testimonial-author {font-weight:bold; position:relative; border-left:2px solid var(--lt-color); padding:0px 0 4px 10px; text-transform:uppercase;  letter-spacing:2px}
.cm-testimonial-authortitle {position:relative;  letter-spacing:2px; color:#999; font-size:14px}
.cm-testimonial-image {position:relative; display:inline-block}
.cm-testimonial-image img {border-radius:50%; width:220px; height:220px; z-index:1; position:relative}
.cm-testimonial-image::before {content:''; width: 220px; height:220px; border-radius:50%; background-color:var(--shade-color); position:absolute; z-index:1}
.text-left .cm-testimonial-image::before {left:38%; right:auto}
.text-right .cm-testimonial-image::before {right:38%; left:auto}

.cm-steps-list .step {width:355px; height:355px; border-right:2px solid #fff; border-bottom:2px solid #fff; border-left:2px dotted #fff; border-top:2px dotted #fff; border-radius:50%}

#totop-right {position:fixed; z-index:999; bottom:80px; right:0; width:70px; height:46px; line-height:40px; font-size:20px; background-color:#ffffff; border-bottom-left-radius:22px; border-top-left-radius:22px; box-shadow:gray 0px 0px 5px;}
#totop-right a {display:block; width:66px; height:38px; position:relative; color:var(--accent-color); border-top:1px solid var(--accent-color); border-bottom:1px solid var(--accent-color); border-left:1px solid var(--accent-color); margin:4px 0 4px 4px; border-bottom-left-radius:22px; border-top-left-radius:22px}
.arrow-right {transform: rotate(135deg); display: block; margin: 10px; width: 16px; height: 16px; border-top: 2px solid var(--accent-color); border-left: 2px solid var(--accent-color); position:relative;  -webkit-animation: bounce-right 0.6s infinite alternate ease-in-out;}
.arrow-right::after{content: ""; display: block; width: 20px; height: 2px; background-color: var(--accent-color); left: -3px; top: 6px; position:absolute; transform: rotate(-135deg);  }
.arrow-left {transform: rotate(-135deg); display: block; margin: 10px 10px 10px 33px; width: 16px; height: 16px; border-bottom: 2px solid var(--accent-color); border-right: 2px solid var(--accent-color); position:relative;  -webkit-animation: bounce-right 0.6s infinite alternate ease-in-out;}
.arrow-left::after{content: ""; display: block; width: 20px; height: 2px; background-color: var(--accent-color); left: -3px; top: 6px; position:absolute; transform: rotate(-135deg);  }
.arrow-down {transform: rotate(225deg); display: block; margin: 10px; width: 16px; height: 16px; border-top: 2px solid var(--accent-color); border-left: 2px solid var(--accent-color); position:relative; -webkit-animation: bounce-up 0.6s infinite alternate ease-in-out;}
.arrow-down::after{content: ""; display: block; width: 20px; height: 2px; background-color: var(--accent-color); left: -3px; top: 6px; position:absolute; transform: rotate(-135deg);  }
.arrow-up {transform: rotate(-225deg); display: block; margin: 10px; width: 16px; height: 16px; border-bottom: 2px solid var(--accent-color); border-right: 2px solid var(--accent-color); position:relative; -webkit-animation: bounce-up 0.6s infinite alternate ease-in-out;}
.arrow-up::after{content: ""; display: block; width: 20px; height: 2px; background-color: var(--accent-color); left: -3px; top: 6px; position:absolute; transform: rotate(45deg);  }

#totop-left {position:fixed; z-index:999; bottom:80px; left:0; width:70px; height:46px; line-height:40px; font-size:20px; background-color:#ffffff; border-bottom-right-radius:22px; border-top-right-radius:22px; box-shadow:gray 0px 0px 5px;}
#totop-left a {display:block; width:66px; height:38px; position:relative; color:var(--accent-color); border-top:1px solid var(--accent-color); border-bottom:1px solid var(--accent-color); border-right:1px solid var(--accent-color); margin:4px 4px 4px 0; border-bottom-right-radius:22px; border-top-right-radius:22px}

@-webkit-keyframes bounce-right {
  0% { -webkit-transform: translateX(0) rotate(135deg); }
  100% { -webkit-transform: translateX(0.2em) rotate(135deg);}
}

@-webkit-keyframes bounce-up {
  0% { -webkit-transform: translateY(0) rotate(225deg); }
  100% { -webkit-transform: translateY(0.2em) rotate(225deg);}
}

/* Custom Modules */
.product-photo {height: 200px; width: 435px; object-fit: cover;}
.offer-circle {border-radius:50%; height:300px; width:300px}

/* =======================
Menus
======================= */
/* MAIN MENU */
.main_menu a {width:100%}
.main_menu .submenu a:hover {background:rgba(0,0,0,.03)}
/* Padding & Spacing & Width */
.main_menu .dropdown > li.opens-right > .is-dropdown-submenu, .main_menu .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {padding:8px}
.main_menu .dropdown a {padding: .4rem .8rem; color:var(--dark-color); font-weight:bold; text-transform: uppercase}
.main_menu .dropdown a:hover {color:var(--link-color)}
.main_menu .dropdown ul a {padding: .4rem 1rem; text-transform:capitalize; text-align:left;}
.dropdown.menu > li.is-active > a {color:var(--link-color)}
.main_menu .is-dropdown-submenu {min-width: 230px;}
/* If the Header Photos are Behind the Main Menu - Can be Deleted if Menu Has Solid Color Background */
.header-bg-wrap .main_menu > .dropdown > li > a {color:#ffffff}
.header-bg-wrap .main_menu > .dropdown > li > a:hover {color:var(--hover-color)}
/* Dropdown - Arrow after menu item */
.main_menu .dropdown > li.is-dropdown-submenu-parent > a::after {height: .5em; width: .5em; border-top-width:.15em; border-top-style:solid; border-left-style:solid; border-left-width:.15em; border-left-color:var(--shade-color); border-top-color:var(--shade-color); border-right-style:solid; border-right-width:0;transform: rotate(-135deg); top:.5em; right: 0.55em;}
.main_menu .dropdown.align-right .is-dropdown-submenu.first-sub {left:0;}
.main_menu .dropdown > li.is-dropdown-submenu-parent > a:hover::after  {border-left-color:var(--hover-color); border-top-color:var(--hover-color)}
.main_menu .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {height: .5em; width: .5em; border-top-width:.15em; border-top-style:solid; border-left-style:solid; border-left-width:.15em; border-left-color:var(--shade-color); border-top-color:var(--shade-color); border-right-style:solid; border-right-width:0; border-bottom-style:solid; border-bottom-width:0; transform: rotate(135deg); top:1em; right: 0.55em;}
.main_menu .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a:hover::after {border-left-color:var(--hover-color); border-top-color:var(--hover-color)}
.dropdown.menu > li.is-active > a {color: var(--hover-color);}
/* Dropdown - Menu slide up */
.main_menu .dropdown > li > .is-dropdown-submenu { margin-top:10px;  transform: translateY(30px); display:block; visibility: hidden; opacity:0; transition: all 0.2s ease 0s; }
.main_menu .dropdown > li > .js-dropdown-active {transform: translateY(0); opacity:100; visibility: visible;}
/* Use .top-align-right to only align the top level right */
.top-align-right {-ms-flex-pack: end; justify-content: flex-end;}
.top-align-right li {display: -ms-flexbox;	display: flex;	-ms-flex-pack: end;	justify-content: flex-end;}
/* Acive state */
.dropdown.menu > li.is-active > a {color:var(--accent-color)}

/* UTILITY MENU */
.utility_menu a {width:100%}
.utility_menu .submenu a:hover {background:rgba(0,0,0,.03)}
/* Padding & Spacing & Width */
.utility_menu .dropdown > li.opens-right > .is-dropdown-submenu {padding:8px}
.utility_menu .dropdown a {padding: .4rem .8rem; color:#ffffff; font-weight:bold; text-transform: uppercase; background-color:var(--accent-color); font-size:.8em}
.utility_menu .dropdown a:hover {background-color:var(--link-color)}
.utility_menu .dropdown ul a {padding: .4rem 1rem; text-transform:capitalize; text-align:left;}
.utility_menu .is-dropdown-submenu {min-width: 230px;}
/* Dropdown - Arrow after menu item */
.utility_menu .dropdown > li.is-dropdown-submenu-parent > a::after {height: .5em; width: .5em; border-top-width:.15em; border-top-style:solid; border-left-style:solid; border-left-width:.15em; border-left-color:var(--shade-color); border-top-color:var(--shade-color); border-right-style:solid; border-right-width:0;transform: rotate(-135deg); top:.5em; right: 0.55em;}
.utility_menu .dropdown.align-right .first-sub {left:0;}
.utility_menu .dropdown > li.is-dropdown-submenu-parent > a:hover::after  {border-left-color:var(--hover-color); border-top-color:var(--hover-color)}
/* Dropdown - Menu slide up */
.utility_menu .dropdown > li > ul.is-dropdown-submenu { margin-top:10px;  transform: translateY(30px); display:block; visibility: hidden; opacity:0; transition: all 0.2s ease 0s; }
.utility_menu .dropdown > li > ul.is-dropdown-submenu.js-dropdown-active {transform: translateY(0); opacity:100; visibility: visible;}


/* SOCIAL MENU */
.utility_menu .dropdown .social a {background:transparent; color:var(--link-color); font-size: 1.8em; padding:.4rem .4rem;}
.utility_menu .dropdown .social a:hover {color:var(--hover-color)}
.utility_menu .dropdown li:last-of-type a {padding-right:0}
.utility_menu .dropdown .social:first-child {padding-left:30px}

/* SMALL MENU */
.off-canvas {background: var(--dark-color); color:#ffffff}
.small_menu {padding:30px 0 0 20px;}
.small_menu li {border-bottom:1px solid rgba(255,255,255,.1)}
.small_menu .menu a {text-transform:uppercase; font-weight:bold; color:#ffffff}
.submenu-toggle {background-color:transparent}
.small_menu .menu a:hover {color:var(--accent-color)}
.submenu-toggle:after {border-color:var(--accent-color) transparent transparent; }
.small_menu .submenu a {text-transform:capitalize}
.small_menu .submenu {background-color:rgba(255,255,255,.1)}
.menu-cta, .menu-accent {border-bottom:none !important; margin-left:14px}
.menu-cta a {background-color:var(--lt-color); display:inline-block; width:auto; color:#ffffff}
.menu-accent a {background-color:var(--accent-color); display:inline-block; width:auto}
.small_menu .menu-cta a:hover, .small_menu .menu-accent a:hover {color:var(--dark-color) !important}

/* Footer menu */
.footer_menu .menu-cta a {text-transform:uppercase; font-weight:bold; color:#ffffff; padding: .5em 1.2em; letter-spacing: 2px;}
.footer_menu .menu-cta {border-bottom:1px solid rgba(255,255,255,.1)}
.footer_menu :not(.menu-accent) a {text-transform:uppercase; font-weight:bold; color:var(--body-color); padding: .5em 1.2em; letter-spacing: 2px;}
.footer_menu a:hover {color:var(--link-color);}
.footer_menu {border-bottom:1px solid rgba(255,255,255,.1)}
.footer_menu .menu-accent, .footer_menu .menu-cta  {margin-top:15px; display:inline-block}
.footer_menu .menu-accent a {background:transparent; border:2px solid var(--link-color); color:var(--link-color);}
.footer_menu .menu-accent a:hover, .footer_menu .menu-cta a:hover {color:#ffffff; background:var(--dark-color); border:2px solid var(--dark-color);}
/*.menu-cta a:hover, .menu-accent a:hover {color: #ffffff !important; bacgrou}*/

/* ====================
 PAGES 
======================= */
/* About */
.default .cm-steps-list .color-white {color:var(--body-color);}
.default .cm-steps-list .bg-circle {border: .5em solid var(--lt-color);	border-radius: 50%;	color: #ffffff;}
.default .cm-steps-list .step {border-right: 2px solid var(--accent-color); border-bottom: 2px solid var(--accent-color); border-left: 2px dotted var(--accent-color); border-top: 2px dotted var(--accent-color); }
.default .cm-steps-list .fas {color: var(--accent-color);}

/* ======================
Foundation Overrides
======================= */
/* Accordion styling */
.accordion-title {text-align:left; font-size: 1.5rem; color: var(--link-color); border-left:none; border-right:none}
.accordion-content { border-left:none; border-right:none}
.accordion-title:focus, .accordion-title:hover {background-color: var(--lt-shade-color);}

/*Orbit */
.orbit-next:active, .orbit-next:focus, .orbit-next:hover, .orbit-previous:active, .orbit-previous:focus, .orbit-previous:hover {background-color: var(--accent-color);}
.orbit-bullets button {width: .8rem;height: .8rem;margin: .1rem;border-radius: 50%;background-color: var(--accent-color);}
.behind-header .orbit-bullets {margin-top:-120px;}

/* Off Canvas */
.position-right {width: 350px; -webkit-transform: translateX(350px); -ms-transform: translateX(350px); transform: translateX(350px); }

/* ====================
   Utilities
==================== */
.color-white, .white {color:#ffffff}
.color-accent {color: var(--accent-color)}
.color-light {color:var(--lt-color)}
.color-dark {color:var(--dark-color)}
.bg-white {background-color:#ffffff}
.bg-dark {background-color:var(--dark-color)}
.bg-light {background-color:var(--lt-color)}
.bg-lightshade {background-color:var(--lt-shade-color)}
.bg-darker {background-color:var(--darker-color)}
.bg-accent {background-color:var(--accent-color)}
.bg-gradient-dark {background-image:linear-gradient(to bottom, var(--dark-color), var(--lt-color))}
.shade {background-color:var(--shade-color)}
.width-1920-center, .grid-container-xl {max-width: 1800px; margin-left:auto; margin-right:auto}
.width-1800-center {max-width: 1800px; margin-left:auto; margin-right:auto}
.width-1000-center {max-width:1000px; margin-left:auto; margin-right:auto}
.width-1000 {max-width:1000px;}
.width-800-center {max-width:800px; margin-left:auto; margin-right:auto}
.width-500-center, div.div-500-center  {max-width:500px; margin-left:auto; margin-right:auto}
.margin-center {margin-left:auto; margin-right:auto}
.line-1-1 {line-height:1.1}
.line-1-5 {line-height:1.5}
.line-2 {line-height:2}
/* Font Awesome Icon Button */
.bg-circle {border:.5em solid var(--lt-color); border-radius:50%; color:#ffffff; background-color:var(--lt-color); height:2.2em; width: 2.2em; text-align:center; padding-top:.1em; font-variant-numeric: lining-nums; font-feature-settings: "lnum";}
.bg-circle:hover {border-color:var(--link-color); background-color:var(--link-color);}
.background-cover {background-size:cover; background-position:center}
.overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.accent {border-color:var(--accent-color); max-width:240px; margin-left:auto; margin-right:auto; border-width:2px}
.control-nobg, .nobg {background-color:transparent}
.baseline {vertical-align: baseline;}
.bg-overlay {background-color:rgba(0,0,0,.2)}
.overflow-hidden {overflow:hidden}
.bg-barely {background-color:rgba(255,255,255,.3)}
.bg-mid-white {background-color:rgba(255,255,255,.7)}
.border-barely {border:1px solid rgba(255,255,255,.3)}
.border-bottom-barely {border-bottom:1px solid rgba(255,255,255,.2)}
.border-left-barely {border-left:1px solid rgba(255,255,255,.2)}
.flex-direction-column {flex-direction: column}
.display-flex {display:flex}
.display-inline-flex {display:inline-flex}
.align-items-center {align-items: center}
.justify-content-center {justify-content:center}
.grid-middle {display:flex; flex-direction: column; justify-content:center}
.underline {text-decoration:underline}
.zindex-1 {z-index:1}
.zindex-2 {z-index:2}
.opacity-8 {opacity:.8}
.overlap-right {position:relative; right:-60px}
.overlap-left {position:relative; left:-60px}
.pill {background-color:rgba(194,226,247,.6); padding:0 9px; font-weight:bold}
.video-arrow::before {content: '\f144'; position:absolute; color:#ffffff; font-size:80px; line-height:80px; font-weight:900;  font-family:"Font Awesome 5 Free"; top:calc(50% - 40px); left:calc(50% - 40px);}
.video-arrow {position:relative;}
.bordercircle, .bordercircle > img {border-radius:50%}
.color-white form label {color:white}

/* =======================
Footer
======================= */
.footer {}
.copyright-wrap {background-color:white;}
.copyright-div {opacity:.5;  letter-spacing:3px; text-transform:uppercase; font-weight:bold}
.copyright-div a:hover {color:var(--lt-color)}

/* ======================
Lists
====================== */
.no-bullets {margin:0 !important;}
.no-bullets li {list-style:none; text-transform:capitalize;}

/* =======================
Positioning
======================= */
.relative {position:relative}
.absolute {position:absolute}
.block {display:block}
.inline-block {display:inline-block}
.left {float:left;}
.right {float:right}

/* Bullets */
ul.fa-bullets, ul.fa-bullet {margin-left:1.7rem; }
ul.fa-bullet li, ul.fa-bullets li {text-indent:-1.7em; list-style:none;width:100%; line-height:1.2; margin-bottom:.6em; margin-top:.2em}
ul.checkmarks li::before { font-family:"Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; padding-right:.7em; color:#c8d7e2}
ul.playcircle li::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f144'; padding-right:.7em; color:#c8d7e2}

/* ======================
Forms
====================== */
form > h2 {margin-top:0; padding-top:1em;}
form input[type="submit"] {margin-top:.7em}
.line-form [type="date"], .line-form [type="datetime-local"], .line-for  [type="datetime"], .line-form [type="email"], .line-form [type="month"], .line-form [type="number"], .line-form [type="password"], .line-form [type="search"], .line-form [type="tel"], .line-form [type="text"], .line-form [type="time"], .line-form [type="url"], .line-form [type="week"], .line-form textarea {
	border-top:none;
	border-left:none;
	border-right:none;
	border-radius:0;
	background-color: transparent;
	box-shadow: none;
	transition: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color:white;
}
.line-form textarea {height:8em}
.line-form input::placeholder {color: white;}
.line-form label {display:none}

.line-form [type="color"]:focus, .line-form [type="date"]:focus, .line-form [type="datetime-local"]:focus, .line-form [type="datetime"]:focus, .line-form [type="email"]:focus, .line-form [type="month"]:focus, .line-form [type="number"]:focus, .line-form [type="password"]:focus, .line-form [type="search"]:focus, .line-form [type="tel"]:focus, .line-form [type="text"]:focus, .line-form [type="time"]:focus, .line-form [type="url"]:focus, .line-form [type="week"]:focus, .line-form textarea:focus {outline: 0; border-bottom: 2px solid #dcfd00; border-top:none; border-left:none; border-right:none; background-color: transparent; box-shadow: none; transition: border-color .25s ease-in-out; color:#ffffff;}

.as-button{background-color: transparent; overflow: hidden; float: left; padding:4px}
.as-button label {float: left; line-height: 2.0em; width:100%; height: 2.5em;}
.as-button label span {text-align: center; padding: 3px 0; display: block; font-size:12px; background-color:var(--shade-color); }
.as-button label input {position: absolute; display: none; color: #ccc !important;}
/* selects all of the text within the input element and changes the color of the text */
.as-button label input + span{color: var(--body-color);}
/* This will declare how a selected input will look giving generic properties */
.as-button input:checked + span {color: #ffffff; background-color:var(--link-color); border:1px solid var(--link-color)}
.as-button input:checked + span::after {content: "\f00c"; font-family: "Font Awesome 5 Free"; padding-left: .4rem; font-weight:bold; }
.button.block {width: 100%;}


/* =======================
Spacing & Borders
======================= */
hr {border-color: var(--shade-color); border-image: none; border-style: solid; border-width: 1px 0 0; clear: both; height: 0; margin: 1.25rem 0 1.1875rem; max-width:100%;}
hr.accent {border-top-width:2px; border-top-color:var(--accent-color); max-width:200px}
.margin-top-80 {margin-top:80px}
.margin-top-160 {margin-top:160px}
.padding{padding:30px}.padding-top{padding-top:30px}.padding-right{padding-right:30px}.padding-bottom{padding-bottom:30px}.padding-left{padding-left:30px}.padding-top-bottom{padding-top:30px;padding-bottom:30px}.padding-left-right{padding-left:30px;padding-right:30px}.padding-none{padding:0}.padding-tiny{padding:6px}.padding-top-tiny{padding-top:6px}.padding-right-tiny{padding-right:6px}.padding-bottom-tiny{padding-bottom:6px}.padding-left-tiny{padding-left:6px}.padding-top-bottom-tiny{padding-top:6px;padding-bottom:6px}.padding-left-right-tiny{padding-left:6px;padding-right:6px}.padding-small{padding:15px}.padding-top-small{padding-top:15px}.padding-right-small{padding-right:15px}.padding-bottom-small{padding-bottom:15px}.padding-left-small{padding-left:15px}.padding-top-bottom-small{padding-top:15px;padding-bottom:15px}.padding-left-right-small{padding-left:15px;padding-right:15px}.padding-large{padding:60px}.padding-top-large{padding-top:60px}.padding-right-large{padding-right:60px}.padding-bottom-large{padding-bottom:60px}.padding-left-large{padding-left:60px}.padding-top-bottom-large{padding-top:60px;padding-bottom:60px}.padding-left-right-large{padding-left:60px;padding-right:60px}.padding-mini{padding:3px}.padding-top-mini{padding-top:3px}.padding-right-mini{padding-right:3px}.padding-bottom-mini{padding-bottom:3px}.padding-left-mini{padding-left:3px}.padding-top-bottom-mini{padding-top:3px;padding-bottom:3px}.padding-left-right-mini{padding-left:3px;padding-right:3px}.padding-none{padding:0}.padding-top-none{padding-top:0}.padding-right-none{padding-right:0}.padding-bottom-none{padding-bottom:0}.padding-left-none{padding-left:0}.padding-top-bottom-none{padding-top:0;padding-bottom:0}.padding-left-right-none{padding-left:0;padding-right:0}.margin{margin:30px}.margin-top{margin-top:30px}.margin-right{margin-right:30px}.margin-bottom{margin-bottom:30px}.margin-left{margin-left:30px}.margin-top-bottom{margin-top:30px;margin-bottom:30px}.margin-left-right{margin-left:30px;margin-right:30px}.margin-tiny{margin:3px}.margin-top-tiny{margin-top:3px}.margin-right-tiny{margin-right:3px}.margin-bottom-tiny{margin-bottom:3px}.margin-left-tiny{margin-left:3px}.margin-top-bottom-tiny{margin-top:3px;margin-bottom:3px}.margin-left-right-tiny{margin-left:3px;margin-right:3px}.margin-small{margin:15px}.margin-top-small{margin-top:15px}.margin-right-small{margin-right:15px}.margin-bottom-small{margin-bottom:15px}.margin-left-small{margin-left:15px}.margin-top-bottom-small{margin-top:15px;margin-bottom:15px}.margin-left-right-small{margin-left:15px;margin-right:15px}.margin-large{margin:60px}.margin-top-large{margin-top:60px}.margin-right-large{margin-right:60px}.margin-bottom-large{margin-bottom:60px}.margin-left-large{margin-left:60px}.margin-top-bottom-large{margin-top:60px;margin-bottom:60px}.margin-left-right-large{margin-left:60px;margin-right:60px}.margin-mini{margin:3px}.margin-top-mini{margin-top:3px}.margin-right-mini{margin-right:3px}.margin-bottom-mini{margin-bottom:3px}.margin-left-mini{margin-left:3px}.margin-top-bottom-mini{margin-top:3px;margin-bottom:3px}.margin-left-right-mini{margin-left:3px;margin-right:3px}.margin-none{margin:0}.margin-top-none{margin-top:0}.margin-right-none{margin-right:0}.margin-bottom-none{margin-bottom:0}.margin-left-none{margin-left:0}.margin-top-bottom-none{margin-top:0;margin-bottom:0}.margin-left-right-none{margin-left:0;margin-right:0}.border{border:1px solid var(--accent-color) }.border-top{border-top:1px solid var(--accent-color) }.border-left{border-left:1px solid var(--accent-color) }.border-right{border-right:1px solid var(--accent-color) }.border-bottom{border-bottom:1px solid var(--accent-color) }.border-none{border:none}

/* Slick */
.slick-list,.slick-slider,.slick-track{display:block;position:relative}.slick-dots li,.slick-list,.slick-slider,.slick-track{position:relative}.slick-dots li button,.slick-next,.slick-prev{background:0 0;outline:0;line-height:0;font-size:0;color:transparent}.slick-dots li,.slick-dots li button,.slick-next,.slick-prev{cursor:pointer;width:20px;height:20px}.slick-dots li button:before,.slick-next:before,.slick-prev:before{font-family:"Font Awesome 5 Free"; font-weight:bold;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-slider{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-dots li button:focus,.slick-list:focus,.slick-next:focus,.slick-prev:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slide,.slick-slide img,.slick-slider .slick-list,.slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{left:0;top:0;zoom:1}.slick-slide,.slick-slide.slick-loading img{display:none}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px}.slick-initialized .slick-slide,.slick-slide img{display:block}.slick-slide.dragging img{pointer-events:none}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-next,.slick-prev{position:absolute;display:block;top:50%;margin-top:-10px;padding:0;border:none}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:20px;line-height:1;color:#fff;opacity:.85}.slick-prev{left:25px}.slick-prev:before{content:"\f30a"}.slick-next{right:25px}.slick-next:before{content:"\f30b"; font-weight:bold}.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:45px;list-style:none;display:block;text-align:center;padding:0;width:100%}.slick-dots li{display:inline-block;margin:0 5px;padding:0}.slick-dots li button{border:0;display:block;padding:5px}.slick-dots li button:before{position:absolute;top:0;left:0;content:"\f111";width:20px;height:20px;font-size:6px;line-height:20px;text-align:center;color:#000;opacity:.25}.slick-dots li.slick-active button:before{opacity:.75}

@keyframes slide-up {
    0% {
        opacity:1;
      transform: translateY(50%);
    } 
    100% {
        opacity:1;
      transform: translateY(0);
    }
  }
/* x.slick-slider {user-select: auto;}
.slick-active { animation: slide-up .5s; }
.slick-slide {opacity:1 !important; }  
.slick-slider{transform: rotate(180deg);}
.slick-slide {transform: rotate(-180deg);} */

.bgimage {height:calc(100vh); min-height:900px;}
.bgimage .desc {height:calc(100vh); min-height:900px; z-index:3}
.right-line {height:100vh; width: 100px; border-left:1px solid rgba(255,255,255,.6); position:absolute; right:0; top:0}
.slick-dots {right:60px; top:40%; z-index: 1500; width:70px; }
.slick-dots li button {font-size: 20px; color: white; font-family:var(--serif-font); padding-right:30px; text-align:right; width:70px; display:block; position:relative; font-variant-numeric: lining-nums; }
.slick-dots li button:before {display:none}
.slick-dots li {display:block;margin-bottom:20px}
.slick-dots li button::after {position: absolute;content: '';right: 0;top: 51%;	height: 1px; width: 20px; transition: .25s ease-in-out;	background-color: #fff;}
.slick-dots li.slick-active button {padding-right:60px; color:#d7a461}
.slick-dots li.slick-active button::after {width: 50px;	background-color:#d7a461}

/* =======================
Small Screens
======================== */
@media only screen and (min-width: 1800px) {
.slick-dots {position:absolute; right: calc(((100vw - 1800px) / 2) + 60px); top:40%; z-index: 1500; width:70px; }
}
@media only screen and (max-width: 1700px) {
.slick-dots {display:none !important; }
}
@media only screen and (max-width: 1920px) {
/*.default .cm-steps-list .step {	border:none; background-color:var(--lt-shade-color); border-radius:0}
.cm-steps-list .shrink {display:none}*/

}
@media only screen and (max-width: 1500px) {
    .cm-steps-list h3 {font-size: 1.5rem;}
}
@media only screen and (max-width: 1300px) {
    .dropdown.menu > li > a {padding: .7rem .5rem; font-size:15px}
    .main_menu .dropdown > li.is-dropdown-submenu-parent > a::after {border:none;}
    .dropdown.menu > li.is-dropdown-submenu-parent > a {padding-right: .5rem;}
    .cm-steps-list .step {height:auto; width:325px; height:325px; font-size:14px}
    .small-padding-none {padding:0px;}
}
@media only screen and (max-width: 1024px) {
    .small-margin-none {margin:0}
    .small-margin-top {margin-top:30px}
    .small-margin-bottom {margin-bottom:30px}
    .small-margin-left {margin-left:30px}
    .small-margin-right {margin-right:30px}
    .small-padding-right-none {padding-right:0}
    .small-margin {margin:30px;}
    .small-padding {padding:30px;}
    .small-padding-top {padding-top:30px;}
    .small-padding-right {padding-right:30px;}
    .small-padding-bottom {padding-bottom:30px;}
    .small-padding-left {padding-left:30px;}
    .small-padding-none {padding:0px;}
    .small-text-center {text-align:center}
    .small-margin-bottom-small {margin-bottom:15px}
    .small-padding-small {padding:15px;}
    
    .home h1 {font-size:9vw}
    .home .desc .intro {font-size: 5vw}
    #homeslider h2 {font-size:8vw}
    .offer-circle {border-radius:50%; height:50vw; width:50vw; font-size:4vw !important; margin-bottom:10px}
    #homeslider h3 {font-size:15px}
    #homeslider .self-service h2 {font-size:18px; font-weight:bold}
    #totop-right, #totop-left {display:none}

    header {z-index: 99}

    .behind-homeslider {position: relative; height:auto; min-height:800px; max-height:inherit; margin-top:-140px}
    /* header {background-color:var(--darker-color);} */
    .home #content-wrap {margin-top: 0;}
    .home-slide {height:auto}
    #slick-slide00 .bgimage .desc {padding-top:150px; padding-bottom:100px}
    #slick-slide01 {background-color:#ffffff}
    #slick-slide01 .overlay {display:none}
    #slick-slide01 .bgimage {background-image:none !important; }
    .bgimage .desc {height: auto; min-height: inherit;}
    #slick-slide01 .bgimage .desc {background:#ffffff; padding-top:50px; padding-bottom:50px}
    .bgimage {height:auto; min-height:inherit}
    .bgimage .overlay {height:auto !important; min-height:inherit !important}
    
    #explain {background:var(--lt-shade-color) !important}
    #explain .border-left, #explain .border-right {border:none}

    #authority {text-align:center;}
    #authority h2 {margin-bottom:80px}
    #authority .text-left, #authority .text-right {text-align:center !important}
    #authority img {}
    .cm-testimonial-header::before {left: 50%;margin-left: -45px;}
    .cm-testimonial-author {border-left: none;}
    .cm-steps-list .shrink {display:none}
    .text-left > .cm-testimonial-image {margin-right:84px}
    .text-right > .cm-testimonial-image {margin-left:84px}
    #steps .step {margin-left:auto; margin-right:auto}
}

@media only screen and (max-width: 768px) {
    .padding-right-large {padding-right:30px }
    .padding-left-large {padding-left:30px }
    .default .cm-steps-list p {line-height:1.4;}
}
@media only screen and (max-width: 400px) {
    .default .cm-steps-list p {line-height:1.2;}
    .cm-steps-list .step {height:auto; width:300px; height:300px; font-size:14px}
    .cm-steps-list h3 {font-size: 1.25rem;}
}