/*
Theme Name: BBird FullPager
Theme URI: https://bbird.me/themes/
Author: Bruno Kos
Author URI: https://bbird.me/
Description: BBird FullPager is a theme based on fullPage.js library and ACF Pro
Version: 1.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bbird-fullpager
*/
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,700');


html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
  touch-action: manipulation;
}

body {
	margin: 0;
	font-family: 'Nunito Sans', sans-serif;
	overflow: hidden !important;
	font-weight: 300;

}
i {
  font-size: 30px !important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 700;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

code,
kbd,
pre,
samp {
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

select {
	text-transform: none;
}

button {
	overflow: visible;
}

button,
input,
select,
textarea {
	max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
	opacity: .5;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 0.4375em;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #d1d1d1;
	margin: 0 0 1.75em;
	padding: 0.875em;
}

fieldset > :last-child {
	margin-bottom: 0;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

optgroup {
	font-weight: bold;
}




/**
 * 3.0 - Typography
 */

body,
button,
input,
select,
textarea {
	color: #1a1a1a;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.75;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 300;
	margin: 0;
	text-rendering: optimizeLegibility;
	word-wrap:break-word;
}
h1 p, h2 p, h3 p, h4 p, h5 p, h6 p{
	font-size: inherit;
}

p {
	margin: 0 0 1.75em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	border: 0 solid #1a1a1a;
	border-left-width: 4px;
	color: #686868;
	font-size: 19px;
	font-size: 1.1875rem;
	font-style: italic;
	line-height: 1.4736842105;
	margin: 0 0 1.4736842105em;
	padding: 0 0 0 1.263157895em;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote p {
	margin-bottom: 1.4736842105em;
}

blockquote cite,
blockquote small {
	color: #1a1a1a;
	display: block;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.75;
}

blockquote cite:before,
blockquote small:before {
	content: "\2014\00a0";
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

blockquote > :last-child {
	margin-bottom: 0;
}

address {
	font-style: italic;
	margin: 0 0 1.75em;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: Inconsolata, monospace;
}

pre {
	border: 1px solid #d1d1d1;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.3125;
	margin: 0 0 1.75em;
	max-width: 100%;
	overflow: auto;
	padding: 1.75em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

code {
	background-color: #d1d1d1;
	padding: 0.125em 0.25em;
}

abbr,
acronym {
	border-bottom: 1px dotted #d1d1d1;
	cursor: help;
}

mark,
ins {
	background: #007acc;
	color: #fff;
	padding: 0.125em 0.25em;
	text-decoration: none;
}

big {
	font-size: 125%;
}


/**
 * 4.0 - Elements
 */

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage 
	other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background: #f5f5f5;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #d1d1d1;
	border: 0;
	height: 1px;
	margin: 0 0 1.75em;
}

ul,
ol {
	margin: 0 0 1.75em 1.25em;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
	margin-left: 1.5em;
}

li > ul,
li > ol {
	margin-bottom: 0;
}

dl {
	margin: 0 0 1.75em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 0 1.75em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
	vertical-align: middle;
}

del {
	opacity: 1;
	margin-left: 7px;
}

table,
th,
td {
	border: 1px solid #d1d1d1;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.75em;
	table-layout: fixed;
	/* Prevents HTML tables from becoming too wide */
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}

td {
	border-width: 0 1px 1px 0;
}

th,
td {
	padding: 0.4375em;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #686868;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
}

:-moz-placeholder {
	color: #686868;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
}

::-moz-placeholder {
	color: #686868;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #686868;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
}


/**
 * 5.0 - Forms
 */

input {
	line-height: normal;
}

button,
button[disabled]:hover,
button[disabled]:focus,
input[type="button"],
input[type="button"][disabled]:hover,
input[type="button"][disabled]:focus,
input[type="reset"],
input[type="reset"][disabled]:hover,
input[type="reset"][disabled]:focus,
input[type="submit"],
input[type="submit"][disabled]:hover,
input[type="submit"][disabled]:focus {
	background: #1a1a1a;
	border: 0;
	border-radius: 2px;
	color: #fff;
	font-weight: 700;
	letter-spacing: 0.046875em;
	line-height: 1;
	padding: 0.84375em 0.875em 0.78125em;
	text-transform: uppercase;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #007acc;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	outline: thin dotted;
	outline-offset: -4px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
	background: #f7f7f7;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	color: #686868;
	padding: 0.625em 0.4375em;
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
	background-color: #fff;
	border-color: #007acc;
	color: #1a1a1a;
	outline: 0;
}

.post-password-form {
	margin-bottom: 1.75em;
}

.post-password-form label {
	color: #686868;
	display: block;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	letter-spacing: 0.076923077em;
	line-height: 1.6153846154;
	margin-bottom: 1.75em;
	text-transform: uppercase;
}

.post-password-form input[type="password"] {
	margin-top: 0.4375em;
}

.post-password-form > :last-child {
	margin-bottom: 0;
}

.search-form {
	position: relative;
}

input[type="search"].search-field {
	border-radius: 2px 0 0 2px;
	width: -webkit-calc(100% - 42px);
	width: calc(100% - 42px);
}

.search-submit:before {
	content: "\f400";
	font-size: 24px;
	left: 2px;
	line-height: 42px;
	position: relative;
	width: 40px;
}

.search-submit {
	border-radius: 0 2px 2px 0;
	bottom: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 42px;
}

.site-header {
  padding: 0;
  position: fixed;
  width: 100%;
  z-index: 99999;
}

.site-content {
  padding: 0;
}

.section{
  margin: 0 auto;width: 100%;position: relative;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: none;
}

.fp-tableCell {
	max-width: 1200px;
}

.fp-scroller{
    overflow:hidden;
}

p{
  color: #000;
  margin: 0 0 1.75em;
  opacity: 0.8;
  padding: 0;
}
/*
.fp-tableCell p:empty {
    display: none;
}
.fp-tableCell p{
    margin: 0;
    padding: 0;
}*/

/* menu */


nav {
	display: none;
}

nav ul li {
  display:inline-block;  
}

nav a {
  color:#F8ECC2;
  display:block;
  text-decoration: none;
  padding:20px 30px;
 }

nav a:hover {
  background: #E65540;
}

nav li.active {
  background: #e65540 none repeat scroll 0 0;
}
/*.slide .fp-tableCell{
	position: relative;
}*/
.fp-bg{
	background-size: cover;
	max-height: 100% !important;
    top: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    position: absolute;
    z-index: -1;	
}
.fp-tableCell p:empty {
    display: none;
}

/* SLIDE NAV + SECTION TITLE */
.fp-slidesNav ul li a.active span{
  background: #c7740c none repeat scroll 0 0;
  border-radius: 100%;
  height: 15px;
  margin: -6px 0 0 -6px;
  width: 15px;
}
.fp-slidesNav ul li:hover a span {
	background: #ffd573 none repeat scroll 0 0;
}

.fp-slidesNav ul li a span {
  background: #ffa343 none repeat scroll 0 0;
  border: 0 none;
  border-radius: 50%;
  height: 8px;
  left: 50%;
  margin: -2px 0 0 -2px;
  position: absolute;
  top: 50%;
  transition: all 0.1s ease-in-out 0s;
  width: 8px;
  z-index: 1;
}
body #fullpage #section1 .fp-slidesNav{
	display: block !important;
}
#section2 .footer-container{
	display: none;
}
.fp-viewing-be-inspired-menu-desk-monitor-arms #section2 .footer-container{
	display: block;
}
.scrollbar-active #section2 .footer-container{
	display: none;
}

#section5 .fp-slidesNav{
		display: none !important;
	}

.footer-container{
	position: absolute;
	width: 100%;
	height: 70px;
	bottom: 0;
	z-index: 99999;
	/*background: #f4f4f4;*/
}
	.footer-title{
		margin-top: 30px;
		font-size: 16px;
		margin-left: calc(9% - 5px);
		margin-left: 9%;
		color: #c7740c;
	}
	#section5 .footer-title{
		margin-left: calc(9% - 8px) !important;		
	}
	#section5 .footer-title{
		padding-left: 0px;
	}	
	#section4 .footer-title, #section5 .footer-title,
	#section3 .footer-title{
		margin-left: 9%;
	}
	#section5 .footer-title{
		padding-left: 0px;
	}
body #section1 .fp-slidesNav.bottom, body #section3 .fp-slidesNav.bottom{
	display: block !important;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span {
    background: #ffa343 none repeat scroll 0 0;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
	background: #ffa343 !important;
}

/* MENU ICON */
.menu-icon{
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9997;
    display: none;
}
	.menu-icon div, .btm-stripe{
	    width: 35px;
	    height: 1px;
	    background-color: #ffa343;
	    margin: 6px 0;	
	}
	.menu-icon div, .hamburger-next div{
		background-color: #8dbada;
	}
	.icon-active{
		display: block !important;
	}
.hamburger-next{
	display: none !important;
}
.fp-viewing-be-inspired-home .hamburger-next{
	display: block !important;
	position: absolute;    
	top: 50%;
    height: 28px;
	right: 28px;
	left: inherit;
	left: initial;
	cursor: pointer;
	transform: translateY(-50%);
	z-index: 9999999999999;
	animation-name: hbFadein;
    animation-delay: 1s;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    opacity: 0;
    pointer-events: auto;
    transition: color 0.2s,opacity 1s;
}
 @keyframes hbFadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
.fp-viewing-be-inspired-home .fp-controlArrow{
	z-index: -1;
	visibility: hidden;
}
.fp-viewing-be-inspired-home .fp-controlArrow, .fp-viewing-be-inspired-menu-desk-monitor-arms .fp-controlArrow{
	display: none;
}
.fp-viewing-be-inspired-menu-desk-monitor-arms .hamburger-next{
	display: none !important;
	visibility: hidden;
	z-index: -1;
	position: relative;
}
.fp-viewing-be-inspired-menu-desk-monitor-arms .fp-next{
	z-index: 9999;
}
.hamburger-next, .fp-viewing-be-inspired-home .hamburger-next{
	display: none !important;
}
.fp-viewing-be-inspired-home .show-hamburger{
	display: block !important;
}

/* ARROWS */
.fp-tooltip{
	display: none !important;
}
.fp-prev-active svg polyline,
.fp-next-blink svg polyline,
.fp-next-blink1 svg polyline,
.fp-next-active svg polyline{
    stroke-width: 6;
    stroke: #ffa343 !important;
}
body #fullpage #section1 .fp-slidesNav{
	display: block !important;
}
.fp-controlArrow, #fp-nav, .fp-slidesNav{
	z-index: 999999 !important;
}
.fp-controlArrow polyline{
	stroke: #ffa343 !important;
}
.fp-prev:hover polyline, .fp-next:hover polyline{
	stroke: #ffa343 !important;
}
body #section1 .fp-slidesNav.bottom, body #section3 .fp-slidesNav.bottom{
	display: block !important;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span{
	height: 4px;
}
body .fp-controlArrow.fp-next{
	right: 22px;
}
body .fp-controlArrow.fp-prev{
	left: 22px;
}
.arrow-show{
	display: block !important;
}

/* DOTS */
.nleft, .nright{
	position: absolute;
	display: none;
    content: '';
    top: 5px;
    z-index: 9999999;
    width: 4px;
    height: 4px;
    background: #ffa343;
    border-radius: 50%;	
}
	.nl-active, .nr-active, .nleft:hover, .nright:hover{
		width: 7px;
		height: 7px;
		background: #ffd573;
	}
	.nl-active, .nleft:hover{
		top: 3px;
	}
	.nr-active, .nright:hover{
		top: 3px;
	}
a.active .nleft, a.active .nright{
	display: block;
}
	.nleft{
		left: -13px;
	}
	.nright{
		right: -13px;
	}
.nleft, .nright{
	display: none !important;
}
#fp-nav.right ul li:nth-child(2) span{
	background: #8dbada !important;
	/*transition: none !important;
	-webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;*/
   	height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
}
/*#fp-nav.right ul li:nth-child(2) span:before{
    height: 6px;
    width: 6px;
    margin: -4px 0 0 -4px;
    border-radius: 100%;
    border: 6px solid rgba(141, 186, 218, 0.5);
    content: '';
    display: block;
}
#fp-nav.right ul li:nth-child(2) span:after{
	background: #8dbada !important;
    height: 4px;
    width: 4px;
    margin: -8px 0;
    content: '';
    display: block;
}
.fp-viewing-be-inspired-home #fp-nav.right span:before,
.fp-viewing-be-inspired-menu-desk-monitor-arms #fp-nav span:after,
#fp-nav.right ul li a.active span:before,
#fp-nav.right ul li a.active span:after,
#fp-nav.right ul li:hover span:before,
#fp-nav.right ul li:hover span:after{
	display: none;
}*/

/* SLIDE 2.1 */
#section2 {
    background-color: rgba(0, 0, 0, 0.9) !important;
}
#section2 .top-div span {
    color: #fff;
}
.top-div{
	text-align: center;
}
.top-div:hover{
	cursor: pointer;
}
	.top-div img{
		height: 18vw;
		width: auto;
		max-height: 125px;
	}
