html, body, p, li {

font-family: "Inter", sans-serif !important;
font-size:14px !important;
line-height:24px !important;
font-weight:400 !important;
color:#0d263d !important;

}

tbody {display:table; width:100%; height:100%;}

a:hover {text-decoration:none; color:inherit;}

p a {color:inherit;}

.container {

width:100%;
max-width:1300px !important;
position:relative;
padding-left:20px;
padding-right:20px;

}


.content_container {

display:inline-block !important;
text-align:left;

}


.content-editor {

width:100% !important;
max-width:100% !important;
margin:0px !important;
padding:0px !important;

}


.ctabutton {

display:inline-block !important;
background-color:#f58200;
color:#f5f5f5;
border-radius:9px;
padding-top:10px;
padding-bottom:8px;
padding-left:15px;
padding-right:12px;
position:relative;
cursor:pointer;
max-width:95%;
box-sizing:border-box;

}


.ctabutton a {

font-size:14px !important;
text-transform:uppercase !important;
letter-spacing:.61px !important;
font-weight:700 !important;
font-family: "Inter";

}


.ctabutton.extraborder {border:2px solid #f58200 !important;}


.ctabutton:hover, .ctabutton:visited, .ctabutton:hover a, .ctabutton a:visited {

text-decoration:none !important;
color:#f5f5f5 !important;

}


.ctabutton img {

height:25px !important;
width:auto !important;
position:relative;
top:-1px;

}


.ctareverse, .ctareverse:hover, .ctareverse:visited {

background-color:transparent !important;
color:#f58200 !important;
border:2px solid #f58200 !important;
text-decoration:none !important;

}


.ctareverse a, .ctareverse:hover a, .ctareverse a:visited {

text-decoration:none !important;
color:#f58200 !important;

}




.wp-block-button__link {

background:transparent !important;
padding:0px !important;

}


.heading_small {

font-size:13px !important;
letter-spacing:.5px;
text-transform:uppercase;
font-weight:500 !important;
font-family: "Inter";

}


.sec_heading {

font-size:30px !important;
color:#f58200;
font-weight:500 !important;
font-family: "Inter";
margin-bottom:10px !important;
position:relative;
text-align:left;
max-width:100%;
box-sizing:border-box;

}


.sec_heading:before {

content:'';
height:19px;
width:134px;
display:inline-block;
background-image:url("../svg/color-pixel-art.svg");
background-size:contain;
background-repeat:no-repeat;
background-position:center;
position:absolute;
top:6px;
left:-140px;

}


.sec_heading.flip:after {

content:'';
height:19px;
width:134px;
display:inline-block;
background-image:url("../svg/color-pixel-art.svg");
background-size:contain;
background-repeat:no-repeat;
background-position:center;
position:absolute;
top:8px;
right:-140px;

}


.sec_heading sup {

font-size:12px;
vertical-align:middle;
position:relative;
top:-10px;

}


.sec_row {

display:block !important;
position:relative;

}


.sec_row.center {text-align:center;}


figure img {

width:100% !important;
height:auto !important;

}


.slideholder::-webkit-scrollbar {display: none;}
.slideholder {-ms-overflow-style: none; scrollbar-width: none;}

//.slideholder {scroll-snap-type: x mandatory;}


.navbuttons {

display:inline-block !important;
position:relative;
float:right;
right:140px;

}


.navbutton {

width:45px;
height:45px;
display:inline-block !important;
background-color:#dedede;
border-radius:9px;
margin-left:9px;
margin-right:9px;
text-align:center;

}


.navbutton img {

width:10px !important;
height:16px !important;
position:relative;
top:10px;

}


.navbutton.disabled {background-color:#f5f5f5;}
.navbutton.disabled img {opacity:.3;}


.tileholder {display:inline-block !important;}


.overlay {

position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
background-color:rgba(0,0,0,.6);
z-index:250;
display:none;

}



.popholder {

position:fixed;
top:0px;
left:0px;
width:100%;
max-height:100%;
text-align:center;
z-index:251;
padding:15px;
display:none;
overflow-y:auto;

}


.popup {

display:inline-block;
position:relative;
background-color:#fffefc;
border-radius:8px;
box-shadow:0px 0px 5px #cccccc;
padding:40px;
max-width:100%;
text-align:center;
box-sizing:border-box;

}


.closepop {

position:absolute;
top:30px;
right:30px;
width:45px;
height:45px;

}


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

.popholder {background-color:#f5f5f5;}
.popup {box-shadow:none; border-radius:0px; width:100% !important; padding:20px; padding-top:45px;}
.closepop {top:10px; right:10px;}

}


@media screen and (max-width:900px) {

.sec_heading:before, .heading_small:before {content:''; height:19px; width:134px; display:block; background-image:url("../svg/color-pixel-art.svg"); background-size:contain; background-repeat:no-repeat; background-position:center; position:relative; margin-bottom:9px; left:0px !important; top:0px !important;}
.navbuttons {right:20px;}
.sec_heading.flip:after {display:none !important;}

}








/***************************** HEADER **********************************/

header {

padding-top:12px;
padding-bottom:12px;
background-color:#f5f5f5 !important;
box-sizing:border-box;

}


.headhesive--clone.dark-header {

background-color:#f5f5f5 !important;

}


header .container {

box-sizing:border-box;

}


#logo img, .headhesive--clone #logo img {

width:140px !important;
height:38px !important;
max-height:38px !important;

}


nav li {

margin-left:25px !important;
padding-top:15px !important;
padding-bottom:13px !important;

}


.navbar-nav .dropdown-menu li {

margin-left:0px;
padding-top:0px !important;
padding-bottom:0px !important;

}


.navbar-nav .dropdown-menu {

background-color:#f5f5f5 !important;

}


header.dark-header .navbar-nav > li > a, header.dark-header .navbar-nav > li > a:hover  {

color:#0d263d !important;
font-size:16px !important;
font-weight:500 !important;
font-family: "Inter" !important;
margin:0px !important;

}


.headhesive--clone.dark-header .navbar-nav > li > a, .headhesive--clone.dark-header .navbar-nav > li > a:hover  {

color:#0d263d !important;
font-size:16px !important;
font-weight:500 !important;
font-family: "Inter" !important;
margin:0px !important;

}


.navbar .navbar-nav .dropdown-menu li a {

color:#0d263d !important;
font-size:16px !important;
font-weight:500 !important;
font-family: "Inter" !important;
margin:0px !important;
padding-left:0px !important;

}


.navbar .navbar-nav .dropdown-menu li a:hover {

color:#0d263d !important;
text-decoration:underline;

}



#logo {

margin-top:0px !important;
margin-bottom:0px !important;

}


