@charset "UTF-8";
html { box-sizing: border-box; }

*, *::after, *::before { box-sizing: inherit; }

button, input[type="button"], input[type="reset"], input[type="submit"], button { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-font-smoothing: antialiased; background-color: #fff; border-radius: 3px; border: none; color: #fff; cursor: pointer; display: inline-block; font-family: "Rajdhani", "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 1em; font-weight: 600; line-height: 1; padding: 0.75em 1em; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; white-space: nowrap; }

button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, button:hover, button:focus { background-color: #d9d9d9; color: #fff; }

button:disabled, input[type="button"]:disabled, input[type="reset"]:disabled, input[type="submit"]:disabled, button:disabled { cursor: not-allowed; opacity: 0.5; }

fieldset { border: 0; margin: 0 0 0.75em; padding: 0; }

input, label, select { display: block; font-family: "Rajdhani", "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 1em; }

label { font-weight: 600; margin-bottom: 0.375em; }

label.required::after { content: "*"; }

label abbr { display: none; }

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea, select[multiple=multiple], textarea { border: 0; box-sizing: border-box; font-family: "Rajdhani", "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 1em; margin-bottom: 0.75em; padding: 0.5em; transition: border-color; width: 100%; }

input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="email"]:hover, input[type="month"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="time"]:hover, input[type="url"]:hover, input[type="week"]:hover, textarea:hover, select[multiple=multiple]:hover, textarea:hover { border-color: #c4c4c4; }

input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, textarea:focus, select[multiple=multiple]:focus, textarea:focus { border-color: #fff; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(242, 242, 242, 0.7); outline: none; }

textarea { resize: vertical; }

input[type="search"] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }

input[type="checkbox"], input[type="radio"] { display: inline; margin-right: 0.375em; }

input[type="file"] { padding-bottom: 0.75em; width: 100%; }

select { margin-bottom: 1.5em; max-width: 100%; width: auto; }

ul, ol { list-style-type: none; margin: 0; padding: 0; }

dl { margin-bottom: 0.75em; }

dl dt { font-weight: bold; margin-top: 0.75em; }

dl dd { margin: 0; }

table { -webkit-font-feature-settings: "kern", "liga", "tnum"; -ms-font-feature-settings: "kern", "liga", "tnum"; font-feature-settings: "kern", "liga", "tnum"; border-collapse: collapse; margin: 0.75em 0; table-layout: fixed; width: 100%; }

th { border-bottom: 1px solid #b7b7b7; font-weight: 600; padding: 0.75em 0; text-align: left; }

td { border-bottom: 1px solid #ddd; padding: 0.75em 0; }

tr, td, th { vertical-align: middle; }

body { -webkit-font-feature-settings: "kern", "liga", "pnum"; -ms-font-feature-settings: "kern", "liga", "pnum"; font-feature-settings: "kern", "liga", "pnum"; -webkit-font-smoothing: antialiased; color: #333; font-family: "Rajdhani", "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 1em; line-height: 1.5; }

h1, h2, h3, h4, h5, h6 { font-family: "Rajdhani", "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif; font-size: 1em; line-height: 1.2; margin: 0 0 0.75em; }

p { margin: 0 0 0.75em; }

a { color: #fff; text-decoration: none; transition: color 0.1s linear; }

a:active, a:focus, a:hover { color: #d9d9d9; }

a:active, a:focus { outline: none; }

hr { border-bottom: 1px solid #ddd; border-left: none; border-right: none; border-top: none; margin: 1.5em 0; }

img, picture { margin: 0; max-width: 100%; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }

.slick-track::before, .slick-track::after { content: ""; display: table; }

.slick-track::after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.slick-slide:focus { outline: none; }

/* Slider */
.slick-loading .slick-list { background: #fff url("/img/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face { font-family: "slick"; src: url("/fonts/slick/slick.eot"); src: url("/fonts/slick/slick.eot?#iefix") format("embedded-opentype"), url("/fonts/slick/slick.woff") format("woff"), url("/fonts/slick/slick.ttf") format("truetype"), url("/fonts/slick/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 40px; width: 40px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -40px; padding: 0; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 0; outline: none; opacity: 1; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; border-color: #477dca; opacity: 1; }

.slick-prev:hover::before, .slick-prev:focus::before, .slick-next:hover::before, .slick-next:focus::before { color: #477dca; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { /* font-family:$slick-font-family;*/ font-size: 30px; line-height: 1; color: rgba(255, 255, 255, 0.3); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -60px; }

[dir="rtl"] .slick-prev { left: auto; right: -60px; }

.slick-prev::before { content: "←"; }

[dir="rtl"] .slick-prev::before { content: "→"; }

.slick-next { right: -60px; }

[dir="rtl"] .slick-next { left: -60px; right: auto; }

.slick-next::before { content: "→"; }

[dir="rtl"] .slick-next::before { content: "←"; }

/* Dots */
.slick-dots { position: absolute; bottom: 20px; list-style: none; display: block; text-align: center; left: 0; right: 0; }

.slick-dots li { position: relative; display: inline-block; height: 4px; width: 25px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { border: 0; background: #fff; opacity: 0.3; display: block; height: 4px; width: 100%; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 0; cursor: pointer; border-radius: 0; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; opacity: 1; }

.slick-dots li.slick-active button { opacity: 1; }

@font-face { font-family: 'Rajdhani'; src: url("/fonts/rajdhani/Rajdhani-Regular_gdi.eot"); src: url("/fonts/rajdhani/Rajdhani-Regular_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/rajdhani/Rajdhani-Regular_gdi.woff") format("woff"), url("/fonts/rajdhani/Rajdhani-Regular_gdi.ttf") format("truetype"), url("/fonts/rajdhani/Rajdhani-Regular_gdi.svg#Rajdhani-Regular") format("svg"); font-style: normal; font-stretch: normal; unicode-range: U+0020-2265; }

@font-face { font-family: 'Rajdhani'; src: url("/fonts/rajdhani/Rajdhani-Medium_gdi.eot"); src: url("/fonts/rajdhani/Rajdhani-Medium_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/rajdhani/Rajdhani-Medium_gdi.woff") format("woff"), url("/fonts/rajdhani/Rajdhani-Medium_gdi.ttf") format("truetype"), url("/fonts/rajdhani/Rajdhani-Medium_gdi.svg#Rajdhani-Medium") format("svg"); font-weight: 500; font-style: normal; font-stretch: normal; unicode-range: U+0020-2265; }

@font-face { font-family: 'Rajdhani'; src: url("/fonts/rajdhani/Rajdhani-Semibold_gdi.eot"); src: url("/fonts/rajdhani/Rajdhani-Semibold_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/rajdhani/Rajdhani-Semibold_gdi.woff") format("woff"), url("/fonts/rajdhani/Rajdhani-Semibold_gdi.ttf") format("truetype"), url("/fonts/rajdhani/Rajdhani-Semibold_gdi.svg#Rajdhani-Semibold") format("svg"); font-weight: 600; font-style: normal; font-stretch: normal; unicode-range: U+0020-2265; }

@font-face { font-family: 'Rajdhani'; src: url("/fonts/rajdhani/Rajdhani-Bold_gdi.eot"); src: url("/fonts/rajdhani/Rajdhani-Bold_gdi.eot?#iefix") format("embedded-opentype"), url("/fonts/rajdhani/Rajdhani-Bold_gdi.woff") format("woff"), url("/fonts/rajdhani/Rajdhani-Bold_gdi.ttf") format("truetype"), url("/fonts/rajdhani/Rajdhani-Bold_gdi.svg#Rajdhani-Bold") format("svg"); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+0020-2265; }

@-webkit-keyframes rotate { from { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); }
  to { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none; } }

@keyframes rotate { from { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); }
  to { -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none; } }

.rotate { -webkit-animation-name: rotate; animation-name: rotate; }

button:hover { background-color: transparent; }

.btn { background: #5cbc53; color: #fff; padding: 10px 15px; border: 0; border-radius: 4px; display: inline-block; text-transform: uppercase; font-size: 1.125em; font-weight: 700; transition: all 0.2s; }

.btn:hover { background: #469e3e; color: #fff; }

.btn i { line-height: 1; display: inline-block; margin: 0 8px 0 4px; }

.btn.btn-small { padding: 4px 10px; font-size: 0.625em; text-transform: uppercase; font-weight: 700; }

.btn.btn-small i { line-height: 10px; margin: 0 4px; }

fieldset legend { display: none; }

.contact-form { background: #5cbc53; padding: 50px; display: block; position: relative; margin: 0 auto; }

.contact-form h2.contact { display: none; }

.contact-form input, .contact-form textarea, .contact-form select { background: rgba(255, 255, 255, 0.5); height: 50px; font-weight: 500; -webkit-appearance: none; padding: 0 10px; border-radius: 3px; margin: 0 0 16px; border: 0; width: 100%; }

.contact-form input.placeholder, .contact-form textarea.placeholder, .contact-form select.placeholder { color: #666; text-transform: uppercase; }

.contact-form input::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder, .contact-form select::-webkit-input-placeholder { color: #666; text-transform: uppercase; }

.contact-form input::-moz-placeholder, .contact-form textarea::-moz-placeholder, .contact-form select::-moz-placeholder { color: #666; text-transform: uppercase; }

.contact-form input:-moz-placeholder, .contact-form textarea:-moz-placeholder, .contact-form select:-moz-placeholder { color: #666; text-transform: uppercase; }

.contact-form input:-ms-input-placeholder, .contact-form textarea:-ms-input-placeholder, .contact-form select:-ms-input-placeholder { color: #666; text-transform: uppercase; }

.contact-form select { background: rgba(255, 255, 255, 0.5) url(/img/select-arrow.png) 100% 50% no-repeat; background-size: 15px 14px !important; min-height: 0; line-height: 1; -webkit-appearance: none; }

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

.contact-form textarea { height: auto; line-height: 1.5; padding-top: 10px; }

.hero { height: 720px; background-color: transparent; position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.hero .overlay { background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; }

.hero.page-intro.fixed { background-attachment: fixed; }

.hero.auto-height { height: auto !important; min-height: 0 !important; line-height: 1 !important; }

.hero > img { width: 100%; height: auto; }

/* MODAL */
.body-overlay { background: rgba(15, 15, 15, 0.6); position: fixed; z-index: 9; left: 0; right: 0; top: -99999px; bottom: auto; overflow: hidden; visibility: hidden; opacity: 0; transition: opacity 0.7s cubic-bezier(0.17, 0.67, 0.16, 0.98); }

.body-overlay.visible { visibility: visible; opacity: 1; top: 0; bottom: 0; }

.body-overlay.opaque { background: #a2a3a2; }

.oldie .body-overlay { background: none; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); zoom: 1; }

.modal { transition: all 0.4s ease-out; opacity: 0; visibility: hidden; z-index: 14; -webkit-transform: translate3d(-50%, -50%, 0) perspective(600px) rotateX(10deg); transform: translate3d(-50%, -50%, 0) perspective(600px) rotateX(10deg); color: #1a1a1a; background: #fff; margin: 0 auto; max-height: 95%; overflow: auto; padding: 0; width: 100%; left: 50%; top: 50%; max-width: 570px; position: fixed; font-size: 1em; }

.modal.visible { visibility: visible; opacity: 1; -webkit-transform: translate3d(-50%, -50%, 0) perspective(600px) rotateX(0); transform: translate3d(-50%, -50%, 0) perspective(600px) rotateX(0); }

.modal .modal-close { position: absolute; top: 1em; right: 1em; height: 1.5em; width: 1.5em; cursor: pointer; font-size: 1.25em; color: rgba(0, 0, 0, 0.2); z-index: 2; }

.modal .modal-close:hover { color: #fff; }

.modal.old-ie { font-weight: 500; }

.modal.old-ie h1 { font-size: 1.875em; }

.modal.old-ie p { font-size: 1.125em; }

.modal.old-ie p em { color: #2879bf; font-style: normal; }

.modal.old-ie ul.inline { text-align: center; }

.modal.old-ie ul.inline li { width: 25%; text-align: center; margin: 10px 0; display: inline-block; }

.modal.old-ie ul.inline li a { color: #a2a3a2; }

.modal.old-ie ul.inline li a:hover { color: #3976c9; }

body.modal-open { overflow: hidden; }

/* -- */
@media print { body { font-size: 70%; min-width: 0; }
  header { position: static !important; background: transparent; }
  body, #content { background: #fff !important; color: #000 !important; padding: 0 !important; margin: 0; }
  #hero, #content:before, #content:after, .btn, a.print { display: none !important; }
  * { -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; }
  #content { margin: 0 auto; } }

/* SPINNER */
span.loader { font-size: 90px; text-indent: -9999em; overflow: hidden; width: 1em; height: 1em; border-radius: 50%; margin: -0.5em 0 0 -0.5em; position: absolute; left: 50%; top: 50%; display: block; z-index: 1; opacity: 0; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load 1.7s infinite ease; animation: load 1.7s infinite ease; }

@-webkit-keyframes load { 0% { -webkit-transform: rotate(0deg);
    opacity: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    box-shadow: 0 -0.83em 0 -0.4em #fff, 0 -0.83em 0 -0.42em #fff, 0 -0.83em 0 -0.44em #fff, 0 -0.83em 0 -0.46em #fff, 0 -0.83em 0 -0.477em #fff; }
  5%, 95% { box-shadow: 0 -0.83em 0 -0.4em #fff, 0 -0.83em 0 -0.42em #fff, 0 -0.83em 0 -0.44em #fff, 0 -0.83em 0 -0.46em #fff, 0 -0.83em 0 -0.477em #fff; }
  50% { opacity: 1; }
  10%, 59% { box-shadow: 0 -0.83em 0 -0.4em #fff, -0.087em -0.825em 0 -0.42em #fff, -0.173em -0.812em 0 -0.44em #fff, -0.256em -0.789em 0 -0.46em #fff, -0.297em -0.775em 0 -0.477em #fff; }
  20% { box-shadow: 0 -0.83em 0 -0.4em #fff, -0.338em -0.758em 0 -0.42em #fff, -0.555em -0.617em 0 -0.44em #fff, -0.671em -0.488em 0 -0.46em #fff, -0.749em -0.34em 0 -0.477em #fff; }
  38% { box-shadow: 0 -0.83em 0 -0.4em #fff, -0.377em -0.74em 0 -0.42em #fff, -0.645em -0.522em 0 -0.44em #fff, -0.775em -0.297em 0 -0.46em #fff, -0.82em -0.09em 0 -0.477em #fff; }
  100% { -webkit-transform: rotate(360deg);
    opacity: 0;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    box-shadow: 0 -0.83em 0 -0.4em #fff, 0 -0.83em 0 -0.42em #fff, 0 -0.83em 0 -0.44em #fff, 0 -0.83em 0 -0.46em #fff, 0 -0.83em 0 -0.477em #fff; } }

@keyframes load { 0% { -webkit-transform: rotate(0deg);
    opacity: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    box-shadow: 0 -0.83em 0 -0.4em #fff, 0 -0.83em 0 -0.42em #fff, 0 -0.83em 0 -0.44em #fff, 0 -0.83em 0 -0.46em #fff, 0 -0.83em 0 -0.477em #fff; }
  5%, 95% { box-shadow: 0 -0.83em 0 -0.4em #fff, 0 -0.83em 0 -0.42em #fff, 0 -0.83em 0 -0.44em #fff, 0 -0.83em 0 -0.46em #fff, 0 -0.83em 0 -0.477em #fff; }
  50% { opacity: 1; }
  10%, 59% { box-shadow: 0 -0.83em 0 -0.4em #fff, -0.087em -0.825em 0 -0.42em #fff, -0.173em -0.812em 0 -0.44em #fff, -0.256em -0.789em 0 -0.46em #fff, -0.297em -0.775em 0 -0.477em #fff; }
  20% { box-shadow: 0 -0.83em 0 -0.4em #fff, -0.338em -0.758em 0 -0.42em #fff, -0.555em -0.617em 0 -0.44em #fff, -0.671em -0.488em 0 -0.46em #fff, -0.749em -0.34em 0 -0.477em #fff; }
  38% { box-shadow: 0 -0.83em 0 -0.4em #fff, -0.377em -0.74em 0 -0.42em #fff, -0.645em -0.522em 0 -0.44em #fff, -0.775em -0.297em 0 -0.46em #fff, -0.82em -0.09em 0 -0.477em #fff; }
  100% { -webkit-transform: rotate(360deg);
    opacity: 0;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
    box-shadow: 0 -0.83em 0 -0.4em #fff, 0 -0.83em 0 -0.42em #fff, 0 -0.83em 0 -0.44em #fff, 0 -0.83em 0 -0.46em #fff, 0 -0.83em 0 -0.477em #fff; } }

/*--*/
html { height: 100%; }

html, body { margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; }

body { background: #fff; }

a { color: #45788e; cursor: pointer; }

a:hover, a:focus { color: #2c4c5b; }

i, i::before { vertical-align: middle; }

form { height: 100%; }

.wow { visibility: hidden; }

.wow-hidden { display: none; }

@media screen and (max-width: 767px) { .wow { visibility: visible !important; -webkit-animation: none !important; animation: none !important; }
  .wow-hidden { display: block; } }

img { border: 0; }

i { vertical-align: middle; }

.no-scroll, .no-scroll body { overflow: hidden !important; }

.lock-body { position: fixed; overflow-y: scroll; }

*, *:after, *:before { -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

em[data-scope] { font-style: normal; }

.wrapper { max-width: 1368px; margin-left: auto; margin-right: auto; padding: 0 15px; }

.wrapper::after { clear: both; content: ""; display: table; }

@media screen and (min-width: 768px) { .wrapper { padding: 0 30px; } }

@media screen and (min-width: 1440px) { .wrapper { padding: 0 15px; } }

.wrap { overflow: hidden; clear: both; }

div.logo img, div.logo svg { max-width: 100%; max-height: 100%; }

.grid { background: url(/img/grid.png) center center repeat-y; position: fixed; z-index: 9999; width: 100%; height: 100%; top: 0; bottom: 0; opacity: 0.3; pointer-events: none; }

.hover-scale { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.tile-grid > .tile.features article { position: relative; top: 50%; -webkit-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }

.modal, .box-shadow { -ms-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.5); -o-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.5); box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.5); }

.text-shadow { text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.5); }

.material-shadow { -ms-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.35); -o-box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.35); box-shadow: 0 3px 5px 0px rgba(0, 0, 0, 0.35); }

.material-shadow-light { -ms-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.2); }

.remove-shadow { -ms-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; }

.hover-scale { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; }

.hover-scale:hover, .hover-scale:focus { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.relative { position: relative; }

.block { display: block; }

.inline-block { display: inline-block; }

.hidden { display: none !important; }

.text-center { text-align: center !important; }

.text-left { text-align: left !important; }

.text-right { text-align: right !important; }

.mobile-only { display: block !important; }

.mobile-only-inline { display: inline-block !important; }

.mobile-only-table { display: table !important; }

.mobile-only-table-cell { display: table-cell !important; }

.no-mobile, .no-mobile-inline, .no-mobile-table, .no-mobile-table-cell { display: none !important; }

@media screen and (min-width: 768px) { .no-mobile { display: block !important; }
  .no-mobile-inline { display: inline-block !important; }
  .no-mobile-table { display: table !important; }
  .no-mobile-table-cell { display: table-cell !important; }
  .mobile-only, .mobile-only-inline, .mobile-only-table, .mobile-only-table-cell { display: none !important; } }

.backdrop { position: absolute; top: 0; bottom: 0; width: 0; background: rgba(0, 0, 0, 0.5); z-index: 9; opacity: 0; visibility: hidden; transition: opacity 0.3s ease-in-out; }

.backdrop.animate { opacity: 1; visibility: visible; width: 100%; }

@media screen and (min-width: 1024px) { .col.full { float: left; display: block; margin-right: 2.24215%; width: 100%; }
  .col.full:last-child { margin-right: 0; }
  .col.three-quarter { float: left; display: block; margin-right: 2.24215%; width: 74.43946%; }
  .col.three-quarter:last-child { margin-right: 0; }
  .col.two-thirds { float: left; display: block; margin-right: 2.24215%; width: 65.91928%; }
  .col.two-thirds:last-child { margin-right: 0; }
  .col.half { float: left; display: block; margin-right: 2.24215%; width: 48.87892%; }
  .col.half:last-child { margin-right: 0; }
  .col.third { float: left; display: block; margin-right: 2.24215%; width: 31.83857%; }
  .col.third:last-child { margin-right: 0; }
  .col.fourth { float: left; display: block; margin-right: 2.24215%; width: 23.31839%; }
  .col.fourth:last-child { margin-right: 0; }
  .col:last-of-type { margin-right: 0; } }

.clearfix::after { content: ""; display: table; width: 100%; clear: both; }

.hr { height: 4px; display: inline-block; width: 30px; background: #fff; margin: 3px 0 1em 0; }

.hr hr { display: none; }

.hr.orange { background: orange; }

.invalid { background: #fff9d2 !important; }

p.error, span.error { color: #b62742; background: #f8b3c0; display: inline-block; padding: 1px 7px; font-size: 13px; line-height: 1.375em; font-weight: bold; position: relative; top: -10px; border-radius: 10px; }

p.error:empty, span.error:empty { display: none; }

div.success { color: #fff; background: #a4c639; display: inline-block; padding: 10px 25px; font-size: 1.25em; font-weight: bold; border-radius: 30px; }

div.success p { padding: 0; margin: 0; vertical-align: middle; line-height: 1; }

div.success i { margin: 0 10px 0 0; font-size: 1.375em; vertical-align: middle; }

div.success:empty { display: none; }

.blur { -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); }

div.cover { position: fixed; top: -50%; left: -50%; width: 200%; height: 200%; }

img.cover { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; min-width: 50%; min-height: 50%; overflow-x: hidden; }

.mail-sent { font-size: 1.5em; line-height: 1.5em; padding: 40px 0; text-align: center; font-weight: 700; }

#contact-form fieldset { opacity: 1; transition: opacity 0.3s; }

#contact-form.sending fieldset { opacity: 0.2; pointer-events: none; }

.accordion { background-color: transparent; border: 0; margin: 0 0 1.5em 0; padding: 0; }

.accordion ul { margin: 0; padding: 0; }

.accordion li { border-bottom: 0; list-style: none; transition: all .3s ease-out; }

.accordion li > a { color: #333; display: block; padding: 0.75em 30px; text-decoration: none; text-transform: uppercase; font-weight: 900; vertical-align: middle; }

.accordion li > a i { color: #5cbc53; font-size: 30px; margin-right: 10px; position: relative; left: -6px; transition: all .3s ease-out; }

.accordion li:last-child { border: 0; }

.accordion li:nth-child(odd) { background: #f7f7f7; }

.accordion li:focus, .accordion li:hover { background-color: #efefef; }

.accordion li:focus i, .accordion li:hover i { left: -12px; }

.accordion .submenu { display: none; padding: 10px 30px 30px 75px; }

.accordion .submenu p { font-size: 15px; font-weight: 500; }

@media screen and (min-width: 768px) { .accordion .submenu p { max-width: 90%; } }

.accordion .is-expanded { display: block; padding-bottom: 0; }

.burger-menu { position: fixed; top: 20px; left: 0; z-index: 50; }

@media screen and (min-width: 768px) { .burger-menu { top: 50px; } }

.burger-menu::after { content: ""; -webkit-transform: skew(-20deg); -ms-transform: skew(-20deg); transform: skew(-20deg); width: 260px; height: 75px; display: block; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); position: relative; left: -20px; }

.burger-menu .checkbox-toggle { position: absolute; top: 0; left: 0; z-index: 2; cursor: pointer; width: 130px; height: 75px; opacity: 0; }

@media screen and (min-width: 768px) { .burger-menu .checkbox-toggle:checked + .burger { background: transparent; } }

.burger-menu .checkbox-toggle:checked + .burger > div { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); width: 30px; }

.burger-menu .checkbox-toggle:checked + .burger > div::before, .burger-menu .checkbox-toggle:checked + .burger > div::after { top: 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); width: 30px; }

.burger-menu .checkbox-toggle:checked + .burger > div::after { opacity: 0; }

.burger-menu .checkbox-toggle:checked ~ .menu { /*pointer-events: auto;*/ visibility: visible; }

.burger-menu .checkbox-toggle:checked ~ .menu > div { /*transform: scale(1); transition-duration: .75s;*/ opacity: 1; }

.burger-menu .checkbox-toggle:checked ~ .menu > div > div { opacity: 1; transition: opacity 0.4s ease 0.4s; }

.burger-menu .checkbox-toggle:checked ~ .menu > div > div li { left: 0; opacity: 1; }

.burger-menu .checkbox-toggle:checked:hover + .burger > div { -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }

.burger-menu .checkbox-toggle:hover + .burger { background: #49a641; }

.burger-menu .burger { position: absolute; top: 0; left: 0; z-index: 1; width: 130px; height: 75px; padding: 0; background: #5cbc53; cursor: pointer; transition: all 0.4s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: block; text-align: left; }

.burger-menu .burger > div { position: relative; height: 4px; background: #fff; transition: all 0.4s ease; display: inline-block; width: 25px; top: 23px; left: 44px; }

.burger-menu .burger > div::before, .burger-menu .burger > div::after { content: ''; position: absolute; z-index: 1; top: -10px; left: 0; width: 30px; height: 4px; background: inherit; transition: all 0.4s ease; }

.burger-menu .burger > div::after { top: 10px; width: 20px; }

.burger-menu .menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; visibility: hidden; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; outline: 1px solid transparent; pointer-events: none; }

.burger-menu .menu > div { width: 100%; height: 100%; color: #fff; background: rgba(92, 188, 83, 0.97); /*border-radius: 50%;*/ transition: all 0.3s ease; /*transform: scale(0);*/ opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; /*overflow: hidden;*/ pointer-events: none; }

.burger-menu .menu > div > div { text-align: center; max-height: 100vh; opacity: 0; /*transition: opacity 0.3s ease;*/ overflow-y: auto; width: 100%; height: 100%; pointer-events: auto; }

.burger-menu .menu > div > div > ul { list-style: none; padding: 100px 0 0; margin: 0; display: block; position: relative; /*top:50%; transform: translateY(-50%);*/ }

@media screen and (min-width: 768px) { .burger-menu .menu > div > div > ul { padding: 78px 0 0; } }

.burger-menu .menu > div > div > ul > li { padding: 0; margin: 20px 0; font-size: 1.875em; position: relative; left: -40px; opacity: 0; font-weight: 700; display: block; transition: all 0.4s ease-out 100ms; }

@media screen and (min-width: 768px) { .burger-menu .menu > div > div > ul > li { margin: 35px 0; font-size: 2.5em; } }

.burger-menu .menu > div > div > ul > li:nth-child(2) { transition-delay: 200ms; }

.burger-menu .menu > div > div > ul > li:nth-child(3) { transition-delay: 300ms; }

.burger-menu .menu > div > div > ul > li:nth-child(4) { transition-delay: 400ms; }

.burger-menu .menu > div > div > ul > li:nth-child(5) { transition-delay: 500ms; }

.burger-menu .menu > div > div > ul > li:nth-child(6) { transition-delay: 600ms; }

.burger-menu .menu > div > div > ul > li > a { position: relative; display: inline; cursor: pointer; transition: color 0.4s ease; color: rgba(255, 255, 255, 0.65); text-transform: uppercase; text-decoration: none; }

.burger-menu .menu > div > div > ul > li > a:hover { color: #fff; }

a.burger-logo { position: absolute; left: 130px; margin-left: -20px; background: #fff; text-align: center; width: 130px; height: 75px; z-index: 11; padding: 0 18px; -webkit-transform: skew(-20deg); -ms-transform: skew(-20deg); transform: skew(-20deg); }

a.burger-logo img { position: relative; top: 8px; -webkit-transform: skew(20deg); -ms-transform: skew(20deg); transform: skew(20deg); height: 44px; }

.section { padding: 50px 0; }

@media screen and (min-width: 768px) { .section { padding: 100px 0; } }

.section h1, .section h2 { font-size: 1.75em; color: #a2a3a2; text-transform: uppercase; font-weight: 700; margin: 0 0 20px; padding: 0; }

.section.primary { background: #5cbc53; color: #fff; font-weight: 500; position: relative; }

.section.primary::after { bottom: 100%; left: 20%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-bottom-color: #5cbc53; border-width: 30px; margin-left: -30px; }

@media screen and (min-width: 768px) { .section.primary article { float: left; display: block; margin-right: 2.24215%; width: 48.87892%; min-height: 375px; }
  .section.primary article:last-child { margin-right: 0; } }

@media screen and (min-width: 1440px) { .section.primary article { float: left; display: block; margin-right: 2.24215%; width: 40.35874%; }
  .section.primary article:last-child { margin-right: 0; }
  .section.primary article h1, .section.primary article p { max-width: 450px; } }

.section.primary article h1 { text-transform: uppercase; font-weight: 700; font-size: 2.625em; line-height: 1; color: #fff; }

.section.primary article p { font-size: 1.125em; }

.section.primary article a { color: rgba(0, 0, 0, 0.5); display: inline-block; text-transform: uppercase; }

.section.primary article a:hover { color: #fff; }

.section.primary .visual { position: relative; }

@media screen and (min-width: 768px) { .section.primary .visual { float: left; display: block; margin-right: 2.24215%; width: 48.87892%; }
  .section.primary .visual:last-child { margin-right: 0; }
  .section.primary .visual img { max-width: 120%; } }

@media screen and (min-width: 1024px) { .section.primary .visual img { position: absolute; top: -130px; } }

@media screen and (min-width: 1440px) { .section.primary .visual { float: left; display: block; margin-right: 2.24215%; width: 57.3991%; }
  .section.primary .visual:last-child { margin-right: 0; }
  .section.primary .visual img { top: -220px; max-width: none; } }

.downloads { padding: 20px 0 0; white-space: nowrap; }

.downloads a { display: inline-block; margin-left: 10px; cursor: pointer; }

.downloads a:first-child { margin: 0; }

.tile-grid { font-size: 0; padding: 0; }

@media screen and (min-width: 1024px) { .tile-grid { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } }

.tile-grid > .tile { display: inline-block; width: 100%; font-size: 14px; vertical-align: top; position: relative; overflow: hidden; }

.tile-grid > .tile.features { height: 600px; position: relative; overflow: visible; }

.tile-grid > .tile.features article { padding: 0 15%; margin: 0 auto; z-index: 15; }

.tile-grid > .tile.features ul { display: block; text-align: center; padding: 0 0 50px; margin: 0 0 50px; border-bottom: 1px solid #a2a3a2; white-space: nowrap; }

.tile-grid > .tile.features ul li { display: inline-block; text-transform: uppercase; vertical-align: middle; padding: 0 5px; }

@media screen and (min-width: 768px) { .tile-grid > .tile.features ul li { padding: 0 10px; } }

@media screen and (min-width: 1440px) { .tile-grid > .tile.features ul li { padding: 0 15px; } }

.tile-grid > .tile.features ul li i { font-size: 64px; line-height: 50px; vertical-align: middle; color: #a2a3a2; }

.tile-grid > .tile.features ul li i.icon-plus { font-size: 20px; color: #5cbc53; }

.tile-grid > .tile.features ul li span { display: block; font-size: 1.125em; font-weight: 700; }

.tile-grid > .tile.features p { font-size: 1.125em; }

.tile-grid > .tile.demo { height: 850px; }

.tile-grid > .tile.faq, .tile-grid > .tile.contact { text-align: center; height: 300px; text-transform: uppercase; font-weight: 700; border-left: 1px solid transparent; transition: all .3s ease-out; }

.tile-grid > .tile.faq span, .tile-grid > .tile.contact span { position: absolute; top: 50%; left: 50%; margin: -18px 0 0 -50px; font-size: 1.875em; color: rgba(0, 0, 0, 0.5); transition: color .3s ease-out; z-index: 2; }

.tile-grid > .tile.faq:hover, .tile-grid > .tile.contact:hover { border-left: 10px solid #cc4c33; }

.tile-grid > .tile.faq:hover span, .tile-grid > .tile.contact:hover span { color: #fff; }

.tile-grid > .tile.faq { background: #c7c7c7 url("/img/float.png") 10% center no-repeat; }

.tile-grid > .tile.faq:hover span { color: #cc4c33; }

.tile-grid > .tile.contact { background: #45788e url("/img/phone.png") 12% bottom no-repeat; }

.tile-grid > .tile.contact:hover { border-left-color: rgba(255, 255, 255, 0.85); }

.tile-grid > .tile.contact:hover span { color: #fff; }

@media screen and (min-width: 1024px) { .tile-grid > .tile.preview-gallery-wrapper::after { top: 10%; right: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-right-color: #fff; border-width: 30px; } }

.icon-link-tile { display: inline-block; width: 100%; font-size: 14px; vertical-align: top; position: relative; overflow: hidden; }

.icon-link-tile span { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; color: rgba(255, 255, 255, 0.9); z-index: 2; font-size: 20px; font-weight: 700; text-transform: uppercase; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: color .3s ease-out; }

.icon-link-tile span i { display: block; font-size: 64px; }

.icon-link-tile::before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; z-index: 1; pointer-events: none; visibility: hidden; transition: all .3s ease-out; }

.icon-link-tile:hover span { color: #fff; }

.icon-link-tile:hover::before { visibility: visible; background: rgba(0, 0, 0, 0.5); }

.icon-link-tile.demo { background: url("/img/banner/boat-front.jpg") 10% center no-repeat; background-size: cover; height: 250px; text-align: center; }

.more { padding: 50px 0 0; }

.more a { color: #5cbc53; font-weight: 700; text-transform: uppercase; font-size: 1.125em; vertical-align: middle; transition: color 0.3s ease-out; }

.more a i { font-size: 20px; line-height: 20px; display: inline-block; position: relative; top: -2px; left: 5px; transition: left 0.3s ease-out; }

.more a:hover { color: #469e3e; }

.more a:hover i { left: 10px; }

section.about { padding: 0; overflow: hidden; }

section.about article { padding: 70px 10%; }

section.about article h2 { margin-bottom: 30px; }

section.about article h2::before { content: ""; display: block; height: 1px; background: #c7c7c7; margin: 50px 0; }

section.about article img { width: 250px; }

@media screen and (min-width: 1024px) { section.about .col, section.about .preview-gallery-wrapper { float: left; display: block; margin-right: 2.24215%; width: 48.87892%; margin-right: 0; width: 50%; }
  section.about .col:last-child, section.about .preview-gallery-wrapper:last-child { margin-right: 0; }
  section.about article { padding: 80px 15%; } }

.app-banner { background: url("/img/banner/cruise-ship-blur.jpg") center center no-repeat; background-size: cover; overflow: hidden; }

.app-banner .wrapper { padding: 40px; text-align: center; }

@media screen and (min-width: 1024px) { .app-banner .wrapper { height: 650px; position: relative; text-align: left; } }

.app-banner article { display: inline-block; color: #fff; }

.app-banner article p { font-size: 1.375em; font-weight: bold; text-transform: uppercase; max-width: 400px; margin: 0 auto; line-height: 1.25; }

.app-banner article h1, .app-banner article p { margin-bottom: 20px; }

@media screen and (min-width: 1024px) { .app-banner article { float: left; display: block; margin-right: 2.24215%; width: 40.35874%; margin-left: 59.64126%; float: none; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
  .app-banner article:last-child { margin-right: 0; }
  .app-banner article p { margin: 0; } }

.app-banner img.visual { display: none; }

@media screen and (min-width: 1024px) { .app-banner img.visual { display: block; position: absolute; right: 50%; bottom: -100px; } }

section.contact .wrapper { padding-left: 0; padding-right: 0; }

section.contact .wrap .col { margin-bottom: 50px; }

@media screen and (min-width: 768px) { section.contact .wrap .col { float: left; display: block; margin-right: 2.24215%; width: 48.87892%; }
  section.contact .wrap .col:last-child { margin-right: 0; } }

section.contact article { padding: 0 30px; }

@media screen and (min-width: 1440px) { section.contact article { padding: 0; } }

section.contact article h2 { color: #5cbc53; text-transform: uppercase; font-size: 1.5em; font-weight: 600; }

section.contact article [itemscope], section.contact article dl { font-size: 1.0625em; line-height: 1.25; }

section.contact article dt { color: #a2a3a2; }

section.contact article [itemprop="address"] { margin-bottom: 10px; }

section.contact iframe { width: 100%; height: 250px; border: 0; margin: 0 0 -8px; display: none; }

section.contact .contact-form h2.contact { display: block; }

section.contact .contact-form h2.demo { display: none; }

@media screen and (min-width: 1024px) { section.contact article, section.contact .contact-form { float: left; display: block; margin-right: 2.24215%; width: 48.87892%; }
  section.contact article:last-child, section.contact .contact-form:last-child { margin-right: 0; }
  section.contact .contact-form { position: relative; top: -250px; margin-bottom: -250px; max-width: 570px; }
  section.contact iframe { display: block; max-width: 500px; } }

.contact-form h2 { font-size: 2em; font-weight: 700; text-transform: uppercase; }

.contact-form h2, .contact-form p { color: #fff; }

.contact-form p:not(.mail-sent) { font-size: 1.0625em; font-weight: 600; margin: 0 0 30px; }

.contact-form label { display: none; }

.contact-form .btn:not(:hover) { background: rgba(0, 0, 0, 0.25); }

@media screen and (min-width: 1024px) { .contact-form .w75 { width: 75%; }
  .contact-form .w50 { width: 50%; }
  .contact-form .w40 { width: 40%; } }

@media screen and (min-width: 768px) { section.faq article { float: left; display: block; margin-right: 2.24215%; width: 48.87892%; }
  section.faq article:last-child { margin-right: 0; } }

@media screen and (min-width: 768px) { section.faq aside { float: left; display: block; margin-right: 2.24215%; width: 40.35874%; margin-left: 8.52018%; }
  section.faq aside:last-child { margin-right: 0; } }

section.faq aside .contact-form { padding: 0; background: transparent; }

section.faq aside .contact-form input, section.faq aside .contact-form textarea, section.faq aside .contact-form select { background: #f7f7f7; }

section.faq aside .contact-form h2 { display: none; }

section.faq aside .contact-form p { color: inherit; text-align: left; padding: 0; }

section.faq aside .contact-form .btn { background: #5cbc53; }

section.key-features .wrapper { position: relative; }

section.key-features .wrapper .visual { display: none; }

@media screen and (min-width: 1024px) { section.key-features .wrapper { background: url("/img/visuals/hole-saw.jpg") right center no-repeat; }
  section.key-features .wrapper .visual { display: block; position: absolute; left: 50%; top: 0; -webkit-transform: translateY(-80%); -ms-transform: translateY(-80%); transform: translateY(-80%); }
  section.key-features .wrapper .visual img { max-width: 120%; } }

@media screen and (min-width: 1024px) { section.key-features article { float: left; display: block; margin-right: 2.24215%; width: 65.91928%; }
  section.key-features article:last-child { margin-right: 0; }
  section.key-features article ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } }

section.key-features article ul { padding-top: 40px; }

section.key-features article ul li { display: inline-block; margin: 0 0 40px; position: relative; padding: 0 0 0 40px; }

section.key-features article ul li h2 { color: #5cbc53; font-size: 1.125em; margin: 0 0 5px; }

section.key-features article ul li p { font-size: 0.875em; line-height: 1.75; font-weight: 500; }

@media screen and (min-width: 1024px) { section.key-features article ul li p { max-width: 80%; } }

section.key-features article ul li i { position: absolute; left: 0; top: -5px; color: #5cbc53; font-size: 24px; }

section.tab-features { background: #5cbc53; color: #fff; }

@media screen and (min-width: 1024px) { section.tab-features { margin-bottom: 80px; } }

section.tab-features .wrapper { overflow: visible; }

section.tab-features .wrapper .tab-content { position: relative; }

@media screen and (min-width: 1024px) { section.tab-features .wrapper .tab-content { height: 340px; } }

section.tab-features .wrapper .visual { display: none; }

section.tab-features .wrapper article { font-weight: 500; }

@media screen and (min-width: 1024px) { section.tab-features .wrapper article { padding-top: 50px; } }

section.tab-features .wrapper article, section.tab-features .wrapper article h1, section.tab-features .wrapper article h2, section.tab-features .wrapper article p { color: #fff; }

section.tab-features .wrapper article h2 { font-size: 1.375em; }

@media screen and (min-width: 1024px) { section.tab-features .wrapper .visual { display: block; position: absolute; width: 50%; }
  section.tab-features .wrapper .visual img { max-width: 125%; margin-left: -25%; }
  section.tab-features .wrapper article { float: left; display: block; margin-right: 2.24215%; width: 48.87892%; margin-left: 51.12108%; position: relative; z-index: 2; }
  section.tab-features .wrapper article:last-child { margin-right: 0; } }

section.tab-specs { text-align: center; }

dl.specs { overflow: hidden; margin: 0 auto 50px auto; /*display:inline-block;*/ background: rgba(0, 0, 0, 0.02); }

dl.specs dt, dl.specs dd { text-align: left; margin: 0; padding: 10px 30px; border-top: 1px solid rgba(0, 0, 0, 0.06); }

dl.specs dt { clear: left; border-color: rgba(0, 0, 0, 0.025); }

dl.specs dd { background: #fff; }

@media screen and (min-width: 768px) { dl.specs dt, dl.specs dd { float: left; display: inline-block; }
  dl.specs dt { width: 30%; }
  dl.specs dd { width: 70%; } }

/* FOOTER */
footer { background: #fff; clear: both; overflow: hidden; padding: 10px 20px; }

@media screen and (min-width: 768px) { footer { padding: 100px 0 50px 0; } }

footer .footer-logo { float: left; display: block; margin-right: 2.24215%; width: 31.83857%; text-align: center; }

footer .footer-logo:last-child { margin-right: 0; }

footer .footer-logo img { height: 50px; position: relative; top: 15px; }

@media screen and (min-width: 768px) { footer .footer-logo { float: left; display: block; margin-right: 2.24215%; width: 14.79821%; margin-left: 8.52018%; }
  footer .footer-logo:last-child { margin-right: 0; }
  footer .footer-logo img { height: 75px; } }

footer nav { display: none; padding: 20px 0 0; }

@media screen and (min-width: 768px) { footer nav { display: block; float: left; display: block; margin-right: 2.24215%; width: 31.83857%; margin-left: 8.52018%; }
  footer nav:last-child { margin-right: 0; } }

footer nav ul { float: left; display: block; margin-right: 7.04225%; width: 46.47887%; margin: 0; }

footer nav ul:last-child { margin-right: 0; }

footer nav ul a { font-weight: 700; text-transform: uppercase; }

footer .contact { float: left; display: block; margin-right: 2.24215%; width: 65.91928%; margin-right: 0; padding: 20px 0 0; text-align: right; font-size: 1.375em; text-transform: uppercase; }

footer .contact:last-child { margin-right: 0; }

@media screen and (min-width: 768px) { footer .contact { float: left; display: block; margin-right: 2.24215%; width: 23.31839%; }
  footer .contact:last-child { margin-right: 0; } }

footer .contact .btn-small { position: relative; top: 1px; }

footer .contact a.phone { white-space: nowrap; }

footer .contact a.phone i { margin-right: 2px; }

footer p.copy { clear: both; color: #a2a3a2; font-weight: 500; padding: 20px 0 0; text-align: center; }

footer p.copy span { display: block; }

@media screen and (min-width: 768px) { footer p.copy { padding: 50px 0 0; }
  footer p.copy span { display: inline; } }

footer p.copy a { text-decoration: underline; }

.preview-gallery-wrapper { background: #000; position: relative; }

.preview-gallery-wrapper .slick-slide { height: 850px; background-size: cover; background-position: center center; }

.preview-gallery-wrapper img { width: 100%; }

.preview-gallery-wrapper .open-gallery { color: #fff; font-size: 20px; position: absolute; bottom: 15px; right: 15px; }

.slider-wrapper { background: #222; }

.slider-wrapper article { line-height: 1; z-index: 4; position: relative; color: #fff; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 40px 30px 0 30px; }

.slider-wrapper article.home-intro{ text-align: right;}

.slider-wrapper article.home-intro h1 { font-size: 2.5em; text-align: right;}

.slider-wrapper article.home-intro p { font-size: 1.375em; font-weight: bold; text-transform: uppercase; max-width: 400px; margin: 0 0 0 auto; line-height: 1.25; text-align:right; }

.slider-wrapper article.home-intro .slider-logo { max-width: 180px; }

.slider-wrapper article.home-intro .slider-logo * { fill: #fff; }

@media screen and (min-width: 768px) { .slider-wrapper article.home-intro .slider-logo { max-width: 220px; } }

.slider-wrapper article.home-intro .twirl { display: none; }

@media screen and (min-width: 768px) { .slider-wrapper .article.home-intro .twirl { display: block; position: absolute; right: 10px; top: -150px; z-index: -1; pointer-events: none; width: 340px; height: 340px; }
  .slider-wrapper article.home-intro .twirl img { width: 100%; opacity: 0.1; } }

@media screen and (min-width: 768px) { .slider-wrapper .article.home-intro { top: auto; -webkit-transform: none; -ms-transform: none; transform: none; position: absolute; right: 0; bottom: 20%; padding: 0 125px 0 0; text-align: right; } }

.slider-wrapper .slider article.page-intro h1 { font-size: 2.25em; text-transform: uppercase; line-height: 1; }

@media screen and (min-width: 1440px) { .slider-wrapper .slider article.page-intro h1 { font-size: 2.625em; } }

.slider-wrapper .slider article.page-intro h1 span { font-size: 18px; font-weight: normal; display: block; }

.slider-wrapper .slider article.page-intro h1 span:first-child { padding-top: 20px; }

.slider-wrapper .slider article.page-intro h1 span em { font-size: 24px; font-weight: bold; font-style: normal; }

.slider-wrapper .slider article.page-intro h1 span a { color: #5cbc53; }

.slider-wrapper .slider article.page-intro p { font-size: 1.375em; font-weight: bold; }

.slider-wrapper .slider article.page-intro p.primary { color: #5cbc53; }

.slider-wrapper .slider article.page-intro a.follow-us { font-size: 1.375em; text-transform: uppercase; font-weight: 700; color: #c7c7c7; margin-left: 24px; vertical-align: middle; display: inline-block; }

.slider-wrapper .slider article.page-intro a.follow-us i { font-size: 30px; color: #6788ce; vertical-align: middle; margin-right: 10px; }

.slider-wrapper .slider article.page-intro a.follow-us i::before { vertical-align: bottom; }

.slider-wrapper .slider article.page-intro a.follow-us:hover { color: #fff; }

@media screen and (min-width: 768px) { .slider-wrapper .slider article.page-intro { max-width: 520px; text-align: left; }
  .slider-wrapper .slider article.page-intro.fluid { left: 7.5%; }
  .slider-wrapper .slider article.page-intro h1 { border-left: 4px solid #5cbc53; padding: 0 0 0 20px; }
  .slider-wrapper .slider article.page-intro p { padding: 0 0 0 24px; } }

@media screen and (min-width: 768px) { .tab-wrapper { width: 75%; margin: 0 auto; } }

@media screen and (min-width: 1440px) { .tab-wrapper { width: 50%; } }

.tabs { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; /*overflow-x: auto;*/ overflow: hidden; height: 48px; background-color: transparent; margin: 0 auto 50px auto; width: 100%; white-space: nowrap; }

.tabs .tab { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: block; float: left; text-align: center; line-height: 48px; height: 48px; padding: 0; margin: 0; text-transform: uppercase; text-overflow: ellipsis; overflow: hidden; letter-spacing: .8px; width: 15%; min-width: 80px; }

.tabs .tab a { color: #a2a3a2; display: block; width: 100%; height: 100%; text-overflow: ellipsis; overflow: hidden; transition: color .28s ease; font-weight: 900; text-transform: uppercase; font-size: 1.125em; }

@media screen and (min-width: 768px) { .tabs .tab a { font-size: 1.5em; } }

.tabs .tab a:hover, .tabs .tab a.active { color: #7c7d7c; }

.tabs .indicator { position: absolute; bottom: 0; height: 3px; background-color: #5cbc53; will-change: left, right; }

.tabs.white a { color: rgba(255, 255, 255, 0.8); }

.tabs.white a:hover, .tabs.white a.active { color: #fff; }

.tabs.white .indicator { background-color: #fff; }