.top-div{
	max-width: 67%;
    margin: 0 auto;
}
.top-div img{
	vertical-align: baseline;
    max-height: 40px;
	margin-left: 15px;			
}
.top-div img{
	vertical-align: text-bottom;
}
.bottom-div{
	position: fixed;
    bottom: 0;
    left: 50%;
	transform: translateX(-50%);
	font-size: 16px;
	z-index: 9999;
	display: none;
	cursor: pointer;
	transition: opacity 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
}
.header-div{
	position: fixed;
	top: 0;
    left: 50%;
	transform: translateX(-50%);
	font-size: 16px;
	z-index: 9999;
	display: none;
	cursor: pointer;
	transition: opacity 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
}
	.bottom-show, .header-show{
		display: block;
	}
	hr{
		background-color: #ffa343;
	    border: 0;
	    width: 2px;
	    height: 45px;
	    margin: 0;
    	margin-left: calc(50% - 2px);
    	margin: 0 auto;
    	margin-top: 20px;
	    animation-name: slideInBar;
	    animation-delay: 0ms;
	    animation-duration: 1s;
	    animation-fill-mode: forwards;
	    animation-timing-function: cubic-bezier(0.37, -0.01, 0, 1.01);
	}
	.header-div hr{
		margin-top: 0;
		margin-bottom: 20px;
	}
	.bd-text, .hd-text{
		animation-name: textFadeIn;
	    animation-delay: 850ms;
	    animation-duration: 1s;
	    animation-fill-mode: forwards;
	    opacity: 0;
	    pointer-events: auto;
	    transition: color 0.2s,opacity 1s;
	}
	@keyframes slideInBar {
	    0% {
	        height: 0
	    }

	    100% {
	        height: 45px
	    }
	}

	@keyframes textFadeIn {
	    0% {
	        opacity: 0
	    }

	    100% {
	        opacity: 1
	    }
	}
	.hr-hide{
		background-color: transparent;
	}
	.bottom-div p, .header-div p{
		display: none;
	}
	.bottom-div, .bottom-div span, .header-div, .header-div span{
		color: #ffa343;
		font-weight: 700;
	}
	.hide-header hr, .hide-bottom hr{
	background-color: #ffa343;
    border: 0;
    width: 2px;
    height: 45px;
    margin: 0;
	margin-left: calc(50% - 2px);
	margin: 0 auto;
	margin-top: 20px;
    animation-name: slideOutBar;
    animation-delay: 850ms;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(0.37, -0.01, 0, 1.01);
}
.hide-header hr{
	margin-top: 0;
	margin-bottom: 20px;
}
.hide-header .hd-text, .hide-bottom .bd-text{
	animation-name: textFadeOut;
    animation-delay: 0s;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    opacity: 1;
    pointer-events: auto;
    transition: color 0.2s,opacity 1s;
}
@keyframes slideOutBar {
    0% {
        height: 45px;
    }

    100% {
        height: 0
    }
}

@keyframes textFadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
.hide-def{
	display: none !important;
}

/* SLIDE 2.2 */
.fp-viewing-be-inspired-menu-desk-monitor-arms .header-div,
.fp-viewing-be-inspired-menu-desk-monitor-arms .bottom-div{
	display: none;
}
#be-2 {
    background: #fafafa;
}
.menu-content{
    margin: 0 9%;
    display: block;
    background: #fafafa;	
    overflow: hidden;	
    padding: 10px;
}
.menu-wrapper{
	display: inline-block;
	width: 100%;
}
.menu-half{
	width: 49%;
	float: left;
	margin-right: 1%;
}
	.menu-half-last{
		margin-left: 1%;
		margin-right: 0;
	}
.menu-twothird{
    width: 67%;
    float: left;
}
.menu-third{
	width: 33%;
	float: left;
}
.menu-fourth{
	width: 25%;
	float: left;
}
#be-2{
	background: #fafafa;
}
#be-2 h3{
	text-align: left;
}
.fp-viewing-be-inspired-menu-desk-monitor-arms .hover-open, .fp-viewing-be-inspired-menu-desk-monitor-arms .hover-open-footer{
	display: none !important;
}
.menu-btn{
	text-decoration: none;
    padding: 2px 10px;
    border-radius: 4px;
    background: #fff;
    display: block;
    cursor: pointer;
    color: rgba(0,0,0,0.8) !important;
    position: relative;
}
	.menu-twothird .menu-btn, body .menu-left .menu-btn{
		border-radius: 4px 0 0 4px;
		margin-right: 5px;
	}
	.menu-third .menu-btn, .menu-right .menu-btn{
		border-radius: 0 4px 4px 0;
		-webkit-transition: -webkit-transform .5s ease-in-out;
    	-o-transition: -o-transform .5s ease-in-out;
    	transition: transform .5s ease-in-out;
    	color: #c7740c !important;
	}
	.menu-twothird span:hover, .menu-half span:hover, body .menu-left .menu-btn:hover{
		background: #e0e0e0;
	}
	.menu-third span:hover, .menu-right .menu-btn:hover{
		-webkit-transform: scale(.95);
    	-ms-transform: scale(.95);
    	transform: scale(.95);
        background: #ffd573;
        color: #fff !important;
	}
.mdw-1 .menu-btn, .mdw-2 .menu-left .menu-btn, .menu-threefourth .menu-left .menu-btn{
	text-decoration: none;
    padding: 2px 10px;
    border-radius: 4px;
    background: #fff;
    display: block;
    cursor: pointer;
    color: rgba(0,0,0,0.8) !important;
    position: relative;
    transform: inherit;
    transition: inherit;
}
	 .mdw-2 .menu-left .menu-btn,  .mdw-3 .menu-left .menu-btn, .mdw-4 .menu-left .menu-btn{
	 	border-radius: 4px 0 0 4px;
	 }
	body .mdw-1 .menu-btn:hover, .mdw-2 .menu-left .menu-btn:hover{
		background: #e0e0e0;
		color: rgba(0,0,0,0.8) !important;
	    transform: inherit;
	    transition: inherit;
	}
.menu-float{
	display: block;
}	
	.menu-float:after{
		clear: both;
		content: '';
		display: table;
	}
.menu-left{
	float: left;
	width: 30%;
}
	.menu-left .menu-btn{
		margin-right: 5px;
		height: calc(100% - 2px);
	}
.menu-right{
	float: left;
	width: 70%;
}
	.menu-right .menu-btn{
		margin-bottom: 2px;
	}
.menu-float br{
	display: none;
}
	.menu-fourth-last p{
		opacity: 1;
	}
	.menu-fourth-last span{
		color: #fff !important;
		background: transparent;
	}
	.menu-fourth-last span:hover{
		color: #fff !important
	}
	.disabled-links{
		cursor: not-allowed;
	}

	body #fullpage .disabled-links:hover{
		cursor: not-allowed;
		color: #fff !important;
	}
	body #fullpage .menu-fourth-last .disabled-links:hover{
		color: #d1d1d1 !important;
	}	
#be-2 .scrolldiv .topbar, #be-2 .scrolldiv .bottombar, .fp-viewing-be-inspired-menu-desk-monitor-arms .corner-div{
	display: block !important;
}
	.fp-viewing-be-inspired-menu-desk-monitor-arms .topbar, .fp-viewing-be-inspired-menu-desk-monitor-arms .bottombar, 
	.fp-viewing-be-inspired-menu-desk-monitor-arms .top-scrollbar, .fp-viewing-be-inspired-menu-desk-monitor-arms .bottom-scrollbar{
		background: #fafafa !important;
	}
	.fp-viewing-be-inspired-menu-desk-monitor-arms .top-scrollbar, .fp-viewing-be-inspired-menu-desk-monitor-arms .bottom-scrollbar{
		display: block !important; 
	}
.fp-viewing-be-inspired-home .topbar, .fp-viewing-be-inspired-home .bottombar, .fp-viewing-be-inspired-home .top-scrollbar, .fp-viewing-be-inspired-home .bottom-scrollbar{
	background: #191919 !important;
	display: none !important;
}
.menu-left .menu-btn{
	display:flex !important;
    align-items: center;
    flex-basis: auto;
}
#section2 .top-scrollbar, #section2 .bottom-scrollbar{
	position: fixed;
}
.menu-right{
	display: inline-block;
}
.ml5 .menu-left{
	display: block;
}

/* QUICK MENU */
.overlay-head, .overlay-footer{
	position: fixed;
	width: 100%;
	background: rgba(224, 224, 224, 1);
	display: none;
	z-index: 9999999;
}
.overlay-footer{
	bottom: 0;
}
.disable-link{
	cursor: not-allowed;
}
#qm-12, #qm-38, .qm-3, .qm-4, .qm-5, .qm-6, .qm-7, .qm-8, #qm-22{
	display: none !important;
}
#qm-12.active, #qm-38.active, .qm-3.active, .qm-4.active, .qm-5.active, .qm-6.active, .qm-7.active, .qm-8.active , .fp-viewing-be-inspired-menu-desk-monitor-arms #qm-22{
	display: block !important;
}
.fp-viewing-be-inspired-menu-desk-monitor-arms #qm-22{
	width: 100%;
}
.fp-viewing-be-inspired-menu-desk-monitor-arms #qm-12, .fp-viewing-be-inspired-menu-desk-monitor-arms #qm-12.active,
.fp-viewing-be-inspired-menu-desk-monitor-arms #qm-38, .fp-viewing-be-inspired-menu-desk-monitor-arms #qm-38.active{
	display: none !important;
}
.overlay-hidden{
	display: none !important;
}
.overlay-display, .overlay-display-btn, .overlay-footer-display, .overlay-display-footer-btn, .oh-menu{
display: inline-block;
z-index: 99987999;
animation-name: slideInTop;
animation-delay: 0ms;
animation-duration: 250ms;
animation-fill-mode: forwards;
animation-timing-function: ease;
}
.fp-viewing-intro-desk-monitor-arms .overlay-footer-display,
.fp-viewing-intro-wall-monitor-arms .overlay-footer-display,
.fp-viewing-intro-sit-stand-desks-and-retrofits .overlay-footer-display,
.fp-viewing-intro-Need-series .overlay-footer-display,
.fp-viewing-intro-Demand-series .overlay-footer-display,
.fp-viewing-intro-Adapt-series .overlay-footer-display{
	display: none !important;
}
@keyframes slideInTop {
	0%{
		height: 0
	}
	100%{
		height: 90px;
	}
}
.overlay-menu{
padding: 0 50px;
}
.third{
	float: left;
	width: 31%;
	padding: 10px 0;

}
.overlay-display .third, .overlay-display-btn .third, .overlay-12 .third, .oh-menu .third{
	animation-name: slideInTopThree;
    animation-delay: 0ms;
    animation-duration: 250ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
}
body[class*="fp-viewing-intro-"] .overlay-display-btn{
/*CSS transitions*/
-o-transition-property: none !important;
-moz-transition-property: none !important;
-ms-transition-property: none !important;
-webkit-transition-property: none !important;
transition-property: none !important;
/*CSS transforms*/
-o-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
/*CSS animations*/
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
}
@keyframes slideInTopThree{
	from{
		margin-top: -90px;
	}
	to{
		margin-top: 0px;
	}
}
.overlay-footer-display .third, .overlay-footer-display-btn .third, .overlay-footer-12 .third{
	animation-name: slideInFooterThree;
    animation-delay: 0ms;
    animation-duration: 250ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease;		
}
@keyframes slideInFooterThree{
	from{
		margin-bottom: -90px;
	}
	to{
		margin-bottom: 0px;
	}
}
.third-second{
	margin-left: 3.5%;
	margin-right: 3.5%;
}
	.third-second img{
		max-height: 16vh;
		width: auto;
		margin-bottom: 0;
	}
	.third a{
		display: block;
	}
	/* Desk monitor arms */
	.overlay-menu #menu-item-1, #qm-38 a, .overlay-footer .of-second{
		background: #2d5d79;
	}
	/* Wall monitor mounts */
	.overlay-menu #menu-item-2{
		background: #2d5d79;
	}
	/* Sit/stand desks and retrofits */
	.overlay-menu #menu-item-3{
		background: #2d5d79;
	}
	/* 1-3 */
	.overlay-menu #menu-item-1:hover, .overlay-menu #menu-item-2:hover, .overlay-menu #menu-item-3:hover,
	.overlay-menu #menu-item-1.slide-active, .overlay-menu #menu-item-2.slide-active, .overlay-menu #menu-item-3.slide-active,
	#qm-38 a:hover, .overlay-footer .of-second:hover{
		background: #ffa343 !important;
	    -moz-transition: all .2s ease-in;
	    -o-transition: all .2s ease-in;
	    -webkit-transition: all .2s ease-in;
	    transition: all .2s ease-in;		
	}
		.fp-viewing-be-inspired-home .third #menu-item-1, .fp-viewing-be-inspired-home .third #menu-item-2, .fp-viewing-be-inspired-home .third #menu-item-3,
		.fp-viewing-be-inspired-menu-desk-monitor-arms .third #menu-item-1, .fp-viewing-be-inspired-menu-desk-monitor-arms .third #menu-item-2, 
		.fp-viewing-be-inspired-menu-desk-monitor-arms .third #menu-item-3{
			background: #2d5d79 !important;
		}
		.fp-viewing-be-inspired-home .overlay-menu #menu-item-1.slide-active, 
		.fp-viewing-be-inspired-home .overlay-menu #menu-item-2.slide-active, 
		.fp-viewing-be-inspired-home .overlay-menu #menu-item-3.slide-active{
			background: #ffa343 !important;
		}		
		.fp-viewing-be-inspired-home .third #menu-item-1:hover, .fp-viewing-be-inspired-home .third #menu-item-2:hover, .fp-viewing-be-inspired-home .third #menu-item-3:hover,
		.fp-viewing-be-inspired-menu-desk-monitor-arms .third #menu-item-1:hover, .fp-viewing-be-inspired-menu-desk-monitor-arms .third #menu-item-2:hover, 
		.fp-viewing-be-inspired-menu-desk-monitor-arms .third #menu-item-3:hover/*,
		.fp-viewing-be-inspired-menu-desk-monitor-arms .third #menu-item-1*/{
			background: #ffa343 !important;
		}
		.fp-viewing-be-inspired-home .third #menu-item-4, .fp-viewing-be-inspired-home .third #menu-item-5, .fp-viewing-be-inspired-home .third #menu-item-6,
		.fp-viewing-be-inspired-menu-desk-monitor-arms .third #menu-item-4, .fp-viewing-be-inspired-menu-desk-monitor-arms .third #menu-item-5, 
		.fp-viewing-be-inspired-menu-desk-monitor-arms .third #menu-item-6{
			background: #5d8aa8 !important;
		}
		.fp-viewing-be-inspired-home .third #menu-item-4:hover, .fp-viewing-be-inspired-home .third #menu-item-5:hover, .fp-viewing-be-inspired-home .third #menu-item-6:hover,
		.fp-viewing-be-inspired-menu-desk-monitor-arms .third #menu-item-4:hover, .fp-viewing-be-inspired-menu-desk-monitor-arms .third #menu-item-5:hover, 
		.fp-viewing-be-inspired-menu-desk-monitor-arms .third #menu-item-6:hover{
			background: #ffd573 !important;
		}			

	body .disable-link:hover, body .overlay-menu .half-width .disable-link:hover, #qm-38 .disable-link:hover, body .overlay-menu #qm-22 .disable-link:hover{
		background: #d1d1d1 !important;
	}
	.overlay-menu #menu-item-1, .overlay-menu #menu-item-2, .overlay-menu #menu-item-3{
		font-size: 16px;
	} 
	/* Need series */
	.overlay-menu #menu-item-4, .overlay-footer a{
		background: #5d8aa8;
	}
	/* Demand series */
	.overlay-menu #menu-item-5{
		background: #5d8aa8;		
	}
	/* Adapt series */
	.overlay-menu #menu-item-6{
		background: #5d8aa8;		
	}
	/* 4-6 */
	.overlay-menu #menu-item-4:hover, .overlay-menu #menu-item-5:hover, .overlay-menu #menu-item-6:hover,
	.overlay-menu #menu-item-4.slide-active, .overlay-menu #menu-item-5.slide-active, .overlay-menu #menu-item-6.slide-active,
	body #qm-38 .of-second:hover, .overlay-footer a:hover{
		background: #ffd573 !important;
	    -moz-transition: all .2s ease-in;
	    -o-transition: all .2s ease-in;
	    -webkit-transition: all .2s ease-in;
	    transition: all .2s ease-in;			
	}
	/* 3 second */
	.overlay-menu .qm-3 .of-second, .overlay-menu .qm-4 .of-second, .overlay-menu .qm-5 .of-second, .overlay-menu .qm-7 .of-second, .overlay-menu .qm-8 .of-second{
		background: #2d5d79 !important;
	}
	body #qm-38 .qm-3 .of-second:hover, body #qm-38 .qm-4 .of-second:hover, body #qm-38 .qm-5 .of-second:hover, body #qm-38 .qm-7 .of-second:hover,
	body #qm-38 .qm-8 .of-second:hover{
		background: #ffa343 !important;
	}
	body #qm-38 .half-width a{
		background: #5d8aa8 !important;
	}
	body #qm-38 .half-width a:hover{
		background: #ffd573 !important;
	}
	body #qm-38 .half-width .disable-link:hover{
		background: #d1d1d1 !important;
	}

		.overlay-menu a{
			border-radius: 4px;
			padding: 3px 0;
			text-align: center;
			color: #fff !important;
			text-decoration: none;
			font-size: 14px;
		}
		.overlay-menu div{
			display: inline-block;
		}
			.overlay-menu a span{
				font-size: 14px;
				color: #fff;
			}
			.overlay-menu #menu-item-4 span, .overlay-menu #menu-item-5 span, .overlay-menu #menu-item-6 span{
				font-size: inherit;
			}
		.overlay-menu #menu-item-4, .overlay-menu #menu-item-5, .overlay-menu #menu-item-6{
			margin: 5px 0;
		}
		.of-second{
			margin: 5px 0 0 0;
		}