#menu-main-menu {

margin-top:0px !important;

}


.menu-item-24615 {

background-color:#f58200 !important;
border-radius:9px !important;
padding-left:17px !important; 
padding-right:20px !important;
padding-top:10px !important;
padding-bottom:7px !important;
margin-left:0px !important;

}


.navbar .navbar-nav > li.menu-item-24615 > a, .navbar .navbar-nav > li.menu-item-24615 > a:hover {

text-transform:uppercase; 
font-weight:700 !important;
font-size:14px !important;
color:#f5f5f5 !important; 
background-color:transparent !important;

}


.navbar .navbar-nav > li.menu-item-24615 > a:after, .navbar .navbar-nav > li.menu-item-24615 > a:hover:after {

content:'' !important;
height:28px !important;
width:28px !important;
display:inline-block;
background-color:transparent !important;
background-image:url("../png/arrow-right-3.png");
background-size:contain;
background-repeat:no-repeat;
background-position:center;
position:relative;
vertical-align:middle;
top:-1px;
margin-right:-8px;

}


.navbar .navbar-nav > li > a {

padding:0px !important;

}


.navbar .navbar-nav > li > a:after {

width:0px !important;

}


.mobicon {

position:absolute;
top:15px;
right:20px;
cursor:pointer;
display:inline-block;

}


.mobicon img {

width:20px;
height:auto;

}


#mobclose {

position:absolute;
top:13px;
right:20px;
cursor:pointer;

}

#mobclose img {

width:35px;
height:auto;

}


#mobnav {

position:fixed;
top:0px;
left:100%;
bottom:0px;
width:100%;
background-color:#f5f5f5;
z-index:2222222222;
box-sizing:border-box;

}


#mobnav #logo {

padding-top:15px;
padding-left:20px;

}


#mobnav .menu {

height:100%;
overflow-y:auto;
padding-bottom:60px;

}


#mobnav ul {

padding-left:0px;
padding-top:80px;

}


#mobnav li {

padding-left:20px;
padding-right:20px;
padding-top:15px;
padding-bottom:15px;
list-style:none;
margin:0px !important;

}


#mobnav li a {

font-size:16px;
color:#0D263D;
font-weight:500;
display:block;

}


#mobnav .dropdown-menu {

padding-top:10px;
padding-left:10px;
position:relative;
top:0px;
background-color:transparent;
box-shadow:none;
float:none;
border:0px;

}


#mobnav .dropdown-menu li {

padding-left:0px !important;
padding-right:0px !important;
padding-top:8px !important;
padding-bottom:8px !important;

}


#mobnav .dropdown-menu li a {padding:0px !important;}


#mobnav .menu-item-24615 {

display:inline-block;
margin-left:20px !important;
margin-top:20px !important;

}


#mobnav .menu-item-24615 a {

text-transform:uppercase; 
font-weight:700 !important;
font-size:14px !important;
color:#f5f5f5 !important; 
background-color:transparent !important;

}


#mobnav .menu-item-24615 > a:after, #mobnav .menu-item-24615 > a:hover:after {

content:'' !important;
height:28px !important;
width:28px !important;
display:inline-block;
background-color:transparent !important;
background-image:url("../png/arrow-right-3.png");
background-size:contain;
background-repeat:no-repeat;
background-position:center;
position:relative;
vertical-align:middle;
top:-1px;
margin-right:-8px;

}



@media screen and (max-width:1050px) {

#menu-main-menu {display:none !important;}

}


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

.mobicon {display:none;}
#mobnav {display:none;}

}



@media screen and (max-width:1150px) {

nav li {margin-left:15px !important;}

}







/***************************** HOME MASTHEAD **********************************/

#home_masthead {

width:100%;
height:750px;
text-align:center;

}


#home_masthead .masthead_text {

display:inline-block !important;
text-align:left;
padding-left:80px;
padding-right:80px;
padding-top:120px;
padding-bottom:120px;
background-image:url(../svg/vrglassesback.svg);
background-size:contain;
background-repeat:no-repeat;
background-position:center;
position:relative;

}


#home_masthead .masthead_text h1 {

font-size:64px !important;
font-weight:400 !important;
font-family: "Inter";
margin-bottom:30px !important;

}


.masthead_text h1 sup {

font-size:20% !important;
vertical-align:middle;
position:relative;
top:-15px;
left:-12px;

}


@media screen and (max-width:600px) {

#home_masthead .masthead_text h1 {font-size:28px !important;}
.masthead_text h1 sup {font-size:30% !important; top:-8px; left:-5px;}
#home_masthead {height:488px;}
#home_masthead .masthead_text {padding-right:40px !important; padding-left:40px !important; padding-top:80px !important; padding-bottom:80px !important; margin-top:-60px !important;}
#home_masthead .masthead_text .ctabutton {position:absolute; bottom:-60px; left:0px;}

}


