@charset "utf-8";


/* GENERAL LAYOUT
============================================================================================ */
html {height: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body {font: 16px/1 "Titillium Web", sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; height: 100%; margin: 0; width: 100%;}
main#slideout-main {height: 100%;}
a,
button {transition: 0.3s;}
a {color: #1568a1;}
a:hover {color: #0d5180;}
.clear {clear: both;}
button {font-family: "Titillium Web", sans-serif;}

/* general: fancybox.js fix */
.fancybox-slide > * {padding: 10px;}

/* general: branding */
.text-brand {color: #a40005;}
.text-highlight {color: #1568a1;}
.text-fine {color: #666; font-size: 0.9em; font-style: italic;}

/* general: branding buttons */
.button-brand {background: #a40005; border: none; color: #fff;}
.button-brand:hover {background: #770004; color: #fff;}
.button-fbblue {background: #3b5998; border: none; color: #fff;}
.button-fbblue:hover {background: #3b5998; color: #fff;}
.button-highlight {background: #1568a1; border: none; color: #fff;}
.button-highlight:hover {background: #0d5180; color: #fff;}
.button-ghost-light {background: rgba(255,255,255,0); border: solid 2px #fff; color: #fff;}
.button-ghost-light:hover {background: rgba(255,255,255,1); color: #a40005;}
.button-ghost-light-alt {background: rgba(255,255,255,0); border: solid 2px #fff; color: #fff;}
.button-ghost-brand {background: rgba(164,0,5,0); border: solid 2px #a40005; color: #a40005;}
.button-ghost-brand:hover {background: rgba(164,0,5,1); color: #fff;}
.button-ghost-brand-alt {background: rgba(164,0,5,0); border: solid 2px #a40005; color: #a40005;}
.button-ghost-highlight {background: rgba(21,104,161,0); border: solid 2px #1568a1; color: #1568a1;}
.button-ghost-highlight:hover {background: rgba(21,104,161,1); color: #fff;}
.button-ghost-highlight-alt {background: rgba(21,104,161,0); border: solid 2px #1568a1; color: #1568a1;}


/* SLIDEOUT MENU
============================================================================================ */
/* slideout: plugin */
.slideout-menu {bottom: 0; display: none; min-height: 100vh; overflow-y: scroll; -webkit-overflow-scrolling: touch; position: fixed; top: 0; width: 256px; z-index: 0;}
.slideout-menu-left {left: 0;}
.slideout-menu-right {right: 0;}
.slideout-panel {background-color: #fff; min-height: 100vh; position: relative; will-change: auto; z-index: 1;}
.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {overflow: hidden;}
.slideout-open .slideout-menu {display: block;}

/* slideout: menu */
#slideout-menu {background: #333; background: linear-gradient(to right, #333 0%, #444 30%);}
.slideout-wrapper {display: none;}
#slideout-menu nav {padding: 15px;}
#slideout-menu nav > a {border-radius: 5px; color: #fff; display: block; font-weight: 600; line-height: 40px; margin-bottom: 5px; padding: 0 20px; text-decoration: none; transition: none;}
#slideout-menu nav > a:first-child {border: none;}
#slideout-menu nav > a:hover {background: #fff; color: #1568a1;}
#slideout-menu nav > a.button-ghost-light:hover {color: #a40005;}
#slideout-menu ul {border-top: dotted 1px rgba(255,255,255,0.3); border-bottom: dotted 1px rgba(255,255,255,0.3); padding: 15px;}
#slideout-menu ul li {padding: 10px 0 10px 20px;;}
#slideout-menu ul a {color: #ccc; font-size: 0.9em; text-decoration: none; transition: none;}
#slideout-menu ul a:hover {color: #fff;}
#slideout-menu ul a i {width: 30px;}
.slideout-phone {font-size: 1.15em; padding: 15px 0 0 25px; text-align: left;}
.slideout-phone > em {background: #fff; border-radius: 20px; color: #1568a1; display: inline-block; height: 32px; line-height: 32px; text-align: center; vertical-align: baseline; width: 32px;}
.slideout-phone a {color: #fff; font-weight: 700; margin-left: 2px; text-decoration: none;}
.slideout-app {padding: 25px 0 0 25px;}
.slideout-app img {height: auto; margin-bottom: 10px; width: 150px;}
.slideout-app.mobile-os-android a:not(.slideout-app-android) {display: none;}
.slideout-app.mobile-os-apple a:not(.slideout-app-apple) {display: none;}


/* HEADER
============================================================================================ */
/* header: contact */
.header-contact {background: rgba(240,240,240,1) url(../images/head-pattern.png) repeat left top; box-shadow: inset 0px -10px 5px -5px rgba(0,0,0,0.15); height: 0; padding-right: 15px; overflow: hidden; transition: 0.3s;}
.header-phone {float: right; line-height: 40px;}
.header-phone > em {background: #1568a1; border-radius: 15px; color: #fff; display: inline-block; height: 26px; line-height: 26px; text-align: center; vertical-align: baseline; width: 26px;}
.header-phone span,
.header-phone a {color: #000; font-weight: 700; margin: 0 20px 0 2px; text-decoration: none;}
.header-contact > nav {float: right;}
.header-contact > nav a {color: #777; display: inline-block; font-size: 0.9em; font-weight: 600; line-height: 40px; margin: 0 10px; text-decoration: none;}
.header-contact > nav a i {margin-right: 3px;}
.header-contact > nav a:hover {color: #1568a1;}

/* header: alert */
.header-alert {background: #a40005; color: #fff; font-size: 0.9em; font-weight: 700; line-height: 110%; padding: 15px; text-align: center; transition: 0.3s;}
.header-alert i {font-size: 1.25em; margin-right: 5px;}
.header-alert a {color: #fff;}
.header-alert a:hover {color: rgba(255,255,255,0.7);}

/* header: nav */
.header-nav {background: #fff; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15); height: 70px; position: relative; transition: 0.3s;}
.header-logo {float: left; height: 100%; position: relative; transition: 0.3s; width: 230px;}
.header-logo a {height: 80%; left: 10px; position: absolute; top: 10%; z-index: 10;}
.header-logo a img {height: 100%; width: auto;}
.header-logo a:hover {filter: brightness(120%); -webkit-filter: brightness(120%);}
.header-nav nav {display: none; float: right; padding: 18px 10px 0 0;}
.header-nav nav a {color: #000; display: inline-block; font-size: 1; font-weight: 600; line-height: 50px; margin: 0 10px; text-decoration: none;}
.header-nav nav a:hover {color: #1568a1;}
.header-nav nav a.button-ghost-brand {border-radius: 5px; color: #a40005; padding: 0 15px;}
.header-nav nav a.button-ghost-brand:hover {color: #fff; cursor: pointer;}
a#header-trigger {color: #1568a1; display: block; float: right; font-size: 2.5em; line-height: 70px; padding-right: 15px;}
a#header-trigger:hover {color: #000; cursor: pointer;}
.header-nav nav.nav-phone {font-size: 1.2em; font-weight: 700; line-height: 40px; transition: 0.3s;}
.header-nav nav.nav-phone > em {background: #1568a1; border-radius: 20px; color: #fff; display: inline-block; height: 35px; line-height: 35px; margin-right: 5px; text-align: center; vertical-align: baseline; width: 35px;}


/* header: no navigation */
header.header-nonav {background: linear-gradient(to bottom, #050505 0%,#1e1e1e 100%); padding-top: 10px; position: static; text-align: center;}
header.header-nonav img {display: inline-block; margin-bottom: -10px; max-width: 300px; width: 60%;}


/* FOOTER
============================================================================================ */
footer {background: #fff; border-top: solid 1px #e2e2e2; padding: 20px;}
.footer-contact {text-align: center;}
.footer-contact img {display: block; height: auto; margin: 0 auto 10px auto; max-width: 225px; width: 70%;}
.footer-phone {color: #666; font-style: italic; font-weight: 700; text-transform: uppercase;} 
.footer-phone span,
.footer-phone a {color: #000; font-size: 1.3em; font-style: normal ; margin-left: 10px; text-decoration: none;}
.footer-phone span {display: none;}
.footer-address {color: #666; font-size: 0.95em; padding: 10px 0;}
.footer-address span {display: block;}
.footer-address span small {display: block; font-size: 1em;}
.footer-address i {display: none;}

/* footer: nav */
.footer-nav {border-top: solid 1px #e2e2e2; border-bottom: solid 1px #e2e2e2; margin: 20px 0; padding: 10px 0; text-align: center;}
.footer-nav nav {display: inline-block; padding: 20px; text-align: left; vertical-align: top;}
.footer-nav nav strong {display: block; font-weight: 700; margin-bottom: 5px; padding-bottom: 5px;}
.footer-nav nav a {color: #777; display: block; font-size: 0.95em; padding: 3px 0; text-decoration: none;}
.footer-nav nav a:hoer {color: #1568a1; text-decoration: underline;}

/* footer: social */
footer hr {display: none;}
.footer-social {text-align: center;}
.footer-social a {background: #000; border-radius: 40px; color: #fff; display: inline-block; font-size: 1.1em; height: 40px; line-height: 40px; margin: 2px; width: 40px;}
.footer-social a:hover {filter: brightness(120%); -webkit-filter: brightness(120%);}
.footer-social a.footer-social-fb {background: #3c5a9a;}
.footer-social a.footer-social-tw {background: #1da1f2;}
.footer-social a.footer-social-gp {background: #dc4e41;}
.footer-social a.footer-social-pi {background: #ca1f1e;}

/* footer: app */
.footer-app {padding-top: 15px; text-align: center;}
.footer-app img {height: auto; margin: 0 5px; width: 150px;}
.footer-app.mobile-os-android a:not(.footer-app-android) {display: none;}
.footer-app.mobile-os-apple a:not(.footer-app-apple) {display: none;}

/* footer: fine */
.footer-fine {color: #888; font-size: 0.9em; padding-top: 20px; text-align: center;}
.footer-fine span {display: block; padding-bottom: 10px;}
.footer-fine a {color: #666; cursor: pointer; display: inline-block; margin: 0 10px; text-decoration: underline;}

/* footer: no navigation */
footer.footer-nonav {text-align: center;}
footer.footer-nonav img {max-width: 250px;}
footer.footer-nonav span {color: #888; display: block; font-size: 0.9em; padding-top: 20px;}


/* MODAL INFO PANELS
============================================================================================ */
.modal-info {font-size: 0.9em; padding: 25px 10px; max-width: 800px;}
.modal-info h3 {color: #1568a1; font-weight: 700; font-size: 1.5em; padding-bottom: 30px;}
.modal-info h4 {color: #999; font-size: 0.9em; font-weight: 700; padding: 30px 0 10px 0; text-transform: uppercase;}
.modal-info p {line-height: 140%; padding: 7px 0;}
.modal-info ol {list-style-type: decimal; padding-left: 30px;}
.modal-info ol li {line-height: 140%; padding: 7px 0;}
.modal-info .text-fine {padding-top: 50px;}


/* MODAL LEAD FORM
============================================================================================ */
div[id^="modal-lead"] {max-width: 90%;}
.modal-lead {font-size: 0.9em; max-width: 600px; padding: 15px 10px; width: 250px;}
.modal-lead h3 {color: #1568a1; font-weight: 700; font-size: 1.5em; padding-bottom: 10px;} 
.modal-lead h4 {line-height: 130%; padding-bottom: 30px;}
.modal-lead fieldset {padding-bottom: 15px;}
.modal-lead label {clear: both; display: block; font-weight: bold; padding-bottom: 3px;}
.modal-lead input {-webkit-appearance: none; -moz-appearance: none; appearance: none; border: solid 1px #7faabc; border-radius: 3px; box-sizing: border-box; float: left; height: 40px; line-height: 40px; padding: 0 10px; width: 100%;}
.modal-lead input:focus {border-color: #1568a1; color: #1568a1;}
.modal-lead input#lead-first-name {margin-right: 2%; width: 49%;}
.modal-lead input#lead-last-name {width: 49%;}
.modal-lead button {border-radius: 5px; display: block; font-size: 1em; font-weight: 600; height: 50px; line-height: 50px; margin: 10px auto; text-align: center; text-decoration: none; width: 200px;}
.modal-lead button:hover {cursor: pointer;}
.modal-lead-success {padding: 50px 0; text-align: center;}
.modal-lead-error {padding: 50px 0; text-align: center;}
.modal-lead .modal-lead-error h3 {color: #a40005;}
.modal-lead .modal-lead-error h3 i {margin-right: 5px;}

/* modal lead form: google recaptcha */
.modal-lead .g-recaptcha {-webkit-transform: scale(0.77); transform: scale(0.77); -webkit-transform-origin: 0 0; transform-origin: 0 0;}
.modal-lead-form-recaptcha-error {display: block; font-size: 0.9em; font-weight: 700; padding-top: 5px; text-align: center;}

/* modal lead form: promos */
.modal-lead h4#modal-promo-price {font-size: 1.3em; font-weight: 700;}
.modal-lead h4#modal-promo-price small {color: #a40005; font-style: italic; padding-left: 4px;}
#modal-promo-desc {line-height: 120%; padding-bottom: 30px;}
#modal-promo-desc strong {font-weight: 700;}
#modal-promo-desc small {color: #666; display: block; padding-top: 10px;}


/* SPLASH: LEAD FORMS/BUTTONS
============================================================================================ */
/* splash: lead email form */
.splash-email input {-webkit-appearance: none; -moz-appearance: none; appearance: none; border: solid 1px #7faabc; border-radius: 5px; box-sizing: border-box; height: 50px; line-height: 50px; margin: 0 auto; max-width: 300px; padding: 0 10px; width: 100%;}
.splash-email input:focus {border-color: #1568a1; color: #1568a1;}
.splash-email button {border-radius: 5px; display: block; font-size: 1em; font-weight: 600; height: 50px; line-height: 50px; margin: 10px auto; text-align: center; text-decoration: none; width: 200px;}
.splash-email button:hover {cursor: pointer;}

/* splash: lead buttons */
.splash-video-modal {font: 16px/1 "Titillium Web", sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
.splash-lead-buttons a, .splash-video-modal {border-radius: 5px; box-sizing: border-box; display: inline-block; font-weight: 600; height: 50px; line-height: 50px; margin: 5px; text-decoration: none; vertical-align: top; width: 200px;}
.splash-lead-buttons a[class^="button-ghost"], .splash-video-modal {line-height: 46px;}
.splash-lead-buttons a:hover, .splash-video-modal:hover {cursor: pointer;}


/* SPLASH: VIDEO
============================================================================================ */
/* splash video: background */
.splash-video {background: url(../images/splash-video-bg.jpg) no-repeat left -30px; background-size: 100% auto; overflow: hidden; padding: 35px 0 20px 0; position: relative;}
.splash-video-bg-r {transition: 1s; transition-timing-function: ease-out;}
.splash-video-video {display: none;}

/* splash video: information */
.splash-video-graphic {background: url(../images/splash-video-graphic.png) no-repeat center center; background-size: contain; margin: 0 6% 0 4%; padding-top: 60%; position: relative; transition: 1s; width: 90%;}
.splash-video-graphic .wistia_embed > div {height: 100% !important; width: 100% !important;}
[class^="splash-video-trigger"] {background: url(../images/splash-video-play.png) no-repeat center center; background-size: 100% auto; left: 55%; height: 100px; margin-left: -50px; opacity: 0.8; position: absolute; top: 26%; transition: 0.3s; width: 100px; z-index: 10;}
[class^="splash-video-trigger"] span {border: solid 1px rgba(0,0,0,0.4); border-radius: 300px; box-sizing: border-box; display: block; height: 74%; margin: 13%; transition: 0.3s; width: 74%;}
[class^="splash-video-trigger"]:hover {cursor: pointer; opacity: 1;}
[class^="splash-video-trigger"]:hover span {border-color: #1568a1;}
.splash-video-trigger-lg {display: none;}
.splash-video-text {margin: 0 auto; max-width: 600px; padding: 20px; text-align: center; transition: 1s;}
.splash-video-text h1 {font-size: 1.6em; font-weight: 700; padding-bottom: 15px;}
.splash-video-text > span {color: #333; display: block; font-size: 1.2em; line-height: 120%; padding-bottom: 15px;}
a.splash-video-scroll {border: solid 1px #1568a1; border-radius: 30px; color: #1568a1; display: none; height: 30px; line-height: 30px; width: 30px;}
a.splash-video-scroll:hover {background: #1568a1; color: #fff; cursor: pointer;}
a#splash-video-close {color: rgba(255,255,255,0.6); display: block; font-size: 2em; position: fixed; right: -125px; text-shadow: 0 0 10px rgba(0,0,0,0.5); top: 115px; z-index: 40;}
a#splash-video-close:hover {color: rgba(255,255,255,1); cursor: pointer; text-shadow: 0 0 10px rgba(0,0,0,0.7);}


/* SPLASH: INTRO
============================================================================================ */
.splash-intro {background: #f4f4f4 url(../images/head-pattern.png) repeat left top; overflow: hidden; padding-top: 250px; position: relative; text-align: center;}
.splash-intro-bg {background: url(../images/splash-intro-bg.png) no-repeat center center; background-size: 80% auto; height: 250px; left: 0; position: absolute; top: 0; width: 100%;}
.splash-intro-bg > div:first-child {background: transparent; background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 15%, rgba(0,0,0,0) 85%, rgba(0,0,0,0.2) 100%); height: 100%;}
.splash-intro-bg > img {display: none;}
.splash-intro-body {background: #fff; padding: 35px 10%;}
.splash-intro h2 {font-size: 1.4em; font-weight: 700; line-height: 110%;}
.splash-intro h2 em {font-style: italic; font-weight: 700;}
.splash-intro h2 span {color: #333; display: block; font-size: 0.85em; font-weight: 400; line-height: 110%; padding-top: 20px;}
.splash-intro p {color: #333; line-height: 120%; padding: 30px 0;}
.splash-intro p strong {font-weight: 700;}


/* SPLASH: SLOGAN
============================================================================================ */
.splash-slogan {background: #333 url(../images/splash-slogan-bg.jpg) no-repeat center top; background-size: cover; color: #fff; overflow: hidden; padding: 70px 10%; text-align: center;}
.splash-slogan h2 {font-size: 1.4em; font-weight: 700; line-height: 110%;}
.splash-slogan h2 span {display: block; font-size: 0.85em; font-weight: 400; padding-top: 20px;}


/* SPLASH: RULES
============================================================================================ */
.splash-rules {overflow: hidden; padding: 35px 10%; text-align: center;}
.splash-rules li {border-bottom: solid 1px #e2e2e2; box-sizing: border-box; color: #333; padding: 30px 0;}
.splash-rules li:first-child {padding-top: 15px;}
.splash-rules li strong {color: #000; display: block; font-size: 1.2em; font-weight: 700; padding-bottom: 10px; text-transform: uppercase;}
.splash-rules li img {display: block; margin: 0 auto; max-width: 250px; width: 60%;}
.splash-rules li p {font-size: 0.95em; line-height: 125%; padding-top: 10px;}
.splash-rules > p {line-height: 125%; padding: 35px 0;}
.splash-rules h2 {font-size: 1.4em; font-weight: 700; line-height: 110%;}
.splash-rules h3 {font-size: 1.1em; font-weight: 700; padding-top: 20px;}
.splash-rules form {padding-top: 35px;}


/* SPLASH: CLIENTS
============================================================================================ */
.splash-clients {background: #e2e2e2; background: linear-gradient(to bottom, #d7d7d7 0%, #e2e2e2 100%); overflow: hidden; text-align: center;}
.splash-clients-bg {background: url(../images/splash-client-bg.png) repeat center center; background-size: 100px auto; padding: 35px 10%;}
.splash-clients h2 {color: #0f5586; font-size: 1.4em; font-weight: 700; line-height: 110%;}

/* splash clients: testimonials */
#splash-clients-testimonials {border-top: solid 1px #989898; height: 275px; margin-top: 35px; position: relative; overflow: hidden;}
.splash-clients-testimonials-slide {box-sizing: border-box; font-size: 1.2em; font-weight: 700; height: 250px; padding: 35px 0 0 0; transition: none; vertical-align: top; width: 100%;}
.splash-clients-testimonials-photo > div {background-position: center center; background-repeat: no-repeat; background-size: 100% auto; display: none;}
.splash-clients-testimonials-slide p {display: block; white-space: normal;}
.splash-clients-testimonials-slide p em {font-style: italic; font-weight: 700; line-height: 130%;}
.splash-clients-testimonials-slide span {color: #666; display: block; font-size: 0.95em; font-style: italic; font-weight: 400; padding-top: 20px;}
.splash-clients-testimonials-slide span strong {font-style: normal; font-weight: 700; margin-right: 10px;}

/* splash clients: pager */
.splash-clients-testimonials-pager {display: table;}
.splash-clients-testimonials-pager > span {display: table-cell; width: 50%; vertical-align: top;}
.splash-clients-testimonials-pager > span > span {display: block; height: 5px; border-bottom: solid 1px #989898;}
.splash-clients-testimonials-pager > div {display: table-cell; padding: 0 10px; vertical-align: top; white-space: nowrap;}
.splash-clients-testimonials-pager > div > span {border: solid 2px #000; border-radius: 25px; color: rgba(0,0,0,0); display: inline-block; margin: 0 3px; height: 10px; transition: 0.3s; width: 10px;}
.splash-clients-testimonials-pager > div > span:hover {border-color: #0f5586; cursor: pointer;}
.splash-clients-testimonials-pager > div > span.cycle-pager-active {background: #000;}

/* splash clients: logos */
.splash-clients-logos {padding: 35px 0;}
.splash-clients-logos img {display: inline-block; height: 65px; margin: 5px; vertical-align: top; width: auto;}
.splash-clients-logos p {display: block; font-style: italic; line-height: 120%; padding-top: 20px;}


/* CONTENT: GENERAL
============================================================================================ */
.content-head {margin: 0 auto; max-width: 1400px;  padding: 35px 20px 0 20px;}
.content-head.content-head-empty {margin-bottom: -30px;}
.content-title {border-bottom: solid 1px #999; font-size: 1.4em; font-weight: 700; margin: 0 auto 20px auto; padding-bottom: 20px; text-align: center;}
.content-title em {font-weight: 700;}


/* ABOUT LINKU
============================================================================================ */
.about-head p {color: #777; font-size: 1.1em; line-height: 130%; margin: 0 auto; max-width: 1000px; padding: 10px 0; text-align: center;}
.about-photo {background: url(../images/about.jpg) no-repeat center center; background-size: cover; box-shadow: 0 0 15px rgba(0,0,0,0.2); height: 200px; margin: 30px 0 45px 0;}
.about-body {margin: 0 auto; max-width: 1000px; padding: 0 20px;}
.about-body p {line-height: 130%; padding: 10px 0;}
.about-body h2 {border-bottom: solid 1px #999; font-size: 1.2em; font-weight: 700; margin-bottom: 20px; padding-bottom: 10px; text-align: center;}

/* about linku: team */
.about-team {padding: 50px 0;}
.about-team ul {padding-top: 15px; text-align: center; vertical-align: top;}
.about-team li {display: inline-block; padding-bottom: 20px; vertical-align: top; width: 48%;}
.about-team li img {height: auto; width: 100%;}
.about-team li span {display: block; font-weight: 700; padding-top: 4px;}
.about-team li small {color: #666;}

/*about linku: certifications */
.about-certs {padding: 25px 0; text-align: center;}
.about-certs img {margin: 10px; width: 80px;}


/* CAREERS
============================================================================================ */
.careers-body {margin: 0 auto; max-width: 1000px; min-height: 500px; padding: 10px 20px;}
.careers-body > p {line-height: 130%; padding: 10px 0;}
.careers-body > p small {color: #999; font-size: 0.9em; font-style: italic;}
.careers-widget {padding-top: 30px;}


/* CONTACT
============================================================================================ */
.contact-body {margin: 0 auto; max-width: 1000px; padding: 30px 20px;}
.contact-body > p {line-height: 130%; padding-bottom: 25px;}
.contact-info > div {line-height: 120%; padding: 10px 0;}
.contact-info strong {color: #999; display: block; font-size: 0.85em; font-weight: 700; padding-bottom: 3px; text-transform: uppercase;}
.contact-info a,
.contact-info a:hover {color: #000; text-decoration: none;}
.contact-info em {font-size: 0.9em; font-style: italic;}
.contact-holidays {border-top: solid 1px #ccc; margin-top: 30px; padding: 30px 0;}
.contact-holidays h2 {font-size: 1.1em; font-weight: 700; padding-bottom: 20px;}
.contact-holidays li {line-height: 110%; padding: 5px 0;}
.contact-holidays li span {color: #999; display: block; font-size: 0.85em; font-weight: 700; text-transform: uppercase; padding-right: 5px;}
.contact-map {height: 200px;}


/* FLAT FEE/FSBO
============================================================================================ */
.fsbo-body {margin: 0 auto; max-width: 1400px; padding: 0 20px 50px 20px;}
.fsbo-body > p {color: #777; font-size: 1.1em; line-height: 130%; margin: 0 auto; max-width: 1000px; padding: 10px 0; text-align: center;}
.fsbo-body > img {height: auto; margin: 30px 0; width: 100%;}
.fsbo-body aside {text-align: center;}
.fsbo-body aside ul {margin: 0 20px; padding-bottom: 10px; text-align: left;}
.fsbo-body aside li {font-size: 1.05em; font-weight: 700; line-height: 120%; padding: 7px 0 7px 30px; position: relative;}
.fsbo-body aside li i {left: 0; position: absolute; top: 6px;}
.fsbo-body aside p {line-height: 140%; padding: 10px 0;}
.fsbo-body aside a {border-radius: 5px; display: inline-block; font-weight: 700; height: 50px; line-height: 46px; margin-top: 20px; padding: 0 20px; text-decoration: none;}


/* INFO PAGES
============================================================================================ */
.info-body {margin: 0 auto; max-width: 1000px; padding: 30px 20px;}
.info-body {font-size: 0.95em; padding: 25px 10px; max-width: 800px;}
.info-body h3 {color: #1568a1; font-weight: 700; font-size: 1.5em; padding-bottom: 30px;}
.info-body h4 {color: #999; font-size: 0.9em; font-weight: 700; padding: 30px 0 10px 0; text-transform: uppercase;}
.info-body p {line-height: 140%; padding: 7px 0;}
.info-body ol {list-style-type: decimal; padding-left: 30px;}
.info-body ol li {line-height: 140%; padding: 7px 0;}
.info-body .text-fine {padding-top: 50px;}


/* LANDING PAGE: WEBINAR
============================================================================================ */
body.landing-webinar .logo {background: linear-gradient(to bottom, #050505 0%, #1e1e1e 100%); height: 60px; margin-bottom: 10px; padding-top: 10px;}
body.landing-webinar .logo img {display: block; height: 115%; margin: 0 auto;}
body.landing-webinar section.head-banner h1.banner {border-top: solid 1px #a40005; border-bottom: solid 1px #a40005; font-size: 1.2em; font-weight: 700; margin-top: 20px; margin-bottom: 10px; padding: 15px; text-align: center;}
body.landing-webinar section.col-l > section,
body.landing-webinar section.col-r > section {padding-top: 15px; padding-bottom: 15px;}
body.landing-webinar hr {border: none; border-bottom: solid 1px #999; height: 1px; width: 100%;}
body.landing-webinar .details {padding-left: 5%; padding-right: 5%; text-align: center;}
body.landing-webinar .details h1 {font-size: 1.6em; font-weight: 700; line-height: 110%; padding: 0 15px;}
body.landing-webinar .details h1 span {color: #000; display: block; font-size: 0.6em; line-height: 100%; padding-bottom: 10px;}
body.landing-webinar .details h2 {font-size: 0.95em; font-style: italic; line-height: 130%; padding: 15px 15px 0 15px;}
body.landing-webinar .details h2 strong {font-style: italic; font-weight: 700;}
body.landing-webinar .video {padding-left: 5%; padding-right: 5%;}
body.landing-webinar .video figure {border: solid 1px #ccc; border-radius: 3px; margin: 15px 0 0 0; padding: 2px;}
body.landing-webinar .presenter {padding-left: 5%; padding-right: 5%; text-align: center;}
body.landing-webinar .presenter section {display: inline-block; text-align: left;}
body.landing-webinar .presenter img {float: left; height: 70px; width: auto;}
body.landing-webinar .presenter div {margin-left: 85px; min-height: 70px;}
body.landing-webinar .presenter em {color: #666; display: block; font-size: 0.8em; text-transform: uppercase;}
body.landing-webinar .presenter h4 {font-size: 1.1em; font-weight: 700; padding-top: 5px;}
body.landing-webinar .presenter span {display: block; font-style: italic; padding-top: 2px;}
body.landing-webinar .giveaway {padding-left: 5%; padding-right: 5%; text-align: center;}
body.landing-webinar .giveaway section {display: inline-block; max-width: 300px; text-align: left;}
body.landing-webinar .giveaway img {float: left; width: 100px;}
body.landing-webinar .giveaway div {margin-left: 105px;}
body.landing-webinar .giveaway h4 {font-size: 1.3em; font-weight: 700; padding-top: 5px; text-transform: uppercase;}
body.landing-webinar .giveaway h4 strong {font-weight: 700;}
body.landing-webinar .giveaway span {display: block; font-style: italic; padding-top: 2px;}
body.landing-webinar .giveaway em {color: #999; display: block; font-size: 0.85em; font-style: italic; padding-top: 5px;}
body.landing-webinar .events {padding-left: 25px; padding-right: 25px; text-align: center;}
body.landing-webinar .events i {margin-right: 5px;}
body.landing-webinar .events h3 {font-size: 1.3em; font-weight: 700;}
body.landing-webinar .events ul.dates {display: inline-block; padding: 15px 0; text-align: left;}
body.landing-webinar .events ul.dates li {padding: 5px;}
body.landing-webinar .events ul.dates li span.timezone {color: #666; font-size: 0.8em; font-style: italic;}
body.landing-webinar .events h4 {color: #666; font-size: 1.2em; padding-bottom: 15px;}
body.landing-webinar .events div.countdown {height: 50px; margin: 0 auto; max-width: 400px;}
body.landing-webinar .events div.countdown > div {float: left; width: 25%;}
body.landing-webinar .events div.countdown span.count {display: block; font-size: 1.8em; vertical-align: top;}
body.landing-webinar .events div.countdown span.title {color: #666; display: block; font-size: 0.8em; padding-top: 5px; text-transform: uppercase;}
body.landing-webinar .footer {padding: 40px 0 15px 0; text-align: center;}
body.landing-webinar .footer img {display: none; margin-bottom: 15px; max-width: 280px; width: 70%;}
body.landing-webinar .footer div {margin: 0 auto; max-width: 800px; padding-top: 15px; width: 85%;}
body.landing-webinar .footer div a:hover {cursor: pointer;}

/* landing page: webinar form */
body.landing-webinar section.col-l section.form,
body.landing-webinar section.col-r section.form {border-bottom: none;}
body.landing-webinar .form form {background: rgba(0,0,0,0.1); border: solid 1px #aaa; border-radius: 5px; box-sizing: border-box; max-width: 400px; margin: 0 auto; padding: 25px 15px 15px 15px; width: 90%;}
body.landing-webinar .form form h5 {border-bottom: solid 1px #aaa; font-size: 1.3em; font-weight: 600; margin-bottom: 15px; padding-bottom: 15px; text-align: center;}
body.landing-webinar .form form fieldset {padding-top: 15px;}
body.landing-webinar .form form label {clear: both; display: block; font-size: 0.85em; font-weight: 700; padding-bottom: 3px; text-transform: uppercase;}
body.landing-webinar .form form input, body.landing-webinar form select {-webkit-appearance: none; -moz-appearance: none; appearance: none; border: solid 1px #7faabc; border-radius: 3px; box-sizing: border-box; float: left; height: 40px; line-height: 40px; padding: 0 10px; width: 100%;}
body.landing-webinar .form form select {background: #fff url(../images/select.png) no-repeat right center; background-size: 23px auto;}
body.landing-webinar .form form input:focus, body.landing-webinar form select:focus {border-color: #1568a1; color: #1568a1;}
body.landing-webinar .form form button {border-radius: 3px; box-sizing: border-box; display: block; font-size: 1.2em; font-weight: 600; height: 55px; line-height: 55px; margin: 10px auto; text-align: center; width: 90%;}
body.landing-webinar .form form button i {margin-right: 5px;}
body.landing-webinar .form form button:hover {cursor: pointer;}

/* landing page: webinar questionnaire */
body.landing-webinar .questionnaire {margin: 0 auto; max-width: 700px; padding-top: 15px;}
body.landing-webinar .questionnaire h1 {display: block; font-size: 1.3em; font-weight: 700; line-height: 110%; padding: 25px 5%; text-align: center;}
body.landing-webinar .questionnaire fieldset {border-top: solid 1px #999; padding: 25px 5%;}
body.landing-webinar .questionnaire h3 {font-weight: 700; padding-bottom: 5px;}
body.landing-webinar .questionnaire h3 em {color: #666; font-size: 0.85em; font-weight: 400;}
body.landing-webinar .questionnaire fieldset .validation {border-top: solid 1px #a40005; border-bottom: solid 1px #a40005; display: block; font-size: 0.85em; margin-bottom: 10px; padding: 7px 0; line-height: 100%;}
body.landing-webinar .questionnaire label {display: block; padding: 10px 0 10px 30px; overflow: hidden; position: relative;}
body.landing-webinar .questionnaire label:hover {cursor: pointer;}
body.landing-webinar .questionnaire label input {left: -999px; position: absolute;}
body.landing-webinar .questionnaire label i {font-size: 1.2em; left: 5px; position: absolute; top: 10px;}
body.landing-webinar .questionnaire label span {font-size: 0.85em; font-weight: bold; text-transform: uppercase;}
body.landing-webinar .questionnaire fieldset div {padding-left: 30px;}
body.landing-webinar .questionnaire textarea {-webkit-appearance: none; -moz-appearance: none; appearance: none; border: solid 1px #7faabc; border-radius: 3px; box-sizing: border-box; height: 100px; padding: 10px; line-height: 110%; width: 100%;}
body.landing-webinar .questionnaire textarea:focus {border-color: #1568a1; color: #1568a1;}
body.landing-webinar .questionnaire button {border-radius: 3px; box-sizing: border-box; display: block; font-size: 1.2em; font-weight: 600; height: 55px; line-height: 55px; margin: 10px auto; max-width: 300px; text-align: center; width: 90%;}
body.landing-webinar .questionnaire button i {margin-right: 5px;}
body.landing-webinar .questionnaire button:hover {cursor: pointer;}


/* PORTFOLIO
============================================================================================ */
.portfolio-body {margin: 0 auto; max-width: 1000px; padding: 30px 20px;}
.portfolio-body > p {line-height: 130%; padding-bottom: 25px;}
.portfolio-body > section {border-top: solid 1px #ddd; padding-top: 15px;}
.portfolio-body > section:first-of-type {margin-top: 20px;}
.portfolio-body h2 {font-size: 1.1em; font-weight: 900; padding: 0 50px 15px 0; position: relative;}
.portfolio-body h2 i {color: #ccc; font-size: 2em; position: absolute; right: 0; top: -8px; transition: 0.3s;}
.portfolio-body h2:hover {color: #1568a1; cursor: pointer;}
.portfolio-body h2 i:hover {color: #1568a1;}
.portfolio-body section.active h2 i {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.portfolio-body ul {padding-bottom: 25px; text-align: left;}
.portfolio-body li {box-shadow: 0 0 6px rgba(0,0,0,0.3); display: inline-block; margin: 5px; width: 150px;}
.portfolio-body li a {display: block; line-height: 0; position: relative;}
.portfolio-body li a img {height: auto; transition: 0.5s; width: 100%;}
.portfolio-body li a i {display: none; transition: 0.15s;}
.portfolio-body li a:hover {box-shadow: 0 0 6px rgba(0,0,0,0.5);}
.portfolio-body li a:hover img {filter: brightness(130%);}


/* PRICING: HEAD
============================================================================================ */
.pricing-head {padding-bottom: 20px; text-align: center;}
.pricing-head h1 {font-size: 1.6em; font-weight: 700; padding-bottom: 10px;}
.pricing-head h1 em {font-style: italic; font-weight: 700;}
.pricing-head h2 {color: #333;}
.pricing-trigger {padding-top: 25px;}
.pricing-trigger em {color: #777; display: block; font-size: 0.9em; font-style: italic; padding-bottom: 10px;}
.pricing-trigger label {display: inline-block; font-size: 0.9em; font-weight: 700; line-height: 35px; vertical-align: middle; width: 75px;}
.pricing-trigger label:first-of-type {text-align: right;}
.pricing-trigger label:last-of-type {text-align: left;}
.pricing-trigger label:hover {cursor: pointer;}
.pricing-trigger a {background: #eee; border-radius: 35px; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.15); display: inline-block; height: 35px; margin: 0 10px; position: relative; vertical-align: middle; width: 65px;}
.pricing-trigger a span {background: #a40005; border-radius: 30px; display: block; height: 29px; position: absolute; top: 3px; transition: 0.3s; width: 29px;}
.pricing-trigger a span,
.pricing-trigger a.annual span {left: 3px;}
.pricing-trigger a.monthly span {left: 33px;}
.pricing-trigger a:hover {cursor: pointer;}
.pricing-trigger a:hover span {background: #770004;}


/* PRICING: PACKAGES
============================================================================================ */
section.pricing-packages {text-align: center;}
.pricing-pkg {border: solid 1px #bbb; border-radius: 5px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.1); box-sizing: border-box; margin: 20px auto; max-width: 400px; padding-bottom: 20px; width: 90%;}
.pricing-pkg-head {padding: 20px;}
.pricing-pkg-head h3 {font-weight: 700; padding-bottom: 15px; text-transform: uppercase;}
.pricing-pkg-head h3 em {font-weight: 700;}
.pricing-pkg-head h3 small {color: #999; display: block; font-size: 0.8em; font-weight: 300; padding-top: 3px; text-transform: none;}
.pricing-pkg-price {font-size: 3.5em; font-weight: 700; padding-bottom: 5px;}
.pricing-pkg-price span {display: inline-block; font-size: 0.8em; vertical-align: top;}
.pricing-pkg-price em {font-size: 0.5em;}
.pricing-pkg-price div {border-top: solid 1px #a40005; border-bottom: solid 1px #a40005; font-size: 0.3em; margin-top: 5px; padding: 7px 0;}
.pricing-pkg-head > span {color: #777; display: block;}
.pricing-pkg-head > em {color: #777; display: block; font-size: 0.9em; font-weight: 700; padding-top: 15px;}
.pricing-pkg-features-trigger {padding-top: 25px;}
.pricing-pkg-features-trigger a {border-radius: 5px; display: inline-block; height: 50px; line-height: 50px; margin: 0 auto 0 auto; max-width: 200px; width: 90%;}
.pricing-pkg-features-trigger a i {font-size: 0.8em; margin-left: 10px; transition: 0.3s;}
.pricing-pkg-features-trigger a:hover {cursor: pointer;}
.pricing-pkg.opened .pricing-pkg-features-trigger a i {transform: rotate(180deg);}
.pricing-pkg > a {border-radius: 5px; display: inline-block; height: 50px; line-height: 50px; margin: 0 auto; max-width: 200px; width: 90%;}
.pricing-pkg > a:hover {cursor: pointer;}
.pricing-pkg-fine {color: #999; font-size: 0.9em; font-style: italic; padding: 20px; text-align: center;}

/* pricing packages: features */
.pricing-pkg-features {background: #eaeaea; background: linear-gradient(to bottom, #eaeaea 0%, #ededed 100%); display: none; margin-bottom: 20px; text-align: left;}
.pricing-pkg-features > div {background: url(../images/bg-texture-fade.png) repeat-x top; background-size: 100px auto; padding: 0 20px 20px 20px;}
.pricing-pkg-features-list {padding-top: 20px;}
.pricing-pkg-features-list > li {border-bottom: solid 1px rgba(0,0,0,0.15); color: #333; font-size: 0.9em; padding: 8px 0 8px 30px; position: relative;}
.pricing-pkg-features-list > li:first-child {border-bottom: solid 2px #777; color: #777; font-weight: 700; padding-left: 0; text-transform: uppercase;}
.pricing-pkg-features-list > li.no {color: #999; text-decoration: line-through;}
.pricing-pkg-features-list > li:last-child {border-bottom: none;}
.pricing-pkg-features-list > li > i {font-size: 1.1em; left: 5px; position: absolute; top: 8px;}
.pricing-pkg-features-list > li.yes > i {color: #00b407;}
.pricing-pkg-features-list > li.no > i {color: #a40005;}
.pricing-pkg-features-list > li.add > i {color: #ff9e00;}
.pricing-pkg-features-list > li.noborder {border-bottom: none;}
.pricing-pkg-features-list > li em {font-size: 0.9em; font-style: italic;}
.pricing-pkg-features-list > li strong {color: #999; font-size: 0.9em; font-weight: 700;}
.pricing-pkg-features-list > li > a {display: block; padding-right: 20px; position: relative;}
.pricing-pkg-features-list > li > a > i {color: rgba(0,0,0,0.5); display: block; font-size: 0.6em; position: absolute; right: 5px; top: 3px; transition: 0.3s;}
.pricing-pkg-features-list > li.opened > a > i {transform: rotate(180deg);}
.pricing-pkg-features-list > li > a:hover {color: #1568a1; cursor: pointer; text-decoration: underline;}

/* pricing packages: feature details */
.pricing-pkg-features-list ul {color: #777; display: none; font-size: 0.95em; font-style: italic; padding-top: 5px;}
.pricing-pkg-features-list ul > li {padding: 3px 0 3px 20px; position: relative;}
.pricing-pkg-features-list ul > li i {font-size: 0.6em; left: 5px; position: absolute; top: 7px;}
.pricing-pkg-features-list ul > li a {color: #1568a1; text-decoration: none;}
.pricing-pkg-features-list ul > li a i {font-size: 1.1em; left: 1px; top: 2px;}
.pricing-pkg-features-list ul > li a:hover {color: #0d5180; cursor: pointer;}

/* pricing packages: video modal */
.pricing-pkg-feature-video {max-width: 1200px;}
.pricing-pkg-feature-video h5 {font-style: italic; padding: 15px 0 10px 0; text-align: center;}

/* pricing a la carte */
.pricing-alacarte h4 {font-size: 1.4em; font-weight: 700; padding-top: 30px;}
.pricing-alacarte h4 span {display: block; font-size: 0.7em; font-weight: 400; padding-top: 10px;}
.pricing-alacarte table {border: solid 1px rgba(0,0,0,0.3); box-sizing: border-box; margin: 30px auto; max-width: 500px; text-align: left; width: 90%;}
.pricing-alacarte tr:nth-child(even) {background: #f6f6f6;}
.pricing-alacarte td {padding: 7px 5px;}
.pricing-alacarte td:last-child {font-size: 0.9em; font-weight: 700; text-align: right;}


/* PRICING: FAQS
============================================================================================ */
.pricing-faqs {background: #eaeaea url(../images/bg-texture.png) repeat top; background-size: 100px auto; color: #333; padding: 35px 20px;}
.pricing-faqs h4 {font-size: 1.4em; font-weight: 700; padding-bottom: 20px; text-align: center;}
.pricing-faqs > div {padding: 10px 0;}
.pricing-faqs h5 {font-weight: 700; padding: 10px 0 5px 0;}
.pricing-faqs p {line-height: 130%; padding: 5px 0;}


/* PROMOS
============================================================================================ */
.promos-head figure {background-position: center center; background-size: cover; box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); margin: 0; padding: 30px 0;}
.promos-title {background: rgba(255,255,255,0.8); border-radius: 5px; box-sizing: border-box; box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); margin: 0 auto; max-width: 500px; padding: 30px; text-align: center; width: 90%;}
.promos-title h1 {font-size: 1.3em; font-weight: 700; padding-bottom: 10px;}
.promos-title h2 {border-top: solid 2px #a40005; border-bottom: solid 2px #a40005; font-size: 1.1em; font-weight: 700; margin-bottom: 10px; padding: 10px 0; text-transform: uppercase;}
.promos-title h3 {font-size: 2em; font-weight: 700;}
.promos-title h3 > div {display: inline-block; padding-bottom: 10px; width: 50px;}
.promos-title h3 > div span {display: block; vertical-align: top;}
.promos-title h3 > div span.title {color: #333; font-size: 0.3em; font-weight: 400; text-transform: uppercase;}
.promos-title a {border-radius: 5px; display: inline-block; font-weight: 600; height: 50px; line-height: 50px; margin-top: 10px; padding: 0 20px;}
.promos-title a:hover {cursor: pointer;}

/* promos: products */
.promos-products {padding: 30px 20px; position: relative;}
.promos-products-expired {background: rgba(255,255,255,0.6); height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 20;}
.promos-item {margin: 0 auto 25px auto; max-width: 350px; width: auto;}
.promos-item a {background: #fff; border-radius: 5px; box-shadow: 0 0 5px rgba(0,0,0,0.3); color: #777; display: block; position: relative; text-decoration: none; transform: translate3d(0, 0, 0); transition: 0.3s; z-index: 1;}
.promos-item a > small {background: #1568a1; border-radius: 3px; box-shadow: rgba(0,0,0,0.3) 0 0 5px 0; color: #fff; font-size: 0.8em; font-weight: 700; left: 15px; padding: 6px 8px; position: absolute; text-transform: uppercase; top: 15px;}
.promos-item a:hover {box-shadow: 0 0 10px rgba(0,0,0,0.3), 0 2px 1px rgba(0,0,0,0.15); cursor: pointer; transform: translate3d(0, -7px, 0);}
.promos-item img {border-radius: 5px 5px 0 0; display: block; width: 100%;}
.promos-item-info {box-sizing: border-box; padding: 20px 15px; position: relative;}
.promos-item-info:before {background: #fff; box-sizing: border-box; content: ''; height: 20px; left: 15px; position: absolute; top: -10px; transform: rotate(45deg); width: 20px;}
.promos-item-info h4 {font-size: 1.2em; font-weight: 700; padding-bottom: 10px;}
.promos-item-info > div {border-top: 1px solid #ddd; margin-top: 15px; padding-top: 10px;}
.promos-item-info small {display: block; font-size: 0.9em; font-weight: 600; padding-bottom: 5px;}
.promos-item-info em {display: block; font-size: 1.15em; font-weight: 700; text-transform: uppercase; padding: 5px 0;}
.promos-item-price {padding-top: 5px; text-align: right;}
.promos-item-price span {color: #777; font-size: 1.2em; text-decoration: line-through;}
.promos-item-price strong {color: #000; font-size: 1.4em; font-weight: 700; margin-left: 10px;}
.promos-item button {border-radius: 5px; font-size: 0.9em; font-weight: 600; height: 35px; line-height: 31px; margin-top: 15px; text-transform: uppercase; width: 100%;}
.promos-item button:hover {cursor: pointer;}
.promo-products > .text-fine {line-height: 120%; margin: 0 auto; max-width: 800px; padding-top: 20px; text-align: center;}


/* SPOTLIGHT
============================================================================================ */
.spotlight-body {padding: 30px 20px; text-align: center;}
.spotlight-body h2 {font-size: 1.2em; font-weight: 700;}
.spotlight-slideshow {position: relative; text-align: center;}
.spotlight-body figure {box-shadow: 0 0 15px rgba(0,0,0,0.2); line-height: 1px; margin: 30px 0; padding: 0; transition: 0.3s;}
.spotlight-body figure .swiper-slide {opacity: 0; transition: 0.3s;}
.spotlight-body figure .swiper-slide.swiper-slide-active {opacity: 1;}
.spotlight-body figure img,
.spotlight-body figure video {height: auto; line-height: 1px; width: 100%;}
.spotlight-body figure.spotlight-blur {-webkit-filter: blur(10px); filter: blur(10px);}
.spotlight-slideshow-prev,
.spotlight-slideshow-next {background: rgba(21,104,161,0); border-radius: 50px; border: solid 2px rgba(21,104,161,1); box-sizing: border-box; color: rgba(21,104,161,1); display: inline-block; font-size: 2.5em; line-height: 46px; margin: 0 5px; text-align: center; transition: 0.3s; width: 50px;}
.spotlight-slideshow-prev:hover,
.spotlight-slideshow-next:hover {background: rgba(21,104,161,1); color: #fff; cursor: pointer;}
.spotlight-slideshow-prev i {padding-right: 5px;}
.spotlight-slideshow-next i {padding-left: 5px;}
.spotlight-slideshow-prev.swiper-button-disabled,
.spotlight-slideshow-prev.swiper-button-disabled:hover,
.spotlight-slideshow-next.swiper-button-disabled,
.spotlight-slideshow-next.swiper-button-disabled:hover {background: #fff; color: #ccc; border-color: #e0e0e0;}
.spotlight-body h3 {font-size: 1.1em; font-weight: 700;}
.spotlight-cta a {border-radius: 5px; display: inline-block; font-size: 1em; font-weight: 600; height: 50px; line-height: 50px; margin: 20px auto; padding: 0 15px; text-align: center; text-decoration: none;}
.spotlight-cta a:hover {cursor: pointer;}

/* spotlight: modal */
.modal-spotlight-base.fancybox-is-open .fancybox-bg {opacity: .95;}
.modal-spotlight-form {position: relative; text-align: center;}
a.modal-spotlight-close {color: #999; font-size: 1.5em; right: -25px; position: absolute; top: -30px;}
a.modal-spotlight-close:hover {color: #666; cursor: pointer;}
.modal-spotlight-form input {float: none; font-size: 1.5em; height: 70px; margin: 0 auto; max-width: 300px; text-align: center;}
.modal-spotlight-error {font-size: 1.1em; font-weight: 700; padding-top: 25px; text-align: center;}


/* THANK YOU
============================================================================================ */
.thankyou-body {padding: 0 20px 30px 20px; text-align: center;}
.thankyou-body h2 {font-size: 1.2em; font-weight: 700;}
.thankyou-body figure {box-shadow: 0 0 15px rgba(0,0,0,0.2); margin: 30px 0; padding: 0;}
.thankyou-body h3 {font-size: 1.1em; font-weight: 700;}
.thankyou-cta a {border-radius: 5px; display: inline-block; font-size: 1em; font-weight: 600; height: 50px; line-height: 50px; margin: 20px auto; padding: 0 15px; text-align: center; text-decoration: none;}
.thankyou-cta a:hover {cursor: pointer;}


/* TOUR HEAD
============================================================================================ */
.tour-head {background: #fff; height: calc(100% - 70px); min-height: 500px; overflow: hidden; position: relative; transition: 0.5s;}
.tour-head-bg {background: url(../videos/tour-bg.jpg) no-repeat center center; background-size: cover; height: 100%; left: 0; opacity: 1; position: absolute; top: 0; transition: 1.5s; width: 100%; z-index: 10;}
.tour-head-bg video {display: none; min-height: 100%; min-width: 100%;}
.tour-head-bg-overlay {background: rgba(20,20,20,0.7) url(../images/tour-head-bg-pattern.png) repeat center center; height: 100%; left: 0; opacity: 1; position: absolute; top: 0; transition: 1.5s; width: 100%; z-index: 15;}
.tour-head h1 {color: #fff; font-size: 2.5em; font-weight: 700; left: 10%; opacity: 1; position: absolute; text-align: center; text-shadow: 0 0 10px rgba(0,0,0,0.3); top: 30%; width: 80%; z-index: 20;}
.tour-head-scroll {bottom: 2%; color: rgba(255,255,255,0.8); height: 100px; left: 50%; margin-left: -75px; opacity: 1; position: absolute; text-align: center; transition: 0.3s; width: 150px; z-index: 40;}
.tour-head-scroll span {display: block; font-size: 0.85em; padding-bottom: 5px; text-transform: uppercase;}
.tour-head-scroll i {-webkit-animation-duration: 1s; -webkit-animation-name: tourHeadScroll; -webkit-animation-iteration-count: infinite; animation-duration: 1s; animation-name: tourHeadScroll; animation-iteration-count: infinite; font-size: 3em;}
.tour-head-scroll:hover {color: #fff; cursor: pointer;}
@keyframes tourHeadScroll {
  from {line-height: 20px; opacity: 0;}
  80% {line-height: 60px; opacity: 1;}
  to {line-height: 60px; opacity: 0;}
}

/* tour nav */
.tour-nav-anchor {display: none; left: 0; position: absolute; top: 47%; width: 100%; z-index: 30;}
.tour-nav {box-sizing: border-box; padding-top: 95px; text-align: center;}
.tour-nav a {color: #fff; display: inline-block; font-size: 0.8em; padding: 0 15px; text-align: center; text-transform: uppercase;}
.tour-nav a span {display: block; opacity: 1; overflow: hidden; padding-bottom: 10px; transition: 0.3s;}
.tour-nav a span i {font-size: 2em;}
.tour-nav a:hover {color: rgba(255,255,255,0.7); cursor: pointer;}
.tour-nav.lock {left: 0; position: fixed; top: 0; width: 100%; z-index: 9998;}
.tour-nav.lock a {background: #fff; border-radius: 5px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); color: #666; display: inline-block; font-size: 0.8em; height: 35px; line-height: 35px; padding: 0 15px; text-transform: uppercase;}
.tour-nav.lock a span {height: 0; opacity: 0; padding: 0;}
.tour-nav.lock a:hover {color: #1568a1; cursor: pointer;}
.tour-nav.lock a.active {background: #1568a1; color: #fff;}


/* TOUR INTRO
============================================================================================ */
.tour-intro {background: #fff; overflow: hidden; padding: 40px 20px;}
.tour-intro h2 {font-size: 2em; font-weight: 700; margin: 40px auto; text-align: center;}
.tour-intro h2 small {border-top: solid 1px #ccc; color: #333; display: block; font-size: 0.6em; font-weight: 300; margin-top: 15px; padding: 15px 0; text-transform: uppercase;}
.tour-intro nav {text-align: center;}
.tour-intro nav > div {opacity: 1; margin: 35px 0; transition: 0.3s;}
.tour-intro nav > div img {display: block; margin: 0 auto; padding-bottom: 10px; vertical-align: middle; width: 50%;}
.tour-intro nav > div i {color: #00b407; display: inline-block; font-size: 2em; margin-right: 5px; opacity: 1; vertical-align: middle;}
.tour-intro nav > div h3 {display: inline-block; font-size: 1.8em; font-weight: 700; text-align: left; vertical-align: middle;}
.tour-intro nav > div h3 em {font-weight: 700; text-transform: uppercase;}
.tour-intro nav > div p {line-height: 110%; padding-top: 15px;}


/* TOUR DETAILS
============================================================================================ */
.tour-details {position: relative;}
.tour-details > section > div {overflow: hidden; padding: 50px 20px;}
.tour-desc {padding-bottom: 40px; text-align: center;}
.tour-desc i {border: solid 1px #1568a1; border-radius: 30px; color: #1568a1; display: none; font-size: 1.4em; height: 30px; line-height: 32px; text-align: center; width: 30px;}
.tour-desc h3 {font-weight: bold; font-size: 1.35em; padding-bottom: 20px;}
.tour-desc p {color: #333; font-size: 1.1em; line-height: 110%;}
.tour-desc p em {font-style: italic;}
.tour-desc .tour-lead-buttons {padding-top: 40px;}
.tour-details figure {box-sizing: border-box; line-height: 0; margin: 0; padding: 0;}
.tour-details figure video {width: 100%;}
.tour-details figure div.tour-slideshow {box-shadow: 0 0 20px 0 rgba(0,0,0,0.35); padding-top: 65%; position: relative; width: 100%;}
.tour-details figure div.tour-slideshow .tour-slideshow-prev,
.tour-details figure div.tour-slideshow .tour-slideshow-next {color: rgba(255,255,255,0.7); font-size: 3em; left: 10px; line-height: 50px; margin-top: -25px; position: absolute; text-shadow: 0 0 10px rgba(0,0,0,0.3); top: 50%; transition: 0.3s; z-index: 10;}
.tour-details figure div.tour-slideshow .tour-slideshow-next {left: auto; right: 10px;}
.tour-details figure div.tour-slideshow .tour-slideshow-prev:hover,
.tour-details figure div.tour-slideshow .tour-slideshow-next:hover {color: #fff; cursor: pointer; text-shadow: 0 0 10px rgba(0,0,0,0.5);}
.tour-details figure .swiper-container {height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.tour-details figure .swiper-slide {background-position: center center; background-size: cover;}
.tour-details figcaption {color: #666; display: block; font-size: 0.85em; font-style: italic; line-height: 100%; padding-top: 10px; text-align: center;}

/* tour: lead buttons */
.tour-lead-buttons a {border-radius: 5px; box-sizing: border-box; display: inline-block; font-weight: 600; height: 50px; line-height: 50px; margin: 5px; text-decoration: none; vertical-align: top; width: 200px;}
.tour-lead-buttons a[class^="button-ghost"] {line-height: 46px;}
.tour-lead-buttons a:hover {cursor: pointer;}

/* tour details: website */
.tour-website {background: url(../images/tour-pattern1.png) repeat, linear-gradient(to bottom, #ddd 0px, #f5f5f5 100px); padding-top: 25px;}
.tour-website01 figure {margin-left: -20%; width: 140%;}
.tour-website01 figure > div {background: url(../images/tour-laptop.png) no-repeat center top; background-size: 100% auto; padding: 6.25% 19.75% 10% 19.30%;}
.tour-website02 {background: rgba(0,0,0,0.1);}

/* tour details: marketing */
.tour-marketing {padding-top: 25px;}
.tour-marketing .tour-desc h3 {color: #fff;}
.tour-marketing .tour-desc p {color: #999;}
.tour-marketing {background: url(../images/tour-imagebg1.jpg) no-repeat center top, url(../images/tour-imagebg.png) repeat center top; background-size: 100% auto, auto auto;}
.tour-marketing01 figure {margin: 0 auto; width: 80%;}
.tour-marketing01 figure > div {background: url(../images/tour-phone.png) no-repeat center top; background-size: 100% auto; padding: 27.8% 11.5% 26% 11.5%;}
.tour-marketing02 {background: rgba(0,0,0,0.2) url(../images/tour-pattern2.png) repeat;}
.tour-marketing02 figure {width: 110%; margin-left: -5%;}
.tour-marketing02 figure > div {background: url(../images/tour-monitor.png) no-repeat center top; background-size: 100% auto; padding: 6.8% 7% 22.4% 7%;}
.tour-details > section > div.tour-marketing03 {padding-bottom: 0;}
.tour-marketing03 {background: url(../images/tour-imagebg2.jpg) no-repeat center bottom; background-size: 100% auto;}
.tour-marketing03 figure > div {margin-bottom: -3px; position: relative;}
.tour-marketing03 figure img:first-child {height: auto; width: 100%;}
.tour-marketing03 figure img:nth-child(2) {height: auto; left: 0; position: absolute; top: 0; width: 100%; z-index: 10;}

/* tour details: follow up */
.tour-followup {padding-top: 25px;}
.tour-followup {background: #eee url(../images/bg-texture.png) repeat center top;}
.tour-followup01 figure {margin-left: -20%; width: 140%;}
.tour-followup01 figure > div {background: url(../images/tour-laptop.png) no-repeat center top; background-size: 100% auto; padding: 6.25% 19.75% 14% 19.30%;}
.tour-followup02 {background: rgba(0,0,0,0.05) url(../images/tour-pattern1.png) repeat;}


/* TOUR: SUPPORT
============================================================================================ */
.tour-support {overflow: hidden; padding: 60px 20px;}
.tour-support h3 {font-weight: bold; font-size: 1.35em; padding-bottom: 20px; text-align: center;}
.tour-support p {color: #333; font-size: 1.2em; line-height: 110%; padding-bottom: 35px; text-align: center;}
.tour-support ul {padding-left: 25px;}
.tour-support li {color: #333; font-size: 1.1em; font-weight: bold; line-height: 110%; padding-bottom: 20px; position: relative;}
.tour-support li i {color: #00b407; left: -25px; position: absolute; top: 0;}


/* TOUR: CONCLUSION
============================================================================================ */
.tour-conclusion {background: url(../images/tour-conclusion-bg.jpg) no-repeat center center; background-size: cover; text-align: center; overflow: hidden; position: relative;}
.tour-conclusion-content {padding: 50px 0;}
.tour-conclusion h3 {color: #fff; font-weight: bold; font-size: 1.5em; padding-bottom: 30px; text-align: center;}
.tour-conclusion nav {margin: 0 auto; width: 260px;}
.tour-conclusion nav > div {float: left; width: 70px;}
.tour-conclusion nav > div em {color: rgba(255,255,255,0.75); display: block; padding-bottom: 2px; text-transform: uppercase;}
.tour-conclusion nav > div strong {border-radius: 100px; box-shadow: inset 0 0 0 1px #fff; color: #fff; display: block; font-size: 2.5em; font-weight: 900; height: 70px; line-height: 70px; transition: 0.3s; width: 70px;}
.tour-conclusion nav > div:hover {cursor: pointer;}
.tour-conclusion nav > div:hover strong {background: rgba(255,255,255,0.3);}
.tour-conclusion nav > div.active strong {background: #fff; color: #1568a1;}
.tour-conclusion nav > span {border-bottom: dashed 1px rgba(255,255,255,0.5); box-sizing: border-box; display: block; float: left; height: 52px; position: relative; width: 25px;}
.tour-conclusion nav > span span {border-bottom: solid 3px #fff; bottom: -2px; box-sizing: border-box; left: 0; position: absolute; transition: 0.3s; width: 0;}
.tour-conclusion nav > span.active span {width: 100%;}
.tour-conclusion p {clear: both; color: #fff; font-size: 1.1em; height: 150px; margin: 0 auto; position: relative; width: 250px;}
.tour-conclusion p span {left: 0; padding-top: 30px; opacity: 0; position: absolute; top: 0; transition: 0.3s; width: 100%;}
.tour-conclusion p span:nth-child(1) {z-index: 10;}
.tour-conclusion p span:nth-child(2) {z-index: 20;}
.tour-conclusion p span:nth-child(3) {z-index: 30;}
.tour-conclusion p span.active {opacity: 1;}
div[class^="tour-conclusion-bg"] {display: none;}








/* =========================================================================================
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
RESPONSIVE: MIN WIDTH: 500PX 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
============================================================================================ */

@media screen and (min-width: 500px) {


  /* header */
  header.header-nonav {padding-top: 20px;}
  header.header-nonav img {margin-bottom: -15px;}
  
  /* modal lead form */
  .modal-lead {padding: 25px 20px; width: auto;}
  .modal-lead .g-recaptcha {-webkit-transform: scale(1); transform: scale(1);}
  .modal-lead .g-recaptcha > div {margin: 0 auto;}

  /* splash: leads */
  .splash-lead-buttons a {padding: 0 20px; width: auto;}
  .splash-video-modal {font-size: 0.7em;}

  /* splash: video */
  [class^="splash-video-trigger"] {height: 150px; margin-left: -75px; width: 150px;}

  /* splash: intro */
  .splash-intro {padding-top: 300px;}
  .splash-intro-bg {background-size: 70% auto; height: 300px;}

  /* about linku */
  .about-team li {margin: 0 4%; width: 40%;}

  /* pricing: packages */
  .pricing-pkg-head h3 small {padding-top: 7px;}

  /* promos */
  .promos-head figure {padding: 50px 0;}
  .promos-title h1 {font-size: 1.5em;}
  .promos-title h2 {font-size: 1.2em;}
  .promos-title h3 {font-size: 2.5em;}
  .promos-title h3 > div {width: 85px;}
  .promos-products {padding: 50px 30px;}
  .promos-item {float: left; margin: 0 1% 25px 1%; width: 48%;}
  .promos-products .promos-item:nth-child(2n+1){clear: left;}

  /* spotlight */
  .spotlight-cta a {padding: 0 25px;}
  
  /* thank you */
  .thankyou-cta a {padding: 0 25px;}

  /* tour head */
  .tour-head h1 {font-size: 3em; top: 17%;}

  /* tour intro */
  .tour-intro {padding-bottom: 75px;}
  .tour-intro nav {text-align: left;}
  .tour-intro nav > div {margin: 50px 0 50px 0; padding-left: 30%; position: relative;}
  .tour-intro nav > div img {float: left; left: 0; position: absolute; top: -15px; width: 20%;}
  .tour-intro nav > div i {display: block; left: 21%; position: absolute; top: 0;}

  /* tour details */  
  .tour-lead-buttons a {padding: 0 25px; width: auto;}
  .tour-details nav a {margin: 0 5px;}
  .tour-details > section > div {padding: 60px 15%;}
  .tour-desc {padding-bottom: 55px;}
  .tour-desc h3 {padding-bottom: 25px;}
  .tour-marketing01 figure {margin: 0 auto; width: 75%;}

  /* tour: support */
  .tour-support {padding: 75px 10%;}
  .tour-support ul {margin: 0 auto; width: 85%;}

  /* tour: conclusion */
  .tour-conclusion-content {padding: 75px 0;}
  .tour-conclusion nav {width: 320px;}
  .tour-conclusion nav > span {width: 55px;}
  .tour-conclusion p {width: 300px;}
  .tour-conclusion p span {padding-top: 40px;}


}





/* =========================================================================================
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
RESPONSIVE: MIN WIDTH: 700PX 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
============================================================================================ */

@media screen and (min-width: 700px) {


  /* general layout */
  body {font-size: 17px;}
  body.page-splash {background: url(../images/splash-video-bg-lg.jpg) no-repeat left bottom; background-size: cover;}
  .fancybox-slide > * {padding: 24px;}
  #live_chat_status {margin: 10px;}

  /* slideout menu */
  .slideout-panel {will-change: auto;}

  /* header */
  header {left: 0; position: fixed; top: 0; width: 100%; z-index: 9999;}
  .header-contact {height: 40px;}
  .header-phone span {display: inline;}
  .header-nav {height: 90px;}
  .header-logo {width: 45%;}
  .header-logo a {height: 70%; left: 15px; top: 15%;}
  .header-nav nav {display: block;}
  a#header-trigger {display: none;}
  .header-nav nav.nav-phone {display: block;}

  /* header: scroll (& video open) */
  .header-scroll .header-alert,
  .video-open .header-alert {font-size: 0.85em; padding: 10px;}
  .header-scroll .header-contact,
  .video-open .header-contact {height: 0;}
  .header-scroll .header-nav,
  .video-open .header-nav {height: 75px;}
  .header-scroll .header-nav nav,
  .video-open .header-nav nav {padding-top: 16px;}
  .header-scroll .header-nav nav a,
  .video-open .header-nav nav a {line-height: 40px;}

  /* footer */
  .footer-phone span {display: inline;}
  .footer-phone a {display: none;}
  .footer-address {padding: 15px 0 0 0; position: relative;}
  .footer-address i {display: inline-block; font-size: 1.2em; margin-right: 5px;}
  .footer-address span {display: inline;}
  .footer-address span small {display: inline;}
  .footer-nav nav {padding: 20px 40px;}

  /* modal lead form */
  .modal-lead {width: 450px;}

  /* splash: leads */
  .splash-email input {border-right: none; border-radius: 5px 0 0 5px; float: left; margin-left: 10%; width: 50%;}
  .splash-email button {border-radius: 0 5px 5px 0; float: left; margin: 0; width: 30%;}
  .splash-video-modal {font-size: 0.6em; height: 60px; line-height: 56px; padding: 0 30px; width: auto;}

  /* splash: video */
  .splash-video {padding: 120px 0 30px 0;}
  .splash-video-graphic {background-image: url(../images/splash-video-graphic-lg.png); margin: 0 15% 0 10%; width: 75%;}
  [class^="splash-video-trigger"] {height: 200px; margin-left: -100px; width: 200px;}
  [class^="splash-video-trigger"] span {border-width: 2px;}
  .splash-video-text h1 {font-size: 1.8em;}
  .splash-video-text > span {font-size: 1.35em; padding-bottom: 30px;}

  /* splash: intro */
  .splash-intro {padding-top: 350px;}
  .splash-intro-bg {background-size: auto auto; height: 350px;}
  .splash-intro-body {padding: 50px 10%;}
  .splash-intro h2 {font-size: 1.6em;}

  /* splash: slogan */
  .splash-slogan {padding: 100px 15%;}
  .splash-slogan h2 {display: block; font-size: 1.6em; margin: 0 auto; max-width: 1200px;}

  /* splash: rules */
  .splash-rules {padding: 70px 2%;}
  .splash-rules ul {display: table; table-layout: fixed; width: 100%;}
  .splash-rules li {border-bottom: none; display: table-cell; padding: 0 3%; position: relative; vertical-align: top; width: 100%;}
  .splash-rules li:first-child {padding-top: 0;} 
  .splash-rules li:not(:first-child):after {background: #e2e2e2; content: ""; height: 80%; left: 0; position: absolute; top: 10%; width: 1px;}
  .splash-rules li strong {padding-bottom: 20px;}
  .splash-rules li p {padding-top: 20px;} 
  .splash-rules > p {line-height: 125%; margin: 0 auto; max-width: 1100px; padding: 50px 0; width: 80%;}
  .splash-rules > h2 {margin: 0 auto; max-width: 1100px; width: 80%;}
  .splash-rules form {margin: 0 auto; max-width: 650px; padding-top: 50px; width: 90%;}

  /* splash: clients */
  .splash-clients-bg {padding: 70px 2%;}
  .splash-clients h2 {font-size: 1.6em;}
  #splash-clients-testimonials {margin: 35px auto 0 auto; max-width: 700px;}
  .splash-clients-testimonials-slide {padding: 20px 50px 0 50px;}
  .splash-clients-testimonials-slide p {padding-top: 30px; text-align: left;}
  .splash-clients-testimonials-slide span {text-align: right;}
  .splash-clients-testimonials-slide .splash-clients-testimonials-photo > div {border-radius: 100px; box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2); display: block; float: left; height: 130px; width: 130px;}
  .splash-clients-testimonials-slide .splash-clients-testimonials-photo p {padding-left: 170px;}
  .splash-clients-logos {margin: 0 auto; max-width: 700px; padding: 50px 0;}
  .splash-clients-logos img {height: 80px;}
  .splash-clients-logos p {padding-top: 30px;}

  /* content: general */
  .content-head {padding: 190px 0 0 0; width: 80%;}
  .content-head.content-head-empty {margin-bottom: -50px;}
  .content-title {font-size: 1.6em; margin-bottom: 30px;}

  /* about linku */
  .about-head p {font-size: 1.2em;}
  .about-body {width: 80%;}
  .about-body h2 {font-size: 1.4em; margin-bottom: 35px;}
  .about-photo {height: 400px; margin: 45px 0 65px 0;}
  .about-team li {margin: 0 4%; padding-bottom: 35px; width: 30%;}
  .about-team li span {font-size: 1.1em;}
  .about-certs {padding: 40px 0; margin: 0 auto;}
  .about-certs img {width: 100px;}

  /* careers */
  .careers-body {margin: 0 auto; width: 80%;}

  /* contact */
  .contact-body {padding: 20px 0; width: 80%;}
  .contact-map {height: 300px;}

  /* flat fee/fsbo */
  .fsbo-body {width: 80%;}

  /* info pages */
  .info-body {padding: 20px 0; width: 80%;}
  
  /* landing page: webinar */  
  body.landing-webinar .logo {height: 80px; margin-bottom: 20px; padding-top: 20px;}  
  body.landing-webinar section.head-banner h1.banner  {margin-bottom: 30px; padding: 25px;}
  body.landing-webinar section.wrapper {margin: 0 auto; max-width: 1000px; width: 95%;}
  body.landing-webinar section.col-l {float: left; width: 47%;}
  body.landing-webinar section.col-r {float: right; width: 47%;}
  body.landing-webinar section.col-l > section:first-child,
  body.landing-webinar section.col-r > section:first-child {padding-top: 40px;}
  body.landing-webinar .details {padding-left: 10px; padding-right: 10px;}
  body.landing-webinar section.form form {margin: 0; max-width: none; width: auto;}
  body.landing-webinar .giveaway {padding-left: 0; padding-right: 0;}
  body.landing-webinar section.footer {clear: both; padding-top: 75px;}
  body.landing-webinar section.footer img {display: inline;}

  /* portfolio */
  .portfolio-body {padding: 20px 0 100px 0; width: 80%;}
  .portfolio-body > section {padding-top: 25px;}
  .portfolio-body h2 {padding-bottom: 25px;}
  .portfolio-body ul {padding-bottom: 35px;}
  .portfolio-body li {margin: 8px;}

  /* pricing: head */
  .pricing-head {padding-bottom: 40px;}
  .pricing-head h1 {font-size: 1.8em;}
  .pricing-head h2 {font-size: 1.1em;}
  .pricing-trigger {padding-top: 35px;}
  .pricing-trigger em {padding-bottom: 15px;}
  .pricing-trigger label {width: 150px;}
  
  /* pricing: packages */
  section.pricing-packages {padding-bottom: 20px;}
  .pricing-pkg {display: inline-block; margin: 5px 0.5%; max-width: none; vertical-align: top; width: 47%;}
  .pricing-pkg-head > span {height: 25px;}
  .pricing-pkg-fine {padding-top: 50px;}
  .pricing-alacarte h4 {padding-top: 50px;}
  
  /* pricing: faqs */
  .pricing-faqs {padding: 50px 0;}
  .pricing-faqs > div {margin: 0 auto; max-width: 1400px; width: 90%;}

  /* promos */
  .promos-head {padding-top: 120px;}
  .promos-head figure {padding: 7% 0;}
  .promos-title {padding: 45px 30px}
  .promos-title h1 {font-size: 1.8em; padding-bottom: 25px;}
  .promos-title h2 {font-size: 1.3em; margin-bottom: 15px;}
  .promos-title h3 {font-size: 3em; padding-bottom: 15px;}
  .promos-title h3 > div {width: 100px;}
  .promos-item {margin-bottom: 30px; width: 31.3%;}
  .promos-products .promos-item:nth-child(2n+1){clear: none;}
  .promos-products .promos-item:nth-child(3n+1){clear: left;}
  .promos-products > .text-fine {margin: 0 auto; padding-top: 50px; width: 90%;}

  /* spotlight */
  .spotlight-body {padding: 70px 5% 30px 5%;}
  .spotlight-body h2 {font-size: 1.4em;}
  .spotlight-body figure {margin: 30px 5%;}
  .spotlight-slideshow-prev,
  .spotlight-slideshow-next {left: -30px; margin-top: -25px; position: absolute; top: 50%;}
  .spotlight-slideshow-next {left: auto; right: -30px;}
  .spotlight-body h3 {font-size: 1.2em;}

  /* thank you */
  .thankyou-body {padding: 0 5% 30px 5%;}
  .thankyou-body h2 {font-size: 1.4em;}
  .thankyou-body h3 {font-size: 1.2em;}

  /* tour head */ 
  .tour-head {height: 100%; min-height: 700px;}
  .tour-head-bg video {display: block;}
  .tour-head-logo {background-image: url(../images/tour-head-logo-lg.png);}
  .tour-head h1 {top: 40%;}
  .tour-nav-anchor {display: block;}
  .tour-nav.lock a {height: 42px; line-height: 42px;}

  /* tour intro */
  .tour-intro {padding-bottom: 50px}
  .tour-intro h2 {width: 80%;}
  .tour-intro nav {box-sizing: border-box; margin: 0 auto; width: 80%;}
  .tour-intro nav > div {margin: 60px auto 60px auto; padding-left: 30%;}
  .tour-intro nav > div img {width: 20%;}
  .tour-intro nav > div i {left: 23%;}
  .tour-intro nav > div p {line-height: 140%; margin-right: 2%;}

  /* tour details */  
  .tour-marketing {background: url(../images/tour-imagebg1-lg.jpg) no-repeat center top, url(../images/tour-imagebg.png) repeat center top; background-size: 100% auto, auto auto;}

  /* tour: support */
  .tour-support {padding: 80px 15%;}
  .tour-support h3 {font-size: 1.5em;}
  .tour-support p {padding-bottom: 55px;}
  .tour-support ul {margin: 0 auto; width: 80%;}
  .tour-support li {padding-bottom: 30px;}

  /* tour: conclusion */
  .tour-conclusion {background-image: url(../images/tour-conclusion-bg-lg.jpg); height: 700px;}
  .tour-conclusion-content {padding: 100px 0 0 0; position: absolute; top: 0; width: 100%; z-index: 20;}
  .tour-conclusion h3 {font-size: 1.8em; padding-bottom: 50px;}
  .tour-conclusion nav {width: 420px;}  
  .tour-conclusion nav > div {width: 100px;}
  .tour-conclusion nav > div em {padding-bottom: 5px;}
  .tour-conclusion nav > div strong {font-size: 3em; height: 100px; line-height: 100px; width: 100px;}
  .tour-conclusion nav > span {border-width: 2px; height: 73px; width: 60px;}
  .tour-conclusion nav > span span {border-width: 4px; bottom: -3px;}
  .tour-conclusion p {font-size: 1.2em; height: 230px; line-height: 130%; width: 400px;}
  .tour-conclusion p span {padding-top: 60px;}
  div[class^="tour-conclusion-bg"] {background-position: center center; background-size: cover; display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: 1s; width: 100%;}
  div.active[class^="tour-conclusion-bg"] {opacity: 1;}
  .tour-conclusion-bg-1 {background-image: url(../images/tour-conclusion-bg1.jpg); z-index: 10;}
  .tour-conclusion-bg-2 {background-image: url(../images/tour-conclusion-bg2.jpg); z-index: 11;}
  .tour-conclusion-bg-3 {background-image: url(../images/tour-conclusion-bg3.jpg); z-index: 12;}


}





/* =========================================================================================
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
RESPONSIVE: MIN WIDTH: 1000PX 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
============================================================================================ */

@media screen and (min-width: 1000px) {


  /* general layout */
  body {font-size: 18px;}

  /* header */
  .header-alert {font-size: 1em;}
  .header-contact {background-color: rgba(220,220,220,0.75);}
  .header-nav nav a {margin: 0 15px;}
  .header-nav nav a.nav-button {padding: 0 20px;}

  /* footer */  
  footer {margin: 0; padding: 35px 7%;}
  .footer-contact {float: left;}
  .footer-contact img {border: none; display: block; margin: 0; max-width: 250px; padding: 0; width: 90%;}
  .footer-info {display: block; padding: 0 0 30px 80px; text-align: left;}
  .footer-phone {font-size: 0.95em;}
  .footer-address {font-size: 0.85em; padding-left: 20px;}
  .footer-address i {display: block; margin: 12px 0 0 0; padding: 0; position: absolute; left: 0; top: 0;}
  .footer-nav {border: none; float: right; margin: 0; padding: 0 20px 20px 0;}
  .footer-nav nav {padding: 20px 0 20px 60px;}
  .footer-nav nav a {font-size: 0.85em;}
  footer .clear {border-top: solid 1px #e2e2e2; margin: 20px 0;}
  .footer-social {float: right;}
  .footer-app {padding: 0 0 10px 0; text-align: left;}
  .footer-app img {margin: 0 10px 0 0;}
  .footer-fine {font-size: 0.8em; padding: 10px 0 30px 0; text-align: left;}
  .footer-fine span {display: inline;}
  .footer-fine a {margin: 0 0 0 40px;}

  /* splash: leads */
  .splash-email input {margin-left: 0; max-width: none; width: 60%;}
  .splash-email button {width: 40%;}  
  .splash-video-modal {font-size: 0.5em; height: 80px; line-height: 76px; padding: 0 40px;}

  /* splash: video */
  .splash-video {height: 100%; min-height: 700px; padding: 0;}
  .splash-video {background: #396f95 url(../images/splash-video-bg-lg.jpg) no-repeat left bottom; background-size: cover;}
  .splash-video-bg-r {height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 20;}
  .splash-video-bg-r > div {height: 100%; position: relative; width: 100%;}
  .splash-video-bg-r > div > div:first-child {background: url(../images/splash-cut-l.png) no-repeat right bottom; background-size: auto 100%; height: 100%; left: 0; position: absolute; top: 0; width: 50%; z-index: 10;}
  .splash-video-bg-r > div > div:last-child {background: #fff; height: 100%; position: absolute; right: 0; top: 0; width: calc(50% + 1px); z-index: 20;}
  .splash-video-video {display: block; height: auto; left: 50%; min-height: 100%; min-width: 100%; opacity: 0; position: absolute; top: 50%; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transition: 1s; width: auto; z-index: 10;}
  .splash-video-graphic {height: 65%; left: 3%; margin: 0; padding: 0; position: absolute; top: 25%; width: 52%; z-index: 30;}
  .splash-video-trigger {display: none;}
  .splash-video-trigger-lg {display: block;}
  .splash-video-text {left: 60%; max-width: 650px; padding: 0; position: absolute; text-align: left; top: 30%; width: 37%; z-index: 30;}
  .splash-video-text h1 {font-size: 2.6em;}
  .splash-video-text > span {font-size: 1.5em;}
  a.splash-video-scroll {-webkit-animation-duration: 1s; -webkit-animation-name: videoScrollFade; -webkit-animation-iteration-count: infinite; animation-duration: 1s; animation-name: videoScrollFade; animation-iteration-count: infinite; display: block; font-size: 1.3em; margin: 20px auto 0 auto; text-align: center;}
  a.splash-video-scroll:hover {-webkit-animation-name: none; animation-name: none; line-height: 30px;}
  @keyframes videoScrollFade {
    from {color: #fff; line-height: 20px;}
    80% {color: #1568a1; line-height: 40px;}
    to {color: #fff; line-height: 40px;}
  }

  /* splash: video open */
  .video-open .splash-video-bg-r {left: 100%;}  
  .video-open .splash-video-video {opacity: 1;}
  .video-open .splash-video-graphic {left: -62%;}
  .video-open .splash-video-text {left: 110%;}
  .video-open a#splash-video-close {right: 25px;}

  /* splash: intro */
  .splash-intro {display: table; padding-top: 0; table-layout: fixed; text-align: left;}
  .splash-intro-bg {background: url(../images/splash-intro-bg-lg.png) no-repeat right center; background-size: 90% auto; display: table-cell; height: 100%; left: auto; position: relative; top: auto; vertical-align: top; width: 50%;}
  .splash-intro-bg > div:first-child {background: transparent; background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); height: 50px; left: 0; position: absolute; top: 0; width: 100%; z-index: 10;}
  .splash-intro-bg > div:nth-child(2) {background: transparent; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); bottom: 0; height: 50px; left: 0; position: absolute; width: 100%; z-index: 10;}
  .splash-intro-bg > img {display: block; height: 100%; left: 0; position: absolute; top: 0; width: auto; z-index: 20;}
  .splash-intro-body {display: table-cell; padding: 75px 2% 75px 5%; width: 50%; vertical-align: top;}
  .splash-intro h2 span {font-size: 0.8em; line-height: 120%; padding-top: 30px;}
  .splash-intro p {line-height: 130%;}
  .splash-intro .splash-lead-buttons {text-align: right;}

  /* splash: slogan */
  .splash-slogan {background-image: url(../images/splash-slogan-bg-lg.jpg); background-size: 100% auto; padding: 150px 15%;}
  .splash-slogan h2 {font-size: 2em;}
  .splash-slogan h2 span {font-size: 0.7em; line-height: 120%; padding-top: 30px;}
   
   /* splash: rules */
  .splash-rules {padding: 85px 2%;}
  .splash-rules li strong {font-size: 1.2em;}
  .splash-rules > p {padding-top: 75px;}
  .splash-rules h2 {font-size: 1.6em;}
  .splash-rules h3 {font-size: 1.3em;}

  /* splash: clients */
  .splash-clients-bg {padding: 85px 2%;}
  .splash-clients h2 {font-size: 1.8em;}
  #splash-clients-testimonials {height: 310px; max-width: 950px;}
  .splash-clients-testimonials-slide {height: 285px; padding: 35px 100px 0 100px;}
  .splash-clients-testimonials-slide .splash-clients-testimonials-photo > div {height: 150px; width: 150px;}
  .splash-clients-testimonials-slide .splash-clients-testimonials-photo p {padding-left: 190px;}
  .splash-clients-testimonials-pager > div > span {height: 14px; width: 14px;}
  .splash-clients-logos {max-width: 950px; padding-bottom: 65px;}
  .splash-clients-logos img {height: 105px; margin: 10px;}

  /* content: general */
  .content-head {padding-top: 220px;}
  .content-head.content-head-empty {margin-bottom: -70px;}
  .content-title {font-size: 2em; margin-bottom: 40px;}

  /* about linku */
  .about-photo {height: 0; padding-top: 40%;}

  /* contact */
  .contact-info {float: left; margin-right: 5%; padding-bottom: 30px; width: 45%;}
  .contact-holidays {clear: both; margin-top: 50px; padding: 50px 0;}
  .contact-holidays li span {display: inline;}

  /* flat fee/fsbo */
  .fsbo-body {margin: 0 auto; max-width: 1400px; padding: 0 20px 50px 20px;}
  .fsbo-body > img {float: left; margin-left: -20%; width: 70%;}
  .fsbo-body aside {float: right; padding-top: 30px; width: 50%;}

  /* landing page: webinar */
  body.landing-webinar section.col-l {width: 55%;}
  body.landing-webinar section.col-r {width: 41%;}
  body.landing-webinar section.col-l > section,
  body.landing-webinar section.col-r > section {padding-top: 25px; padding-bottom: 25px;}
  body.landing-webinar .details h1 {font-size: 2em;}
  body.landing-webinar .details h1 span {font-size: 0.5em;}
  body.landing-webinar .events div.countdown {height: 70px;}
  body.landing-webinar .events div.countdown span.count {font-size: 2.4em;}
  body.landing-webinar .presenter img {height: 100px;}
  body.landing-webinar .presenter div {margin-left: 120px; min-height: 100px;}
  body.landing-webinar .presenter em {padding-top: 10px;}
  body.landing-webinar .giveaway section {max-width: 450px;}
  body.landing-webinar .giveaway img {width: 150px;}
  body.landing-webinar .giveaway div {margin-left: 155px;}
  body.landing-webinar .giveaway h4 {font-size: 1.8em; padding-top: 30px;}
  body.landing-webinar .giveaway span {padding-top: 5px;}
  body.landing-webinar .form form {padding-left: 30px 25px;}
  body.landing-webinar .questionnaire h1 {font-size: 1.5em;}
  body.landing-webinar .questionnaire fieldset {padding: 35px 2%;}
  body.landing-webinar .questionnaire h3 {font-size: 1.1em; padding-bottom: 15px;}
  body.landing-webinar .questionnaire fieldset div {padding-top: 5px;}

  /* portfolio */  
  .portfolio-body li {width: 200px;}
  .portfolio-body li a i {background: #1568a1; border-radius: 100px; color: #fff; display: block; font-size: 0.5em; height: 30px; left: 50%; line-height: 30px; margin: -15px 0 0 -15px; opacity: 0; position: absolute; text-align: center; top: 50%; width: 30px; z-index: 20;}
  .portfolio-body li a:hover i {font-size: 1.4em; height: 60px; line-height: 60px; margin: -30px 0 0 -30px; opacity: 1; width: 60px;}

  /* pricing: head */
  .pricing-head {padding-bottom: 50px;}
  .pricing-head h1 {font-size: 2.4em;}
  .pricing-head h2 {font-size: 1.2em;}
  .pricing-trigger {font-size: 1.05em;}
  
  /* pricing: packages */
  section.pricing-packages {background: linear-gradient(to bottom, rgba(255,255,255,0) 0px, #fff 100px, #e2e2e2 100px, #fff 300px);}
  section.pricing-packages > div {background: url(../images/bg-texture-fade.png) repeat-x left 100px; background-size: 100px auto; }
  .pricing-pkg {background: none; border: none; box-shadow: none; margin: 0 0.5%; max-width: 450px; width: 31%;}
  .pricing-pkg-head {background: #fff; border: solid 1px #bbb; border-radius: 5px; box-shadow: 0 0 5px 0 rgba(0,0,0,0.1); box-sizing: border-box; padding: 30px;}
  .pricing-pkg-head h3 {padding-bottom: 25px;}
  .pricing-pkg-head h3 small {height: 35px;}
  .pricing-pkg-price {font-size: 3.3em; padding-bottom: 10px;}
  .pricing-pkg-head > em {padding-top: 25px;}
  .pricing-pkg-features-trigger {display: none;}  
  .pricing-pkg-features {background: none; display: block !important;}
  .pricing-pkg-features > div {background: none;}
  .pricing-pkg-features-list > li:first-child {border-color: #999; color: #999;}
  .pricing-alacarte table {font-size: 0.95em; margin-bottom: 50px; max-width: 700px;}
  .pricing-alacarte td {padding: 12px 15px;}

  /* promos */
  .promos-products {margin: 0 auto; max-width: 1600px; padding: 80px 50px;}
  .promos-item {font-size: 0.9em; max-width: none; width: 23%;}
  .promos-products .promos-item:nth-child(3n+1){clear: none;}
  .promos-products .promos-item:nth-child(4n+1){clear: left;}

  /* spotlight */
  .spotlight-body {margin: 100px auto; padding: 0 0 50px 0; max-width: 1600px; width: 90%;}
  .spotlight-body h2 {font-size: 1.6em;}
  .spotlight-body figure {margin: 45px 5%;}

  .spotlight-slideshow-prev,
  .spotlight-slideshow-next {line-height: 56px; margin-top: -30px; width: 60px;}

  .spotlight-body h3 {font-size: 1.4em;}
  .spotlight-cta a {margin-top: 50px;}

  /* thank you */
  .thankyou-body {margin: 0 auto; padding: 0 0 50px 0; max-width: 1200px; width: 80%;}
  .thankyou-body h2 {font-size: 1.6em;}
  .thankyou-body figure {margin: 45px 0;}
  .thankyou-body h3 {font-size: 1.4em;}
  .thankyou-cta a {margin-top: 50px;}

  /* tour head */
  .tour-head h1 {font-size: 3.5em; left: 5%; width: 90%;}
  .tour-nav-anchor {top: 50%;}
  .tour-nav a {padding: 0 25px;}
  .tour-nav a span i {font-size: 2.5em;}
  .tour-nav.lock {padding-top: 100px;}
  .tour-nav.lock a {margin: 0 3px;}

  /* tour intro */
  .tour-intro {padding-top: 60px}
  .tour-intro h2 {font-size: 2.3em; max-width: 950px;}
  .tour-intro h2 small {font-size: 0.5em;}
  .tour-intro nav {max-width: 900px;}
  .tour-intro nav > div {margin: 80px auto 80px auto; padding-left: 25%;}
  .tour-intro nav > div img {width: 19%;}
  .tour-intro nav > div i {left: 20%;}

  /* tour details */  
  #tour-nav-anchor {height: 40px;}
  .tour-details > section {clear: both;}
  .tour-details > section > div {clear: both; padding: 80px 5% 80px 5%;} 
  .tour-details > section > div:after {content:" "; clear: both; display: block; height: 0px; opacity: 0;}
  .tour-desc {box-sizing: border-box; padding-left: 45px; position: relative; text-align: left;} 
  .tour-desc i {display: block; left: 0; position: absolute; top: 0;}
  .tour-desc .tour-lead-buttons {padding-top: 60px;}
  .tour-website {padding-top: 100px;}
  .tour-website01 .tour-desc {float: right; margin-top: 40px; width: 50%;}
  .tour-website01 figure {float: left; margin-left: -25%; width: 75%;} 
  .tour-website02 .tour-desc {float: left; margin-top: 70px; width: 45%;}
  .tour-website02 figure {float: right; width: 50%;}
  .tour-marketing01 .tour-desc-dbl {float: right; margin: 130px 5% 0 0; width: 48%;}
  .tour-marketing01 figure {float: left; margin-left: 5%; width: 40%;} 
  .tour-marketing02 .tour-desc {float: left; margin-top: 90px; width: 35%;}
  .tour-marketing02 figure {float: right; margin-left: 0; margin-right: -15%; width: 75%;}
  .tour-marketing03 {background-position: left bottom; background-size: 60% auto;}
  .tour-marketing03 .tour-desc {float: right; margin-top: 60px; width: 43%;}
  .tour-marketing03 figure {float: left; width: 55%;}
  .tour-followup01 .tour-desc-dbl {margin: 0 auto; width: 60%;}
  .tour-followup01 figure {margin-left: 5%; width: 90%;}
  .tour-followup02 {background-image: url(../images/tour-pattern3.png)}
  .tour-followup02 .tour-desc {float: right; width: 45%;}
  .tour-followup02 figure {float: left; width: 50%;}

  /* tour: support */
  .tour-support {padding: 125px 15%;}
  .tour-support h3 {padding-bottom: 30px;}
  .tour-support p {padding-bottom: 70px;}
  .tour-support ul {width: 80%;}

  /* tour: conclusion */
  .tour-conclusion {height: 750px;}
  .tour-conclusion-content {padding-top: 120px;}
  .tour-conclusion h3 {font-size: 2em;}
  .tour-conclusion nav {width: 460px;}  
  .tour-conclusion nav > span {width: 80px;}
  .tour-conclusion p {height: 240px; width: 400px;}
  

}





/* =========================================================================================
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
RESPONSIVE: MIN WIDTH: 1200PX 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
============================================================================================ */

@media screen and (min-width: 1200px) {


  /* about linku */
  .about-team li {margin: 0; width: 24%;}

  /* flat fee/fsbo */
  .fsbo-body > img {margin-left: 0%; width: 50%;}

  /* tour head */
  .tour-nav-anchor {top: 45%;}

  /* tour details */
  .tour-details > section > div {padding: 90px 5%;}
  .tour-website01 .tour-desc {margin-top: 100px; width: 45%;}
  .tour-website01 figure {width: 80%;}
  .tour-website02 .tour-desc {margin-top: 80px; width: 40%;}
  .tour-website02 figure {width: 55%;}
  .tour-marketing01 .tour-desc-dbl {margin: 210px 6% 0 0;}
  .tour-marketing01 figure {margin-left: 6%; width: 38%;}
  .tour-marketing02 .tour-desc {margin-top: 90px;}
  .tour-marketing02 figure {margin-right: 0; width: 60%;}
  .tour-marketing03 .tour-desc {margin-top: 60px;}
  .tour-followup01 .tour-desc-dbl {float: left; margin-top: 30px; width: 40%;}
  .tour-followup01 figure {float: right; margin-left: 0; margin-right: -30%; width: 90%;}
  .tour-followup02 .tour-desc {margin-top: 30px; width: 40%;}
  .tour-followup02 figure {width: 55%;}

  
}




/* =========================================================================================
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
RESPONSIVE: MIN WIDTH: 1400PX 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
============================================================================================ */

@media screen and (min-width: 1400px) {


  /* tour head */
  .tour-nav-anchor {height: 270px;}
  .tour-nav a {font-size: 0.9em; padding: 0 40px;}
  .tour-nav.lock {padding-top: 110px;}  
  .tour-nav.lock a {height: 50px; line-height: 50px; padding: 0 25px;}
  
  /* tour details */
  #tour-nav-anchor {height: 50px;}
  .tour-details > section > div {clear: both; padding: 110px 10%;} 
  .tour-desc h3 {font-size: 1.7em;}
  .tour-desc p {line-height: 125%;}

  /* tour: support */
  .tour-support {padding: 120px 20%;}
  .tour-support h3 {font-size: 1.9em;}

  
}
  




/* =========================================================================================
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
RESPONSIVE: MIN WIDTH: 1600PX 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
============================================================================================ */

@media screen and (min-width: 1600px) {


  /* general layout */
  body {font-size: 19px;}
  
  /* header */
  .header-contact {font-size: 1.05em; height: 55px; padding-right: 25px;}
  .header-phone {line-height: 55px;}
  .header-phone > em {border-radius: 20px; height: 32px; line-height: 32px; width: 32px;}
  .header-phone span {margin: 0 30px 0 3px;}
  .header-contact > nav a {line-height: 55px; margin: 0 15px;}
  .header-nav {height: 110px;}
  .header-logo a {left: 25px;}
  .header-nav nav {padding: 28px 20px 0 0;}
  .header-nav nav a {font-size: 1.1em;}

  /* header: scroll (& video open) */  
  .header-scroll .header-nav,
  .video-open .header-nav {height: 90px;}
  .header-scroll .header-nav nav,
  .video-open .header-nav nav {padding-top: 18px;}
  .header-scroll .header-nav nav a,
  .video-open .header-nav nav a {line-height: 50px;}

  /* landing page: webinar */  
  body.landing-webinar .logo {height: 100px;}  

  /* footer */  
  footer {padding: 50px 10%;}
  .footer-contact img {max-width: 350px;}
  .footer-info {padding-left: 115px;}
  .footer-phone {font-size: 1.1em;}
  .footer-nav nav {padding-left: 100px;}
  .footer-nav nav a {padding: 5px 0;}

  /* splash: leads */
  .splash-video-modal {border-radius: 10px; font-size: 0.55em; height: 100px; line-height: 96px; padding: 0 50px;}

  /* splash: video */
  .splash-video-graphic {left: 8%; width: 47%;}
  .splash-video-text {left: 59%; width: 30%;}
  .splash-video-text h1 {font-size: 3em;}
  a#splash-video-close {top: 130px;}
  a.splash-video-scroll {font-size: 1.6em; height: 40px; margin-top: 50px; width: 40px;}
  a.splash-video-scroll:hover {line-height: 40px;}
  @keyframes videoScrollFade {
    from {color: #fff; line-height: 25px;}
    80% {color: #1568a1; line-height: 55px;}
    to {olor: #fff; line-height: 55px;}
  }

  /* splash: intro */
  .splash-intro-bg {background-position: center center; background-size: auto auto;}
  .splash-intro-body {padding: 100px 5% 100px 8%;}
  .splash-intro h2 {font-size: 2.3em;}
  .splash-intro h2 span {font-size: 0.6em;}
  .splash-intro p {font-size: 1.05em; padding: 50px 0;}
  
  /* splash: slogan */
  .splash-slogan {padding: 180px 15%;}
  .splash-slogan h2 {font-size: 2.5em;}
  .splash-slogan h2 span {font-size: 0.6em;}

  /* splash: rules */
  .splash-rules {padding: 85px 5%;}
  .splash-rules li {padding: 0 5%;}
  .splash-rules li p {font-size: 1em;}
  .splash-rules > p {font-size: 1.1em;}

  /* splash: clients */
  .splash-clients h2 {font-size: 2em;}
  #splash-clients-testimonials {max-width: 1200px;}
  .splash-clients-testimonials-slide {padding: 50px 150px 0 150px;}
  .splash-clients-testimonials-slide .splash-clients-testimonials-photo > div {height: 175px; width: 175px;}
  .splash-clients-testimonials-slide .splash-clients-testimonials-photo p {padding-left: 210px;}
  .splash-clients-logos {max-width: 1200px; padding-bottom: 75px;}
  .splash-clients-logos img {height: 130px; margin: 10px 20px;}
  .splash-clients-logos p {font-size: 1.1em;}

  /* content: general */
  .content-head {padding-top: 260px;}
  .content-title {font-size: 2.4em;}

  /* about linku */
  .about-photo {margin: 60px 0 80px 0;}

  /* contact */
  .contact-map {height: 400px;}

  /* flat fee/fsbo */
  .fsbo-body aside a {height: 60px; line-height: 56px;}

  /* pricing: head */
  .pricing-head {padding-bottom: 80px;}
  .pricing-head h1 {font-size: 2.8em;}
  .pricing-trigger em {padding-bottom: 25px;}
  
  /* pricing: packages */
  .pricing-pkg-head {padding: 40px;}
  .pricing-pkg-head h3 {font-size: 1.1em; padding-bottom: 35px;}
  .pricing-pkg-price {font-size: 4.3em; padding-bottom: 15px;}
  .pricing-pkg-head > span {height: 35px;}
  .pricing-pkg-head > em {padding-top: 35px;}
  .pricing-pkg-features > div {padding: 0 30px 30px 30px;}
  .pricing-pkg-features-list > li {padding: 10px 0 10px 30px;}
  .pricing-pkg > a {font-size: 1.1em; height: 60px; line-height: 60px; max-width: 250px;}
  .pricing-alacarte h4 {padding-top: 80px;}

  /* pricing: faqs */
  .pricing-faqs {padding: 80px 0;}
  .pricing-faqs h4 {font-size: 1.8em;}

  /* promos */
  .promos-head {padding-top: 150px;}
  .promos-title a {height: 60px; line-height: 60px; padding: 0 45px;}
  .promos-products {padding-top: 100px;}
  .promos-item {font-size: 0.95em;}
  .promos-item-info {padding: 25px;}
  .promos-item-info::before {left: 30px;}
  .promos-item-price strong {font-size: 1.7em;}
  .promos-item button {height: 45px; line-height: 41px;}

  /* spotlight */
  .spotlight-body h2 {font-size: 2em;}
  .spotlight-body figure {margin: 60px 5%;}
  .spotlight-body h3 {font-size: 1.7em;}

  /* thank you */
  .thankyou-body {padding-bottom: 100px;}
  .thankyou-body h2 {font-size: 2em;}
  .thankyou-body figure {margin: 60px 0;}
  .thankyou-body h3 {font-size: 1.7em;}

  /* tour head */
  .tour-head h1 {font-size: 4.5em;}
  .tour-nav {padding-top: 130px;}
  
  /* tour intro */
  .tour-intro h2 {font-size: 2.7em;}

  /* tour details */  
  .tour-desc h3 {font-size: 1.8em;}
  .tour-desc p {font-size: 1.2em; line-height: 125%;}
  .tour-website01 .tour-desc {margin-top: 75px;}
  .tour-website01 figure {margin-left: -15%; width: 70%;}
  .tour-followup01 .tour-desc-dbl {margin-top: 0;}
  .tour-followup01 figure {margin-right: -20%; width: 80%;}

  /* tour: support */
  .tour-support h3 {font-size: 2.1em;}
  .tour-support p {margin: 0 auto; max-width: 700px;}
  .tour-support ul {padding-left: 0; text-align: center;}
  .tour-support li i {left: auto; padding-right: 5px; position: static;}

  /* tour: conclusion */
  .tour-conclusion {height: 850px;}
  .tour-conclusion-content {padding-top: 150px;}
  .tour-conclusion h3 {font-size: 2.5em; padding-bottom: 75px;}
  .tour-conclusion p {width: 500px;}


}




/* =========================================================================================
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
RESPONSIVE: MIN WIDTH: 1800PX AND MIN HEIGHT: 1000PX
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
============================================================================================ */

@media screen and (min-width: 1800px) and (min-height: 1000px) {


  /* splash: leads */
  .splash-email input {height: 60px; line-height: 60px;}
  .splash-email button {height: 60px; line-height: 60px;}  
  .splash-lead-buttons a {height: 60px; line-height: 60px; padding: 0 30px;}
  .splash-lead-buttons a[class^="button-ghost"] {line-height: 56px;}
  
  /* splash: video */
  [class^="splash-video-trigger"] {height: 250px; margin-left: -125px; width: 250px;}
  .splash-video-text h1 {font-size: 3.5em;}
  .splash-video-text > span {font-size: 1.8em;}

  /* spotlight */
  .spotlight-cta a {font-size: 1.1em; height: 60px; line-height: 60px;}

  /* thank you */
  .thankyou-cta a {font-size: 1.1em; height: 60px; line-height: 60px;}

  /* tour details */  
  .tour-details > section > div {padding: 110px 15%;} 
  .tour-desc h3 {font-size: 1.9em;}

  /* tour: conclusion */
  .tour-lead-buttons a {height: 60px; line-height: 60px; padding: 0 30px;}
  .tour-lead-buttons a[class^="button-ghost"] {line-height: 56px;}


}