.qm-top.active, .qm-7-top{
	margin-top: -5px !important;
}
.msmall{
	font-size: inherit !important;
}
.overlay-footer .third-second, .third-second .half-width{
	margin-top: 0;
}
.overlay-footer .third-second a, .third-second .half-width a{
	margin-top: 5px;
}			
.tbr-small{
	border-top: 5vw solid #E9EAE8;
    border-left: 5vw solid #E9EAE8;
    border-right: 5vw solid #E9EAE8;
    border-bottom: 5vw solid #E9EAE8;
    transition: border 250ms ease;
}
	.tbr-small p{
		padding: 0 1vw !important;
	}	
.hover-open, .hover-open-footer{
	position: fixed;
	width: 100%;
	height: 90px;
	z-index: 999999999;
	z-index: 9999;
}
.hover-open-footer{
	bottom: 0;
}
.hover-hide{
	display: none;
	z-index: -1;
}
.overlay-12, .overlay-footer-12{
	display: inline-block !important;
	z-index: 9999999;
	animation-name: slideInTops;
    animation-delay: 0ms;
    animation-duration: 250ms;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
}
	@keyframes slideInTops{
	0%{
		height: 0
	}
	100%{
		height: 90px;
	}
}
.overlay-display-btn, .overlay-footer-display-btn{
	display: block !important;
}
.half-width{
	float: left;
    width: 48%;
    margin-top: 5px;
}
	#qm-38 .half-width{
		margin-top: 0;
	}
.half-width-last{
	margin-left: 4%
}
.half-width:after{
	clear: both;
}
.of-second{
	display: inline-block !important;
	width: 100%;
}
.fp-viewing-intro-Spinal-Joy .hover-open-footer, .fp-viewing-intro-Spinal-Joy-lets-your-next-position-be-upright .hover-open-footer,
.fp-viewing-intro-Spinal-Joy-believes-in-sustainability-for-everyone .hover-open-footer,
.fp-viewing-intro-Spinal-Joy-products .hover-open-footer, .fp-viewing-intro-Spinal-Joy-series .hover-open-footer,
.fp-viewing-intro-desk-monitor-arms .hover-open-footer, .fp-viewing-intro-wall-monitor-arms .hover-open-footer, 
.fp-viewing-intro-sit-stand-desks-and-retrofits .hover-open-footer, .fp-viewing-intro-Need-series .hover-open-footer,
.fp-viewing-intro-Demand-series .hover-open-footer, .fp-viewing-intro-Adapt-series .hover-open-footer{
	display: none !important;
}
body[class*="fp-viewing-desk-monitor-arms-desk-"] .hover-open{
	display: none;
}
body[class*="fp-viewing-be-inspired-menu"] .overlay-footer,
body[class*="fp-viewing-portfolio-"] .overlay-footer{
	display: none !important;
}
.spinal-link:hover, .portfolio-link:hover, .tech-link:hover, .sust-link:hover, .circ-link:hover, .vig-btm:hover {
    cursor: pointer;
}

/* HR */
#section4 hr, #section3 hr, #section5 hr{
    border: 0;
    border-bottom: 1px solid;
    display: block;
    height: 0;
    margin: -30px 0 30px 0;
    opacity: 0.8;
    width: 21.05263%;
    color: #fff;
    background: none;	
}
#section5 hr{
	color: #000;
}

/* SECTION / SLIDES PADDING */
.section .top-padding {
    padding-top: 16vh !important;
}
.section .bottom-padding {
    padding-bottom: 16vh !important;
}
#section1 h1, #section1 h2, #section1 h3, #section1 h4, #section1 h5, #section1 h6,
#section7 h1, #section7 h2, #section7 h3, #section7 h4, #section7 h5, #section7 h6,
#section6 h1, #section6 h2, #section6 h3, #section6 h4, #section6 h5, #section6 h6,
#section8 h1, #section8 h2, #section8 h3, #section8 h4, #section8 h5, #section8 h6, 
#section4 .container, #section3 .container, #section5 .container{
	margin: 0 9%;
}
h1, #section7 h3.blue, #section7 h3.blue span, #section8 h3.blue, #section8 h3.blue span, #section6 h3.blue, #section6 h3.blue span{
	color: #8dbada !important;
	font-weight: 700 !important;
}
h1 span, h2 span, h1 span, h2 span{
	color: #000 !important;
}
#section7 h2, #section8 h2, #section6 h2, #section5 h2{
	color: #8dbada !important;
	font-weight: 700;
}
#section1 h1, #section7 h2, #section8 h2, #section6 h2, #section5 h2{
	padding-bottom: 4vh !important;
}
#section7 h4, #section8 h4, #section6 h2, #section5 h4{
	margin-top: 4vh !important;
}

/* SCROLLBAR */
body .iScrollIndicator{
	background: #ffa343 !important;
}
.scrollbar-active .footer-container, .scrollbar-active .fp-slidesNav.bottom{
	display: none;
}
.scrollbar-active .footer-container, .scrollbar-active .fp-slidesNav.bottom,
#scrollbarfooter{
	display: none;
}
.scrollbar-active #scrollbarfooter{
	display: block;
	position: absolute;
    bottom: 0;
    width: calc(100vw - 8px);
    background: rgb(250,250,250);
	background: linear-gradient(180deg, rgba(245,245,245,0.2) 0%, rgba(245,245,245,0.2) 5%,rgba(245,245,245,0.4) 25%,rgba(245,245,245,0.8) 50%,rgba(245,245,245,0.95) 75%,rgba(245,245,245,1) 100%);
    height: 50px;
    z-index: 9999;
}
body[class*="fp-viewing-portfolio-"] #scrollbarfooter, body[class*="fp-viewing-technology-"] #scrollbarfooter, body.fp-viewing-be-inspired-home #scrollbarfooter{
	display: none !important;
}

/* SECTION 3,4,5,7,8 */
#section4, #section3, #section9{
	background-color: #171717 !important;
	background-color: rgba(0, 0, 0, 0.9) !important;
}
#section1, #section4, #section7, #section8, #section3, #section5, #section6, #section9, #section10{
	padding-left:50px !important;
	padding-right:50px !important;
}
body #section4, body #section3, body #fullpage .section{
	padding: 0 !important;
}
body #fullpage .section-padding{
	padding-top: 50px !important;
	padding-bottom: 50px !important;
	padding-left: 50px !important;
	padding-right: 50px !important;
	padding: 0;
}
body #fullpage #section5.section-padding{
	padding: 0 !important;
}
#section5 .fp-tableCell{
    max-width: 100vw;
}
	#section5 #slide-img48 .fp-tableCell{
		display: table-cell !important;
		width: 100% !important;
	}
	#section5 #slide-img48 .fp-tableCell h1{
		margin: 0 9%;
	}
	#section5 .fp-slidesNav{
		display: none !important;
	}
	.section-padding .landscape-text, .section-padding .portrait-text{
		padding: 0 !important;
	}
	#section5 .scroll-div, #section6 .fp-scrollable, #section7 .fp-scrollable, #section8 .fp-scrollable{
		position: relative;
	}
	#section5{
		background-color: rgb(244, 244, 244) !important;
	}
#section1 h1, #section1 h2, #section1 h3, #section1 h4, #section1 h5, #section1 h6,
#section7 h1, #section7 h2, #section7 h3, #section7 h4, #section7 h5, #section7 h6,
#section6 h1, #section6 h2, #section6 h3, #section6 h4, #section6 h5, #section6 h6,
#section8 h1, #section8 h2, #section8 h3, #section8 h4, #section8 h5, #section8 h6, 
#section4 .container, #section3 .container, #section5 .container{
	margin: 0 9%;
}
#section2 h1, #section2 h2, #section2 h3{
	text-align: center;
}	
#section4 .container, #section3 .container, #section5 .container{
		text-align: center;
	}
	.landscape-image, .portrait-image{
		padding: 0 !important;
		margin: 0  auto !important;
		max-height: 72vh;
	}
	.landscape-text, .portrait-text{
	    color: #fff;
	}
	#section4 .landscape-text, #section4 .portrait-text, 
	#section3 .landscape-text, #section3 .portrait-text, 
	#section5 .landscape-text, #section5 .portrait-text{
		color: #fff !important;    
	    margin-left: 9%;
	    margin-right: 9%;
    	word-wrap: normal;
	}
	#section5 .landscape-text, #section5 .portrait-text{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.landscape-text h1, .portrait-text h1{
		color: rgba(0,0,0,0.8) !important;  
	}
body #section4 .slide h1, body #section4 .slide h1 span, body #section4 .slide h3,
body #section3 .slide h1, body #section3 .slide h1 span, body #section3 .slide h3{
	color: #8dbada !important;
}
body #section5 .slide h1, body #section5 .slide h1 span, body #section5 .slide h2, body #section5 .slide h3{
	color: rgba(0, 0, 0, 0.8) !important;
}
	#slide-img36 .landscape-text, #slide-img36 .portrait-text{
		max-width: 100% !important;
	}
	#slide-img36 .landscape-text h2 span, #slide-img36 .portrait-text h2 span{
		color: #fff !important;
	}
#section4 #slide-img1 .text-block{
	background-color: rgba(141, 186, 218, 0.8);
    display: inline-block;
	padding: 15px;
    border-radius: 10px;
}
.bullet{
    position: relative;
    padding-left: 20px;
}
.bullet:before{
    content: '•';
    position: absolute;
    left: 0;
}
#section5 #slide-img4 span, #section5 #slide-img5 span, #section5 #slide-img7 span, #section5 #slide-img8 span, #section5 #slide-img10 span{
	color: #8dbada;
}
#section5 h4, #section8 h4{
	color: #8dbada !important;
}
#section5 p{
	opacity: 1;
}
#section5 #slide-img11 .img-block, #section5 #slide-img12 .img-block, #section5 #slide-img13 .img-block, #section5 .img-block{
	background-color: rgba(141, 186, 218, 0.8);
	display: inline-block;
	padding: 10px;
    border-radius: 10px;
}
.spec-btn{
	text-decoration: none;
    padding: 15px 34px 0px 33px;
    border-radius: 4px;
    background: rgba(238, 238, 238, 0.9);
    display: inline-block;
    margin-top: 20px;
    cursor: pointer;
    color: rgba(0,0,0,0.8) !important;
    position: relative;
}
	#section5 .spec-btn{
		margin-bottom: 10px;
		padding: 10px 15px;
	}
	#section6 p .spec-btn{
		padding: 29px 34px 4px 33px;
	}	
.spec-btn:hover{
	background: #e0e0e0;
}
.spec-btn polyline{
	stroke: #c7740c !important;	
	stroke-width: 2;
}
.spec-btn:before, .details-link:before{
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border: 2px solid #e0e0e0;	
    border-radius: 4px;
}
.spec-btn:after, .details-link:after{
	content: " ";
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    border: 1px solid #eee;	
    border-radius: 4px;
}
.details-link{
    color: rgba(0,0,0,0.8) !important;
    background: #eee;
    cursor: pointer !important;
    padding: 0 5px;	    
    display: inline-block !important;
    margin-bottom: 10px !important;
    border-radius: 4px;
    position: relative;
}
.details-link:hover{
	background: #e0e0e0;
}
/* Transition 2.2 > 1 & 1 > 2.2 */
body[class*="fp-viewing-intro-"].bar122 .overlay-head, 
body[class*="fp-viewing-be-inspired-menu-desk-monitor-"].bar122 .overlay-head,
.bar122 .overlay-head{
	display: inline-block !important;
	animation: none !important;
}
.bar122 #qm-12 .third,
.bar122 #qm-22 .third,
.bar122 #qm-38 .third{
	animation: none !important;
}