@media screen and (min-width:601px) and (max-width:767px) {

#home_masthead .masthead_text h1 {font-size:34px !important;}
.masthead_text h1 sup {font-size:30% !important; top:-8px; left:-7px;}
#home_masthead {height:488px;}

}


@media screen and (min-width:768px) and (max-width:900px) {

#home_masthead .masthead_text h1 {font-size:44px !important;}
.masthead_text h1 sup {font-size:30% !important; top:-10px; left:-10px;}

}








/***************************** HOME FIRST SECTION **********************************/

#enhance {

padding-top:96px;
padding-bottom:96px;

}



#enhance .sec_row {margin-bottom:170px;}


#enhance .sec1 {

display:inline-block !important;
width:550px;
max-width:45%;
vertical-align:top;
text-align:left;

}


#enhance .sec1_image {

width:500px;
max-width:45%;
display:inline-block !important;

}


#enhance .sec1 .sec_text {width:340px}


#enhance .sec2 {

display:inline-block !important;
width:470px;
max-width:45%;
vertical-align:top;
text-align:left;

}


#enhance .sec2_image {

width:370px;
max-width:45%;
display:inline-block !important;
margin-right:190px;
position:relative;
top:20px;

}


#enhance .sec2 .sec_text {width:370px; margin-bottom:10px;}



@media screen and (max-width:900px) {

#enhance .sec1, #enhance .sec2, #enhance .sec_text {width:100%; max-width:100%;}
#enhance .sec1_image {width:90%; max-width:90%; margin-top:20px;}
#enhance .sec2_image.mobileonly {width:100%; max-width:500px; margin-top:20px; margin-right:0px;}
#enhance .sec2_image.deskonly {display:none !important;}
#enhance .sec_heading:before {display:none;}

}


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

#enhance .sec2_image.mobileonly {display:none !important;}

}


@media screen and (min-width:901px) and (max-width:1100px) {

#enhance .sec2_image {width:300px;}

}








/***************************** HOME LOGO SECTION **********************************/

#logos {

padding-top:80px;
padding-bottom:50px;
position:relative;
background-color:#f5f5f5;
text-align:center;

}


#logos .sec_heading {

width:400px;
margin-bottom:35px !important;

}


#logos .slideholder {

width:100%;
display:inline-block !important;
white-space:nowrap;
overflow-x:auto;
margin-bottom:50px;
overflow-y:hidden;

}


#logos .slideholder figure {

width:217px;
height:217px;
padding:10px;
background-color:#ffffff;
border:1px solid #bfbfbf;
border-radius:9px;
display:inline-block;
margin-right:20px;
scroll-snap-align:start;
max-width:100%;
box-sizing:border-box;
vertical-align:top;

}


#logos .placeholder_image {

background-color:transparent !important;
border:0 !important;
width:0px !important;
padding:0px !important;

}


#logos .navbutton.disabled {background-color:#ffffff;}


@media screen and (max-width:400px) {

#logos .sec_heading {width:245px;}

}


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

#logos .placeholder_image {width:calc((100% - 1440px)/2) !important;}

}







/***************************** HOME SOLUTIONS SECTION **********************************/

#solutions {

padding-top:114px;
padding-bottom:90px;
position:relative;
background-color:#ffffff;
text-align:center;

}


#solutions .sec_heading {

width:520px;
margin-bottom:65px !important;

}


#solutions .slideholder {

width:100%;
display:inline-block !important;
white-space:nowrap;
overflow-x:auto;
margin-bottom:75px;

}


#solutions .slideholder figure {

width:217px;
height:286px;
display:inline-block;
margin-right:12px;
scroll-snap-align:start;
max-width:100%;
box-sizing:border-box;
vertical-align:top;

}


#solutions .placeholder_image {

width:0px !important;

}


#solutions .ctabutton {

position:relative;
top:-45px;

}


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

#solutions {text-align:left;}
#solutions .ctabutton {float:none; left:20px; top:0px; margin-top:35px;}

}


@media screen and (min-width:501px) and (max-width:900px) {

#solutions .ctabutton {float:left; left:20px;}

}


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

#solutions .placeholder_image {width:calc((100% - 1300px)/2) !important;}

}






/***************************** HOME BENFITS SECTION **********************************/

#benefits {

padding-top:70px;
padding-bottom:120px;
position:relative;
background-color:#f5f5f5;
text-align:center;

}


#benefits .sec_heading {

margin-bottom:24px !important;
width:400px;

}


#benefits .heading_small {margin-bottom:-8px;}


#benefits .slideholder {

width:100%;
display:inline-block !important;
white-space:nowrap;
overflow-x:auto;
overflow-y:hidden;

}


.benefit_tile {

display:inline-flex !important;
justify-content:flex-end;
margin-left:12px !important;
margin-right:12px !important;
margin-bottom:24px !important;
padding:20px;
padding-bottom:70px;
text-align:left;
background-color:#ffffff;
border:1px solid #bfbfbf;
border-radius:28px;
vertical-align:top;
width:274px;
height:274px;
box-sizing:border-box;
scroll-snap-align:start;
max-width:100%;
box-sizing:border-box;
white-space:normal;

}


.benefit_grad {

font-size:92px;
font-weight:500;
color:#f58200;
margin-bottom:-10px !important;
margin-top:-35px !important;
background: linear-gradient(to bottom, #F5E431 0%, #F58200 92%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

}


.benefit_caption {

font-size:26px !important;

}




@media screen and (max-width:900px) {

#benefits .sec_heading:before {display:none;}

}


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

#benefits .navbuttons {display:none !important;}

}