/* SPECS */
.accordion{
	/*width:500px;*/ 
	margin: 0 auto;
}
.accordion-toggle {
	border-top: 1px solid #e0e0e0;
	cursor: pointer;
	margin: 0;
	padding: 10px 55px 10px 0;
	position: relative;
	display: flex;
}
.accordion-toggle.active:after{
    content: "\02c6";
    content: url(/wp-content/themes/spinal/caret-down.svg);    
    position: absolute;
    right: 15px;
    -webkit-transform: rotate(90deg) scaleX(-1);
    transform: rotate(90deg) scaleX(-1);
    width: auto;
    height: auto;
    color: #cd904a;
}
.accordion-toggle:before{
    content: "\02c6";
    content: url(/wp-content/themes/spinal/caret-down.svg);
    position: absolute;
    right: 15px;
    transform: rotate(90deg);
    width: auto;
    height: auto;
    color: #cd904a;
}
.accordion-toggle.active:before{
	display:none;
}
.accordion-content {
	display: none;
}
.accordion-toggle.active{
	color: #c7740c;
}
.accordion-content p{
	padding-left: 50px;
	opacity: 1;
	display: flex;
	padding-right: 10px;
	margin-bottom: 0;
}
	.accordion-content .third-second{
		padding-left: 100px;
	}
.accordion .active, .accordion .opened{
    background: #2d5d79;
    color: #fff !important;	
}
.accordion #cross.opened{
	background: #c7740c;
    color: #fff !important;	
}
.accordion #cross.opened span:before{
	color: #fff !important;
}
#cross.active{
	background: #c7740c;
}

#section6 h4 h4{
	margin: 0 !important;
}
	#section6 .fp-tableCell{
		height: auto !important;
	}
.spec-btn{
	text-decoration: none;
    padding: 15px 34px 0px 33px;
    border-radius: 4px;
    background: rgba(238, 238, 238, 0.9);
    display: inline-block;
    margin-top: 20px;
    cursor: pointer;
    color: rgba(0,0,0,0.8) !important;
    position: relative;
}
	#section5 .spec-btn{
		margin-bottom: 10px;
		padding: 10px 15px;
	}
	#section6 p .spec-btn{
		padding: 29px 34px 4px 33px;
	}	
.spec-btn:hover{
	background: #e0e0e0;
}
.spec-btn polyline{
	stroke: #c7740c !important;	
	stroke-width: 2;
}
.spec-btn:before, .details-link:before{
    content: " ";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    border: 2px solid #e0e0e0;	
    border-radius: 4px;
}
.spec-btn:after, .details-link:after{
	content: " ";
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    border: 1px solid #eee;	
    border-radius: 4px;
}

.ff-bg{
	top: 0;
    bottom: 0;
    width: 100%;
    position: absolute;
    z-index: -1;
    background-size: cover;
}
.check, .cross{
	position: relative;	
	padding-right: 10px;
}
.check, .cross{
	width: 50px;
	min-width: 50px;
	display: inline-block;
}
.accordion .check:before{
	content: 'L';
	color: #2d5d79;
    display: inline-block;
    -moz-transform: scale(-1, 1) rotate(320deg);
    -webkit-transform: scale(-1, 1) rotate(320deg);
    -o-transform: scale(-1, 1) rotate(320deg);
    -ms-transform: scale(-1, 1) rotate(320deg);
    transform: scale(-1, 1) rotate(320deg);
    padding-right: 5px;
}
	.accordion .active .check:before, .accordion .active .cross:before, .accordion .opened .check:before, .accordion .opened .check:before{
		color: #fff;
	}
	.accordion .accordion-content .check:before{
		color: #5d8aa8;
		color: #000;
	}
	.accordion .check-indent{
		margin-left: 50px;
	}
	.accordion .accordion-content .check-indent:before{
		color: #8dbada;
		color: #000;
	}
.accordion .cross:before{
	content: '\00D7';
	color: #c7740c;
}
	.accordion .accordion-content .cross:before{
		color: #ffa343;
		color: #000;
	}	
	.accordion .cross-indent{
		margin-left: 50px;		
	}
	.accordion .accordion-content .cross-indent:before{
		color: #ffd573;
		color: #000;
	}
.second-check{
	background: #5d8aa8;
}            
	.third-check{
		background: #8dbada;
	}
.second-cross{
	background: #ffa343;
}
	.third-cross{
		background: #ffd573;
	}	
.spec-wrapper{
	position: relative;
}		
.left-spec{
}
.right-spec{
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
}
.spec-wrapper .spec-btn{
	margin: 0;
}
#section6 h1{
	margin-bottom: 30px;
}
#section6 .spec-btn{
	display: none;
}
.details-link{
    color: rgba(0,0,0,0.8) !important;
    background: #eee;
    cursor: pointer !important;
    padding: 0 5px;	    
    display: inline-block !important;
    margin-bottom: 10px !important;
    border-radius: 4px;
    position: relative;
}
.details-link:hover{
	background: #e0e0e0;
}
.fp-tableCell p {
    margin: 0;
    padding: 0;
}

/* DMA */
.dma-connect:hover, .dma-stop:hover, .dma-lock:hover, .dma-swing:hover, .dma-smart:hover{
	cursor: pointer;
}

/* FOOTER */
#section9 #footer-info{
	width: 82%;
	height: 70px;
	line-height: 70px;
	margin: 0 auto;
}
#section9 .footer-container, .fp-viewing-contact-us #content #fullpage .footer-container, .fp-viewing-contact-us #fp-nav{
	display: none !important;
}
#section9 h5{
	padding: 10px 0;
}
#section9 a{
	text-decoration: none !important
}
.fp-viewing-contact-us .fp-slidesNav{
	display: none !important;
}

/* MENU LIGHT UP DIRECT */
.fp-viewing-intro-desk-monitor-arms #menu-item-1,
.fp-viewing-intro-wall-monitor-mounts #menu-item-2,
.fp-viewing-intro-sit-stand-desks-and-retrofits #menu-item-3{
	background: #ffa343 !important;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.fp-viewing-intro-Need-series #menu-item-4,
.fp-viewing-intro-Demand-series #menu-item-5,
.fp-viewing-intro-Adapt-series #menu-item-6{
	background: #ffd573 !important;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

/*
MEDIA QUERIES
*/

/* LANDSCAPE / PORTRAIT*/
@media only screen and (orientation: landscape){
	#section4 #slide-img1 .fp-bg, #section5 #slide-img11 .fp-bg{
		background-image: url('https://dev.spinaljoy.com/wp-content/uploads/2018/07/Tech_sConnect_Ls.png');
		background-position: center;
	}
	#section4 #slide-img4 .fp-bg, #section5 #slide-img12 .fp-bg{
		background-image: url('https://dev.spinaljoy.com/wp-content/uploads/2018/07/Tech_sStop_Ls.png');
		background-position: center;
	}
	#section4 #slide-img7 .fp-bg{
		background-image: url('https://dev.spinaljoy.com/wp-content/uploads/2018/07/Tech_sLock_Ls.png');
		background-position: center;
	}	
	#section4 #slide-img9 .fp-bg, #section5 #slide-img13 .fp-bg{
		background-image: url('https://dev.spinaljoy.com/wp-content/uploads/2018/07/Tech_sSwing_Ls.png');
		background-position: center;
	}
	#section5 #slide-img11 .fp-bg{
		background-image: url('https://dev.spinaljoy.com/wp-content/uploads/2018/07/DMA_C2_black_Ls.png');
		background-position: center;
	}
	#section5 #slide-img12 .fp-bg{
		background-image: url('https://dev.spinaljoy.com/wp-content/uploads/2018/07/DMA_C2_SmartBar_black_Ls.png');
		background-position: center;
	}
	#section5 #slide-img13 .fp-bg{
		background-image: url('https://dev.spinaljoy.com/wp-content/uploads/2018/07/DMA_C2_Twin_black_Ls.png');
		background-position: center;
	}	
	#section5 #slide-img16 .fp-bg{
		background-image: url('https://dev.spinaljoy.com/wp-content/uploads/2018/07/DMA_D2_black_Ls.png');
		background-position: center;
	}	
	#section5 #slide-img17 .fp-bg{
		background-image: url('https://dev.spinaljoy.com/wp-content/uploads/2018/07/DMA_D2_SmartBar_black_Ls.png');
		background-position: center;
	}	
	#section5 #slide-img18 .fp-bg{
		background-image: url('https://dev.spinaljoy.com/wp-content/uploads/2018/07/DMA_D2_Twin_black_Ls.png');
		background-position: center;
	}							
	#section3 #portfolio-img1 .fp-bg{
		background-image: url('https://dev.spinaljoy.com/wp-content/uploads/2018/07/Port_Need_C2_Blend_In_Ls.png');
		background-position: center;
		background-color: transparent !important;
	}
	#section3 #portfolio-img2 .fp-bg{
		background-image: url('https://dev.spinaljoy.com/wp-content/uploads/2018/07/Port_Need_SmartBar_A3Dock_Ls.png');
		background-position: center;
		background-color: transparent !important;
	}
	#section3 #portfolio-img3 .fp-bg{
		background-image: url('https://dev.spinaljoy.com/wp-content/uploads/2018/07/Port_Need_Base_Ls.png');
		background-position: center;
		background-color: transparent !important;
	}	
	.landscape-image, .landscape-text{
		display: inline-block;
	}
	#section4 .landscape-text, #section3 .landscape-text{
		display: block;
		max-width: 50%;
	}
	#section3 #portfolio-4 .landscape-text{
		max-width: 100%;
	}
	.portrait-image, .portrait-text{
		display: none;
	}
	body #section4 .fp-slidesNav.bottom, body #section3 .fp-slidesNav.bottom{
		display: block !important;
	}
	#section3 .fp-bg, #section4 .fp-bg{
		background-color: transparent !important;
	}
	#section5 .fp-bg{
		background-color: transparent !important;
	}
}
@media only screen and (orientation: portrait){
	#section4 #slide-img1 .fp-bg, #section5 #slide-img11 .fp-bg{
		background-image: url('https://dev.spinaljoy.com/wp-content/uploads/2018/07/Tech_sConnect_Pt.png');
		background-position: center;
	}
	#section4 #slide-img4 .fp-bg, #section5 #slide-img12 .fp-bg{
		background-image: url('https://dev.spinaljoy.com/wp-content/uploads/2018/07/Tech_sStop_Pt.png');
		background-position: center;
	}
	#section4 #slide-img7 .fp-bg{
		background-image: url('https://dev.spinaljoy.com/wp-content/uploads/2018/07/Tech_sLock_Pt.png');
		background-position: center;
	}	
	#section4 #slide-img9 .fp-bg, #section5 #slide-img13 .fp-bg{
		background-image: url('https://dev.spinaljoy.com/wp-content/uploads/2018/07/Tech_sSwing_Pt.png');
		background-position: center;
	}	
	#section5 #slide-img11 .fp-bg{
		background-image: url('https://dev.spinaljoy.com/wp-content/uploads/2018/07/DMA_C2_black_Pt.png');
		background-position: center;
	}
	#section5 #slide-img12 .fp-bg{
		background-image: url('https://dev.spinaljoy.com/wp-content/uploads/2018/07/DMA_C2_SmartBar_black_Pt.png');
		background-position: center;
	}
	#section5 #slide-img13 .fp-bg{
		background-image: url('https://dev.spinaljoy.com/wp-content/uploads/2018/07/DMA_C2_Twin_black_Pt.png');
		background-position: center;
	}		
	#section5 #slide-img16 .fp-bg{
		background-image: url('https://dev.spinaljoy.com/wp-content/uploads/2018/07/DMA_D2_black_Pt.png');
		background-position: center;
	}	
	#section5 #slide-img17 .fp-bg{
		background-image: url('https://dev.spinaljoy.com/wp-content/uploads/2018/07/DMA_D2_SmartBar_black_Pt.png');
		background-position: center;
	}	
	#section5 #slide-img18 .fp-bg{
		background-image: url('https://dev.spinaljoy.com/wp-content/uploads/2018/07/DMA_D2_Twin_black_Pt.png');
		background-position: center;
	}
	#section3 #portfolio-img1 .fp-bg{
		background-image: url('https://dev.spinaljoy.com/wp-content/uploads/2018/07/Port_Need_C2_Blend_In_Pt.png');
		background-position: center;
	}
	#section3 #portfolio-img2 .fp-bg{
		background-image: url('https://dev.spinaljoy.com/wp-content/uploads/2018/07/Port_Need_SmartBar_A3Dock_Pt.png');
		background-position: center;
	}	
	#section3 #portfolio-img3 .fp-bg{
		background-image: url('https://dev.spinaljoy.com/wp-content/uploads/2018/07/Port_Need_Base_Pt.png');
		background-position: center;
	}	
	.portrait-image, .portrait-text{
		display: inline-block;
	}
	#section4 .portrait-text, #section3 .portrait-text, #section5 .portrait-text{
		display: block;
		max-width: 66%;
	}
	.landscape-image, .landscape-text{
		display: none;
	}
	#section4 #slide-img1 .portrait-text h3 span, #section4 #slide-img4 .portrait-text h3 span, 
	#section4 #slide-img7 .portrait-text h3 span, #section4 #slide-img9 .portrait-text h3 span,
	#section3 #portfolio-img1 .portrait-text h3 span, #section3 #portfolio-img2 .portrait-text h3 span, #section3 #portfolio-img3 .portrait-text h3 span{
		background: rgba(0, 0, 0, 0.4);
		padding: 11px;
	    display: inline-block;
	    border-radius: 10px;
	}
	#section4 #slide-img1 .btm-stripe, #section4 #slide-img4 .btm-stripe, #section4 #slide-img7 .btm-stripe, #section4 #slide-img9 .btm-stripe,
	#section3 .btm-stripe{
		margin-top: 30px;
	}
}

@media only screen and (min-width: 1200px){
	.bullet{
	    padding-left: 3vw;
	}	
}

@media only screen and (min-width: 1025px){
	.fp-controlArrow.fp-prev:hover polyline,
	.fp-controlArrow.fp-next:hover polyline{
	    stroke-width: 6;
	}
	.fp-slidesNav{
		right: 66px !important;
	}
	#fp-nav{
		bottom: 66px !important;
	}
}

@media only screen and (min-width: 1024px) and (orientation:landscape){
	#section3 .landscape-text, #section4 .landscape-text, #section5 .landscape-text, #section1 .top-padding, #section1 .bottom-padding{
			display: block;
			max-width: 66%;
		}	
}

@media only screen and (max-width: 1024px){
	#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
		background: #c7740c none repeat scroll 0 0;
	}	
	.hover-open, .hover-open-footer{
		height: 60px;
	}
	body .fp-controlArrow.fp-prev{
		left: 15px;
		margin-top: -20px;
		width: 30px;
	}
	body .fp-controlArrow.fp-prev svg{
		width: 30px !important;
    	height: 40px !important;
	}
	body .fp-controlArrow.fp-next {
		right: 15px;
		margin-top: -20px;
		width: 30px;
	}
	body .fp-controlArrow.fp-next svg{
    	width: 30px !important;
    	height: 40px !important;
	}
}
/* > LAPTOP */
@media only screen and (min-width: 1025px){
	#section4 #slide-img1 .text-block{
		background: none;
		padding: 0;
	}
	.desktop-menu{
		display: block;
		display: -webkit-box;
		margin: 0 8%;
    	padding: 50px 0;
	}
	.fp-scroller .desktop-menu{
		padding: 50px 0;
	}
	.small-menu{
		display: none;
	}
	.menu-threefourth{
		width: 80%;
		float: left;
		background: #fafafa;
		position: relative;
	}
	.menu-threefourth .menu-third{
	    width: 31%;
	    margin: 0 1% 0 0;
	    padding-right: 1%;
	}
	.menu-desktop-wrapper{
		display: inline-block;
		width: 100%
	}
	.mw-np{
		position: relative;
	}
	.desktop-menu .menu-wrapper{
		padding: 0 1%;
	}
	.desktop-menu .mw-np{
	    background: #f5f5f5;
	    padding: 0;
	    width: 98%;
	    margin: 0 1% !important;
	}
	.menu-fourth-last{
		margin-right: 1%;
		width: 19%;
		position: relative;
		z-index: 9999;
		margin-left: -2.5%;
	}
	#be-2 .btm-stripe{
		margin-left: 1%;
		display: inline-block;
	}
	.menu-line, .mw-line-half .menu-half{
		border-radius: 4px;
		border:1px solid #8dbada;
		height: 34px;
	}	
	.mtf{
		position: absolute;
	    top: 0;
	    width: 30%;
	    height: 100%;
	    border: 1px solid #8dbbda;
	    border-radius: 4px;
	}
	.mtf-2{
		left: 31.88%;
	}
	.mtf-3{
		left: 63.75%;
	}
	.mtf-4{
		width: 23%;
		background: #8dbbda;
		right: 0;
		z-index: 999;
	}
	.mdw-4{
		margin-bottom: -8px;
		margin-bottom: -7px;
	}
		.menu-threefourth .menu-third .menu-btn{
			margin: 1px 1px 0 1px;
		}
	.menu-half{
		width: 49.5%;
		margin-right: 0.5%;		
	}
	.menu-half-last{
		width: 49%;
		margin-right: 0;
	}
	.pleft{
		margin-left: -1px !important;
	}
		.mdw-1 .pleft .menu-btn{
			margin-right: 2px;
		}
		/*.mdw-1 .pright2 .adapt-menu{
			margin: 1px 1px 0 0;
		}*/
	.pright{
		margin-left: -2px !important;
	}
	.pright2{
		margin-left: -1px !important;
		padding-right: calc(1% + 1px) !important;
	}
	.pdright{
		padding-right: 4px !important;
	}
		.ml2 .pdright{
			padding-right: 2px !important;
		}
	.mrpd{
		padding-right: 1px !important;
	}
	.b-top{
		border-radius: 0 4px 0 0 !important;
	}
	.b-middle{
		border-radius: 0px !important;
	}
	.b-bottom{
		border-radius: 0 0 4px 0 !important;
	}
	.ml5 .menu-left:after{
		content: '';
	    position: absolute;
	    background: #fff;
	    height: 11px;
	    bottom: 0px;
	    border-radius: 0 0 0 4px;
	    left: 1px;
	    z-index: 999999999;
	    width: calc(100% - 2px);
	}
	.ml5 .menu-left:hover, .ml5 .menu-left:hover span, .ml5 .menu-left:hover:after{
		background: #e0e0e0;
	}
	.ml5 .menu-left{
		position: relative;
		border-radius: 4px 0 0 4px;
	}
}
/* < LAPTOP */
@media only screen and (max-width: 1024px){
	.desktop-menu{
		display: none;
	}
	.small-menu{
		display: block;
	}
	.m-mw-line{
		border: 1px solid #8dbbda;
		border-radius: 4px;
	}
	.menu-fourth{
		margin-bottom: 5px;
		padding-right: 0 !important;
	}
	.mf-none{
		margin-bottom: -2px !important;
	}
	.d2-menu, .d9-menu, .d9builds-menu,
	.d2twin-menu, .d9smart-menu, .d9buildsquad-menu{
		margin-bottom: 0;
	}
	.need-menu, .demand-menu, .adapt-menu{
		border-radius: 4px !important;
	}
	.b-top, body .c2single-menu, body .d2single-menu, body .d3single-menu, body .d9single-menu,
	body .c9buildssingle-menu, body .d9buildssingle-menu{
		border-radius: 0 4px 0 0 !important;
	}
	.b-middle, 
	body .d2smart-menu, 
	body .c9buildssmart-menu, body .c9buildstwin-menu, body .c9buildstriple-menu,
	body .d9buildssmart-menu, body .d9buildstwin-menu, body .d9buildstriple-menu{
		border-radius: 0 !important;
	}
	.b-bottom, body .c2twin-menu, body .d2twin-menu, body .d3smart-menu, body .d9smart-menu,
	body .c9buildsquad-menu, body .d9buildsquad-menu{
		border-radius: 0 0 4px 0 !important;
	}
	body .c2-menu, body .d2-menu, body .d3-menu, body .d9-menu, body .c9builds-menu, body .d9builds-menu{
		border-radius: 4px 0 0 4px !important;
	}
	.menu-left .menu-btn{
		height: 100% !important;
	}
	.menu-twothird .menu-btn, body .menu-left .menu-btn{
		margin-right: 5px !important;
	}
	body .menu-twothird .intro-menu, body .menu-twothird .dma-menu{
		margin-right: 0 !important;
	}
}

/* DESKTOP FIX
@media only screen and (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) and (min-height: 376px), and (min-width: 769px) and (max-width: 1024px) and (orientation: portrait) and (min-height: 1367px){
	.menu-fourth{
	    width: 49% !important;
	    float: none !important;
	}
	.fourth-wrapper{
		position: relative;
	}
	.menu-fourth-last {
	    width: 48.5% !important;
	    padding-left: 5%;
	    background: #8dbbda !important;
	    padding-right: 0;
	    margin-right: 0;
	    position: absolute;
	    right: 0;
	    top: 0;
	}
	.menu-float {
	    margin-top: 5px;
	    margin-bottom: 5px;
	}
	.menu-fourth-last br, .menu-fourth-last div {
    	display: none;
	}
}
@media only screen and (max-width: 1024px) and (orientation: portrait){
	.menu-fourth-last br, .menu-fourth-last div {
    	display: none;
	}	
}*/
/*iPad Pro + Kindle fix portrait*/
@media only screen and (width: 1024px) and (height: 1366px), screen and (width: 800px) and (height: 1280px){
	.menu-fourth{
	    width: 49% !important;
	    float: none !important;
	}
	.fourth-wrapper{
		position: relative;
	}
	.menu-fourth-last {
	    width: 48.5% !important;
	    padding-left: 5%;
	    background: #8dbbda !important;
	    padding-right: 0;
	    margin-right: 0;
	    position: absolute;
	    right: 0;
	    top: 0;
	}
	.menu-float {
	    margin-top: 5px;
	    margin-bottom: 5px;
	}
	.menu-fourth-last br, .menu-fourth-last div {
    	display: none;
	}
}
/* Pixel 2 XL fix */
@media only screen and (width: 823px) and (height: 411px){
	.fp-next{
		display: none !important;
	}
}
/* BlackBerry Priv fix */
@media only screen and (width: 412px) and (height: 604px), only screen and (width: 604px) and (height: 412px){
	body #qm-38 .third a:hover{
		background: #2d5d79 !important;
	}
	body #qm-38 .half-width a:hover{
    	background: #5d8aa8 !important;
	}
}

@media only screen and (min-width: 500px) and (max-width: 550px) and (orientation: portrait){
	.menu-content{
		font-size: 14px;
	}
} 

/* iPad Pro */
@media only screen and (width: 1366px) and (height: 1024px), only screen and (height: 1366px) and (width: 1024px){
	.mtf{
		z-index: 9999;
	}
	.mdw-1 .pright2 .adapt-menu {
	    margin: 1px 0 0 1px;
	}
	.pdright {
    	padding-right: 2px !important;
	}
}
/* KINDLE */
@media only screen and (width: 1280px) and (height: 800px), only screen and (width: 800px) and (height: 1280px){
	.mdw-1 .pright2 .adapt-menu {
	    margin: 1px 1px 0 1px;
	}
	.menu-threefourth .menu-third .menu-btn {
	    margin: 1px 1px 0 2px !important;
	}	
	.mdw-1 .pleft .menu-btn{
		margin-right: 1px;
	}
	.pdright {
    	padding-right: 2px !important;
	}
	/*.mtf{
		z-index: 9999;
	}*/
	.menu-left .menu-btn{
		font-size: 12px;
	}
	.ml5 .menu-left:after{
		width: auto;
	}
}
/* iPad Pro, iPad, Kindle Fire in Portrait */
@media only screen and (min-width: 768px) and (orientation: portrait){
	#section7 .fp-slidesNav{
		display: none !important;
	}
}

/* EDGE */
@supports (-ms-ime-align: auto) {
    #section4 hr, #section3 hr, #section5 hr{
        text-align: left;
    }
    .fp-bg{
        max-height: inherit !important;
    }
    .ie-table{
    	display: inline-table;
    	overflow: hidden;
    	max-height: 100% !important;
    }
    .landscape-text{
    	max-height: 100%;
    }
}    
/* IE */
@media screen\0{
    #section4 hr, #section3 hr, #section5 hr{
        text-align: left;
    }
    .fp-bg{
        /*max-height: inherit !important;*/
    }
    /*#home-1 .scroll-div{
        display: table-cell !important;
    }
    #home-1 .fp-scrollable{
        height: auto !important;
    }*/
    .scrollbar-active #scrollbarfooter{
    	width: calc(100% - 12px);
    }
    .ie-table{
    	display: inline-table;
    	overflow: hidden;
    	max-height: 100% !important;
    }
    .landscape-text{
    	max-height: 100%;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #section4 hr, #section3 hr, #section5 hr{
        text-align: left;
    }
    .fp-bg{
        /*max-height: inherit !important;*/
    }
    /*#home-1 .scroll-div{
        display: table-cell !important;
    }
    #home-1 .fp-scrollable{
        height: auto !important;
    }*/
}

@media only screen and (max-width: 1023px) and (orientation: landscape), only screen and (max-width: 1023px) and (orientation: portrait){
	.fp-slidesNav.bottom{
		display: none;
	}
}
@media only screen and (max-width: 813px) and (orientation:landscape){
	.top-div img, #section9 img{
		max-height: 75px;
	}
	.fp-controlArrow, .hover-open, .hover-open-footer{
		display: none !important;
	}
}

@media only screen and (min-width: 1001px){
	.hover-open, .hover-open-footer{
		height: 90px;
	}
}

@media only screen and (max-width: 800px){
	.third a span, .third a div{
		display: none;
	}
	.third a .msmall{
		display: inline;
	}
	.mf-mobile{
		display: block !important;
	}	
	.header-div hr{
		margin-bottom: 13px;
	}
	.bottom-div hr{
		margin-top: 13px;
	}
	#section4 hr, #section3 hr, #section5 hr{
	    border: 0;
	    border-bottom: 1px solid;
	    display: block;
	    height: 0;
	    margin: -20px 0 30px 0;
	    opacity: 0.8;
	    width: 21.05263%;
	    color: #fff;
	    background: none;	
	}
	#section5 hr{
		color: #000;
	}
}

@media only screen and (max-width: 813px) and (orientation:landscape){
	.top-div img, #section9 img{
		max-height: 75px;
	}
	.fp-controlArrow, .hover-open, .hover-open-footer{
		display: none !important;
	}
}

@media only screen and (min-width: 801px){
  .mf-hide{
  	display: inline-block !important;
  }
  .mf-mobile{
  	display: none !important;
  }
}