/***************************** HOME FEATURES SECTION **********************************/

#features {

padding-top:170px;
padding-bottom:184px;
background-color:#ffffff;
text-align:center;

}


#features .sec_heading {

width:420px;
margin-bottom:80px !important;

}


.feature_container {

display:inline-block !important;
text-align:left;

}


.feature_block {

display:inline-block !important;
vertical-align:top;
text-align:left;
width:250px;
margin-bottom:100px !important;
margin-right:220px !important;

}


.feature_text {

width:250px;

}


.feature_block figure {

margin-bottom:20px !important;

}


.feature_block img {

height:60px !important;
width:auto !important;

}


.feature_heading {

font-size:26px !important;
margin-bottom:8px !important;

}



@media screen and (max-width:780px) {

.feature_block {display:block !important; margin-right:0px !important; margin-bottom:50px !important;}

}



@media screen and (max-width:1060px) {

.feature_block:nth-child(even) {margin-right:0px !important;}

}


@media screen and (min-width:1061px) and (max-width:1300px) {

.feature_block {margin-right:100px !important;}

}


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

.feature_block:nth-child(3n) {margin-right:0px !important}

}






/***************************** HOME READY SECTION **********************************/

#ready {

padding-top:106px;
padding-bottom:101px;
background-color:#00a6cf;
text-align:center;

}


#ready .container {text-align:center;}

#ready .sec_heading {color:#f5f5f5;}








/***************************** HOME AUTOMATION PLATFORM SECTION **********************************/

#automation {

padding-top:114px;
padding-bottom:80px;
position:relative;
background-color:#ffffff;
text-align:center;

}



#automation .sec_heading {

width:530px;
margin-bottom:30px !important;

}


#automation .slideholder {

width:100%;
display:inline-block !important;
white-space:nowrap;
overflow-x:auto;
margin-bottom:70px !important;

}


.platform_block {

display:inline-block !important;
width:333px;
max-width:100%;
box-sizing:border-box;
height:657px;
background-color:#0D263D;
border-radius:19px;
margin-right:30px !important;
position:relative;
display:inline-block;
vertical-align:top;
padding:15px;
color:#f5f5f5 !important;
text-align:left;
white-space:normal;
scroll-snap-align:start;

}


.platform_image {

width:100%;
margin-bottom:40px !important;
margin-top:195px !important;

}

.platform_heading {

font-size:48px;
font-weight:300 !important;
margin-bottom:5px !important;
color:#f5f5f5;
font-family: "Inter" !important;

}


.platform_block p {

color:#f5f5f5 !important;

}


.platform_block.placeholder_image {

width:0px;
padding:0px;
margin-right:0px !important;
background-color:transparent;

}


#automation .ctabutton {

position:relative;
top:-45px;

}


@media screen and (max-width:650px) {

#automation {text-align:left;}
#automation .ctabutton {left:10px; top:0px; margin-top:35px;}

}


@media screen and (min-width:651px) and (max-width:1050px) {

#automation .ctabutton {float:left; left:20px;}

}


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

.platform_block.placeholder_image {width:calc((100% - 1440px)/2) !important;}

}










/***************************** HOME BUILDER SECTION **********************************/

#builder {

padding-top:103px;
padding-bottom:80px;
background-color:#f5f5f5;

}


#builder .sec_heading {

width:500px;
margin-bottom:15px !important;

}


#builder .sec1 {

display:inline-block !important;
width:50%;
vertical-align:top;
text-align:left;

}


#builder .sec1_image {

width:580px;
max-width:45%;
display:inline-block !important;
position:relative;
top:-15px;

}


#builder .sec1 .sec_text {width:320px}


#builder ul {

padding-left:15px;
margin-top:10px !important;
margin-bottom:20px !important;

}


#builder li {

margin-bottom:10px;

}




@media screen and (max-width:900px) {

#builder .sec1, #builder .sec_text {width:100%; max-width:100%;}
#builder .sec1_image {width:100%; max-width:100%; top:0px; margin-top:35px !important;}
#builder .sec_heading {width:300px;}
#builder .sec_heading:before {display:none;}

}







/***************************** HOME TRAINING SECTION **********************************/

#training {

padding-top:100px;
padding-bottom:100px;
background-color:#ffffff;
text-align:left;

}


#training .sec_heading {

width:450px;
margin-bottom:34px !important;

}


#training .iconholder {

display:block !important;
text-align:left;

}


.training_block {

display:inline-block !important;
vertical-align:top;
margin-right:70px !important;
margin-bottom:50px !important;

}


.training_icon {

height:42px;
width:93px;
margin-bottom:8px !important;

}


.training_icon img {

height:42px !important;
width:93px !important;

}


.training_caption {

width:105px;
font-size:20px !important;

}


.training_block.last .training_caption {

width:165px;

}


.training_block.last {margin-right:20px !important;}


.training_block.more {

margin-right:0px !important;
width:115px;

}


.training_block.more .training_caption {width:115px;}


.training_block.more .training_icon {

font-size:54px !important;
padding-top:10px;

}



#training .ctalabel {

display:inline-block !important;
margin-right:20px !important;

}



@media screen and (max-width:580px) {

.training_block.more {display:block !important;}

}








/***************************** HOME TESTIMONIALS SECTION **********************************/

#testimonials {

padding-top:50px;
padding-bottom:100px;
background-color:#ffffff;
text-align:center;
padding-left:20px;
padding-right:20px;

}