@media screen and (max-width:600px) {
	.menu-trigger {
		display:none;
	}
	nav ul li {
		display:none;
		border-top:1px #79896D solid;    
	}
	nav ul {
		display:none;
	}
  	#section4 .footer-title, #section5 .footer-title, #section3 .footer-title{
		margin-left: 30px;
		/*padding-left: 30px;*/
	}
	#section5 .footer-title{
		padding-left: 0px;
	}
	#section4 .footer-title, #section3 .footer-title, #section5 .footer-title{
		margin-left: 30px;
	}
	#section5 .footer-title, .footer-title{
		margin-left: 30px !important;
		padding-left: 0 !important;
	}	 
	.footer-title{
		margin-top: 41px;
	}
	#section4 .landscape-text, #section4 .portrait-text,
	#section3 .landscape-text, #section3 .portrait-text,
	#section5 .landscape-text, #section5 .portrait-text{
	  	margin-left: 0;
	  	margin-right: 0;
	}
	.fp-slidesNav.bottom {
	bottom: -7px !important;
	}
	.fp-slidesNav{
		right: 30px !important;
	}	
	.menu-icon{
		top: 1px;
	}
	.fp-viewing-be-inspired-home .hamburger-next{
		right: 5px;
	}
	.hamburger-next div{
		width: 20px;
	}	
	body .fp-controlArrow.fp-prev{
		left: -5px;
	}
	body .fp-controlArrow.fp-next{
		right: 12px;
	}
	#fp-nav.right{
		right: 2px !important;
	}
	.fp-slidesNav.bottom {
		bottom: -7px !important;
	}
	.fp-slidesNav{
		right: 30px !important;
	}	
	#fp-nav{
		bottom: 30px !important;
	}
	.overlay-12, .overlay-footer-12{
  		z-index: 99999999;
  	}
	.overlay-menu{
		padding: 0 30px;
	}
	.fp-controlArrow, #fp-nav, .fp-slidesNav {
	z-index: 999999 !important;
	}	
	hr{
		height: 30px;
		max-height: 30px;
	}
	.mf-hide{
		display: none !important;
	}
	.mf-mobile{
		display: inline-block !important;
	}
	.menu-icon{
		top: 1px;
	}	
	.fp-viewing-be-inspired-home .hamburger-next{
		right: 3.7vw;
	}
	.hamburger-next div{
		width: 20px;
	}	
	.vig-btm {
	    position: absolute;
	    right: 3px;
	    bottom: 3px;
	    width: 24px;
	    height: auto;
	}
	.top-padding, .bottom-padding, #section1 h3, #section5 h3, #section7 h3, #section8 h3, .menu-content{
		margin-left: 30px !important;
		margin-right: 30px !important;
	}
	#section4 hr, #section3 hr, #section5 hr{
		margin-left: 30px !important;
	}	
	#section3 h3 span{
		margin-left: 30px;
		margin-right: 30px;
	}
	#section6 .spec-btn{
		padding: 11px 18px 0px 12px;
	}	
	#section6 .spec-btn svg{
		height: 22px;
		width: 10px;
	}
	#section6 p .spec-btn{
		padding: 12px 18px 1px 12px;
	}
}
@media only screen and (max-width: 500px){
	.overlay-menu a{
		padding: 0;
	}
	.third{
		padding: 5px 0;
	}
	.overlay-head, .overlay-footer{
		max-height: 68px;
	}
	  .overlay-12, .overlay-footer-12{
	  	height: 68px;
	  }
	  @keyframes slideInTops{
			0%{
				height: 0
			}
			100%{
				height: 68px;
			}
	  }
}


/* PUNTGROOTTE */

/* LANDSCAPE */
/* 1 a - 4k plus */
@media only screen and (min-width: 2561px) and (orientation:landscape){
	h1{
		font-size: 80px;
		line-height: 100px;
	}
	h2{
		font-size: 60px;
		line-height: 90px;
	}
	h3{
		font-size: 47px;
		line-height: 70px;
	}
	h4{
		font-size: 45px;
		line-height: 67px;
	}
	h5{
		font-size: 33px;
		line-height: 50px;
	}
	h6{
		font-size: 27px;
		line-height: 40px;
	}		  		
	.nl-active, .nr-active, .nleft:hover, .nright:hover{
		top: 3px;
	}  
	.top-div img, #section9 img{
		height: 100px;
	}	
  	.top-div span{
		font-size: 100px;
		line-height: 110px;
	}	  
	.section .top-padding{
	  	padding-top: 16vh !important;
	}
	.section .bottom-padding, #fullpage .section h2.bottom-padding{
	  	padding-bottom: 16vh !important;
  	}
	.fp-viewing-be-inspired-home .hamburger-next{
		right: 24px !important;
	}
	body .fp-controlArrow.fp-next{
		right: 20px !important;
	} 
	body .fp-controlArrow.fp-prev{
		left: 20px !important;
	}
}
/* 1 b i - 4k */
@media only screen and (min-width: 1441px) and (max-width: 2560px) and (orientation:landscape){
	h1{
		font-size: 57px;
		line-height: 72px;
	}
	h2{
		font-size: 43px;
		line-height: 65px;
	}
	h3{
		font-size: 34px;
		line-height: 50px;
	}
	h4{
		font-size: 32px;
		line-height: 48px;
	}
	h5{
		font-size: 24px;
		line-height: 36px;
	}
	h6{
		font-size: 19px;
		line-height: 29px;
	}
	.top-div img, #section9 img{
		height: 72px;
	}
	.top-div span{
			font-size: 90px;
			line-height: 100px;
	} 
	.section .top-padding{
	  	padding-top: 14vh !important;
	}
	.section .bottom-padding, #fullpage .section h2.bottom-padding{
	  	padding-bottom: 14vh !important;
  	} 	
	.fp-viewing-be-inspired-home .hamburger-next{
		right: 24px !important;
	}
	body .fp-controlArrow.fp-next{
		right: 20px !important;
	} 
	body .fp-controlArrow.fp-prev{
		left: 20px !important;
	}
}
/* 1 b ii 1 - Laptop L */
@media only screen and (min-width: 1025px) and (max-width: 1440px) and (orientation:landscape){
	h1{
		font-size: 48px;
		line-height: 60px;
	}
	h2{
		font-size: 36px;
		line-height: 54px;
	}
	h3{
		font-size: 28px;
		line-height: 42px;
	}
	h4{
		font-size: 27px;
		line-height: 40px;
	}
	h5{
		font-size: 20px;
		line-height: 30px;
	}
	h6{
		font-size: 16px;
		line-height: 24px;
	}	
	.top-div img, #section9 img{
		height: 60px;
	}
  	.top-div span{
		font-size: 80px;
		line-height: 90px;
	}	
	.section .top-padding{
	  	padding-top: 12vh !important;
	}
	.section .bottom-padding, #fullpage .section h2.bottom-padding{
	  	padding-bottom: 12vh !important;
  	}
	.fp-viewing-be-inspired-home .hamburger-next{
		right: 24px !important;
	}
	body .fp-controlArrow.fp-next{
		right: 20px !important;
	} 
	body .fp-controlArrow.fp-prev{
		left: 20px !important;
	}
}
/* 1 b ii 2 b ii 4 d - Laptop */
@media only screen and (max-width: 1024px) and (orientation:landscape){
	h1{
		font-size: 41px;
		line-height: 52px;
	}
	h2{
		font-size: 31px;
		line-height: 47px;
	}
	h3{
		font-size: 24px;
		line-height: 36px;
	}
	h4{
		font-size: 23px;
		line-height: 35px;
	}
	h5{
		font-size: 17px;
		line-height: 26px;
	}
	h6{
		font-size: 14px;
		line-height: 21px;
	}	
	.nl-active, .nleft:hover{
		left: -14px;
	}
	.nr-active, .nright:hover{
		right: -14px;
	}
	.top-div img, #section9 img{
		height: 52px;
	}
	.top-div span{
			font-size: 70px;
			line-height: 80px;
	}
	.section .top-padding{
	  	padding-top: 12vh !important;
	}
	.section .bottom-padding, #fullpage .section h2.bottom-padding{
	  	padding-bottom: 12vh !important;
  	}
	.fp-viewing-be-inspired-home .hamburger-next{
		right: 24px !important;
	}
	body .fp-controlArrow.fp-next{
		right: 20px !important;
	} 
	body .fp-controlArrow.fp-prev{
		left: 20px !important;
	}
	.fourth-wrapper{
		position: relative;
	}
	.menu-fourth{
		float: none;
	}
	.menu-fourth-last{
		position: absolute;
		right: 0;
		top: 0;
	}
	.menu-fourth-last br, .menu-fourth-last div{
		display: none;
	}
	.menu-fourth{
		width: 49%;
		padding-right: 1%;
	}
	.menu-fourth-last{
		width: 48.5%;
		padding-left: 5%;
		background: #8dbbda;
		padding-right: 0;
		margin-right: 0;
	}
	.menu-float{
		margin-top: 5px;
		margin-bottom: 5px;
	}
}
/* 1 b ii 2 b ii 4 a - Tablet */
@media only screen and (max-width: 1024px) and (max-height: 768px) and (orientation:landscape){
	h1{
		font-size: 33px;
		line-height: 41px;
	}
	h2{
		font-size: 25px;
		line-height: 37px;
	}
	h3{
		font-size: 19px;
		line-height: 29px;
	}
	h4{
		font-size: 19px;
		line-height: 28px;
	}
	h5{
		font-size: 14px;
		line-height: 21px;
	}
	h6{
		font-size: 11px;
		line-height: 17px;
	}
	.top-div img, #section9 img{
		height: 41px;
	} 
  	#section2 .top-div span{
		color: #fff;
	}
	.top-div span{
			font-size: 45px;
			line-height: 55px;
	}
	.top-div{
	    width: 45%;
	    margin: 0 auto;		
	}
	.section .top-padding{
	  	padding-top: 14vh !important;
	}
	.section .bottom-padding, #section7 h2.bottom-padding, #section8 h2.bottom-padding, #fullpage .section h2.bottom-padding{
	  	padding-bottom: 14vh !important;
  	} 
	.fourth-wrapper{
		position: relative;
	}
	.menu-fourth{
		float: none;
	}
	.menu-fourth-last{
		position: absolute;
		right: 0;
		top: 0;
	}
	.menu-fourth-last br, .menu-fourth-last div{
		display: none;
	}
	.menu-fourth{
		width: 49%;
		padding-right: 1%;
	}
	.menu-fourth-last{
		width: 48.5%;
		padding-left: 5%;
		background: #8dbbda;
		padding-right: 0;
		margin-right: 0;
	}
	.menu-float{
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.hamburger-next{
		right: 24px !important;
	}
	body .fp-controlArrow.fp-next{
		right: 20px !important;
	} 
	body .fp-controlArrow.fp-prev{
		left: 20px !important;
	}

}
/* 1 b ii 2  b ii 1 - Mobile L */
@media only screen and (max-width: 1024px) and (max-height: 425px) and (orientation:landscape), (width: 504px) and (height: 462px), (width: 504px) and (height: 491px){
	h1, .top-div span{
		font-size: 29px;
		line-height: 36px;
	}
	h2{
		font-size: 22px;
		line-height: 32px;
	}
	h3{
		font-size: 17px;
		line-height: 25px;
	}
	h4{
		font-size: 16px;
		line-height: 24px;
	}
	h5{
		font-size: 12px;
		line-height: 18px;
	}
	h6{
		font-size: 10px;
		line-height: 14px;
	}
	.footer-container, .fp-slidesNav{
		display: none !important;
	}	
	body #section1 .fp-slidesNav.bottom, body #section3 .fp-slidesNav.bottom, body #section2 .fp-slidesNav.bottom{
		display: none !important;
	}
	.fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span {
	    height: 10px !important;
	    width: 10px !important;
	    margin: -5px 0 0 -5px !important;
	}
	body #section4 .fp-slidesNav.bottom, body #section3 .fp-slidesNav.bottom, body #fullpage .fp-slidesNav.bottom{
		display: none !important;
	}
	.fp-prev{
		display: none !important;
	}
	.top-div img, #section9 img{
		height: 36px;
		margin-left: 0;
		margin-top: 1vh;
	} 
  	#section2 .top-div span{
		color: #fff;
	}
	.top-div{
		pointer-events: none;
 		cursor: default;
	}
	#home-1 .top-div span{
		word-spacing: 100vw;	
	}
	#home-1 .top-div img, #section9 img{
		margin-left: 0;
	}
	.bd-text, .hd-text{
		display: none;
	}
	.overlay-head, .overlay-footer, 
	body[class*="fp-viewing-intro-"].bar122 .overlay-head, body[class*="fp-viewing-be-inspired-menu-desk-monitor-"].bar122 .overlay-head, 
	.bar122 .overlay-head{
		display: none !important;
	}
	.section{
	    padding-top: 0px !important;
	    padding-bottom: 0px !important;		
	}
	.section .top-padding{
	  	padding-top: 15vh !important;
	}
	.section .bottom-padding, #fullpage .section h2.bottom-padding{
	  	padding-bottom: 15vh !important;
  	}
  	.fp-scroller .menu-content{
  		margin: 0 14%;
  		margin: 0 75px 0 75px;
  		padding: 15vh 0;
  	}
  	#section1 .fp-tableCell, #section7 .fp-tableCell, #section8 .fp-tableCell, #section4 .fp-tableCell/*, #section3 .fp-tableCell*/, #section5 .fp-tableCell,
  	#section6 .fp-tableCell{
    	display: block !important;
	}	
	body #fullpage #section1 .fp-slidesNav.bottom, body #fullpage #section3 .fp-slidesNav.bottom, body #fullpage #section2 .fp-slidesNav.bottom{
		display: none !important;
		visibility: hidden;
	}
	#section7 #slide-last4 .fp-tableCell, #section8 #slide-last5 .fp-tableCell, #section6 #slide-last4 .fp-tableCell, #section3 #portfolio-4 .fp-tableCell,
	#section5 #slide-img48 .fp-tableCell{
		display: table-cell !important;
	}
	.bullet {
	    padding-left: 20px;
	}
	.menu-half, .menu-twothird, .menu-third, .menu-fourth{
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.mwtop.m-mw-line .menu-twothird{
		overflow: hidden;
		border-radius: 4px 4px 0 0 !important;
	}
	.menu-fourth-last{
		position: relative;
	}	
	.menu-half{
	    margin-top: 5px;
	    margin-bottom: 5px;
	}
	.menu-fourth-1{
		margin-top: 5px;
	}
	.menu-twothird .menu-btn, body .menu-left .menu-btn{
		margin-right: 0;
	}
	.intro-menu{
		border-radius: 4px 4px 0 0 !important;
	}
	.menu-third-last span{
		border-radius: 0 0 4px 4px !important;
	}
	.fp-prev{
		display: none !important;
	}
	#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, 
	.fp-slidesNav ul li:hover a.active span, #fp-nav.right ul li:nth-child(2) span{
	    height: 10px !important;
	    width: 10px !important;
	    margin: -5px 0 0 -5px !important;
	}
	body #section4 .fp-slidesNav.bottom, body #section3 .fp-slidesNav.bottom, body #fullpage .fp-slidesNav.bottom{
		display: none !important;
	}	
	.vig-btm{
		right: 11px;
	}
	#fp-nav.right li a{
		pointer-events: none;
   		cursor: default;
	}
	#fp-nav.right li:nth-child(2) a{
		pointer-events: all;
   		cursor: pointer;
	}
	#fp-nav.right ul li:hover a span{
		height: 4px;
    	width: 4px; 
		margin: -2px 0 0 -2px;
	}
	.fp-viewing-be-inspired-home .hamburger-next{
		right: 24px !important;
		top: 28%;
	}		
	#section4 .landscape-text, #section3 .landscape-text, #section5 .landscape-text{
		display: block;
		max-width: 100%;
	}
	#section4 #slide-img1 .btm-stripe, #section4 #slide-img4 .btm-stripe, #section4 #slide-img7 .btm-stripe, #section4 #slide-img9 .btm-stripe,
	#section3 .btm-stripe{
		margin-top: 30px;
	}
	#section9 .mobile-hidden, #section9 .mobile-hidden-extra{
		display: none;
	}
	#section9 .landscape-show{
		display: inline-block;
		margin-left: 5px;
	}
	.menu-icon {
    	display: none !important;
	}
	body .iScrollIndicator {
	    background: #ffd573 !important;
	}
}
/* 1 b ii 2 b i - Mobile M */
@media only screen and (max-width: 1024px) and (max-height: 375px) and (orientation:landscape){
	h1, .top-div span{
		font-size: 24px;
		line-height: 30px;
	}
	h2{
		font-size: 18px;
		line-height: 27px;
	}
	h3{
		font-size: 14px;
		line-height: 21px;
	}
	h4{
		font-size: 13px;
		line-height: 20px;
	}
	h5{
		font-size: 10px;
		line-height: 15px;
	}
	h6{
		font-size: 8px;
		line-height: 12px;
	}	
	.footer-container, .fp-slidesNav{
		display: none !important;
	}	
	body #section4 .footer-title, body #section3 .footer-title, body #section5 .footer-title{
		display: none !important;
	}
	.menu-icon{
		display: none !important;
	}	
	.nl-active, .nleft:hover{
		top: 4px;
	}
	.nr-active, .nright:hover{
		top: 4px;
	}
	.top-div img{
		height: 30px;
	}
  	#section2 .top-div span{
		color: #fff;
	}
	#home-1 .top-div span{
		word-spacing: 100vw;	
	}
	.section{
	    padding-top: 0px !important;
	    padding-bottom: 0px !important;		
	}
	.section .top-padding{
	  	padding-top: 17vh !important;
	}
	.section .bottom-padding, #fullpage .section h2.bottom-padding{
	  	padding-bottom: 17vh !important;
  	}
  	.fp-scroller .menu-content{
  		margin-top: 0;
  		margin-bottom: 0;
  		padding: 17vh 0;
  	}
	.menu-content{
		margin-left: 75px !important;
		margin-right: 75px !important;
	}
  	#section1 .fp-tableCell, #section7 .fp-tableCell, #section8 .fp-tableCell, #section4 .fp-tableCell, #section3 .fp-tableCell, #section5 .fp-tableCell,
  	#section6 .fp-tableCell{
    	display: block !important;
	}	
	#section7 #slide-last4 .fp-tableCell, #section8 #slide-last5 .fp-tableCell,
	#section6 #slide-last4 .fp-tableCell, #section3 #portfolio-4 .fp-tableCell,
	#section5 #slide-img48 .fp-tableCell{
		display: table-cell !important;
	} 		
	#section4 .landscape-text, #section3 .landscape-text, #section5 .landscape-text{
		display: block;
		max-width: 100%;
	}
	.vig-btm{
		right: 11px;
	}
	.fp-viewing-be-inspired-home .hamburger-next{
		right: 24px !important;
		top: 28%;
	}
	#section9 .mobile-hidden, #section9 .mobile-hidden-extra{
		display: none;
	}
	#section9 .landscape-show{
		display: inline-block;
		margin-left: 5px;
	}
}
/* 1 b ii 2 a - Mobile S */
@media only screen and (max-width: 1024px) and (max-height: 320px) and (orientation:landscape){
	h1, .top-div span{
		font-size: 22px;
		line-height: 27px;
	}
	h2{
		font-size: 16px;
		line-height: 24px;
	}
	h3{
		font-size: 13px;
		line-height: 19px;
	}
	h4{
		font-size: 12px;
		line-height: 18px;
	}
	h5{
		font-size: 9px;
		line-height: 13px;
	}
	h6{
		font-size: 7px;
		line-height: 11px;
	}
	.footer-container, .fp-slidesNav{
		display: none !important;
	}
	body #section4 .fp-slidesNav.bottom, body #section3 .fp-slidesNav.bottom{
		display: none !important;
	}
	.menu-icon{
		display: none !important;
	}
	.fp-prev, .fp-next, .hamburger-next{
		display: none !important;
	}
	#fp-nav.right {
	    right: 8px !important;
	} 		
	.nl-active, .nr-active, .nleft:hover, .nright:hover{
		top: 3px;
	}
	.top-div img{
		height: 27px;
	}
  	#section2 .top-div span{
		color: #fff;
	}
	#home-1 .top-div span{
		word-spacing: 100vw;	
	}
	.section{
	    padding-top: 0px !important;
	    padding-bottom: 0px !important;		
	}	
	.section .top-padding{
	  	padding-top: 17vh !important;
	}
	.section .bottom-padding, #fullpage .section h2.bottom-padding{
	  	padding-bottom: 17vh !important;
  	} 
  	.fp-scroller .menu-content{
  		margin-top: 0;
  		margin-bottom: 0;
  		padding: 17vh 0;
  	} 	
  	#section1 .fp-tableCell, #section7 .fp-tableCell, #section8 .fp-tableCell, #section4 .fp-tableCell, #section3 .fp-tableCell, #section5 .fp-tableCell,
  	#section6 .fp-tableCell{
    	display: block !important;
	}
	#section7 #slide-last4 .fp-tableCell, #section8 #slide-last5 .fp-tableCell,
	#section6 #slide-last4 .fp-tableCell, #section3 #portfolio-4 .fp-tableCell,
	#section5 #slide-img48 .fp-tableCell{
		display: table-cell !important;
	} 	
	#section4 .landscape-text, #section3 .landscape-text, #section5 .landscape-text{
		display: block;
		max-width: 100%;
	}
	.msmall{
		display: none !important;
	}
	.top-padding, .bottom-padding, #section1 h3, #section5 h3, #section7 h3, #section8 h2, #section8 h3, .menu-content, #section7 h2, #section9 #footer-info{
	    margin-left: 30px !important;
	    margin-right: 50px !important;
	}
	.menu-content{
		margin-left: 75px !important;
		margin-right: 75px !important;
	}
	body #section4 .fp-slidesNav.bottom, body #section3 .fp-slidesNav.bottom{
		display: none !important;
	}
	.vig-btm{
		right: 11px;
	}
	#fp-nav.right {
	    right: 8px !important;
	}
	.fp-viewing-be-inspired-home .hamburger-next{
		right: 22px !important;
		top: 28%;
	}
	#section9 .mobile-hidden, #section9 .mobile-hidden-extra{
		display: none;
	}
	#section9 .landscape-show{
		display: inline-block;
		margin-left: 5px;
	}
}