.testblock {

display:inline-block !important;
vertical-align:top;
width:100%;
max-width:460px;
box-sizing:border-box;
padding:30px;
background-color:#f7f7f7;
text-align:left;

}


.testquotes {

width:60px;
margin-bottom:15px !important;

}


.testblurb {

font-size:18px !important;
margin-bottom:15px !important;

}


.testpic {

width:104px;
height:104px;
display:inline-block;
margin-right:15px !important;
margin-bottom:8px !important;

}


.testpic img {

width:104px !important;
height:104px !important;

}


.testname {

font-size:29px !important;
color:#00a6cf !important;
margin-bottom:10px !important;
display:inline-block !important;

}


.testitle {

font-size:18px !important;
color:#00a6cf !important;

}


.testinfo {

display:inline-block !important;
max-width:300px;
vertical-align:top;

}







/***************************** CONTACT FORM **********************************/

#contact {

padding-top:80px;
padding-bottom:80px;
padding-left:20px;
padding-right:20px;
background-image:url(../jpg/contactback.jpg);
background-size:containe;
background-repeat:repeat;
text-align:center;
position:relative;

}


#contact.blue {

background-image:url(../jpg/contactback-blue.jpg);
background-color:#00A6CF;

}


.contactform {

display:inline-block !important;
text-align:left;
max-width:760px;

}


.form_heading {

font-size:40px !important;
line-height:46px !important;
font-weight:300 !important;
margin-bottom:15px !important;

}


.blue .form_heading {color:#ffffff !important;}


.contactform .fieldgroup {

display:inline-block;
vertical-align:top;
width:350px;
margin-bottom:20px;
margin-right:25px;

}


.fieldgroup.placeholder {margin-bottom:0px !important;}



.contactform .textfield {

padding:10px;
background-color:#ffffff;
border:1px solid #cccccc;
width:100%;
border-radius:7px;

}


.contactform textarea {height:160px;}


.contactform label {

display:block;
margin-bottom:6px;
font-weight:400 !important;
color:#25273A !important;

}

.blue .contactform label {color:#ffffff !important;}


.contactform input[type="checkbox"] {

width:20px;
height:20px;
margin-right:6px;
position:relative;
top:3px;

}


#showchecks {display:none;}


.checks label {

display:inline-block !important;

}


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


.contactform .ctabutton {

font-size:16px !important;
font-weight:700 !important;
margin-top:10px;
padding:18px;
padding-bottom:16px;

}


.ferror, .contactform .invalid {

border:1px solid red !important;

}


@media screen and (max-width:820px) {

.contactform .fieldgroup {display:block; width:100%;}


}








/***************************** PLATFORM MASTHEAD **********************************/

#platform_masthead {

width:100%;
height:460px;
text-align:center;
overflow:visible !important;
min-height:0px !important;

}


#platform_masthead .masthead_text {

display:inline-block !important;
text-align:center;
padding-left:150px;
padding-right:150px;
padding-top:205px;
padding-bottom:215px;
background-image:url(../png/vr-with-img2x.png);
background-size:contain;
background-repeat:no-repeat;
background-position:center;
position:relative;
top:90px;

}


#platform_masthead .masthead_text h1 {

font-size:64px !important;
font-weight:400 !important;

}



@media screen and (max-width:600px) {

#platform_masthead .masthead_text h1 {font-size:24px !important;}
#platform_masthead {height:180px;}
#platform_masthead .masthead_text {top:40px; padding-right:60px !important; padding-left:60px !important; padding-top:80px !important; padding-bottom:80px !important;}

}


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

#platform_masthead .masthead_text {top:50px; padding-left:100px; padding-right:100px;}
#platform_masthead .masthead_text h1 {font-size:34px !important;}
#platform_masthead {height:240px;}

}


@media screen and (min-width:701px) and (max-width:850px) {

#platform_masthead .masthead_text {top:80px;}
#platform_masthead .masthead_text h1 {font-size:34px !important;}
#platform_masthead {height:300px;}

}


@media screen and (min-width:851px) and (max-width:1100px) {

#platform_masthead {height:360px;}
#platform_masthead .masthead_text h1 {font-size:48px !important;}

}







/************************ PLATFORM INTELLIGENCE *****************************/

#plat_intelligence {

padding-top:200px;
padding-bottom:60px;
background-color:#f5f5f5;
text-align:center;

}


#plat_intelligence .container {

display:inline-block !important;

}


#plat_intelligence .sec1 {

display:inline-block !important;
width:360px;
max-width:45%;
vertical-align:top;
text-align:left;
margin-right:60px;
position:relative;

}


#plat_intelligence .sec1_image {

width:384px;
max-width:45%;
display:inline-block !important;

}



#plat_intelligence .ctabutton {

margin-top:40px;

}


#plat_intelligence .sec_text {

margin-bottom:10px;

}


@media screen and (max-width:600px) {

#plat_intelligence {padding-top:100px;}

}


@media screen and (max-width:900px) {

#plat_intelligence .sec1 {width:100%; max-width:100%; margin-right:0px;margin-bottom:40px;}
#plat_intelligence .sec1_image {width:100%; max-width:500px; margin-top:20px;}
#plat_intelligence .sec_heading:before {display:none;}
#plat_intelligence .container {width:100%; display:block;}

}








/************************ PLATFORM TRAINING *****************************/

#plat_training {

padding-top:190px;
padding-bottom:215px;
background-color:#ffffff;
text-align:center;

}


#plat_training .sec_heading {

width:335px;
margin-bottom:25px !important;

}


#plat_training .slideholder {

width:100%;
display:inline-block !important;
white-space:nowrap;
overflow-x:auto;
margin-bottom:50px !important;

}


.ptraining_block {

display:inline-block !important;
width:353px;
max-width:100%;
box-sizing:border-box;
height:677px;
border-radius:19px;
margin-right:8px !important;
position:relative;
display:inline-block;
vertical-align:top;
padding:28px;
color:#f5f5f5 !important;
text-align:left;
white-space:normal;
scroll-snap-align:start;

}


.ptraining_image {

width:100%;
margin-bottom:48px !important;
margin-top:225px !important;

}

.ptraining_heading {

font-size:48px;
font-weight:300 !important;
margin-bottom:5px !important;
color:#f5f5f5;
line-height:43px !important;

}



.ptraining_block.placeholder_image {

width:0px;
padding:0px;
margin-right:0px !important;
background-color:transparent;

}


.ptraining_block.blue {background-color:#00A6CF;}
.ptraining_block.orange {background-color:#F58200;}
.ptraining_block.navy {background-color:#0D263D;}
.ptraining_block.green {background-color:#BDED0A;}
.ptraining_block.yellow {background-color:#FACC40;}

.ptraining_block.green .ptraining_heading, .ptraining_block.yellow .ptraining_heading  {color:#0D263D;}


.trainlink {

display:inline-block;
font-weight:700 !important;
margin-left:20px;
margin-right:20px;
color:#0D263D !important;
margin-bottom:20px;

}


.trainlink span {color:#F58200 !important;}

.trainlink img {

height:30px; 
width:auto;
position:relative;
top:-1px;
left:-3px;

}


.plusbutton {

display:inline-block;
padding-bottom:15px;
padding-top:8px;
padding-left:8px;
padding-right:8px;
color:#f5f5f5 !important;
background-color:rgba(0,0,0,.30);
border-radius:9px;
position:absolute;
bottom:34px;
right:37px;
font-size:48px !important;
font-weight:300 !important;
cursor:pointer;

}



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

.ptraining_block.placeholder_image {width:calc((100% - 1300px)/2) !important;}

}








/************************ PLATFORM API *****************************/

#plat_api {

padding-top:81px;
padding-bottom:71px;
background-color:#f5f5f5;

}


#plat_api .secrow {

width:100%;
box-sizing:border-box;

}


#plat_api .sec1 {

display:inline-block !important;
width:416px;
vertical-align:top;
text-align:left;
margin-right:40px;
position:relative;
margin-bottom:20px !important;
box-sizing:border-box;
max-width:100%;

}



#plat_api .sec2 {

display:inline-block;
vertical-align:top;
width:340px;
margin-bottom:60px;
box-sizing:border-box;
max-width:100%;

}


#plat_api .slideholder {

width:100%;
display:inline-block !important;
white-space:nowrap;
overflow-x:auto;
margin-bottom:40px !important;

}


#plat_api .slideholder figure {

width:215px;
height:215px;
display:inline-block;
margin-right:24px;
scroll-snap-align:start;
max-width:100%;
box-sizing:border-box;
vertical-align:top;

}


#plat_api .placeholder_image {

width:0px !important;

}





@media screen and (max-width:900px) {

#plat_api .sec1  {width:100%; margin-right:0px;}
#plat_api .sec2 {width:100%;}

}


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

#plat_api .placeholder_image {width:calc((100% - 1440px)/2) !important;}

}






/***************************** PLATFORM BENFITS SECTION **********************************/

#plat_benefits {

padding-top:101px;
padding-bottom:120px;
position:relative;
background-color:#ffffff;
text-align:center;

}


#plat_benefits .sec_heading {

margin-bottom:24px !important;
width:435px;

}


#plat_benefits .heading_small {margin-bottom:-8px;}


#plat_benefits .slideholder {

width:100%;
display:inline-block !important;
white-space:nowrap;
overflow-x:auto;

}


#plat_benefits .benefit_tile {

display:inline-flex !important;
justify-content:flex-end;
margin-left:12px !important;
margin-right:12px !important;
margin-bottom:24px !important;
padding:20px;
padding-bottom:30px;
text-align:left;
background-color:#0D263D;
border:1px solid #bfbfbf;
border-radius:28px;
vertical-align:top;
width:274px;
height:274px;
box-sizing:border-box;
scroll-snap-align:start;
max-width:100%;
white-space:normal;

}


#plat_benfits .benefit_grad {

font-size:92px;
font-weight:500;
color:#f58200;
margin-bottom:-10px !important;
margin-top:-35px !important;
background: linear-gradient(to bottom, #F5E431 0%, #F58200 92%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

}


#plat_benefits .benefit_caption {

font-size:20px !important;
color:#ffffff !important;
margin-bottom:15px;
width:100%;

}


#plat_benefits .benefit_caption2 {

color:#00A6CF !important;

}



@media screen and (max-width:900px) {

#plat_benefits .sec_heading:before {display:none;}

}


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

#plat_benefits .navbuttons {display:none !important;}

}





/***************************** PLATFORM SCREENS SECTION **********************************/

#plat_screens {

padding-top:145px;
padding-bottom:50px;
background-color:#0D263D;
box-sizing:border-box;

}


#plat_screens .container {

width:100%;
max-width:1440px !important;
text-align:center;
box-sizing:border-box;

}


#plat_screens .sec_row {

margin-bottom:50px;
max-width:1440px;
display:inline-block !important;
box-sizing:border-box;
width:100%;

}


#plat_screens .sec1 {

display:inline-block !important;
width:460px;
vertical-align:top;
text-align:left;
margin-left:134px;
max-width:40%;
box-sizing:border-box;

}

#plat_screens .sec1 .sec_heading {width:460px;}



#plat_screens .sec1_image {