/* PORTRAIT*/
/* 2 a - 4k plus */
@media only screen and (min-height: 2561px) and (orientation:portrait){
	h1{
		font-size: 80px;
		line-height: 100px;
	}
	h2{
		font-size: 60px;
		line-height: 90px;
	}
	h3{
		font-size: 47px;
		line-height: 70px;
	}
	h4{
		font-size: 45px;
		line-height: 67px;
	}
	h5{
		font-size: 33px;
		line-height: 50px;
	}
	h6{
		font-size: 27px;
		line-height: 40px;
	}
	.top-div img{
		height: 100px;
	}	
	.section .top-padding{
	  	padding-top: 18vh !important;
	}
	.section .bottom-padding, #fullpage .section h2.bottom-padding{
	  	padding-bottom: 18vh !important;
  	}	
	.top-div span{
			font-size: 100px;
			line-height: 110px;
	}  		
	.nl-active, .nr-active, .nleft:hover, .nright:hover{
		top: 3px;
	}
	.fp-viewing-be-inspired-home .hamburger-next{
		right: 24px;
	}
	body .fp-controlArrow.fp-next{
		right: 20px !important;
	} 
	body .fp-controlArrow.fp-prev{
		left: 20px !important;
	}
}
/* 2 b i - 4k */
@media only screen and (min-height: 1441px) and (max-height: 2560px)  and (orientation:portrait){
	h1{
		font-size: 57px;
		line-height: 72px;
	}
	h2{
		font-size: 43px;
		line-height: 65px;
	}
	h3{
		font-size: 34px;
		line-height: 50px;
	}
	h4{
		font-size: 32px;
		line-height: 48px;
	}
	h5{
		font-size: 24px;
		line-height: 36px;
	}
	h6{
		font-size: 19px;
		line-height: 29px;
	}	
	.top-div img{
		height: 72px;
	}	
	.section .top-padding{
	  	padding-top: 16vh !important;
	}
	.section .bottom-padding, #fullpage .section h2.bottom-padding{
	  	padding-bottom: 16vh !important;
  	}	
	.top-div span{
			font-size: 90px;
			line-height: 100px;
	}
	.fp-viewing-be-inspired-home .hamburger-next{
		right: 24px;
	}	
	body .fp-controlArrow.fp-next{
		right: 20px !important;
	} 
	body .fp-controlArrow.fp-prev{
		left: 20px !important;
	}
}
/* 2 b ii 1 - Laptop L */
@media only screen and (min-height: 1025px) and (max-height: 1440px) and (orientation:portrait){
	h1{
		font-size: 48px;
		line-height: 60px;
	}
	h2{
		font-size: 36px;
		line-height: 54px;
	}
	h3{
		font-size: 28px;
		line-height: 42px;
	}
	h4{
		font-size: 27px;
		line-height: 40px;
	}
	h5{
		font-size: 20px;
		line-height: 30px;
	}
	h6{
		font-size: 16px;
		line-height: 24px;
	}	
	.fp-slidesNav.bottom{
		display: block !important;
	}
	.fp-viewing-contact-us .fp-slidesNav.bottom{
		display: none !important;
	}
	.scrollbar-active .fp-slidesNav.bottom{
		display: none !important;
	}
	.top-div img{
		height: 60px;
	}		
	.section .top-padding{
	  	padding-top: 14vh !important;
	}
	.section .bottom-padding, #fullpage .section h2.bottom-padding{
	  	padding-bottom: 14vh !important;
  	}	
	.top-div span{
			font-size: 80px;
			line-height: 90px;
	}
	.fp-viewing-be-inspired-home .hamburger-next{
		right: 24px;
	}
	body .fp-controlArrow.fp-next{
		right: 20px !important;
	} 
	body .fp-controlArrow.fp-prev{
		left: 20px !important;
	}
}
/* 2 b ii 2 b ii 4 d - Laptop */
@media only screen and (max-height: 1024px) and (orientation:portrait){
	h1, .top-div span{
		font-size: 41px;
		line-height: 52px;
	}
	h2{
		font-size: 31px;
		line-height: 47px;
	}
	h3{
		font-size: 24px;
		line-height: 36px;
	}
	h4{
		font-size: 23px;
		line-height: 35px;
	}
	h5{
		font-size: 17px;
		line-height: 26px;
	}
	h6{
		font-size: 14px;
		line-height: 21px;
	}	
	.fp-slidesNav.bottom{
		display: block !important;
	}
	.scrollbar-active .fp-slidesNav.bottom{
		display: none !important;
	}
	.top-div img{
		height: 52px;
	}		
	.section .top-padding{
	  	padding-top: 14vh !important;
	}
	.section .bottom-padding, #fullpage .section h2.bottom-padding{
	  	padding-bottom: 14vh !important;
  	}	
	.top-div span{
			font-size: 70px;
			line-height: 80px;
	}
	.fp-viewing-be-inspired-home .hamburger-next{
		right: 24px;
	}
	body .fp-controlArrow.fp-next{
		right: 20px !important;
	} 
	body .fp-controlArrow.fp-prev{
		left: 20px !important;
	}	.fourth-wrapper{
		position: relative;
	}
	.menu-fourth{
		float: none;
	}
	.menu-fourth-last{
		position: absolute;
		right: 0;
		top: 0;
	}
	.menu-fourth-last br, .menu-fourth-last div{
		display: none;
	}
	.fourth-wrapper{
		position: relative;
	}
	.menu-fourth{
		float: none;
	}
	.menu-fourth-last{
		position: absolute;
		right: 0;
		top: 0;
	}
	.menu-fourth-last br, .menu-fourth-last div{
		display: none;
	}	
	.menu-fourth{
		width: 49%;
		padding-right: 1%;
	}
	.menu-fourth-last{
		width: 48.5%;
		padding-left: 5%;
		background: #8dbbda;
		padding-right: 0;
		margin-right: 0;
	}
	.menu-float{
		margin-top: 5px;
		margin-bottom: 5px;
	}
}
/* 2 b ii 2 b ii 4 a - Tablet */
@media only screen and (max-height: 1024px) and (max-width: 768px) and (orientation:portrait){
	h1{
		font-size: 33px;
		line-height: 41px;
	}
	h2{
		font-size: 25px;
		line-height: 37px;
	}
	h3{
		font-size: 19px;
		line-height: 29px;
	}
	h4{
		font-size: 19px;
		line-height: 28px;
	}
	h5{
		font-size: 14px;
		line-height: 21px;
	}
	h6{
		font-size: 11px;
		line-height: 17px;
	}
	.nl-active, .nleft:hover{
    	left: -14px !important;
    	top: 3px !important;
	}
	.nr-active, .nright:hover{
		right: -14px !important;
		top: 3px !important;
	}
	.top-div img{
		height: 41px;
		margin-left: 0;
		margin-top: 1vh;
	} 
  	#section2 .top-div span{
		color: #fff;
	}
	.top-div span{
			font-size: 45px;
			line-height: 55px;
	}
	.top-div{
	    width: 45%;
	    margin: 0 auto;		
	}		
	.section .top-padding{
	  	padding-top: 14vh !important;
	}
	.section .bottom-padding, #section7 h2.bottom-padding, #section8 h2.bottom-padding, #fullpage .section h2.bottom-padding{
	  	padding-bottom: 14vh !important;
  	} 
  	#section2 .top-div span{
		color: #fff;
	}
	.fourth-wrapper{
		position: relative;
	}
	.menu-fourth{
		float: none;
	}
	.menu-fourth-last{
		position: absolute;
		right: 0;
		top: 0;
	}
	.menu-fourth-last br, .menu-fourth-last div{
		display: none;
	}
	.fourth-wrapper{
		position: relative;
	}
	.menu-fourth{
		float: none;
	}
	.menu-fourth-last{
		position: absolute;
		right: 0;
		top: 0;
	}
	.menu-fourth-last br, .menu-fourth-last div{
		display: none;
	}	
	body .top-scrollbar, body .bottom-scrollbar{
		right: 48px !important;
		width: 12px;
	}
	.menu-fourth{
		width: 49%;
		padding-right: 1%;
	}
	.menu-fourth-last{
		width: 48.5%;
		padding-left: 5%;
		background: #8dbbda;
		padding-right: 0;
		margin-right: 0;
	}
	.menu-float{
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.fp-viewing-be-inspired-home .hamburger-next{
		right: 24px;
	}
	body .fp-controlArrow.fp-next{
		right: 20px !important;
	} 
	body .fp-controlArrow.fp-prev{
		left: 20px !important;
	}	
	.fp-slidesNav.bottom{
		display: block !important;
	}
	.fp-viewing-contact-us .fp-slidesNav.bottom{
		display: none !important;
	}
	.scrollbar-active .fp-slidesNav.bottom{
		display: none !important;
	}
}
/* 2 b ii 2  b ii 1 - Mobile L */
@media only screen and (max-height: 1024px) and (max-width: 425px) and (orientation:portrait){
	h1, .top-div span{
		font-size: 29px;
		line-height: 36px;
	}
	h2{
		font-size: 22px;
		line-height: 32px;
	}
	h3{
		font-size: 17px;
		line-height: 25px;
	}
	h4{
		font-size: 16px;
		line-height: 24px;
	}
	h5{
		font-size: 12px;
		line-height: 18px;
	}
	h6{
		font-size: 10px;
		line-height: 14px;
	}
	body .fp-slidesNav.bottom{
		display: none !important;
	}	
	body #section1 .fp-slidesNav.bottom, body #section2 .fp-slidesNav.bottom, body #section3 .fp-slidesNav.bottom{
		display: none !important;
	}
	.fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span, #fp-nav.right ul li:nth-child(2) span{
	    height: 9px !important;
	    width: 9px !important;
	    margin: -5px 0 0 -5px !important;
	}
	.fp-prev{
		display: none !important;
	}
	#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
	    height: 9px !important;
	    width: 9px !important;
	    margin: -5px 0 0 -5px !important;
	}
	.nleft{
		left: -7px;
		top: 4px;
		width: 5px;
		height: 5px;
	}
	.nright{
		right: -7px;
		top: 4px;
		width: 5px;
		height: 5px;
	}
	.nl-active, .nr-active, .nleft:hover, .nright:hover{
		width: 7px;
		height: 7px;
		top: 4px;
	}
	.nl-active, .nleft:hover{
		top: 3px !important;
    	left: -8px !important;
	}
	.nr-active, .nright:hover{
		top: 3px !important;
		right: -8px !important;
	}
	.top-div img{
		height: 36px;
	}	
  	#section2 .top-div span{
		color: #fff;
	}
	#home-1 .top-div span{
		word-spacing: 100vw;	
	}
	#home-1 .top-div img{
		margin-left: 0;
	}			
	.section .top-padding{
	  	padding-top: 18vh !important;
	}
	.section .bottom-padding, #fullpage .section h2.bottom-padding{
	  	padding-bottom: 18vh !important;
  	}
  	.fp-scroller .menu-content{
  		margin: 0 14%;
  		margin: 0 75px;
  		padding: 18vh 0;
  	}
	#section1 .fp-tableCell, #section7 .fp-tableCell, #section8 .fp-tableCell, #section4 .fp-tableCell/*, #section3 .fp-tableCell*/, #section5 .fp-tableCell,
	#section6 .fp-tableCell{
    	display: block !important;
	}	
	#section7 #slide-last4 .fp-tableCell, #section8 #slide-last5 .fp-tableCell, #section6 #slide-last4 .fp-tableCell, #section3 #portfolio-4 .fp-tableCell,
	#section5 #slide-img48 .fp-tableCell{
		display: table-cell !important;
	} 
	#section4 #slide-img1 .btm-stripe, #section4 #slide-img4 .btm-stripe, #section4 #slide-img7 .btm-stripe, #section4 #slide-img9 .btm-stripe,
	#section3 .btm-stripe{
		margin-top: 30px;
	}
	body #fullpage #section1 .fp-slidesNav.bottom, body #fullpage #section2 .fp-slidesNav.bottom, body #fullpage #section3 .fp-slidesNav.bottom{
		display: none !important;
	}		
	#section4 .portrait-text, #section3 .portrait-text, #section5 .portrait-text{
		display: block;
		max-width: 100%;
	}
	.bullet {
	    padding-left: 20px;
	}
	.menu-half, .menu-twothird, .menu-third, .menu-fourth{
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.menu-fourth-last{
		position: relative;
	}
	.menu-twothird .menu-btn{
		border-radius: 4px 4px 0 0;
    	margin-right: 0;
	}
	.menu-third .menu-btn{
		border-radius: 0 0 4px 4px;
		margin-top: 2px;
	}
	.menu-half{
	    margin-top: 5px;
	    margin-bottom: 5px;
	}
	.menu-fourth-1{
		margin-top: 5px;
	}
	.vig-btm{
		right: 5px;
	}
	.top-padding, .bottom-padding, #section1 h3, #section5 h3, #section7 h3, #section8 h2, #section8 h3, .menu-content, #section7 h2, #section9 #footer-info{
		margin-left: 30px !important;
    	margin-right: 50px !important;
	}
	.menu-content{
		margin-left: 75px !important;
		margin-right: 75px !important;
	}
	/*#section2 .small-menu{
		margin-left: 50px !important;
	}*/
	.fp-viewing-be-inspired-menu-desk-monitor-arms .fp-controlArrow.fp-next{
		display: none !important;
	}
	#fp-nav.right li a{
		pointer-events: none;
   		cursor: default;
	}
	#fp-nav.right li:nth-child(2) a{
		pointer-events: all;
   		cursor: pointer;
	}
	#fp-nav.right ul li:hover a span{
		height: 4px;
    	width: 4px; 
		margin: -2px 0 0 -2px;
	}
	.fp-viewing-be-inspired-home .hamburger-next{
		right: 16px !important;
	}
	body .fp-controlArrow.fp-next{
		right: 12px !important;
	} 
	body .fp-controlArrow.fp-prev{
		left: 12px !important;
	}
	.accordion-content p{
		padding-left: 33px;
	}
		.accordion-content .third-second{
			padding-left: 66px;
		}
	.accordion .cross-indent{
		margin-left: 33px;		
	}
	.accordion .check-indent{
		margin-left: 33px;
	}
	.check, .cross{
		width: 33px;
		min-width: 33px;
	}	
	.accordion-toggle:before, .accordion-toggle:after{
		top: 10px;
	}
	#section9 h5{
    	padding: 2px 0;
	}
	#section9 .mobile-line{
		display: block;
	}
	#section9 .mobile-hidden{
		display: none;
	}
	body .iScrollIndicator {
	    background: #ffd573 !important;
	}
}
/* 2 b ii 2 b i - Mobile M */
@media only screen and (max-height: 1024px) and (max-width: 375px) and (orientation:portrait){
	h1, .top-div span{
		font-size: 24px;
		line-height: 30px;
	}
	h2{
		font-size: 18px;
		line-height: 27px;
	}
	h3{
		font-size: 14px;
		line-height: 21px;
	}
	h4{
		font-size: 13px;
		line-height: 20px;
	}
	h5{
		font-size: 10px;
		line-height: 15px;
	}
	h6{
		font-size: 8px;
		line-height: 12px;
	}
	body .fp-slidesNav.bottom{
		display: none !important;
	}
	.nleft, .nright{
		top: 4px !important;
	}
	.nl-active, .nleft:hover{
		top: 3px !important;
    	left: -8px !important;
	}
	.nr-active, .nright:hover{
		top: 3px !important;
		right: -8px !important;
	}
	.top-div img{
		height: 30px;
	}
  	#section2 .top-div span{
		color: #fff;
	}
	#home-1 .top-div span{
		word-spacing: 100vw;	
	}			
	.section .top-padding{
	  	padding-top: 20vh !important;
	}
	.section .bottom-padding, #fullpage .section h2.bottom-padding{
	  	padding-bottom: 20vh !important;
  	}	
  	.fp-scroller .menu-content{
  		margin-top: 0;
  		margin-bottom: 0;
  		padding: 20vh 0;
  	}
  	#section1 .fp-tableCell, #section7 .fp-tableCell, #section8 .fp-tableCell, #section4 .fp-tableCell, #section3 .fp-tableCell, #section5 .fp-tableCell,
  	#section6 .fp-tableCell{
    	display: block !important;
	}
	#section7 #slide-last4 .fp-tableCell, #section8 #slide-last5 .fp-tableCell, #section6 #slide-last4 .fp-tableCell, #section3 #portfolio-4 .fp-tableCell,
	#section5 #slide-img48 .fp-tableCell{
		display: table-cell !important;
	} 		
	#section4 .portrait-text, #section3 .portrait-text, #section5 .portrait-text{
		display: block;
		max-width: 100%;
	}
	.vig-btm{
		right: 5px;
	}
	body #fullpage .small-menu{
		margin-left: 75px !important;
	}
	.menu-content{
		margin-left: 75px !important;
		margin-right: 75px !important;
	}
	.fp-viewing-be-inspired-home .hamburger-next{
		right: 16px !important;
	}
	.fp-prev, .fp-next{
		display: none !important;
	}
	#section9 .mobile-hidden{
		display: none;
	}
}
/* 2 b ii 2 a - Mobile S */
@media only screen and (max-height: 1024px) and (max-width: 320px) and (orientation:portrait){
	h1, .top-div span{
		font-size: 22px;
		line-height: 27px;
	}
	h2{
		font-size: 16px;
		line-height: 24px;
	}
	h3{
		font-size: 13px;
		line-height: 19px;
	}
	h4{
		font-size: 12px;
		line-height: 18px;
	}
	h5{
		font-size: 9px;
		line-height: 13px;
	}
	h6{
		font-size: 7px;
		line-height: 11px;
	}
	body .fp-slidesNav.bottom{
		display: none !important;
	}
	/*body .fp-controlArrow.fp-prev, body .fp-controlArrow.fp-next, .fp-viewing-be-inspired-home .hamburger-next{
    	top: calc(9vh + 60px) !important;
	}*/
	.fp-prev, .fp-next{
		display: none !important;
	}
	.nleft, .nright{
		top: 4px !important;
	}
	.vig-btm{
		right: 4px;
	}
	.nl-active, .nleft:hover{
		top: 3px !important;
    	left: -8px !important;
	}
	.nr-active, .nright:hover{
		top: 3px !important;
		right: -8px !important;
	}
	.top-div img{
		height: 27px;
	} 
  	#section2 .top-div span{
		color: #fff;
	}
	#home-1 .top-div span{
		word-spacing: 100vw;	
	}		
	.section .top-padding{
	  	padding-top: 20vh !important;
	}
	.section .bottom-padding, #fullpage .section h2.bottom-padding{
	  	padding-bottom: 20vh !important;
  	}
  	.fp-scroller .menu-content{
  		margin-top: 0;
  		margin-bottom: 0;
  		padding: 20vh 0;
  	}
  	#section1 .fp-tableCell, #section7 .fp-tableCell, #section8 .fp-tableCell, 
  	#section4 .fp-tableCell, #section3 .fp-tableCell, #section5 .fp-tableCell, 
  	#section6 .fp-tableCell{
    	display: block !important;
	}
	#section7 #slide-last4 .fp-tableCell, #section8 #slide-last5 .fp-tableCell, 
	#section6 #slide-last4 .fp-tableCell, #section3 #portfolio-4 .fp-tableCell,
	#section5 #slide-img48 .fp-tableCell{
		display: table-cell !important;
	}  		
	#section4 .portrait-text, #section3 .portrait-text, #section5 .portrait-text{
		display: block;
		max-width: 100%;
	}
	/*body .fp-controlArrow.fp-prev, body .fp-controlArrow.fp-next, .fp-viewing-be-inspired-home .hamburger-next{
    	top: calc(9vh + 60px) !important;
	}*/
	.msmall{
		display: none !important;
	}
	.top-padding, .bottom-padding, #section1 h3, #section5 h3, #section7 h3, #section8 h2, #section8 h3, .menu-content, #section9 #footer-info{
	    margin-left: 30px !important;
	    margin-right: 50px !important;
	}
	.menu-content{
		margin-left: 75px !important;
		margin-right: 75px !important;
	}
	.vig-btm{
		right: 4px;
	}
	.fp-viewing-be-inspired-home .hamburger-next{
		right: 16px !important;
	}
	#section9 .mobile-hidden{
		display: none;
	}
}