width:830px;
max-width:53%;
display:inline-block !important;
position:relative;
float:right;
box-sizing:border-box;

}


#plat_screens .sec_text {width:340px; color:#f5f5f5 !important;}

#plat_screens .sec_heading.narrow {width:360px;}


#plat_screens .sec2 {

display:inline-block !important;
width:400px;
vertical-align:top;
text-align:right;
float:right;
margin-right:134px;
max-width:40%;
box-sizing:border-box;

}

#plat_screens .sec2 .sec_heading {width:400px; text-align:right; float:right; box-sizing:border-box;}

#plat_screens .sec2 .sec_text {float:right;}


#plat_screens .sec2_image {

width:830px;
max-width:53%;
display:inline-block !important;
position:relative;
float:left;
box-sizing:border-box;

}


.platform_modal {

background-color:#f5f5f5;
max-width:1000px;
text-align:center;
width:100%;
box-sizing:border-box;

}


.modal_container {

display:inline-block !important;
text-align:center;
width:100%;
box-sizing:border-box;

}


.modal_head {

display:inline-block !important;
margin-bottom:40px !important;
text-align:left;
width:75%;
padding-left:194px;
padding-right:60px;
box-sizing:border-box;
max-width:100%;

}



.modal_container figure {

width:75%;
display:inline-block !important;
margin-bottom:8px;
box-sizing:border-box;
max-width:100%;

}


.bullet_container {

display:inline-block !important;
width:75%;
max-width:100%;
background-color:#ffffff;
text-align:left;
padding-left:194px;
padding-right:60px;
padding-top:60px;
padding-bottom:60px;
box-sizing:border-box;

}


.bullet_container .sec_heading {margin-bottom:24px;}


.bullet_container ul {

width:350px;
padding-left:15px;
list-style-image:url(../png/bullet2.png);
max-width:100%;
box-sizing:border-box;

}


.bullet_container li {

padding-left:10px;
margin-bottom:10px;

}



@media screen and (max-width:900px) {

#plat_screens {padding-top:70px;}
#plat_screens .sec1, #plat_screens .sec2, #plat_screens .sec_text, #plat_screens .sec_heading {width:100%; max-width:100%; float:none; text-align:left;}
#plat_screens .sec1_image, #plat_screens .sec2_image {width:100%; max-width:600px; margin-top:20px; margin-right:0px; float:none; box-sizing:border-box;}
#plat_screens .sec2_image.deskonly {display:none !important;}
#plat_screens .sec2 .sec_heading {text-align:left; float:none; width:100%; max-width:100%;}
#plat_screens .sec2 .sec_text {float:none; width:100%; max-width:100%;}
.modal_head .sec_heading:before {display:none;}
.modal_head, .modal_container figure, .bullet_container {width:100%;}
.modal_head {padding-left:40px; padding-right:0px;}
.bullet_container {padding-left:40px;padding-right:40px;padding-top:40px; padding-bottom:40px;}

}


@media screen and (min-width:901px) and (max-width:1100px) {

.modal_head, .modal_container figure, .bullet_container {width:95%;}

}


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

#plat_screens .sec2_image.mobileonly {display:none !important;}
#plat_screens .sec_heading.flip:before {display:none !important;}

}


@media screen and (max-width:1350px) {

#plat_screens .sec1 {margin-left:0px}
#plat_screens .sec2 {margin-right:0px;}

}









/***************************** ABOUT MASTHEAD **********************************/

#about_masthead {

width:100%;
//height:460px;
text-align:center;
padding-top:187px;
padding-bottom:172px;

}


#about_masthead .masthead_text {

display:inline-block !important;
text-align:left;

}


#about_masthead .masthead_text h1 {

font-size:64px !important;
font-weight:400 !important;

}


#about_masthead .line1 {

color:#f5f5f5 !important;
font-size:19px !important;
letter-spacing:.73px;
text-transform:uppercase;
position:relative;
left:5px;

}




@media screen and (max-width:600px) {

#about_masthead .masthead_text h1 {font-size:34px !important;}
#about_masthead .line1 {font-size:14px !important; left:3px;}
#about_masthead {padding-top:100px; padding-bottom:80px;}

}


@media screen and (min-width:601px) and (max-width:750px) {

#about_masthead .masthead_text h1 {font-size:50px !important;}
#about_masthead {padding-top:100px; padding-bottom:80px;}

}






/***************************** ABOUT WIN SECTION **********************************/

#about_win {

padding-top:103px;
padding-bottom:150px;
background-color:#f5f5f5;

}


#about_win .container {max-width:1440px !important;}



#about_win .sec_heading {

width:600px;
margin-bottom:40px !important;
margin-left:134px !important;

}


#about_win .winpic {

width:100%;

}


.winpic1 {margin-bottom:20px !important;}



@media screen and (max-width:767px) {

.winpic.deskonly {display:none;}

}


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

.winpic.mobileonly {display:none;}

}


@media screen and (max-width:650px) {

#about_win .sec_heading {margin-left:0px !important;}

}


@media screen and (max-width:900px) {

#about_win .sec_heading {margin-left:0px !important;}

}








/***************************** ABOUT TRAINING SECTION **********************************/

#about_training {

padding-top:140px;
padding-bottom:250px;
background-image:url(../jpg/vrtable.jpg);
background-size:cover;
background-position:center;

}


#about_training .container {max-width:1440px !important;}


#about_training .sectext {

margin-left:134px !important;
width:380px;
text-align:left;
max-width:100%;
box-sizing:border-box;

}


#about_training .secblurb {

color:#f5f5f5 !important;
width:350px;
margin-bottom:24px !important;
max-width:100%;
box-sizing:border-box;

}



@media screen and (max-width:650px) {

#about_training .sectext {margin-left:0px !important;}

}








/***************************** ABOUT TECH SECTION **********************************/

#about_tech {

padding-top:200px;
padding-bottom:90px;
background-color:#ffffff;

}


#about_tech .container {max-width:1440px !important;}


#about_tech .sectext {

width:362px;
max-width:32%;
display:inline-block !important;
vertical-align:top;
text-align:left;

}


#about_tech .secblurb {

margin-bottom:24px !important;

}


#about_tech .techpic {

width:888px;
max-width:62%;
display:inline-block !important;
vertical-align:top;
margin-right:45px;

}



@media screen and (max-width:900px) {

#about_tech {padding-top:100px;}
#about_tech .container {text-align:center;}
#about_tech .techpic {width:100%; max-width:800px; margin-bottom:40px !important; margin-right:0px !important;}
#about_tech .sectext, #about_tech .secblurb {width:100%; max-width:800px;}

}


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

#about_tech .sec_heading.flip:before {display:none !important;}

}








/***************************** ABOUT VALUES SECTION **********************************/

#about_values {

padding-top:90px;
padding-bottom:70px;
background-color:#ffffff;

}


#about_values .container {max-width:1440px !important;}


#about_values .sec_heading {

margin-bottom:40px !important;
margin-left:134px !important;

}


#about_values .slideholder {

width:100%;
display:inline-block !important;
white-space:nowrap;
overflow-x:auto;
margin-bottom:50px !important;

}


.value_block {

display:inline-block !important;
width:353px;
max-width:100%;
box-sizing:border-box;
height:677px;
border-radius:19px;
margin-right:8px !important;
position:relative;
display:inline-block;
vertical-align:top;
padding:28px;
color:#f5f5f5 !important;
text-align:left;
white-space:normal;
scroll-snap-align:start;
background-size:cover;
background-position:center;

}




.value_heading {

font-size:48px;
font-weight:300 !important;
margin-bottom:20px !important;
color:#f5f5f5;
line-height:43px !important;
margin-top:360px !important;

}


.value_text {color:#f5f5f5 !important;}


.value_block.placeholder_image {

width:0px;
padding:0px;
margin-right:0px !important;
background-color:transparent;

}


.value_block.passion {background-image:url(../png/value_passion.png);}
.value_block.creativity {background-image:url(../png/value_creativity.png);}
.value_block.teamwork {background-image:url(../png/value_teamwork.png);}
.value_block.value {background-image:url(../png/value_value.png);}
.value_block.dedication {background-image:url(../png/value_dedication.png);}
.value_block.service {background-image:url(../png/value_service.png);}



@media screen and (max-width:900px) {

#about_values .sec_heading {margin-left:0px !important;}

}


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

.value_block.placeholder_image {width:calc((100% - 1440px)/2) !important;}

}







/***************************** ABOUT TEAM SECTION **********************************/

#about_team {

padding-top:164px;
padding-bottom:164px;
background-color:#0D263D;

}


#about_team .container {max-width:1440px !important;}


#about_team .sec_heading {

margin-bottom:106px !important;
margin-left:134px !important;
width:410px;

}


.team_block {

display:inline-block !important;
//margin-right:20px !important;
margin-bottom:30px !important;
width:33%;
padding-right:20px;
max-width:100%;
box-sizing:border-box;
vertical-align:top;

}


.team_pic {

margin-bottom:15px !important;

}


.team_name {

font-size:30px !important;
color:#F58200 !important;
font-weight:500 !important;
margin-bottom:6px !important;

}


.team_title {

color:#f5f5f5 !important;

}




@media screen and (max-width:900px) {

#about_team .sec_heading {margin-left:0px !important;}
.team_block {width:49.5%;}

}


@media screen and (max-width:600px) {

#about_team {padding-top:80px; padding-bottom:80px;}
.team_block {width:100%; padding-right:0px !important;}

}








/***************************** ABOUT LOGO SECTION **********************************/

.about_logos {

padding-top:80px;
padding-bottom:70px;
background-color:#f5f5f5;

}


.about_logos .container {max-width:1440px !important;}


.about_logos .sec_heading {

margin-bottom:30px !important;
margin-left:134px !important;
width:410px;

}



.about_contact .sec_heading {

width:100%;
max-width:500px;

}



@media screen and (max-width:900px) {

.about_logos .sec_heading {margin-left:0px !important;}

}








/***************************** FOOTER **********************************/

#custom_html-3 {list-style:none !important;}


.footer {

background-color:#0d263d;
padding-top:200px;
padding-bottom:240px;
text-align:center;

}


.footer .container {

text-align:left;
padding-left:80px;
padding-right:20px;

}


.footercol {

display:inline-block;
vertical-align:top;
margin-right:80px;
margin-bottom:40px;

}


.footer_heading {

font-size:21px !important;
font-weight:500 !important;
display:block;
margin-bottom:20px;
color:#f58200;

}


.footer_item {

display:block;
margin-bottom:15px;
color:#f5f5f5 !important;

}


.ficon {

width:14px;
height:auto;
margin-right:8px;
position:relative;
top:-1px;

}


.socicon {

display:inline-block;
margin-right:24px;

}


.socicon img {

height:24px;
width:auto;

}



@media screen and (max-width:600px) {

.footercol {margin-right:40px;}
.footer .container {padding-left:40px; padding-right:40px;}
.socicon {margin-right:20px !important; margin-bottom:20px !important;}

}



@media screen and (max-width:900px) {

.footer {padding-top:40px; padding-bottom:80px;}

}


@media screen and (max-width:400px) {

.footercol {margin-right:0px !important;}

}